From 6d38875ecf0b6e84c73eef8d5392e96aadcad0af Mon Sep 17 00:00:00 2001
From: Shaenn <22753401+Shaenn@users.noreply.github.com>
Date: Fri, 21 Aug 2026 16:19:05 +0200
Subject: [PATCH 01/30] Le projet dit avec quel pnpm il s'installe
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Sans `packageManager`, rien ne garantissait la version de pnpm au moment de
l'installation. Or la quarantaine du workspace en dépend : `strictDepBuilds`
et le caractère strict de `minimumReleaseAge` ne valent que sous pnpm 11.
Une installation sous une version plus ancienne les aurait ignorés sans un
mot.

Le champ est posé sans somme de contrôle : `corepack use` l'aurait inscrite,
et elle immobilise le fichier à chaque correctif de pnpm.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 package.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/package.json b/package.json
index 72b5257..3feb5bd 100644
--- a/package.json
+++ b/package.json
@@ -7,6 +7,7 @@
   "license": "MIT",
   "type": "module",
   "private": true,
+  "packageManager": "pnpm@11.18.0",
   "scripts": {
     "lint": "eslint -c ./eslint.config.js \"./src*/**/*.{ts,js,cjs,mjs,vue}\" \"./server/**/*.ts\" \"./shared/**/*.ts\" \"./test/**/*.ts\"",
     "typecheck": "tsc --noEmit -p server/tsconfig.json && tsc --noEmit -p test/tsconfig.json",

From f8a2dc16a3e61d0c8bb78e6a642d9613b97fa764 Mon Sep 17 00:00:00 2001
From: Shaenn <22753401+Shaenn@users.noreply.github.com>
Date: Fri, 21 Aug 2026 16:19:05 +0200
Subject: [PATCH 02/30] =?UTF-8?q?L'override=20de=20vite=20dit=20=C3=A0=20q?=
 =?UTF-8?q?uelle=20condition=20il=20dispara=C3=AEt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Le commentaire disait déjà pourquoi il existe et pourquoi sa portée est
restreinte. Il ne disait pas ce qui permettrait de le retirer — sans quoi il
traverse les montées de version par inertie, faute de savoir quand le tester
à la suppression.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 pnpm-workspace.yaml | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index fe41e48..b4e7e40 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -36,5 +36,9 @@ minimumReleaseAge: 1440
 #
 # La portée compte : `vitepress>vite` et non `vite`. AURA elle-même est en
 # vite 8.2.1 ; un remplacement global la ferait *descendre* de deux majeures.
+#
+# Ce qui permettrait de le retirer : une vitepress stable qui accepte vite 6 ou
+# au-delà — la 2, aujourd'hui en alpha. Le jour où `pnpm why vite` ne montre
+# plus vitepress tirer une ligne 5, cette ligne n'a plus d'objet.
 overrides:
   vitepress>vite: '^6.4.3'

From 674cc3ce4f1ba0b43ba082a95b39ff2382aa6ed3 Mon Sep 17 00:00:00 2001
From: Shaenn <22753401+Shaenn@users.noreply.github.com>
Date: Fri, 21 Aug 2026 16:27:00 +0200
Subject: [PATCH 03/30] =?UTF-8?q?La=20CI=20ne=20redemande=20plus=20la=20ve?=
 =?UTF-8?q?rsion=20qu'elle=20a=20d=C3=A9j=C3=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

`packageManager` posé, `pnpm/action-setup` voyait deux sources et refusait de
démarrer — sans comparer les numéros, qui pourtant s'accordaient. Le workflow
laisse `package.json` répondre.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 .github/workflows/ci.yml    | 16 +++++++---------
 .github/workflows/pages.yml |  6 ++----
 2 files changed, 9 insertions(+), 13 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 3ed7d75..13a24a1 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -27,16 +27,14 @@ jobs:
     steps:
       - uses: actions/checkout@v7
 
-      # 11 et non 10 : les gardes de `pnpm-workspace.yaml` sont des fonctions de
-      # pnpm 11. Sous la 10, `pnpm install` ne vérifie pas le lockfile contre
-      # elles — la quarantaine ne protégeait donc que la machine qui résout, et
-      # un lockfile fabriqué ailleurs avec une dérogation locale passait la CI
-      # sans un mot. C'est aussi la version qui écrit le lockfile en local :
-      # laisser la CI le relire avec une majeure de retard est une panne qui
-      # attend son heure.
+      # Pas de version ici : `packageManager` dans `package.json` la porte
+      # désormais, et l'action refuse de démarrer si les deux se contredisent.
+      # Ce qui se joue sur ce numéro : les gardes de `pnpm-workspace.yaml` sont
+      # des fonctions de pnpm 11. Sous la 10, `pnpm install` ne vérifie pas le
+      # lockfile contre elles — la quarantaine ne protégeait donc que la machine
+      # qui résout, et un lockfile fabriqué ailleurs avec une dérogation locale
+      # passait la CI sans un mot.
       - uses: pnpm/action-setup@v6
-        with:
-          version: 11
 
       - uses: actions/setup-node@v7
         with:
diff --git a/.github/workflows/pages.yml b/.github/workflows/pages.yml
index e0847c6..0440e5b 100644
--- a/.github/workflows/pages.yml
+++ b/.github/workflows/pages.yml
@@ -23,11 +23,9 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v7
-      # Même version que `ci.yml`, et pour la même raison : voir le commentaire
-      # qui s'y trouve.
+      # Même version que `ci.yml`, et par le même chemin : `packageManager` dans
+      # `package.json`. Voir le commentaire qui s'y trouve.
       - uses: pnpm/action-setup@v6
-        with:
-          version: 11
       - uses: actions/setup-node@v7
         with:
           node-version: 24.19.0

From 15a57c6f187b8058f3dd8913f2b586961085a6eb Mon Sep 17 00:00:00 2001
From: Shaenn <22753401+Shaenn@users.noreply.github.com>
Date: Fri, 21 Aug 2026 16:27:05 +0200
Subject: [PATCH 04/30] =?UTF-8?q?Le=20socle=20exig=C3=A9=20dit=20la=20vers?=
 =?UTF-8?q?ion=20que=20le=20projet=20=C3=A9pingle?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

`engines.pnpm` autorisait par écrit la 10, que `packageManager` interdit de
fait ; six documents l'annonçaient encore comme prérequis. Les README disent
au passage pourquoi c'est 11 : les gardes de `pnpm-workspace.yaml` en sont des
fonctions, une majeure antérieure les ignore en silence.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 INSTALL.en.md    | 2 +-
 INSTALL.md       | 2 +-
 README.en.md     | 4 +++-
 README.md        | 4 +++-
 package.json     | 2 +-
 site/en/index.md | 2 +-
 site/index.md    | 2 +-
 7 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/INSTALL.en.md b/INSTALL.en.md
index 80d7162..5a88ade 100644
--- a/INSTALL.en.md
+++ b/INSTALL.en.md
@@ -11,7 +11,7 @@ system.
 ## Requirements
 
 - **Node.js 24** installed on the machine.
-- **pnpm** ≥ 10 (`npm i -g pnpm`).
+- **pnpm** ≥ 11 (`npm i -g pnpm`).
 - **Claude Code** installed and run at least once, with an existing **`~/.claude`** folder
   (on Windows: `C:\Users\<you>\.claude`). That folder is what AURA reads and changes.
 
diff --git a/INSTALL.md b/INSTALL.md
index 0d9c534..b7a879c 100644
--- a/INSTALL.md
+++ b/INSTALL.md
@@ -11,7 +11,7 @@ supposent ce système.
 ## Pré-requis
 
 - **Node.js 24** installé sur le poste.
-- **pnpm** ≥ 10 (`npm i -g pnpm`).
+- **pnpm** ≥ 11 (`npm i -g pnpm`).
 - **Claude Code** installé et lancé au moins une fois, avec un dossier **`~/.claude`** existant
   (sous Windows : `C:\Users\<vous>\.claude`). C'est ce dossier qu'AURA lit et modifie.
 
diff --git a/README.en.md b/README.en.md
index 81afefe..71082d9 100644
--- a/README.en.md
+++ b/README.en.md
@@ -308,7 +308,9 @@ report a flaw.
 
 - **Node.js 24** — a single major version: the one the application is developed, tested and
   shipped on, and the one CI runs. Node 24 is under long-term support.
-- **pnpm** ≥ 10 — `npm i -g pnpm`.
+- **pnpm** ≥ 11 — `npm i -g pnpm`. The exact version is pinned by `packageManager` in
+  `package.json`: the guards in `pnpm-workspace.yaml` are pnpm 11 features, and an earlier
+  major would ignore them silently.
 - **Claude Code** installed and run at least once, so an existing `~/.claude` folder.
   On Windows: `C:\Users\<you>\.claude`.
 
diff --git a/README.md b/README.md
index c293be8..9bc9302 100644
--- a/README.md
+++ b/README.md
@@ -335,7 +335,9 @@ comment signaler une faille.
 
 - **Node.js 24** — une seule version majeure, celle sur laquelle l'application est développée,
   testée et livrée. C'est aussi celle que la CI fait tourner. Node 24 est en support long terme.
-- **pnpm** ≥ 10 — `npm i -g pnpm`.
+- **pnpm** ≥ 11 — `npm i -g pnpm`. La version exacte est épinglée par `packageManager` dans
+  `package.json` : les gardes de `pnpm-workspace.yaml` sont des fonctions de pnpm 11, et une
+  majeure antérieure les ignorerait en silence.
 - **Claude Code** installé et lancé au moins une fois, donc un dossier `~/.claude` existant —
   `C:\Users\<vous>\.claude`.
 
diff --git a/package.json b/package.json
index 3feb5bd..7522159 100644
--- a/package.json
+++ b/package.json
@@ -71,6 +71,6 @@
     "node": "^24",
     "npm": ">= 6.13.4",
     "yarn": ">= 1.21.1",
-    "pnpm": ">= 10.0.0"
+    "pnpm": ">= 11.0.0"
   }
 }
diff --git a/site/en/index.md b/site/en/index.md
index 957b74f..454de76 100644
--- a/site/en/index.md
+++ b/site/en/index.md
@@ -102,7 +102,7 @@ AURA allows itself to write, to read, and to refuse.
 
 ## Installation
 
-You need **Node.js 24**, **pnpm ≥ 10**, and an existing `~/.claude` folder — so Claude Code
+You need **Node.js 24**, **pnpm ≥ 11**, and an existing `~/.claude` folder — so Claude Code
 installed and run at least once. Developed and tested on **Windows**, exclusively.
 
 ```bash
diff --git a/site/index.md b/site/index.md
index 857b0d0..0afdb3e 100644
--- a/site/index.md
+++ b/site/index.md
@@ -103,7 +103,7 @@ qu'AURA s'autorise à écrire, à lire, et à refuser.
 
 ## Installation
 
-Il faut **Node.js 24**, **pnpm ≥ 10**, et un dossier `~/.claude` existant — donc Claude Code
+Il faut **Node.js 24**, **pnpm ≥ 11**, et un dossier `~/.claude` existant — donc Claude Code
 installé et lancé au moins une fois. Développé et testé sous **Windows**, exclusivement.
 
 ```bash

From 407923f7332ec44cefe365317d5d876e5ae79244 Mon Sep 17 00:00:00 2001
From: Shaenn <22753401+Shaenn@users.noreply.github.com>
Date: Sat, 22 Aug 2026 01:45:06 +0200
Subject: [PATCH 05/30] La politique d'installation dit ce qu'elle refuse
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Le manifeste ne déclarait que des plages : une montée pouvait arriver par un
simple `pnpm install`, sans apparaître au diff. Les 38 dépendances sont
épinglées à la version réellement installée — donc `@vue/eslint-config-typescript`
à 14.9.0 et `vue-eslint-parser` à 10.4.1, et non à la base de leur plage, qui
aurait été un retour en arrière. `savePrefix` vide empêche `pnpm add` de
réintroduire un `^` un paquet à la fois.

`engines` ne nomme plus npm ni yarn : le projet ne s'installe pas autrement.
`engineStrict` donne enfin un effet à ce champ, qui restait un vœu.

Les overrides tiennent ce que l'épingle ne tient pas — les transitives, et le
premier `pnpm up --latest` : typescript sous 7 tant que vue-tsc n'y survit pas,
`@types/node` sous 25 tant que `engines.node` reste sur la 24.

Le hoisting global est remplacé par les deux motifs dont le build a réellement
besoin. Vérifié par un build complet des deux chaînes, application et vitrine.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 package.json        |  80 +++++++++++++++---------------
 pnpm-lock.yaml      | 116 ++++++++++++++++++++++----------------------
 pnpm-workspace.yaml |  59 +++++++++++++++++-----
 3 files changed, 145 insertions(+), 110 deletions(-)

diff --git a/package.json b/package.json
index 7522159..63bc8d2 100644
--- a/package.json
+++ b/package.json
@@ -26,51 +26,49 @@
     "postinstall": "quasar prepare"
   },
   "dependencies": {
-    "@anthropic-ai/claude-agent-sdk": "^0.3.233",
-    "@fastify/static": "^10.1.3",
-    "@fontsource/inter": "^5.3.0",
-    "@fontsource/jetbrains-mono": "^5.3.0",
-    "@quasar/extras": "^2.0.3",
-    "chart.js": "^4.5.1",
-    "dompurify": "^3.4.13",
-    "fastify": "^5.12.0",
-    "highlight.js": "^11.12.0",
-    "lottie-web": "^5.13.0",
-    "markdown-it": "^15.0.0",
-    "mermaid": "^11.16.1",
-    "node-telegram-bot-api": "^2.0.0",
-    "pinia": "^4.0.3",
-    "quasar": "^2.24.0",
-    "vue": "^3.5.41",
-    "vue-i18n": "^11.4.8",
-    "vue-router": "^5.2.0",
-    "zod": "^4.4.3"
+    "@anthropic-ai/claude-agent-sdk": "0.3.233",
+    "@fastify/static": "10.1.3",
+    "@fontsource/inter": "5.3.0",
+    "@fontsource/jetbrains-mono": "5.3.0",
+    "@quasar/extras": "2.0.3",
+    "chart.js": "4.5.1",
+    "dompurify": "3.4.13",
+    "fastify": "5.12.0",
+    "highlight.js": "11.12.0",
+    "lottie-web": "5.13.0",
+    "markdown-it": "15.0.0",
+    "mermaid": "11.16.1",
+    "node-telegram-bot-api": "2.0.0",
+    "pinia": "4.0.3",
+    "quasar": "2.24.0",
+    "vue": "3.5.41",
+    "vue-i18n": "11.4.8",
+    "vue-router": "5.2.0",
+    "zod": "4.4.3"
   },
   "devDependencies": {
-    "@eslint/js": "^10.0.1",
-    "@quasar/app-vite": "^3.5.0",
-    "@types/node": "^24.13.3",
-    "@vue/eslint-config-prettier": "^10.2.0",
-    "@vue/eslint-config-typescript": "^14.7.0",
-    "autoprefixer": "^10.5.4",
-    "concurrently": "^10.0.4",
-    "eslint": "^10.8.1",
-    "eslint-plugin-vue": "^10.10.0",
-    "globals": "^17.11.0",
-    "playwright": "^1.62.1",
-    "prettier": "^3.9.6",
-    "tsx": "^4.23.12",
-    "typescript": "^6.0.3",
-    "vite-plugin-checker": "^0.14.5",
-    "vitepress": "^1.6.4",
-    "vitest": "^4.1.10",
-    "vue-eslint-parser": "^10.4.0",
-    "vue-tsc": "^3.3.9"
+    "@eslint/js": "10.0.1",
+    "@quasar/app-vite": "3.5.0",
+    "@types/node": "24.13.3",
+    "@vue/eslint-config-prettier": "10.2.0",
+    "@vue/eslint-config-typescript": "14.9.0",
+    "autoprefixer": "10.5.4",
+    "concurrently": "10.0.4",
+    "eslint": "10.8.1",
+    "eslint-plugin-vue": "10.10.0",
+    "globals": "17.11.0",
+    "playwright": "1.62.1",
+    "prettier": "3.9.6",
+    "tsx": "4.23.12",
+    "typescript": "6.0.3",
+    "vite-plugin-checker": "0.14.5",
+    "vitepress": "1.6.4",
+    "vitest": "4.1.10",
+    "vue-eslint-parser": "10.4.1",
+    "vue-tsc": "3.3.9"
   },
   "engines": {
     "node": "^24",
-    "npm": ">= 6.13.4",
-    "yarn": ">= 1.21.1",
-    "pnpm": ">= 11.0.0"
+    "pnpm": ">= 11.18.0 <12"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 3e22903..3d0429a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -6,125 +6,127 @@ settings:
 
 overrides:
   vitepress>vite: ^6.4.3
+  typescript: <7
+  '@types/node': <25
 
 importers:
 
   .:
     dependencies:
       '@anthropic-ai/claude-agent-sdk':
-        specifier: ^0.3.233
+        specifier: 0.3.233
         version: 0.3.233(@anthropic-ai/sdk@0.115.0(zod@4.4.3))(@modelcontextprotocol/sdk@1.30.0(supports-color@10.2.2)(zod@4.4.3))(zod@4.4.3)
       '@fastify/static':
-        specifier: ^10.1.3
+        specifier: 10.1.3
         version: 10.1.3
       '@fontsource/inter':
-        specifier: ^5.3.0
+        specifier: 5.3.0
         version: 5.3.0
       '@fontsource/jetbrains-mono':
-        specifier: ^5.3.0
+        specifier: 5.3.0
         version: 5.3.0
       '@quasar/extras':
-        specifier: ^2.0.3
+        specifier: 2.0.3
         version: 2.0.3
       chart.js:
-        specifier: ^4.5.1
+        specifier: 4.5.1
         version: 4.5.1
       dompurify:
-        specifier: ^3.4.13
+        specifier: 3.4.13
         version: 3.4.13
       fastify:
-        specifier: ^5.12.0
+        specifier: 5.12.0
         version: 5.12.0
       highlight.js:
-        specifier: ^11.12.0
+        specifier: 11.12.0
         version: 11.12.0
       lottie-web:
-        specifier: ^5.13.0
+        specifier: 5.13.0
         version: 5.13.0
       markdown-it:
-        specifier: ^15.0.0
+        specifier: 15.0.0
         version: 15.0.0
       mermaid:
-        specifier: ^11.16.1
+        specifier: 11.16.1
         version: 11.16.1
       node-telegram-bot-api:
-        specifier: ^2.0.0
+        specifier: 2.0.0
         version: 2.0.0
       pinia:
-        specifier: ^4.0.3
+        specifier: 4.0.3
         version: 4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3))
       quasar:
-        specifier: ^2.24.0
+        specifier: 2.24.0
         version: 2.24.0
       vue:
-        specifier: ^3.5.41
+        specifier: 3.5.41
         version: 3.5.41(typescript@6.0.3)
       vue-i18n:
-        specifier: ^11.4.8
+        specifier: 11.4.8
         version: 11.4.8(vue@3.5.41(typescript@6.0.3))
       vue-router:
-        specifier: ^5.2.0
+        specifier: 5.2.0
         version: 5.2.0(@vue/compiler-sfc@3.5.41)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(rolldown@1.2.4)(rollup@4.62.4)(vite@8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))
       zod:
-        specifier: ^4.4.3
+        specifier: 4.4.3
         version: 4.4.3
     devDependencies:
       '@eslint/js':
-        specifier: ^10.0.1
+        specifier: 10.0.1
         version: 10.0.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))
       '@quasar/app-vite':
-        specifier: ^3.5.0
+        specifier: 3.5.0
         version: 3.5.0(@types/node@24.13.3)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(quasar@2.24.0)(sass@1.100.0)(supports-color@10.2.2)(terser@5.50.0)(tsx@4.23.12)(typescript@6.0.3)(vue-router@5.2.0(@vue/compiler-sfc@3.5.41)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(rolldown@1.2.4)(rollup@4.62.4)(vite@8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3)))(vue@3.5.41(typescript@6.0.3))(yaml@2.9.0)
       '@types/node':
-        specifier: ^24.13.3
+        specifier: <25
         version: 24.13.3
       '@vue/eslint-config-prettier':
-        specifier: ^10.2.0
+        specifier: 10.2.0
         version: 10.2.0(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(prettier@3.9.6)
       '@vue/eslint-config-typescript':
-        specifier: ^14.7.0
+        specifier: 14.9.0
         version: 14.9.0(eslint-plugin-vue@10.10.0(@typescript-eslint/parser@8.62.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3))(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(vue-eslint-parser@10.4.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)))(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)
       autoprefixer:
-        specifier: ^10.5.4
+        specifier: 10.5.4
         version: 10.5.4(postcss@8.5.26)
       concurrently:
-        specifier: ^10.0.4
+        specifier: 10.0.4
         version: 10.0.4
       eslint:
-        specifier: ^10.8.1
+        specifier: 10.8.1
         version: 10.8.1(jiti@2.7.0)(supports-color@10.2.2)
       eslint-plugin-vue:
-        specifier: ^10.10.0
+        specifier: 10.10.0
         version: 10.10.0(@typescript-eslint/parser@8.62.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3))(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(vue-eslint-parser@10.4.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2))
       globals:
-        specifier: ^17.11.0
+        specifier: 17.11.0
         version: 17.11.0
       playwright:
-        specifier: ^1.62.1
+        specifier: 1.62.1
         version: 1.62.1
       prettier:
-        specifier: ^3.9.6
+        specifier: 3.9.6
         version: 3.9.6
       tsx:
-        specifier: ^4.23.12
+        specifier: 4.23.12
         version: 4.23.12
       typescript:
-        specifier: ^6.0.3
+        specifier: <7
         version: 6.0.3
       vite-plugin-checker:
-        specifier: ^0.14.5
+        specifier: 0.14.5
         version: 0.14.5(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(optionator@0.9.4)(typescript@6.0.3)(vite@8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue-tsc@3.3.9(typescript@6.0.3))
       vitepress:
-        specifier: ^1.6.4
+        specifier: 1.6.4
         version: 1.6.4(@algolia/client-search@5.56.0)(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.33.0)(postcss@8.5.26)(sass-embedded@1.100.0)(sass@1.100.0)(search-insights@2.17.3)(terser@5.50.0)(tsx@4.23.12)(typescript@6.0.3)(yaml@2.9.0)
       vitest:
-        specifier: ^4.1.10
+        specifier: 4.1.10
         version: 4.1.10(@types/node@24.13.3)(vite@8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))
       vue-eslint-parser:
-        specifier: ^10.4.0
+        specifier: 10.4.1
         version: 10.4.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)
       vue-tsc:
-        specifier: ^3.3.9
+        specifier: 3.3.9
         version: 3.3.9(typescript@6.0.3)
 
 packages:
@@ -998,7 +1000,7 @@ packages:
       electron-builder: '>= 22'
       pinia: ^2.0.0 || ^3.0.0 || ^4.0.0
       quasar: ^2.24.0
-      typescript: '>= 5'
+      typescript: <7
       vite-plugin-vue-devtools: '>= 8'
       vue: ^3.2.29
       vue-router: '>= 5'
@@ -1467,20 +1469,20 @@ packages:
     peerDependencies:
       '@typescript-eslint/parser': ^8.62.1
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
-      typescript: '>=4.8.4 <6.1.0'
+      typescript: <7
 
   '@typescript-eslint/parser@8.62.1':
     resolution: {integrity: sha512-sPhE4iHuJDSvoAiec+Ro8JyXw8f0ql13HFR82P99nCm9GwTEKG0KYLvDe6REk8BCXuit6vJAv/Yxg5ABaNS2rA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
-      typescript: '>=4.8.4 <6.1.0'
+      typescript: <7
 
   '@typescript-eslint/project-service@8.62.1':
     resolution: {integrity: sha512-yQ3RgY5RkSBpsNS1Bx/JQEcA24FOSdfGktoyprAr5u18390UQdtVcfnEv4nIrIshNnavlVyZBKxQwT1fIAE6cg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      typescript: '>=4.8.4 <6.1.0'
+      typescript: <7
 
   '@typescript-eslint/scope-manager@8.62.1':
     resolution: {integrity: sha512-r4d249KbQ1SFdpeStvob8Ih6aPPIzfqllPVOtvhve6ZcpuVcYo5/7zUWckKpHE7StASX4kTKZTLf0WQm/wPkcg==}
@@ -1490,14 +1492,14 @@ packages:
     resolution: {integrity: sha512-xadytJqX9vJVQ2fdQjkcIVigwaOJNWkpjdLt6cEQ+xPnrI1fkp+/jZE/I97k9KUjqtpd25i0HeyZf3T6dutv2g==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      typescript: '>=4.8.4 <6.1.0'
+      typescript: <7
 
   '@typescript-eslint/type-utils@8.62.1':
     resolution: {integrity: sha512-aXM5xlqXiTxPibXB93cLAURfT3rlizf7uMXISCXy66Isr/9hISJx3yDsKl0L7lKa51b8JpFuNKby0/O0pEm9jg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
-      typescript: '>=4.8.4 <6.1.0'
+      typescript: <7
 
   '@typescript-eslint/types@8.62.1':
     resolution: {integrity: sha512-ooCzJFaf+Hg+uG6fA3NRFGuFjlfNlDhBthbv4ZPU/0elCAFUfnyXUvf/WOpHz/jYwSmvU2GkR2LtyUfy1AxZ1Q==}
@@ -1507,14 +1509,14 @@ packages:
     resolution: {integrity: sha512-xMcW9oP9u7fAMXYs9A65CVmtLQe2r//oXINHfi8HV+oiqhih17sbLdhXr4540YWlgpDKQdY854OL5ZrdCiQsAA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      typescript: '>=4.8.4 <6.1.0'
+      typescript: <7
 
   '@typescript-eslint/utils@8.62.1':
     resolution: {integrity: sha512-sHtbPfuKNZCG+ih8SyjjucqRntSVmp8XgL5u6o9mAhiSn8ds5o/M/XdM0abweme2Tln3szOstOrZ9OXitvPh0g==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
-      typescript: '>=4.8.4 <6.1.0'
+      typescript: <7
 
   '@typescript-eslint/visitor-keys@8.62.1':
     resolution: {integrity: sha512-4g3BLxfdTMy8iZG0MaBkadnlRrCJ74cQiFbyEVMrkwIoqdyaXXQM22cotDvrl4x28wgIZ9rEJRoM+mmhSJpJ1g==}
@@ -1633,7 +1635,7 @@ packages:
     peerDependencies:
       eslint: ^9.10.0 || ^10.0.0
       eslint-plugin-vue: ^9.28.0 || ^10.0.0
-      typescript: '>=4.8.4'
+      typescript: <7
     peerDependenciesMeta:
       typescript:
         optional: true
@@ -3098,7 +3100,7 @@ packages:
     resolution: {integrity: sha512-XMQqpvjgG7LMqVhhFUzKLT4KEbsYbfZZ0CZU9PgdFm1O2VKBmIkykL8+SfNhOaT7sR0wT6BEgKT0YNDYWgmVRA==}
     peerDependencies:
       '@vue/devtools-api': ^8.1.5
-      typescript: '>=5.6.0'
+      typescript: <7
       vue: ^3.5.11
     peerDependenciesMeta:
       typescript:
@@ -3675,7 +3677,7 @@ packages:
     resolution: {integrity: sha512-OJ/ibxhPlqrMM0UiNHJ/0CKQkoKF243/AEmplt3qpRgkW8VG7IfOS41h7V8TjITqdByHzrjcS/2si+y4lIh8NA==}
     engines: {node: '>=18.12'}
     peerDependencies:
-      typescript: '>=4.8.4'
+      typescript: <7
 
   ts-dedent@2.3.0:
     resolution: {integrity: sha512-JfJeIHke7y2egdGGgRAvpCwYFUsHlM2gPcrVOxFkznt/4uzQ7HFmvE63iFHVLBJNDuyDOQgijDK/tXH/f6Msjg==}
@@ -3684,7 +3686,7 @@ packages:
   ts-essentials@10.2.1:
     resolution: {integrity: sha512-+Id1fRkuir+CsgK2x04/icS2b4V1hQmq7ObzIrDjhN0ozfRYivnP7aaKMVJfLApQm0trjR39A6NIMVchiB9Erw==}
     peerDependencies:
-      typescript: '>=4.5.0'
+      typescript: <7
     peerDependenciesMeta:
       typescript:
         optional: true
@@ -3721,7 +3723,7 @@ packages:
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
-      typescript: '>=4.8.4 <6.1.0'
+      typescript: <7
 
   typescript@6.0.3:
     resolution: {integrity: sha512-y2TvuxSZPDyQakkFRPZHKFm+KKVqIisdg9/CZwm9ftvKXLP8NRWj38/ODjNbr43SsoXqNuAisEf1GdCxqWcdBw==}
@@ -3840,7 +3842,7 @@ packages:
       optionator: ^0.9.4
       oxlint: '>=1'
       stylelint: '>=16.26.1'
-      typescript: '*'
+      typescript: <7
       vite: '>=5.4.21'
       vue-tsc: ~2.2.10 || ^3.0.0
     peerDependenciesMeta:
@@ -3866,7 +3868,7 @@ packages:
     engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
     hasBin: true
     peerDependencies:
-      '@types/node': ^18.0.0 || ^20.0.0 || >=22.0.0
+      '@types/node': <25
       jiti: '>=1.21.0'
       less: '*'
       lightningcss: ^1.21.0
@@ -3906,7 +3908,7 @@ packages:
     engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
     peerDependencies:
-      '@types/node': ^20.19.0 || >=22.12.0
+      '@types/node': <25
       '@vitejs/devtools': ^0.4.0
       esbuild: ^0.27.0 || ^0.28.0
       jiti: '>=1.21.0'
@@ -3963,7 +3965,7 @@ packages:
     peerDependencies:
       '@edge-runtime/vm': '*'
       '@opentelemetry/api': ^1.9.0
-      '@types/node': ^20.0.0 || ^22.0.0 || >=24.0.0
+      '@types/node': <25
       '@vitest/browser-playwright': 4.1.10
       '@vitest/browser-preview': 4.1.10
       '@vitest/browser-webdriverio': 4.1.10
@@ -4034,12 +4036,12 @@ packages:
     resolution: {integrity: sha512-TS3Y1ux/IRoE8OCP2PpACAeOseuIs0UvWrcr7u+w3PmfY+SlCfEf8zjrBgnQksHUgLpthi5vHlffcQTQTdPBZA==}
     hasBin: true
     peerDependencies:
-      typescript: '>=5.0.0'
+      typescript: <7
 
   vue@3.5.41:
     resolution: {integrity: sha512-2laE0p+aK+/AOPG/XL/WepOs/GlK755LJ1XECi9kDUrz1FKNw8rb2Xzlw9JS1rqEV55nb0ttsKxVlTCcd+R5cg==}
     peerDependencies:
-      typescript: '*'
+      typescript: <7
     peerDependenciesMeta:
       typescript:
         optional: true
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index b4e7e40..3d2bb31 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -1,5 +1,21 @@
 # https://pnpm.io/settings
-shamefullyHoist: true
+
+# Ce qui remonte à la racine de `node_modules`, et rien d'autre. Un hoisting
+# global (`shamefullyHoist`) revient à `publicHoistPattern: '*'` : le projet
+# accède alors à des paquets qu'il n'a jamais déclarés, et une dépendance
+# retirée du manifeste continue de fonctionner jusqu'au jour où elle disparaît
+# de l'arbre. Nommer les motifs rend cette dette visible au lieu de la couvrir.
+publicHoistPattern:
+  - '@fontsource/*'
+  - 'vite'
+
+# Aucun préfixe sur les versions écrites par `pnpm add` et `pnpm up` :
+# le manifeste porte des versions exactes, pas des plages.
+savePrefix: ''
+
+# Fait échouer l'installation quand le Node ou le pnpm courant ne satisfait
+# pas le champ `engines` du manifeste, au lieu d'un simple avertissement.
+engineStrict: true
 
 # Seuls ces deux paquets ont le droit d'exécuter un script au moment de
 # l'installation. Tout le reste est inerte sur le disque tant que rien ne
@@ -28,17 +44,36 @@ strictDepBuilds: true
 # d'exclusion ajoutées sans un mot.
 minimumReleaseAge: 1440
 
-# La vitrine tire une chaîne d'outils à elle. `vitepress` 1.6.4 — la dernière
-# publiée, la 2 n'existe qu'en alpha — épingle `vite@^5.4.14`, et la ligne 5 de
-# Vite n'a **jamais** reçu les correctifs : le plus bas est 6.4.3. Sans cette
-# ligne, quatre avis restent ouverts en permanence, dont un de gravité haute qui
-# vise Windows, la seule plateforme du projet.
+# Ce qu'on refuse d'installer, quoi qu'en dise un manifeste.
 #
-# La portée compte : `vitepress>vite` et non `vite`. AURA elle-même est en
-# vite 8.2.1 ; un remplacement global la ferait *descendre* de deux majeures.
-#
-# Ce qui permettrait de le retirer : une vitepress stable qui accepte vite 6 ou
-# au-delà — la 2, aujourd'hui en alpha. Le jour où `pnpm why vite` ne montre
-# plus vitepress tirer une ligne 5, cette ligne n'a plus d'objet.
+# Un manifeste ÉPINGLE, un override CONTRAINT : l'épingle se réécrit au premier
+# `pnpm up --latest` ou par une transitive, l'override tient. Chaque entrée porte
+# la raison qui la retient et la condition de son retrait.
 overrides:
+  # La vitrine tire une chaîne d'outils à elle. `vitepress` 1.6.4 — la dernière
+  # publiée, la 2 n'existe qu'en alpha — épingle `vite@^5.4.14`, et la ligne 5 de
+  # Vite n'a **jamais** reçu les correctifs : le plus bas est 6.4.3. Sans cette
+  # ligne, quatre avis restent ouverts en permanence, dont un de gravité haute qui
+  # vise Windows, la seule plateforme du projet.
+  #
+  # La portée compte : `vitepress>vite` et non `vite`. AURA elle-même est en
+  # vite 8.2.1 ; un remplacement global la ferait *descendre* de deux majeures.
+  #
+  # Ce qui permettrait de le retirer : une vitepress stable qui accepte vite 6 ou
+  # au-delà — la 2, aujourd'hui en alpha. Le jour où `pnpm why vite` ne montre
+  # plus vitepress tirer une ligne 5, cette ligne n'a plus d'objet.
   vitepress>vite: '^6.4.3'
+
+  # TypeScript 7 a retiré l'API programmatique du compilateur (`ts.createProgram`,
+  # `ts.factory`), sur laquelle repose la vérification des composants monofichiers.
+  # vue-tsc échoue au chargement : la montée ne casse pas un type ici ou là, elle
+  # casse `pnpm typecheck` en entier. https://github.com/vuejs/language-tools/issues/5381
+  #
+  # À retirer quand vue-tsc publiera une version compatible — et pas avant de l'avoir
+  # vérifié : un override que personne ne teste survit à sa raison d'être.
+  typescript: '<7'
+
+  # Les types suivent la majeure de Node qu'on exécute (`engines.node: ^24`).
+  # Au-delà de la 24, ils décrivent des API absentes du runtime : le code
+  # compile et échoue à l'exécution. À retirer quand `engines.node` changera de ligne.
+  '@types/node': '<25'

From 1a79dd7dbfff04172fbf604d028fe2fa27fc3282 Mon Sep 17 00:00:00 2001
From: Shaenn <22753401+Shaenn@users.noreply.github.com>
Date: Sat, 22 Aug 2026 01:47:01 +0200
Subject: [PATCH 06/30] @quasar/extras passe en 2.0.4

Correctif. Lint, typecheck, 518 tests et le build de la SPA passent ; aucun
avertissement nouveau.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 63bc8d2..e823b74 100644
--- a/package.json
+++ b/package.json
@@ -30,7 +30,7 @@
     "@fastify/static": "10.1.3",
     "@fontsource/inter": "5.3.0",
     "@fontsource/jetbrains-mono": "5.3.0",
-    "@quasar/extras": "2.0.3",
+    "@quasar/extras": "2.0.4",
     "chart.js": "4.5.1",
     "dompurify": "3.4.13",
     "fastify": "5.12.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 3d0429a..a509f2c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -26,8 +26,8 @@ importers:
         specifier: 5.3.0
         version: 5.3.0
       '@quasar/extras':
-        specifier: 2.0.3
-        version: 2.0.3
+        specifier: 2.0.4
+        version: 2.0.4
       chart.js:
         specifier: 4.5.1
         version: 4.5.1
@@ -1026,8 +1026,8 @@ packages:
   '@quasar/art@1.0.0':
     resolution: {integrity: sha512-IAV8Qg2QM3U2alywUcCELyOlHCUNbJYmiVDRTLgcgmyBlQwo3Wk33eHAyT9cpnV5CqlmuYXe6UZt0Ybi1m0lMA==}
 
-  '@quasar/extras@2.0.3':
-    resolution: {integrity: sha512-tTw+5+2ZOugCpkagP20e/LJf7BgQyAQPlwyRwMYe2UpN1F4zYCZhvoAPio1hG2hr5FOlEiJVxSINJHhpdx5NZA==}
+  '@quasar/extras@2.0.4':
+    resolution: {integrity: sha512-JWls5J+xkgEn6u86NSBLRUXf92RSTlImmYNcF77JtbOwuZgQfQTg7RpLskqRTmzpU3Kkpd3TLDcVT0xwWwiphA==}
 
   '@quasar/render-ssr-error@2.2.5':
     resolution: {integrity: sha512-5vJC4kxokyvYdLgT82R7afCQNyMxrXC/0ndymUeDtn1HtU9oi4TILxPOanIxQfhKkWaP2xEQtzXtgc3XQdVB4A==}
@@ -4942,7 +4942,7 @@ snapshots:
 
   '@quasar/art@1.0.0': {}
 
-  '@quasar/extras@2.0.3': {}
+  '@quasar/extras@2.0.4': {}
 
   '@quasar/render-ssr-error@2.2.5':
     dependencies:

From 5a0879578aeb45ea4a4df88d3490a9261e079d64 Mon Sep 17 00:00:00 2001
From: Shaenn <22753401+Shaenn@users.noreply.github.com>
Date: Sat, 22 Aug 2026 01:48:39 +0200
Subject: [PATCH 07/30] dompurify passe en 3.4.14

Correctif. Lint, typecheck, 518 tests et le build de la SPA passent ; aucun
avertissement nouveau.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 12 ++++++------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index e823b74..89ed1c3 100644
--- a/package.json
+++ b/package.json
@@ -32,7 +32,7 @@
     "@fontsource/jetbrains-mono": "5.3.0",
     "@quasar/extras": "2.0.4",
     "chart.js": "4.5.1",
-    "dompurify": "3.4.13",
+    "dompurify": "3.4.14",
     "fastify": "5.12.0",
     "highlight.js": "11.12.0",
     "lottie-web": "5.13.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a509f2c..a97668a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -32,8 +32,8 @@ importers:
         specifier: 4.5.1
         version: 4.5.1
       dompurify:
-        specifier: 3.4.13
-        version: 3.4.13
+        specifier: 3.4.14
+        version: 3.4.14
       fastify:
         specifier: 5.12.0
         version: 5.12.0
@@ -2179,8 +2179,8 @@ packages:
   devlop@1.1.0:
     resolution: {integrity: sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==}
 
-  dompurify@3.4.13:
-    resolution: {integrity: sha512-2vmYIoqjze2d+kakP8S/nS5shfsl587kzwEjcGlTdiksUVgFHnFCsLYDVj/JNqJVOQZGSYBTmuycv0PodwmnMQ==}
+  dompurify@3.4.14:
+    resolution: {integrity: sha512-dVoH9z+MY+C9IilgGCk3YfFqjLi3fChm2OiKJMzh6axrJ5qwxqWaZamgmHrpv22CN/KdbZJuGEGgfQoL00LTdg==}
 
   dot-case@3.0.4:
     resolution: {integrity: sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==}
@@ -6095,7 +6095,7 @@ snapshots:
     dependencies:
       dequal: 2.0.3
 
-  dompurify@3.4.13:
+  dompurify@3.4.14:
     optionalDependencies:
       '@types/trusted-types': 2.0.7
 
@@ -6859,7 +6859,7 @@ snapshots:
       d3-sankey: 0.12.3
       dagre-d3-es: 7.0.14
       dayjs: 1.11.21
-      dompurify: 3.4.13
+      dompurify: 3.4.14
       es-toolkit: 1.50.0
       katex: 0.16.47
       khroma: 2.1.0

From 3222d25b04e41ba99cb3d90a74a148d5a30a1070 Mon Sep 17 00:00:00 2001
From: Shaenn <22753401+Shaenn@users.noreply.github.com>
Date: Sat, 22 Aug 2026 01:50:29 +0200
Subject: [PATCH 08/30] fastify passe en 5.12.1
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Correctif. Lint, typecheck et 518 tests passent. Le BFF démarre et route :
vérifié en le lançant sur un port libre, écoute confirmée sur 127.0.0.1.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 89ed1c3..0c23013 100644
--- a/package.json
+++ b/package.json
@@ -33,7 +33,7 @@
     "@quasar/extras": "2.0.4",
     "chart.js": "4.5.1",
     "dompurify": "3.4.14",
-    "fastify": "5.12.0",
+    "fastify": "5.12.1",
     "highlight.js": "11.12.0",
     "lottie-web": "5.13.0",
     "markdown-it": "15.0.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a97668a..808fb51 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -35,8 +35,8 @@ importers:
         specifier: 3.4.14
         version: 3.4.14
       fastify:
-        specifier: 5.12.0
-        version: 5.12.0
+        specifier: 5.12.1
+        version: 5.12.1
       highlight.js:
         specifier: 11.12.0
         version: 11.12.0
@@ -2429,8 +2429,8 @@ packages:
   fastify-plugin@6.0.0:
     resolution: {integrity: sha512-fZOty7z3O7vOliF6d8bHE3wiEh1KcNnKEQensSgTk9C1DvN6nRLS++XVd86v33Hw/8u9Un8A1zDrQ8ujcQDHEg==}
 
-  fastify@5.12.0:
-    resolution: {integrity: sha512-A3RNEaDIHWaxFW8n8rNJaW1wQ+XAXuoU71llfUQJjuh5WaYLmKfRhhanaJBOx8m2EBPQkR6sDBovYdHNe9F6rA==}
+  fastify@5.12.1:
+    resolution: {integrity: sha512-FWi+tQvwxR/PeRX7Z2mhfEF5ozJ3jn9asiiclzKXNSzJRHAYcU924aIOKAdHFJ+YIKieh3cqr1IwCOvTr41B3Q==}
 
   fastq@1.20.1:
     resolution: {integrity: sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==}
@@ -6416,7 +6416,7 @@ snapshots:
 
   fastify-plugin@6.0.0: {}
 
-  fastify@5.12.0:
+  fastify@5.12.1:
     dependencies:
       '@fastify/ajv-compiler': 4.0.6
       '@fastify/error': 4.2.0

From 7d62f7c90d13f5b42743d539dee62686a3100f6d Mon Sep 17 00:00:00 2001
From: Shaenn <22753401+Shaenn@users.noreply.github.com>
Date: Sat, 22 Aug 2026 01:52:34 +0200
Subject: [PATCH 09/30] mermaid passe en 11.17.0
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Mineure. Lint, typecheck, 518 tests et le build de la SPA passent ; le seul
avertissement au build est celui de taille de chunk, déjà présent avant.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 55 +++++++++++++++++++++++++++++++-------------------
 2 files changed, 35 insertions(+), 22 deletions(-)

diff --git a/package.json b/package.json
index 0c23013..03a6a06 100644
--- a/package.json
+++ b/package.json
@@ -37,7 +37,7 @@
     "highlight.js": "11.12.0",
     "lottie-web": "5.13.0",
     "markdown-it": "15.0.0",
-    "mermaid": "11.16.1",
+    "mermaid": "11.17.0",
     "node-telegram-bot-api": "2.0.0",
     "pinia": "4.0.3",
     "quasar": "2.24.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 808fb51..e836567 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -47,8 +47,8 @@ importers:
         specifier: 15.0.0
         version: 15.0.0
       mermaid:
-        specifier: 11.16.1
-        version: 11.16.1
+        specifier: 11.17.0
+        version: 11.17.0
       node-telegram-bot-api:
         specifier: 2.0.0
         version: 2.0.0
@@ -818,8 +818,8 @@ packages:
     resolution: {integrity: sha512-9I2Zn6+NJLfaGoz9jN3lpwDgAYvfGeNYdbAIjJOqzs4Tpc+VU3Jqq4IofSUBKajiDS8k9fZIg18/z13mpk1bsA==}
     engines: {node: '>=8'}
 
-  '@mermaid-js/parser@1.2.0':
-    resolution: {integrity: sha512-oYPyv8A4As1yH5Bx+04iQEQxXuIQDe0GKCNSRgao6z8AM9jixXIfP0vsppRLvGf+nKIOb9/LdpWA4YuJiVvESA==}
+  '@mermaid-js/parser@1.2.1':
+    resolution: {integrity: sha512-n12NohV3mrUyUL2o93IgG/ifeW9FTyeJn3zDxkhwa8MJ9Fxg3HQMlA3RiGmD/3UnJvheztkjjQAjA2T4LmUcpw==}
 
   '@modelcontextprotocol/sdk@1.30.0':
     resolution: {integrity: sha512-xKd8OIzlqNzcqcNumGAa6g+PW2kjD5vrpcKOnfldAUPP3j7lnqMPwlTXQm8gF+UwH72z0lqaRbjr9hqGz0eITA==}
@@ -2134,8 +2134,8 @@ packages:
   dagre-d3-es@7.0.14:
     resolution: {integrity: sha512-P4rFMVq9ESWqmOgK+dlXvOtLwYg0i7u0HBGJER0LZDJT2VHIPAMZ/riPxqJceWMStH5+E61QxFra9kIS3AqdMg==}
 
-  dayjs@1.11.21:
-    resolution: {integrity: sha512-98IT+HOahAisibz/yjKbzuOBwYcjJ7BCLPzARyHiyEBmRz4fatF+KPJszEHXsGYjUG234aH/cOjW1wwTbKUZlA==}
+  dayjs@1.11.23:
+    resolution: {integrity: sha512-QDTCU0M0MxR3hQfnlDJfwekQiaanm1ubOD231u73WBckQ/fsamwRLiE2GBz6D3a/xF1NgfiDLJjXBa1hYOYTtQ==}
 
   debug@4.4.3:
     resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
@@ -2248,8 +2248,8 @@ packages:
     resolution: {integrity: sha512-HWcBoN6NileqtSydK2FqHbS/LoDd2pqrnQHLyJzBj4kOp/ky2MWMN694xOfkK8/SnUsW2DH7EfyVlydKCsm1Zw==}
     engines: {node: '>= 0.4'}
 
-  es-toolkit@1.50.0:
-    resolution: {integrity: sha512-OyZKhUVvEep9ITEiwHn8GKnMRQIVqoSIX7WnRbkWgJkllCujilqP2rD0u979tkl8wqyc8ICwlc1UBVv/Sl1G6w==}
+  es-toolkit@1.51.0:
+    resolution: {integrity: sha512-zC2lQGkM7QX+Gm6iM3+WIdZJzthsEd14LvRNJneSO2hzyz/zNBENR8+YXWo1cKxgPBtV6ksPYHELbcwBRzmdCw==}
 
   esbuild@0.25.12:
     resolution: {integrity: sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==}
@@ -2426,6 +2426,9 @@ packages:
   fast-wrap-ansi@0.2.2:
     resolution: {integrity: sha512-7F2Fl+TjRSenLqlU3UjSH0iyqopqoZIu7eZVpEirP2g1GtWa2G/ecEmBdgz31+Mxr+ELclgg6sokpSFIQiZ02Q==}
 
+  fastdom@1.0.12:
+    resolution: {integrity: sha512-LB+xjSTEbjHE1cWsxu+tN2Xqr1kpi+V9aADI7sVM5ZMaXyYGPHULQMzpJMYqOTULK/73pUkWVzzObFRBkPr+hg==}
+
   fastify-plugin@6.0.0:
     resolution: {integrity: sha512-fZOty7z3O7vOliF6d8bHE3wiEh1KcNnKEQensSgTk9C1DvN6nRLS++XVd86v33Hw/8u9Un8A1zDrQ8ujcQDHEg==}
 
@@ -2902,8 +2905,8 @@ packages:
     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
     engines: {node: '>= 8'}
 
-  mermaid@11.16.1:
-    resolution: {integrity: sha512-TQsq6u22fAn3rek5VOubrhKPo1g5hwC3FXUN9hiyupTckcYiGuuKGkNQrKYwGJkXUxZdojwRG46gsSCFZMDp4g==}
+  mermaid@11.17.0:
+    resolution: {integrity: sha512-Jo9N377Wb4MSnHFPTbLi2SxFpsQl4eVHoxnW5U1Md9EazvgMp3s+4ohDxr81YNTgbn5Kj7HJ3yslrSJ52kwpbA==}
 
   micromark-util-character@2.1.1:
     resolution: {integrity: sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==}
@@ -3575,6 +3578,9 @@ packages:
   std-env@4.2.0:
     resolution: {integrity: sha512-oCUKSupKTHX53EyjDtuZQ64pjLJ6yYCtpmEw0goYxtjG9KpbRe8KAsl2tBUGU9DyMcJ0RwJ8GqJAFzMXcXW1Rw==}
 
+  strictdom@1.0.1:
+    resolution: {integrity: sha512-cEmp9QeXXRmjj/rVp9oyiqcvyocWab/HaoN4+bwFeZ7QzykJD6L3yD4v12K1x0tHpqRqVpJevN3gW7kyM39Bqg==}
+
   string-width@7.2.0:
     resolution: {integrity: sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==}
     engines: {node: '>=18'}
@@ -3815,8 +3821,8 @@ packages:
   util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
-  uuid@14.0.1:
-    resolution: {integrity: sha512-6ZxzVpzDXDa3bJWaHilVayA+BH/1zmxCJoVgvmqJnid/gPoKHxUrS/aC/T6LGQtNHT+XHG9fXPJB4d+IrU30Ew==}
+  uuid@14.0.2:
+    resolution: {integrity: sha512-xZe/16rV4aa+HGSOCiY2YeLT1OybRLrrkL/Rqaq7p7GMVXjFh+6wN4oMYgjFmnSnhY8t6Xpdl2l9qmnHYuMHwQ==}
     hasBin: true
 
   varint@6.0.0:
@@ -4683,7 +4689,7 @@ snapshots:
 
   '@lukeed/ms@2.0.2': {}
 
-  '@mermaid-js/parser@1.2.0':
+  '@mermaid-js/parser@1.2.1':
     dependencies:
       '@chevrotain/types': 11.1.2
 
@@ -6062,7 +6068,7 @@ snapshots:
       d3: 7.9.0
       lodash-es: 4.18.1
 
-  dayjs@1.11.21: {}
+  dayjs@1.11.23: {}
 
   debug@4.4.3(supports-color@10.2.2):
     dependencies:
@@ -6150,7 +6156,7 @@ snapshots:
     dependencies:
       es-errors: 1.3.0
 
-  es-toolkit@1.50.0: {}
+  es-toolkit@1.51.0: {}
 
   esbuild@0.25.12:
     optionalDependencies:
@@ -6414,6 +6420,10 @@ snapshots:
     dependencies:
       fast-string-width: 3.0.2
 
+  fastdom@1.0.12:
+    dependencies:
+      strictdom: 1.0.1
+
   fastify-plugin@6.0.0: {}
 
   fastify@5.12.1:
@@ -6845,11 +6855,11 @@ snapshots:
 
   merge2@1.4.1: {}
 
-  mermaid@11.16.1:
+  mermaid@11.17.0:
     dependencies:
       '@braintree/sanitize-url': 7.1.2
       '@iconify/utils': 3.1.4
-      '@mermaid-js/parser': 1.2.0
+      '@mermaid-js/parser': 1.2.1
       '@types/d3': 7.4.3
       '@upsetjs/venn.js': 2.0.0
       cytoscape: 3.34.1
@@ -6858,16 +6868,17 @@ snapshots:
       d3: 7.9.0
       d3-sankey: 0.12.3
       dagre-d3-es: 7.0.14
-      dayjs: 1.11.21
+      dayjs: 1.11.23
       dompurify: 3.4.14
-      es-toolkit: 1.50.0
+      es-toolkit: 1.51.0
+      fastdom: 1.0.12
       katex: 0.16.47
       khroma: 2.1.0
       marked: 16.4.2
       roughjs: 4.6.6
       stylis: 4.4.0
       ts-dedent: 2.3.0
-      uuid: 14.0.1
+      uuid: 14.0.2
 
   micromark-util-character@2.1.1:
     dependencies:
@@ -7532,6 +7543,8 @@ snapshots:
 
   std-env@4.2.0: {}
 
+  strictdom@1.0.1: {}
+
   string-width@7.2.0:
     dependencies:
       emoji-regex: 10.6.0
@@ -7727,7 +7740,7 @@ snapshots:
 
   util-deprecate@1.0.2: {}
 
-  uuid@14.0.1: {}
+  uuid@14.0.2: {}
 
   varint@6.0.0: {}
 

From 640ca06d5f66d27429e392aaa094e790f338b1d4 Mon Sep 17 00:00:00 2001
From: Shaenn <22753401+Shaenn@users.noreply.github.com>
Date: Sat, 22 Aug 2026 01:57:01 +0200
Subject: [PATCH 10/30] @quasar/app-vite passe en 3.7.0
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Mineure. Lint, typecheck, 518 tests et les deux builds — SPA et vitrine —
passent ; aucun avertissement nouveau.

La montée déplace un train de transitives que la chaîne d'outils tient en
plages : sass et sass-embedded en 1.103.1, vite en 8.2.2, rolldown en 1.2.5,
open en 11.0.1. Deux paquets entrent dans l'arbre par `open` — `powershell-utils`
et `wsl-utils` —, aucun n'exécute de script d'installation.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 package.json   |   2 +-
 pnpm-lock.yaml | 618 ++++++++++++++++++++++++++++++++-----------------
 2 files changed, 404 insertions(+), 216 deletions(-)

diff --git a/package.json b/package.json
index 03a6a06..cd728bf 100644
--- a/package.json
+++ b/package.json
@@ -48,7 +48,7 @@
   },
   "devDependencies": {
     "@eslint/js": "10.0.1",
-    "@quasar/app-vite": "3.5.0",
+    "@quasar/app-vite": "3.7.0",
     "@types/node": "24.13.3",
     "@vue/eslint-config-prettier": "10.2.0",
     "@vue/eslint-config-typescript": "14.9.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e836567..8ecf721 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -66,7 +66,7 @@ importers:
         version: 11.4.8(vue@3.5.41(typescript@6.0.3))
       vue-router:
         specifier: 5.2.0
-        version: 5.2.0(@vue/compiler-sfc@3.5.41)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(rolldown@1.2.4)(rollup@4.62.4)(vite@8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))
+        version: 5.2.0(@vue/compiler-sfc@3.5.41)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(rolldown@1.2.5)(rollup@4.62.4)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))
       zod:
         specifier: 4.4.3
         version: 4.4.3
@@ -75,8 +75,8 @@ importers:
         specifier: 10.0.1
         version: 10.0.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))
       '@quasar/app-vite':
-        specifier: 3.5.0
-        version: 3.5.0(@types/node@24.13.3)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(quasar@2.24.0)(sass@1.100.0)(supports-color@10.2.2)(terser@5.50.0)(tsx@4.23.12)(typescript@6.0.3)(vue-router@5.2.0(@vue/compiler-sfc@3.5.41)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(rolldown@1.2.4)(rollup@4.62.4)(vite@8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3)))(vue@3.5.41(typescript@6.0.3))(yaml@2.9.0)
+        specifier: 3.7.0
+        version: 3.7.0(@types/node@24.13.3)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(quasar@2.24.0)(sass@1.103.1)(supports-color@10.2.2)(terser@5.50.0)(tsx@4.23.12)(typescript@6.0.3)(vue-router@5.2.0(@vue/compiler-sfc@3.5.41)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(rolldown@1.2.5)(rollup@4.62.4)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3)))(vue@3.5.41(typescript@6.0.3))(yaml@2.9.0)
       '@types/node':
         specifier: <25
         version: 24.13.3
@@ -115,13 +115,13 @@ importers:
         version: 6.0.3
       vite-plugin-checker:
         specifier: 0.14.5
-        version: 0.14.5(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(optionator@0.9.4)(typescript@6.0.3)(vite@8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue-tsc@3.3.9(typescript@6.0.3))
+        version: 0.14.5(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(optionator@0.9.4)(typescript@6.0.3)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue-tsc@3.3.9(typescript@6.0.3))
       vitepress:
         specifier: 1.6.4
-        version: 1.6.4(@algolia/client-search@5.56.0)(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.33.0)(postcss@8.5.26)(sass-embedded@1.100.0)(sass@1.100.0)(search-insights@2.17.3)(terser@5.50.0)(tsx@4.23.12)(typescript@6.0.3)(yaml@2.9.0)
+        version: 1.6.4(@algolia/client-search@5.56.0)(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.33.0)(postcss@8.5.26)(sass-embedded@1.103.1)(sass@1.103.1)(search-insights@2.17.3)(terser@5.50.0)(tsx@4.23.12)(typescript@6.0.3)(yaml@2.9.0)
       vitest:
         specifier: 4.1.10
-        version: 4.1.10(@types/node@24.13.3)(vite@8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))
+        version: 4.1.10(@types/node@24.13.3)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))
       vue-eslint-parser:
         specifier: 10.4.1
         version: 10.4.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)
@@ -857,6 +857,9 @@ packages:
   '@oxc-project/types@0.144.0':
     resolution: {integrity: sha512-nuhZIOLuI6TFQ32I/WnUx+SCPY7SdSKwgnFHydAuoS1+Z4BRcaP+RRJmGzl9lw+0OFF7UmaESf7KQRXaNLHypg==}
 
+  '@oxc-project/types@0.146.0':
+    resolution: {integrity: sha512-XC0QsnnhVe7sLIWmYmdPw7x5P0h4W8vUU3Nv1ySgWXtvCz8NizoAEpGXA0sOYoJQV2Rl13LgURAHQ5cI5ILCSA==}
+
   '@parcel/watcher-android-arm64@2.5.6':
     resolution: {integrity: sha512-YQxSS34tPF/6ZG7r/Ih9xy+kP/WwediEUsqmtf0cuCV5TPPKw/PQHRhueUo6JdeFJaqV3pyjm0GdYjZotbRt/A==}
     engines: {node: '>= 10.0.0'}
@@ -945,35 +948,45 @@ packages:
     resolution: {integrity: sha512-tmmZ3lQxAe/k/+rNnXQRawJ4NjxO2hqiOLTHvWchtGZULp4RyFeh6aU4XdOYBFe2KE1oShQTv4AblOs2iOrNnQ==}
     engines: {node: '>= 10.0.0'}
 
-  '@peculiar/asn1-cms@2.8.0':
-    resolution: {integrity: sha512-NgekZOrSJFSBFLFoLfwePguAWAx7z1+f2TEsWFUMyiqqfntZ4+S/S5hzqME3q4pCA0iOsFKdwiQ35dwY24eVqA==}
+  '@peculiar/asn1-cms@2.9.4':
+    resolution: {integrity: sha512-cben7oxmQsUGZqotus7yt0srYdncOT6RNWcTQ77T2RFOXejYVYkXadrfePdRcrVpO9K95IRLKKglG2k38jKXuw==}
+    engines: {node: '>=14'}
 
-  '@peculiar/asn1-csr@2.8.0':
-    resolution: {integrity: sha512-akbF8+uvleHs8sejNPQxwmVFuInAg6FMNHOwMILXfP518YfFJwdR3jr6oNUPOaEJfuEhn/vkNOCIT6ASUd4mbg==}
+  '@peculiar/asn1-csr@2.9.4':
+    resolution: {integrity: sha512-xd4YN4vpRjkDAQWVfZZkeu12IEND7DOpkqaHSIHxZl1uggUNa9Ju0QxY2jHvDAS9pP0zhRBytg8ifsnGo3V0jw==}
+    engines: {node: '>=14'}
 
-  '@peculiar/asn1-ecc@2.8.0':
-    resolution: {integrity: sha512-ohwlk+u9Rv2NOAY1c6MfHj45ATVF8R1DUN/WCgABiRtLi2ZftlZWZX7KvpAbU8v9xPcmoILfELeEABj/rn18AQ==}
+  '@peculiar/asn1-ecc@2.9.4':
+    resolution: {integrity: sha512-JJXefFshRAuVAjWQo/39bkg1ywc1VaiO44S8RRC+Ykvf/u2KDmYffoDb0ZBPCR5uJy4AGKQhl8mX+Q8ShcWaXQ==}
+    engines: {node: '>=14'}
 
-  '@peculiar/asn1-pfx@2.8.0':
-    resolution: {integrity: sha512-5yof1ytoB++RQtaFbqSUJ8pxDJtZT6vbVqZ8XoJ61ph7UjNVvfFwAilnCodqkNsAodpy13gDhoxZXw00pghnyg==}
+  '@peculiar/asn1-pfx@2.9.4':
+    resolution: {integrity: sha512-khuGzHTzNzk4GDlIBEILyIs6Lce0yn0ZBdoI9v93kmNncfZRhD+AQ5ODFqdhvoE8cMJF/JMTQ8yA+t1D14kqCw==}
+    engines: {node: '>=14'}
 
-  '@peculiar/asn1-pkcs8@2.8.0':
-    resolution: {integrity: sha512-qAKXtLpBEw9LqhKpjw3ajZSXlBur+ipW+y2ivVBQAG6F6qRx94yO+1ZR4mvw+YaCfKSaOzLeYEzsPaBp4SJELA==}
+  '@peculiar/asn1-pkcs8@2.9.4':
+    resolution: {integrity: sha512-duRdotlUx9eDZe6QrQpQKl61RbWykCHBCkKayP8V8XdEFwlKHZ8qGGDMyS6Pye7OX7nLFttTTpRkJeet78ckwQ==}
+    engines: {node: '>=14'}
 
-  '@peculiar/asn1-pkcs9@2.8.0':
-    resolution: {integrity: sha512-b5nDWCnkV60+cQ141D6sVVwK9nz64R5n3zSVnklGd+ECdkW2Ol3U1a6yYFlalpSOaD557yuJB64A+q42jG7lUQ==}
+  '@peculiar/asn1-pkcs9@2.9.4':
+    resolution: {integrity: sha512-kaL4cNxBpdQE2dKlyZBqz4ygCrwffO+8wfoxTEqM1Z8RadvCeELBRzcv0dzM8aY9azHMwODO5nxU65zXmhToOQ==}
+    engines: {node: '>=14'}
 
-  '@peculiar/asn1-rsa@2.8.0':
-    resolution: {integrity: sha512-zHEUlCqB2mk7x2lxDwHHJy7hWZOPdGHVlsmITWKB5/PbQo61atbu9PJ/0r9dQNMwFzbKPXZ8uK8/91eUhRznSg==}
+  '@peculiar/asn1-rsa@2.9.4':
+    resolution: {integrity: sha512-pZ96eD1PptovcWQ/GSmuNFXd/7EQJNlKfDaNCyE2rx3W0v6QFelkzquVqRSRyyDXXCYD69ZXJDzZ8GhIiQzKoA==}
+    engines: {node: '>=14'}
 
-  '@peculiar/asn1-schema@2.8.0':
-    resolution: {integrity: sha512-7YT0U/ze0tF2QOBbE15gKZwy5tvgGyLRiRHLzhlbOpf7BT032oBSd0haZqXn5W6l26WLlu3dyxzjM+2638/z2Q==}
+  '@peculiar/asn1-schema@2.9.4':
+    resolution: {integrity: sha512-GjzePcT9Iw8NzeOPf73iNS9xM+TBhd/FilAfP+RQGkTMQJTVWtytN3JHJACCjf/ABNau5S7mS3g+DcuxmRgYEg==}
+    engines: {node: '>=14'}
 
-  '@peculiar/asn1-x509-attr@2.8.0':
-    resolution: {integrity: sha512-tHjkfS/qhMnmrlB2J9NhflQlQ7In3khO3CfmVrriOlpTeErY9ZIKOso1hQ5JQiyrJ7ShvqVPk7E5fQmbclkSKA==}
+  '@peculiar/asn1-x509-attr@2.9.4':
+    resolution: {integrity: sha512-ehQXbpQaQYycgu8OrvigwSPTFfVRcu0ECNYCWw+yzBp02Lw5paRqzzhUpfOgO2K38+WfFZuEz/0RPtam5g0OMg==}
+    engines: {node: '>=14'}
 
-  '@peculiar/asn1-x509@2.8.0':
-    resolution: {integrity: sha512-N0CMuhWUzsWEVq6F1q9X6+VKUnWzSW+cSVg+aPaGGwDdbFoFWTYgin5MHwXgpWd6y9COMBxnfy/Qc+Xc7F0Zwg==}
+  '@peculiar/asn1-x509@2.9.4':
+    resolution: {integrity: sha512-CxhBo/RdEbMMob7T31ZdQjGuoyRFLVwrDzTn25bihzBasRg9kRm/0IxIPvhgQtcK/9dNcO1XQL2fuPugwELL0Q==}
+    engines: {node: '>=14'}
 
   '@peculiar/utils@2.0.3':
     resolution: {integrity: sha512-+oL3HPFRIZ1St2K50lWCXiioIgSoxzz7R1J3uF6neO2yl1sgmpgY6XXJH4BdpoDkMWznQTeYF6oWNDZLCdQ4eQ==}
@@ -989,8 +1002,8 @@ packages:
     resolution: {integrity: sha512-SEeaJLb3qBNF/OaXnaR1NmmBbFYk1zC0ZH/52fATcRPLFg/p791YrcyFFy44Bo9sLaGuSuLp5Q6axbb/O+v/RA==}
     engines: {node: ^14.18.0 || >=16.0.0}
 
-  '@quasar/app-vite@3.5.0':
-    resolution: {integrity: sha512-fpdI5YCSRnsR4I4aznHdBoYovyEB/KJn8hWUkwo87yCeD3yCVrxp/bcGMsmKdZ+cJzoPgsViZSRIpjaE97Ovyw==}
+  '@quasar/app-vite@3.7.0':
+    resolution: {integrity: sha512-b71fAE9GbitRPUR6O1slyuamhY0t7uCxrF5vrPgH1Lk1bJ4f00ZSdsiZP1s2/ay0BbRj6yr3o/nzEEG3D104Yw==}
     engines: {node: ^30 || ^28 || ^26 || ^24 || ^22.22.0}
     hasBin: true
     peerDependencies:
@@ -1029,8 +1042,8 @@ packages:
   '@quasar/extras@2.0.4':
     resolution: {integrity: sha512-JWls5J+xkgEn6u86NSBLRUXf92RSTlImmYNcF77JtbOwuZgQfQTg7RpLskqRTmzpU3Kkpd3TLDcVT0xwWwiphA==}
 
-  '@quasar/render-ssr-error@2.2.5':
-    resolution: {integrity: sha512-5vJC4kxokyvYdLgT82R7afCQNyMxrXC/0ndymUeDtn1HtU9oi4TILxPOanIxQfhKkWaP2xEQtzXtgc3XQdVB4A==}
+  '@quasar/render-ssr-error@2.2.6':
+    resolution: {integrity: sha512-v8Q/uxmPwlBbN6lC/fObFk564A7CGFTVnObmdchhDMj817t17P6RsIyFVA8BUwuW0MdG2AWrrjpbhnXIgzuzvA==}
     engines: {node: '>= 16'}
 
   '@quasar/ssl-certificate@2.1.0':
@@ -1046,36 +1059,72 @@ packages:
       vite: ^8.0.0
       vue: ^3.0.0
 
+  '@rolldown/binding-android-arm-eabi@1.2.5':
+    resolution: {integrity: sha512-DLe/i+l8ynIBY7XEQ191TeZvCoowIGa18R+dIV30GW7DiOtp74i/xX8hs8GUjW5ARV7VZuie3d6AumSmCwbeRA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [android]
+
   '@rolldown/binding-android-arm64@1.2.4':
     resolution: {integrity: sha512-jHC2cnyKz5xU2fhECtFl8OZ83cYNt13GZQD+0uMJ/X3o+ijmd56okHhTUwxVSHPx1IRVIJEZ1/1pPzeLCU6XKA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [android]
 
+  '@rolldown/binding-android-arm64@1.2.5':
+    resolution: {integrity: sha512-zXcwKlQApYAOELHd8PwKDFkagYF9Wy4e0RJ+0qnzl9Pjnpj75TEG8ufv40p2J7kCEfwZAsNiuzRIyNNMWT38ig==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [android]
+
   '@rolldown/binding-darwin-arm64@1.2.4':
     resolution: {integrity: sha512-Dc5mPD8F5F/FS8i01syd7FTF6yB2fVthH/TRkjwJkzUK6EpoxHtqvZQP5Zwq80/5z19TWYHIg1KOHboCgVx/aQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [darwin]
 
+  '@rolldown/binding-darwin-arm64@1.2.5':
+    resolution: {integrity: sha512-dK4QakI42nzWgJT5sm4y4y/O//D4OxM75/cH28RLV+nzIN9AY+YsbuUVrUTjlLjXR6vpyxFbSsbmNuJ6BP9sww==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [darwin]
+
   '@rolldown/binding-darwin-x64@1.2.4':
     resolution: {integrity: sha512-fpDm4oBo6SqLvWUYCmFhdde3U9KH2fRNNMeAnAPAIwxRL345xutL0EtEUcuoxsoazdJGv/MuDBQHlCDrtbvqOg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [darwin]
 
+  '@rolldown/binding-darwin-x64@1.2.5':
+    resolution: {integrity: sha512-fqSALaUu1Wjd1nK2uW2kJDWdLCc8lx1IcY+MTY26Aurfdx19anlzhqXOgCFbBFQnlFDTn4TC1/7Nz4Bl2mLP3A==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [darwin]
+
   '@rolldown/binding-freebsd-x64@1.2.4':
     resolution: {integrity: sha512-rSJoreDE/HoIzoaib6MTp5jQtCTdMHKIvItAKT/ImS6Y6Ww76oUaeMyp4Vc/fAgd/ehji068IxetHXAnqUwN9A==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [freebsd]
 
+  '@rolldown/binding-freebsd-x64@1.2.5':
+    resolution: {integrity: sha512-/vCnNxlkxs9tKxNDcyWUePpJ/PgTzxIaVhoM5SmG8UV+GR/IcPam4VYxi7GIMo7PSDuNqlJqvprqii9NqqVCMw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [freebsd]
+
   '@rolldown/binding-linux-arm-gnueabihf@1.2.4':
     resolution: {integrity: sha512-/jm8OGHgn7oGaJu3i/qZI9spUGcJ+y/lk43ttQ/iO1tOd9NissG6o97bighBCiL+BKRngmcDuR6ikfwYdJmVuQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm]
     os: [linux]
 
+  '@rolldown/binding-linux-arm-gnueabihf@1.2.5':
+    resolution: {integrity: sha512-abk0NLA519LxRCszmbE0jYKuQ9YPocOXTiOXOo6Yr+YAT95VH+PtqYAjOJvGKt3viEd/x4qzabAlwd5bHOOARg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
   '@rolldown/binding-linux-arm64-gnu@1.2.4':
     resolution: {integrity: sha512-tIP06BeD9EqvECBrPZ+sqdPlYrT+aYaAiu1wYziVx5elRK/ftm33JxVDy2bXGbr6J0CrtirCkR87/X5a2euEng==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -1083,6 +1132,13 @@ packages:
     os: [linux]
     libc: [glibc]
 
+  '@rolldown/binding-linux-arm64-gnu@1.2.5':
+    resolution: {integrity: sha512-Y7eALiJ8lr0M2HH103Js+g7V34wf6snlpZLAsHI90uLhr3PVlNsbFVAXJC9d/V6BnPyKtpSwI+NcB/RLxsQxuA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
   '@rolldown/binding-linux-arm64-musl@1.2.4':
     resolution: {integrity: sha512-Ql1Q0EQqVThvn9VAVlwNzsUvbSFtCMGjLpRRi4pk5i7NZZ4n5ISiLMjHYtus4VQ2PvkSw24zyaCVsiS+sXPj1w==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -1090,6 +1146,13 @@ packages:
     os: [linux]
     libc: [musl]
 
+  '@rolldown/binding-linux-arm64-musl@1.2.5':
+    resolution: {integrity: sha512-xMvZgnbZg4YVnR/AX2b3oOPDTFYJvUVaJg5FedA/LuvexAtXibZQej4cnTkw3rjsJ/ggUROB64TdtETiim+FYA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
   '@rolldown/binding-linux-ppc64-gnu@1.2.4':
     resolution: {integrity: sha512-GjbjXD4XXfN19D0LZNbmiCBUoDiRACsYHr0yaIbbn8aFsXjHZifcYqu/W5Er5X2X990WjHXFrxarn5chzItorQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -1097,6 +1160,13 @@ packages:
     os: [linux]
     libc: [glibc]
 
+  '@rolldown/binding-linux-ppc64-gnu@1.2.5':
+    resolution: {integrity: sha512-GRjeqTUDHTo5GwntsLaAMcBahG3nlpjftXWZLN73HiYQlhwEowvarFgQnRnQZtIp4keXX7quXFbG38uPZBa2EA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
   '@rolldown/binding-linux-s390x-gnu@1.2.4':
     resolution: {integrity: sha512-p5WR0NOwaRmJ/B1b6IjEFLLivwEsf3PrdBIhRbhTCQisbo2SvHHpG4ELB/+FgQNnB88LTOF86upmJmbvZdQ2lw==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -1104,6 +1174,13 @@ packages:
     os: [linux]
     libc: [glibc]
 
+  '@rolldown/binding-linux-s390x-gnu@1.2.5':
+    resolution: {integrity: sha512-vLNTR45F2Uwc8AufkNXPmB4VliaXs+FvcheEogIzOXzO4l+LzieXF5A/TWxLy5HtqpsRCHUfd0lPVrrdgXdLHQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
   '@rolldown/binding-linux-x64-gnu@1.2.4':
     resolution: {integrity: sha512-4/GyVjmhR+Tc6HLJvwc1sOhPqAZtySiSMesOZyX6JQ5XBxoTDEMKQzvo07NIK6nTon/SivlZqvhzvuVBNQhObQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -1111,6 +1188,13 @@ packages:
     os: [linux]
     libc: [glibc]
 
+  '@rolldown/binding-linux-x64-gnu@1.2.5':
+    resolution: {integrity: sha512-Mgj59/HTuYeK9Gz2MA+mBWKnHsAgkBSec15ZMb1st3oIfFbX7gCjOae7GydHhzcyQi9Z/7M1QuN9bR3oFqF0jQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
   '@rolldown/binding-linux-x64-musl@1.2.4':
     resolution: {integrity: sha512-l9eeLsCNvPpmSXUej0etw/J1eqV0Jj1D5G/xG6YTijmE6dkv6E2QezgWbTfQk63v952DPqrjOCoiqxq7Bw0YUQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -1118,24 +1202,49 @@ packages:
     os: [linux]
     libc: [musl]
 
+  '@rolldown/binding-linux-x64-musl@1.2.5':
+    resolution: {integrity: sha512-mY8AP0/ichsbhAxGnLa3d3+MwV0EfgrPND2bplI3Ym8T6R2pJ0N87bvrKVwNXmdy3jnr6eQBecdqx/HMknBmpA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
   '@rolldown/binding-openharmony-arm64@1.2.4':
     resolution: {integrity: sha512-e0F355MSTMm3+UOqtV3L24gFUp2N5m1f8L/7d56deik6va+AXdrt9F8LbzGpeWGWRbZEDq4m8NVnJDeBtf9DZg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [openharmony]
 
+  '@rolldown/binding-openharmony-arm64@1.2.5':
+    resolution: {integrity: sha512-8SLssA2oweAxyRgDp789ACfRb/3P+zNRJpzZxSizxF9m8NUDQ4+3xjo8ttjhVGGw6Qxb70oZiEtIjaKikCO7Yw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [openharmony]
+
   '@rolldown/binding-win32-arm64-msvc@1.2.4':
     resolution: {integrity: sha512-AWLi0uBRYh6QlE7OKhiz+phZC0qwtij2QZmhmOdsLdFn64m7oMpooE9ICE3lhm9xMb4SpDo2WbHcxX1iFLFtqw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [win32]
 
+  '@rolldown/binding-win32-arm64-msvc@1.2.5':
+    resolution: {integrity: sha512-vGbruD5zquhoc8D9SViXgN2FBJtNdTyQ4DtG+SWiEGlJiAzoKcZ2xp+xuXCffhubVdt0NJlTZqkeRuERy7g8Cw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [win32]
+
   '@rolldown/binding-win32-x64-msvc@1.2.4':
     resolution: {integrity: sha512-UwSDJOg3dqCAejWdxclJjCsh3Qq4vLYMDxmyHqo1btz3stK2VqgwNd3mm5tuIwzSlGIQ/1H9Hr+Zn09mrezNqQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [win32]
 
+  '@rolldown/binding-win32-x64-msvc@1.2.5':
+    resolution: {integrity: sha512-e/SXpgISz+IoqVcSSI0rx/d/he8zqLex+/rCWpnHpmVfmPIUjag9H6P7zotf0gJHwPUhQxZ/mF8tr6acebT9yw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [win32]
+
   '@rolldown/pluginutils@1.0.1':
     resolution: {integrity: sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==}
 
@@ -1310,8 +1419,8 @@ packages:
   '@types/chai@5.2.3':
     resolution: {integrity: sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==}
 
-  '@types/chrome@0.2.5':
-    resolution: {integrity: sha512-DwLFgwj3D0zjxRBhQ3610RBso2g+yI1cakq/JdIGopZ9Bc5UhQluyfcLGZwivFE4t2h4b2QZYZhPV7KylExSbA==}
+  '@types/chrome@0.2.6':
+    resolution: {integrity: sha512-8OgXtL+OcR2IpY2ul5itg0R3xmdceAM4ldcHxh4BFL20p5z7fjhpyP5KuXAp1LIxA7oQgyViKTS9d+W8Sn8jdQ==}
 
   '@types/cordova@11.0.3':
     resolution: {integrity: sha512-kyuRQ40/NWQVhqGIHq78Ehu2Bf9Mlg0LhmSmis6ZFJK7z933FRfYi8tHe/k/0fB+PGfCf95rJC6TO7dopaFvAg==}
@@ -1889,8 +1998,8 @@ packages:
     resolution: {integrity: sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==}
     engines: {node: '>=6'}
 
-  colorjs.io@0.5.2:
-    resolution: {integrity: sha512-twmVoizEW7ylZSN32OgKdXRmo1qg+wT5/6C3xu5b9QsWzSFAhHLn2xd8ro0diCsKfCj1RdaTP/nrcW+vAoQPIw==}
+  colorjs.io@0.7.1:
+    resolution: {integrity: sha512-LY7OHnJZxHwT5UlzNa9bbhHHDbzB6yE5+3MIPwJEQKRvSCt/T4G7epsj+9j2BExUIIfXFIJGsIXUKdfrK9Q5tA==}
 
   comma-separated-tokens@2.0.3:
     resolution: {integrity: sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==}
@@ -2153,8 +2262,8 @@ packages:
     resolution: {integrity: sha512-x1VCxdX4t+8wVfd1so/9w+vQ4vx7lKd2Qp5tDRutErwmR85OgmfX7RlLRMWafRMY7hbEiXIbudNrjOAPa/hL8Q==}
     engines: {node: '>=18'}
 
-  default-browser@5.5.0:
-    resolution: {integrity: sha512-H9LMLr5zwIbSxrmvikGuI/5KGhZ8E2zH3stkMgM5LpOWDutGM2JZaj460Udnf1a+946zc7YBgrqEWwbk7zHvGw==}
+  default-browser@5.5.1:
+    resolution: {integrity: sha512-m1pAzaJgZ/gssEqlOhJkPJp8Xly7QyW6xcrkUa2KKcDeDSEMP7X8xipU3snUcfisTQx0w1AGae+9UtJSfVnXGw==}
     engines: {node: '>=18'}
 
   define-lazy-prop@3.0.0:
@@ -3025,8 +3134,8 @@ packages:
   oniguruma-to-es@3.1.1:
     resolution: {integrity: sha512-bUH8SDvPkH3ho3dvwJwfonjlQ4R80vjyvrU8YpxuROddv55vAEJrTuCuCVUhhsHbtlD9tGGbaNApGQckXhS8iQ==}
 
-  open@11.0.0:
-    resolution: {integrity: sha512-smsWv2LzFjP03xmvFoJ331ss6h+jixfA4UUV/Bsiyuu4YJPfN+FIQGOIiv4w9/+MoHkfkJ22UIaQWRVFRfH6Vw==}
+  open@11.0.1:
+    resolution: {integrity: sha512-NzwMUB6C1D0+Kd+9iMS/H4k+Ck3cTX6Ckyfr/gAGlmvSE1LUQZnEZvWBi4PYmMwH/S5SMeTXnE+9uAz8uF+pWw==}
     engines: {node: '>=20'}
 
   optionator@0.9.4:
@@ -3164,6 +3273,10 @@ packages:
     resolution: {integrity: sha512-dM0jVuXJPsDN6DvRpea484tCUaMiXWjuCn++HGTqUWzGDjv5tZkEZldAJ/UMlqRYGFrD/etByo4/xOuC/snX2A==}
     engines: {node: '>=20'}
 
+  powershell-utils@0.2.0:
+    resolution: {integrity: sha512-ZlsFlG7MtSFCoc5xreOvBAozCJ6Pf06opgJjh9ONEv418xpZSAzNjstD36C6+JwOnfSqOW/9uDkqKjezTdxZhw==}
+    engines: {node: '>=20'}
+
   preact@10.29.8:
     resolution: {integrity: sha512-ej2aVZ+vZ8WO7tvlQWRM9N63A0KzF9q4mWJfDUHgYaIofWY9hu74QdnQrjoPMmZi2/nZ5gN0bJCQF49xQqx09Q==}
     peerDependencies:
@@ -3295,6 +3408,11 @@ packages:
     engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
 
+  rolldown@1.2.5:
+    resolution: {integrity: sha512-VD2IE5PUG4Oj8zz2VGykiYd5wbnjdIiSsNQb8Qu5B+noEp+A78mu2iVvpp27g8es14Tk9rofNs5Tku9iQCS4fA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+
   rollup@4.62.4:
     resolution: {integrity: sha512-RXOqwaPsBGjMNMa4sQjDjHieHEZDFoj/Rdr46l2MU5DfEs16wHJPC2RPTPHWhNl+M3aI472LLqFkFKut4SblOg==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
@@ -3331,125 +3449,125 @@ packages:
   safer-buffer@2.1.2:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
 
-  sass-embedded-all-unknown@1.100.0:
-    resolution: {integrity: sha512-auFtXY/kwYILmSVjtBDwyj0axcLbYYiffOKWoaXHnI5bsYwiRbBh3EneR1rpbX2ZIZCrwX93i5pxKLTZF/662Q==}
+  sass-embedded-all-unknown@1.103.1:
+    resolution: {integrity: sha512-MwX2ap06TbImAqlbnH6EndgBBejk6Eq2QB6Ae2hukCn9wmXf9cRu27um3mz3tyB4oJOOku0xfHqFH/+ckYj6YA==}
     cpu: ['!arm', '!arm64', '!riscv64', '!x64']
 
-  sass-embedded-android-arm64@1.100.0:
-    resolution: {integrity: sha512-W+Ru9JwTnfU0UX3jSZcbqFdtKFMcYdfFwytc57h2DgnqCOIiAqI2E06mABZBZC+r3LwXCBuS5GbXAGeVgvVDkA==}
+  sass-embedded-android-arm64@1.103.1:
+    resolution: {integrity: sha512-jBXWMksyz55XeLOWvQs64BqiG5DcqflmMxcvMoA2oHtQT/7XZ02hBn502qpcF/q8Qd+qqG/hU5ccM+hGXrbQZw==}
     engines: {node: '>=14.0.0'}
     cpu: [arm64]
     os: [android]
 
-  sass-embedded-android-arm@1.100.0:
-    resolution: {integrity: sha512-70f3HgX2pFNmzpGQ86n5e6QfWn2fP4QUQGfFQK0P1XH73ZLIzLo2YqygrGKGKeeqtc5eU2Wl1/xQzhzuKnO4kw==}
+  sass-embedded-android-arm@1.103.1:
+    resolution: {integrity: sha512-p36WHpsu5HEo2+NVNbI2Nmb8VgVH0xwOQyzghvZhF7ikGCzEVYI5BP28vHUZlCcgj2TUvMEJKI2lV336a+F/sg==}
     engines: {node: '>=14.0.0'}
     cpu: [arm]
     os: [android]
 
-  sass-embedded-android-riscv64@1.100.0:
-    resolution: {integrity: sha512-icU3o0V/uCSytSpf+tX5Lf51BvyQEbLzDUJfUi9etSauYBGHpPKkdtdZH0si4v98phq11Kl8rSV1SggksxF1Hg==}
+  sass-embedded-android-riscv64@1.103.1:
+    resolution: {integrity: sha512-rzrH7RNntk0rx+zCE9xOiAIUt37D1cQKvFfcoX0xiePdGbNHBN8DWKaWN9vaCRfbgKCmxPjevzaqFNI/G/8E1A==}
     engines: {node: '>=14.0.0'}
     cpu: [riscv64]
     os: [android]
 
-  sass-embedded-android-x64@1.100.0:
-    resolution: {integrity: sha512-mevF9VQk6gEYByy8+jusaHGmd7Usb2ytX/DsEOd0JtOGCtcf1kh575xJ6OUBDIcJ15uLnbau/0iy1eP6WVBvWA==}
+  sass-embedded-android-x64@1.103.1:
+    resolution: {integrity: sha512-EQglAJXJutuIcqgZf7YOwzao2ND6ow/OgqN+cM48/Qaeb6AimYmZiUJmM9FFcmS3Q2n1k6/2OU3l3Hlin7bFpw==}
     engines: {node: '>=14.0.0'}
     cpu: [x64]
     os: [android]
 
-  sass-embedded-darwin-arm64@1.100.0:
-    resolution: {integrity: sha512-1PVlYi61POo93IT/FfrG1mc1tAHxeSTyUALF2aOFmXGWjVXr3bQzEQiBGCOvQbj/ix+5hNyXFXcEMEyKvtUJJA==}
+  sass-embedded-darwin-arm64@1.103.1:
+    resolution: {integrity: sha512-rlaBeCul8pLbDRKdBAxdDxSBwFU5fbX42ci6CxW2Vbs34jWTMQ72+nE2v2KkGGce+JnYbb7UV6xDP/4uDWWi+w==}
     engines: {node: '>=14.0.0'}
     cpu: [arm64]
     os: [darwin]
 
-  sass-embedded-darwin-x64@1.100.0:
-    resolution: {integrity: sha512-x97o3JnGyImZNCIVs9wQHJUE5QCvmVIKaH1cwrz/5dK7OT1FpeNiW+u9TUomP9hG6Ekjd8EL8NBHpxTfIhdjmg==}
+  sass-embedded-darwin-x64@1.103.1:
+    resolution: {integrity: sha512-VSKFfhI//AOct6ppFmAaSH7tlW2LOFECMGs77jIoWf0ZjvGch/3sc9lUTTdIaYIOnTS4qpZck+8OcI2D0G92QA==}
     engines: {node: '>=14.0.0'}
     cpu: [x64]
     os: [darwin]
 
-  sass-embedded-linux-arm64@1.100.0:
-    resolution: {integrity: sha512-Dwjmj8Z6VRy7rAi53JAdEwIyUjpfl7PhpSc2/LpQPQx+aO5Dp7Spaipkax0ufJl1SoDUdchCsM4y/88YaluorQ==}
+  sass-embedded-linux-arm64@1.103.1:
+    resolution: {integrity: sha512-rC+80/Xr9svo0ka2Zr/sjD+N1zEHTw2Urm/nsEjaVp5HSH2i22jwhTKTIqie2OLl6ti+qdYnbI0sSfxOYRtgrg==}
     engines: {node: '>=14.0.0'}
     cpu: [arm64]
     os: [linux]
     libc: glibc
 
-  sass-embedded-linux-arm@1.100.0:
-    resolution: {integrity: sha512-9Ul7O1eKrc5YlhwWjkp8tZPSe3UEwSZ1uwUZOQom1HL0pRlBA6F/IlGZYFTLwnHMIP1fc77MMNaBRfc05mKMpw==}
+  sass-embedded-linux-arm@1.103.1:
+    resolution: {integrity: sha512-tJRLPUtBwXHTnBnG7I39gQvCLreuOHLLCMyKHPR1hQ7aFNwiZjADYzKMRQPNMUqti/Os9z+6I7V13FqgQHfuzg==}
     engines: {node: '>=14.0.0'}
     cpu: [arm]
     os: [linux]
     libc: glibc
 
-  sass-embedded-linux-musl-arm64@1.100.0:
-    resolution: {integrity: sha512-XpACJB2KjSLjf2e9uuvGVdOURsoNrFqgRiihhXyUHK9W0t3LIHb7z5MA/7XGPIT9bWSOO2zyw+rH/FHtDV/Yrg==}
+  sass-embedded-linux-musl-arm64@1.103.1:
+    resolution: {integrity: sha512-jMgG/C/VMo7+ShMFdk0xjJmQmYkj1PbJu/yrQiaQHpuo5pE2G+vnkEgsuM5EM3lTQ4MbMfnf715qy1fkbNPiUQ==}
     engines: {node: '>=14.0.0'}
     cpu: [arm64]
     os: [linux]
     libc: musl
 
-  sass-embedded-linux-musl-arm@1.100.0:
-    resolution: {integrity: sha512-sl0JgbGloPyJg66XXx5UDSDScZ0oU85DpMQU4JU/sCUCFj1Z8zZ69SJWKTCNE4/jwnce7WI2zPCV5AG+RHOZJw==}
+  sass-embedded-linux-musl-arm@1.103.1:
+    resolution: {integrity: sha512-N8L/kgVzXpnH+8d6ErIzqvb0l8kHODR3OfPaf0Azw6DOLGtEjwDRUbHno+G7iogGzyPOjKsM8OdyqHJj/bpTdw==}
     engines: {node: '>=14.0.0'}
     cpu: [arm]
     os: [linux]
     libc: musl
 
-  sass-embedded-linux-musl-riscv64@1.100.0:
-    resolution: {integrity: sha512-ShvI0Kx04mwoCARwZ0UjiT97isQvzO80tAt91zmFyHLN9kelc/IrQi940farSm2xQVPCKdeVyeG0ekBsokSpYQ==}
+  sass-embedded-linux-musl-riscv64@1.103.1:
+    resolution: {integrity: sha512-LZm8rEvI6sKU87qPOlODsYeAs7CmWy0B4ShYkjG4OMcGCcV4Ffxn25XW4TFqmruThITQvJ8WT+WGblzdoxYgbA==}
     engines: {node: '>=14.0.0'}
     cpu: [riscv64]
     os: [linux]
     libc: musl
 
-  sass-embedded-linux-musl-x64@1.100.0:
-    resolution: {integrity: sha512-TDBCRWNuS4RDLQXvRc1gjZlWiWTWaWGp0Bwu/IKwJxov81lsvrCs3TihTyNXtW7V5aoN4Ky3r0QOkNb3mwmBnA==}
+  sass-embedded-linux-musl-x64@1.103.1:
+    resolution: {integrity: sha512-rmKzgk4t6RpaDhSefbbnk5yrA4pk1nHlVhJECGay8yMfzK8eglATeY9fzPgt89xCuQk6rkOiy11e+m8tLYOW5Q==}
     engines: {node: '>=14.0.0'}
     cpu: [x64]
     os: [linux]
     libc: musl
 
-  sass-embedded-linux-riscv64@1.100.0:
-    resolution: {integrity: sha512-j4ENJGOheO+fm3j/yorLxCjBP6/XskrZx7dTLlT+lXYwN/qqCqoA/gsNLI0McS3DFM6GBwPiffzWsdWS8t6sEQ==}
+  sass-embedded-linux-riscv64@1.103.1:
+    resolution: {integrity: sha512-xydQmtxla31uMrmN6z+mAogVGdEMDmkUElVq2+udomX/TPZDYJBkApEyJl237M2VLWVv29v1N4U4i2Z4xa7SDA==}
     engines: {node: '>=14.0.0'}
     cpu: [riscv64]
     os: [linux]
     libc: glibc
 
-  sass-embedded-linux-x64@1.100.0:
-    resolution: {integrity: sha512-0vUSN8j0WGtCJIOPh//EmUvYGHW0QOe5iul8qyhPk50MAcw49MA0r34AhftjDdx94ILPF6vApFs0gwHPQRlpVA==}
+  sass-embedded-linux-x64@1.103.1:
+    resolution: {integrity: sha512-Rln1oWm0MWKzzemOgQWrRFzfVBARwS9qxAidZPpCQHSohzPnWizFkmY1CUJad/YJNsA7sscueMdX63OEvxoM8w==}
     engines: {node: '>=14.0.0'}
     cpu: [x64]
     os: [linux]
     libc: glibc
 
-  sass-embedded-unknown-all@1.100.0:
-    resolution: {integrity: sha512-c+naBgWId4MIpToXcI0DgqetjdAkwTTAxFAuOaBz7HUXLdyG1oZRrEvSsbe41nEdQOKH0vgofVFCeSQgoXOG9A==}
+  sass-embedded-unknown-all@1.103.1:
+    resolution: {integrity: sha512-p7kI4US8+n+YguKczXh+4KcodJnk+8cwv+QFdvMaz3OfPrdHV0EnhPsaVDWD9qXb1XXCEdUhpp6vQwGk3eKc3A==}
     os: ['!android', '!darwin', '!linux', '!win32']
 
-  sass-embedded-win32-arm64@1.100.0:
-    resolution: {integrity: sha512-iE+yxj+hUXwwbqpHkXxgAWTzeRfcWxJ7SSTQEPMk48lwq3oCrWLlz5sQuWHbuTK/i0GKQfROdP+hOmPi89yjUg==}
+  sass-embedded-win32-arm64@1.103.1:
+    resolution: {integrity: sha512-/0renOj3SpZGu4TA8CZJ6qZbTxGZk1khkPfiBTmV1uFB40ESYM5VsdXNj76P07bsAjIj9X2fCjTafLQFLSd9Nw==}
     engines: {node: '>=14.0.0'}
     cpu: [arm64]
     os: [win32]
 
-  sass-embedded-win32-x64@1.100.0:
-    resolution: {integrity: sha512-qI4F8MI7/KYoy9NdjJfhSspG42WPkADSNDvwEV7qWvCSFC83koJssRsKO2/PfY+niZz6BG65Ic/D+A11h959hw==}
+  sass-embedded-win32-x64@1.103.1:
+    resolution: {integrity: sha512-fIg60j9u5YlLUU3W8FvySMR4HHIo9R12HHFQTW7njyQ8nXqgR+t+XfCzGJloQka8g583BlAfu31Q76Ljr5o+9g==}
     engines: {node: '>=14.0.0'}
     cpu: [x64]
     os: [win32]
 
-  sass-embedded@1.100.0:
-    resolution: {integrity: sha512-Ut8wlQSk19tm7jMK6mz6cF1+e+E7tUnW2tM02zQDPnOTcVbV8qCQG8UWxZkkNlY50+hV3hqP24OOkUlMz8xBpw==}
-    engines: {node: '>=16.0.0'}
+  sass-embedded@1.103.1:
+    resolution: {integrity: sha512-UVIuFZPzz+4DXYbHzQ5gKaKkyP2IH3Sc/WoF63N2V7QIfnC2E9UpQAtiKlCVJTfBe43HRgHDBLnXpZkYAEBsNQ==}
+    engines: {node: '>=20.19.0'}
     hasBin: true
 
-  sass@1.100.0:
-    resolution: {integrity: sha512-B5j0rYMlinhhOo9tjQebMVVn0TfyXAF+wB3b2ggZUuJ/is/Y+7+JGjirAMxHZ9Z3hIP98NPfamlAkBHa1lAaXQ==}
+  sass@1.103.1:
+    resolution: {integrity: sha512-9icZURbP51S6S0QGoyaeqk9uB06GNWxsFYWfH5RgpFgqK5FA8tJcM3AdVxrZEVJ7dz+L87nG95gBKf4VuaMHGw==}
     engines: {node: '>=20.19.0'}
     hasBin: true
 
@@ -3909,13 +4027,13 @@ packages:
       yaml:
         optional: true
 
-  vite@8.2.1:
-    resolution: {integrity: sha512-EU/eS7BH3XROHh2YnBefjM6DBKA6ZeMZEYQbj7NLWg5wHYlhB8B/Mayd5XsgWq+NFYccDOTemRpdETWR6Ka/lw==}
+  vite@8.2.2:
+    resolution: {integrity: sha512-cFKLV/PRgAUlIRm5WjMjJ86jrftzpqcgH+Us+DS8mI3CDNiH30Whrz8uHL3+MOLPAgqbMBAqWdAHAphOAM+z/Q==}
     engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
     peerDependencies:
       '@types/node': <25
-      '@vitejs/devtools': ^0.4.0
+      '@vitejs/devtools': ^0.4.0 || ^0.5.0
       esbuild: ^0.27.0 || ^0.28.0
       jiti: '>=1.21.0'
       less: ^4.0.0
@@ -4083,8 +4201,8 @@ packages:
   wrappy@1.0.2:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
 
-  wsl-utils@0.3.1:
-    resolution: {integrity: sha512-g/eziiSUNBSsdDJtCLB8bdYEUMj4jR7AGeUo96p/3dTafgjHhpF4RiCFPiRILwjQoDXx5MqkBr4fwWtR3Ky4Wg==}
+  wsl-utils@1.0.0:
+    resolution: {integrity: sha512-Hl0ZOAs672vg+06kfujwRhoS6/jehvULrlFkuF2dRu6pHgA8U06h3xqNIqNNU1LTXPcedxByAR4GS6pwQK0mgA==}
     engines: {node: '>=20'}
 
   xml-name-validator@5.0.0:
@@ -4734,6 +4852,8 @@ snapshots:
 
   '@oxc-project/types@0.144.0': {}
 
+  '@oxc-project/types@0.146.0': {}
+
   '@parcel/watcher-android-arm64@2.5.6':
     optional: true
 
@@ -4795,78 +4915,78 @@ snapshots:
       '@parcel/watcher-win32-x64': 2.5.6
     optional: true
 
-  '@peculiar/asn1-cms@2.8.0':
+  '@peculiar/asn1-cms@2.9.4':
     dependencies:
-      '@peculiar/asn1-schema': 2.8.0
-      '@peculiar/asn1-x509': 2.8.0
-      '@peculiar/asn1-x509-attr': 2.8.0
+      '@peculiar/asn1-schema': 2.9.4
+      '@peculiar/asn1-x509': 2.9.4
+      '@peculiar/asn1-x509-attr': 2.9.4
       asn1js: 3.0.10
       tslib: 2.8.1
 
-  '@peculiar/asn1-csr@2.8.0':
+  '@peculiar/asn1-csr@2.9.4':
     dependencies:
-      '@peculiar/asn1-schema': 2.8.0
-      '@peculiar/asn1-x509': 2.8.0
+      '@peculiar/asn1-schema': 2.9.4
+      '@peculiar/asn1-x509': 2.9.4
       asn1js: 3.0.10
       tslib: 2.8.1
 
-  '@peculiar/asn1-ecc@2.8.0':
+  '@peculiar/asn1-ecc@2.9.4':
     dependencies:
-      '@peculiar/asn1-schema': 2.8.0
-      '@peculiar/asn1-x509': 2.8.0
+      '@peculiar/asn1-schema': 2.9.4
+      '@peculiar/asn1-x509': 2.9.4
       asn1js: 3.0.10
       tslib: 2.8.1
 
-  '@peculiar/asn1-pfx@2.8.0':
+  '@peculiar/asn1-pfx@2.9.4':
     dependencies:
-      '@peculiar/asn1-cms': 2.8.0
-      '@peculiar/asn1-pkcs8': 2.8.0
-      '@peculiar/asn1-rsa': 2.8.0
-      '@peculiar/asn1-schema': 2.8.0
+      '@peculiar/asn1-cms': 2.9.4
+      '@peculiar/asn1-pkcs8': 2.9.4
+      '@peculiar/asn1-rsa': 2.9.4
+      '@peculiar/asn1-schema': 2.9.4
       asn1js: 3.0.10
       tslib: 2.8.1
 
-  '@peculiar/asn1-pkcs8@2.8.0':
+  '@peculiar/asn1-pkcs8@2.9.4':
     dependencies:
-      '@peculiar/asn1-schema': 2.8.0
-      '@peculiar/asn1-x509': 2.8.0
+      '@peculiar/asn1-schema': 2.9.4
+      '@peculiar/asn1-x509': 2.9.4
       asn1js: 3.0.10
       tslib: 2.8.1
 
-  '@peculiar/asn1-pkcs9@2.8.0':
+  '@peculiar/asn1-pkcs9@2.9.4':
     dependencies:
-      '@peculiar/asn1-cms': 2.8.0
-      '@peculiar/asn1-pfx': 2.8.0
-      '@peculiar/asn1-pkcs8': 2.8.0
-      '@peculiar/asn1-schema': 2.8.0
-      '@peculiar/asn1-x509': 2.8.0
-      '@peculiar/asn1-x509-attr': 2.8.0
+      '@peculiar/asn1-cms': 2.9.4
+      '@peculiar/asn1-pfx': 2.9.4
+      '@peculiar/asn1-pkcs8': 2.9.4
+      '@peculiar/asn1-schema': 2.9.4
+      '@peculiar/asn1-x509': 2.9.4
+      '@peculiar/asn1-x509-attr': 2.9.4
       asn1js: 3.0.10
       tslib: 2.8.1
 
-  '@peculiar/asn1-rsa@2.8.0':
+  '@peculiar/asn1-rsa@2.9.4':
     dependencies:
-      '@peculiar/asn1-schema': 2.8.0
-      '@peculiar/asn1-x509': 2.8.0
+      '@peculiar/asn1-schema': 2.9.4
+      '@peculiar/asn1-x509': 2.9.4
       asn1js: 3.0.10
       tslib: 2.8.1
 
-  '@peculiar/asn1-schema@2.8.0':
+  '@peculiar/asn1-schema@2.9.4':
     dependencies:
       '@peculiar/utils': 2.0.3
       asn1js: 3.0.10
       tslib: 2.8.1
 
-  '@peculiar/asn1-x509-attr@2.8.0':
+  '@peculiar/asn1-x509-attr@2.9.4':
     dependencies:
-      '@peculiar/asn1-schema': 2.8.0
-      '@peculiar/asn1-x509': 2.8.0
+      '@peculiar/asn1-schema': 2.9.4
+      '@peculiar/asn1-x509': 2.9.4
       asn1js: 3.0.10
       tslib: 2.8.1
 
-  '@peculiar/asn1-x509@2.8.0':
+  '@peculiar/asn1-x509@2.9.4':
     dependencies:
-      '@peculiar/asn1-schema': 2.8.0
+      '@peculiar/asn1-schema': 2.9.4
       '@peculiar/utils': 2.0.3
       asn1js: 3.0.10
       tslib: 2.8.1
@@ -4877,13 +4997,13 @@ snapshots:
 
   '@peculiar/x509@1.14.3':
     dependencies:
-      '@peculiar/asn1-cms': 2.8.0
-      '@peculiar/asn1-csr': 2.8.0
-      '@peculiar/asn1-ecc': 2.8.0
-      '@peculiar/asn1-pkcs9': 2.8.0
-      '@peculiar/asn1-rsa': 2.8.0
-      '@peculiar/asn1-schema': 2.8.0
-      '@peculiar/asn1-x509': 2.8.0
+      '@peculiar/asn1-cms': 2.9.4
+      '@peculiar/asn1-csr': 2.9.4
+      '@peculiar/asn1-ecc': 2.9.4
+      '@peculiar/asn1-pkcs9': 2.9.4
+      '@peculiar/asn1-rsa': 2.9.4
+      '@peculiar/asn1-schema': 2.9.4
+      '@peculiar/asn1-x509': 2.9.4
       pvtsutils: 1.3.6
       reflect-metadata: 0.2.2
       tslib: 2.8.1
@@ -4893,16 +5013,16 @@ snapshots:
 
   '@pkgr/core@0.3.6': {}
 
-  '@quasar/app-vite@3.5.0(@types/node@24.13.3)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(quasar@2.24.0)(sass@1.100.0)(supports-color@10.2.2)(terser@5.50.0)(tsx@4.23.12)(typescript@6.0.3)(vue-router@5.2.0(@vue/compiler-sfc@3.5.41)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(rolldown@1.2.4)(rollup@4.62.4)(vite@8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3)))(vue@3.5.41(typescript@6.0.3))(yaml@2.9.0)':
+  '@quasar/app-vite@3.7.0(@types/node@24.13.3)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(quasar@2.24.0)(sass@1.103.1)(supports-color@10.2.2)(terser@5.50.0)(tsx@4.23.12)(typescript@6.0.3)(vue-router@5.2.0(@vue/compiler-sfc@3.5.41)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(rolldown@1.2.5)(rollup@4.62.4)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3)))(vue@3.5.41(typescript@6.0.3))(yaml@2.9.0)':
     dependencies:
       '@clack/prompts': 1.7.0
       '@quasar/art': 1.0.0
-      '@quasar/render-ssr-error': 2.2.5
+      '@quasar/render-ssr-error': 2.2.6
       '@quasar/ssl-certificate': 2.1.0
-      '@quasar/vite-plugin': 2.0.0(@vitejs/plugin-vue@6.0.8(vite@8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3)))(quasar@2.24.0)(vite@8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))
-      '@types/chrome': 0.2.5
+      '@quasar/vite-plugin': 2.0.0(@vitejs/plugin-vue@6.0.8(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3)))(quasar@2.24.0)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))
+      '@types/chrome': 0.2.6
       '@types/cordova': 11.0.3
-      '@vitejs/plugin-vue': 6.0.8(vite@8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))
+      '@vitejs/plugin-vue': 6.0.8(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))
       chokidar: 5.0.0
       ci-info: 4.4.0
       confbox: 0.2.4
@@ -4916,19 +5036,19 @@ snapshots:
       jiti: 2.7.0
       kolorist: 1.8.0
       mlly: 1.8.2
-      open: 11.0.0
+      open: 11.0.1
       picomatch: 4.0.5
       quasar: 2.24.0
-      rolldown: 1.2.4
-      sass-embedded: 1.100.0
+      rolldown: 1.2.5
+      sass-embedded: 1.103.1
       semver: 7.8.5
       serialize-javascript: 7.1.0
       serve-static: 2.2.1(supports-color@10.2.2)
       tinyglobby: 0.2.17
       ts-essentials: 10.2.1(typescript@6.0.3)
-      vite: 8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0)
+      vite: 8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0)
       vue: 3.5.41(typescript@6.0.3)
-      vue-router: 5.2.0(@vue/compiler-sfc@3.5.41)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(rolldown@1.2.4)(rollup@4.62.4)(vite@8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))
+      vue-router: 5.2.0(@vue/compiler-sfc@3.5.41)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(rolldown@1.2.5)(rollup@4.62.4)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))
       webpack-merge: 6.0.1
     optionalDependencies:
       pinia: 4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3))
@@ -4950,7 +5070,7 @@ snapshots:
 
   '@quasar/extras@2.0.4': {}
 
-  '@quasar/render-ssr-error@2.2.5':
+  '@quasar/render-ssr-error@2.2.6':
     dependencies:
       stack-trace: 1.0.0
 
@@ -4959,55 +5079,100 @@ snapshots:
       fs-extra: 11.4.0
       selfsigned: 5.5.0
 
-  '@quasar/vite-plugin@2.0.0(@vitejs/plugin-vue@6.0.8(vite@8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3)))(quasar@2.24.0)(vite@8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))':
+  '@quasar/vite-plugin@2.0.0(@vitejs/plugin-vue@6.0.8(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3)))(quasar@2.24.0)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))':
     dependencies:
-      '@vitejs/plugin-vue': 6.0.8(vite@8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))
+      '@vitejs/plugin-vue': 6.0.8(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))
       quasar: 2.24.0
-      vite: 8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0)
+      vite: 8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0)
       vue: 3.5.41(typescript@6.0.3)
 
+  '@rolldown/binding-android-arm-eabi@1.2.5':
+    optional: true
+
   '@rolldown/binding-android-arm64@1.2.4':
     optional: true
 
+  '@rolldown/binding-android-arm64@1.2.5':
+    optional: true
+
   '@rolldown/binding-darwin-arm64@1.2.4':
     optional: true
 
+  '@rolldown/binding-darwin-arm64@1.2.5':
+    optional: true
+
   '@rolldown/binding-darwin-x64@1.2.4':
     optional: true
 
+  '@rolldown/binding-darwin-x64@1.2.5':
+    optional: true
+
   '@rolldown/binding-freebsd-x64@1.2.4':
     optional: true
 
+  '@rolldown/binding-freebsd-x64@1.2.5':
+    optional: true
+
   '@rolldown/binding-linux-arm-gnueabihf@1.2.4':
     optional: true
 
+  '@rolldown/binding-linux-arm-gnueabihf@1.2.5':
+    optional: true
+
   '@rolldown/binding-linux-arm64-gnu@1.2.4':
     optional: true
 
+  '@rolldown/binding-linux-arm64-gnu@1.2.5':
+    optional: true
+
   '@rolldown/binding-linux-arm64-musl@1.2.4':
     optional: true
 
+  '@rolldown/binding-linux-arm64-musl@1.2.5':
+    optional: true
+
   '@rolldown/binding-linux-ppc64-gnu@1.2.4':
     optional: true
 
+  '@rolldown/binding-linux-ppc64-gnu@1.2.5':
+    optional: true
+
   '@rolldown/binding-linux-s390x-gnu@1.2.4':
     optional: true
 
+  '@rolldown/binding-linux-s390x-gnu@1.2.5':
+    optional: true
+
   '@rolldown/binding-linux-x64-gnu@1.2.4':
     optional: true
 
+  '@rolldown/binding-linux-x64-gnu@1.2.5':
+    optional: true
+
   '@rolldown/binding-linux-x64-musl@1.2.4':
     optional: true
 
+  '@rolldown/binding-linux-x64-musl@1.2.5':
+    optional: true
+
   '@rolldown/binding-openharmony-arm64@1.2.4':
     optional: true
 
+  '@rolldown/binding-openharmony-arm64@1.2.5':
+    optional: true
+
   '@rolldown/binding-win32-arm64-msvc@1.2.4':
     optional: true
 
+  '@rolldown/binding-win32-arm64-msvc@1.2.5':
+    optional: true
+
   '@rolldown/binding-win32-x64-msvc@1.2.4':
     optional: true
 
+  '@rolldown/binding-win32-x64-msvc@1.2.5':
+    optional: true
+
   '@rolldown/pluginutils@1.0.1': {}
 
   '@rollup/rollup-android-arm-eabi@4.62.4':
@@ -5134,7 +5299,7 @@ snapshots:
       '@types/deep-eql': 4.0.2
       assertion-error: 2.0.1
 
-  '@types/chrome@0.2.5':
+  '@types/chrome@0.2.6':
     dependencies:
       '@types/filesystem': 0.0.36
       '@types/har-format': 1.2.16
@@ -5404,15 +5569,15 @@ snapshots:
       d3-selection: 3.0.0
       d3-transition: 3.0.1(d3-selection@3.0.0)
 
-  '@vitejs/plugin-vue@5.2.4(vite@6.4.3(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.33.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))':
+  '@vitejs/plugin-vue@5.2.4(vite@6.4.3(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.33.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))':
     dependencies:
-      vite: 6.4.3(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.33.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0)
+      vite: 6.4.3(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.33.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0)
       vue: 3.5.41(typescript@6.0.3)
 
-  '@vitejs/plugin-vue@6.0.8(vite@8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))':
+  '@vitejs/plugin-vue@6.0.8(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))':
     dependencies:
       '@rolldown/pluginutils': 1.0.1
-      vite: 8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0)
+      vite: 8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0)
       vue: 3.5.41(typescript@6.0.3)
 
   '@vitest/expect@4.1.10':
@@ -5424,13 +5589,13 @@ snapshots:
       chai: 6.2.2
       tinyrainbow: 3.1.0
 
-  '@vitest/mocker@4.1.10(vite@8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))':
+  '@vitest/mocker@4.1.10(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))':
     dependencies:
       '@vitest/spy': 4.1.10
       estree-walker: 3.0.3
       magic-string: 0.30.21
     optionalDependencies:
-      vite: 8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0)
+      vite: 8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0)
 
   '@vitest/pretty-format@4.1.10':
     dependencies:
@@ -5816,7 +5981,7 @@ snapshots:
       kind-of: 6.0.3
       shallow-clone: 3.0.1
 
-  colorjs.io@0.5.2: {}
+  colorjs.io@0.7.1: {}
 
   comma-separated-tokens@2.0.3: {}
 
@@ -6080,7 +6245,7 @@ snapshots:
 
   default-browser-id@5.0.1: {}
 
-  default-browser@5.5.0:
+  default-browser@5.5.1:
     dependencies:
       bundle-name: 4.1.0
       default-browser-id: 5.0.1
@@ -6982,14 +7147,14 @@ snapshots:
       regex: 6.1.0
       regex-recursion: 6.0.2
 
-  open@11.0.0:
+  open@11.0.1:
     dependencies:
-      default-browser: 5.5.0
+      default-browser: 5.5.1
       define-lazy-prop: 3.0.0
       is-in-ssh: 1.0.0
       is-inside-container: 1.0.0
-      powershell-utils: 0.1.0
-      wsl-utils: 0.3.1
+      powershell-utils: 0.2.0
+      wsl-utils: 1.0.0
 
   optionator@0.9.4:
     dependencies:
@@ -7132,6 +7297,8 @@ snapshots:
 
   powershell-utils@0.1.0: {}
 
+  powershell-utils@0.2.0: {}
+
   preact@10.29.8: {}
 
   prelude-ls@1.2.1: {}
@@ -7243,6 +7410,27 @@ snapshots:
       '@rolldown/binding-win32-arm64-msvc': 1.2.4
       '@rolldown/binding-win32-x64-msvc': 1.2.4
 
+  rolldown@1.2.5:
+    dependencies:
+      '@oxc-project/types': 0.146.0
+      '@rolldown/pluginutils': 1.0.1
+    optionalDependencies:
+      '@rolldown/binding-android-arm-eabi': 1.2.5
+      '@rolldown/binding-android-arm64': 1.2.5
+      '@rolldown/binding-darwin-arm64': 1.2.5
+      '@rolldown/binding-darwin-x64': 1.2.5
+      '@rolldown/binding-freebsd-x64': 1.2.5
+      '@rolldown/binding-linux-arm-gnueabihf': 1.2.5
+      '@rolldown/binding-linux-arm64-gnu': 1.2.5
+      '@rolldown/binding-linux-arm64-musl': 1.2.5
+      '@rolldown/binding-linux-ppc64-gnu': 1.2.5
+      '@rolldown/binding-linux-s390x-gnu': 1.2.5
+      '@rolldown/binding-linux-x64-gnu': 1.2.5
+      '@rolldown/binding-linux-x64-musl': 1.2.5
+      '@rolldown/binding-openharmony-arm64': 1.2.5
+      '@rolldown/binding-win32-arm64-msvc': 1.2.5
+      '@rolldown/binding-win32-x64-msvc': 1.2.5
+
   rollup@4.62.4:
     dependencies:
       '@types/estree': 1.0.9
@@ -7312,94 +7500,94 @@ snapshots:
 
   safer-buffer@2.1.2: {}
 
-  sass-embedded-all-unknown@1.100.0:
+  sass-embedded-all-unknown@1.103.1:
     dependencies:
-      sass: 1.100.0
+      sass: 1.103.1
     optional: true
 
-  sass-embedded-android-arm64@1.100.0:
+  sass-embedded-android-arm64@1.103.1:
     optional: true
 
-  sass-embedded-android-arm@1.100.0:
+  sass-embedded-android-arm@1.103.1:
     optional: true
 
-  sass-embedded-android-riscv64@1.100.0:
+  sass-embedded-android-riscv64@1.103.1:
     optional: true
 
-  sass-embedded-android-x64@1.100.0:
+  sass-embedded-android-x64@1.103.1:
     optional: true
 
-  sass-embedded-darwin-arm64@1.100.0:
+  sass-embedded-darwin-arm64@1.103.1:
     optional: true
 
-  sass-embedded-darwin-x64@1.100.0:
+  sass-embedded-darwin-x64@1.103.1:
     optional: true
 
-  sass-embedded-linux-arm64@1.100.0:
+  sass-embedded-linux-arm64@1.103.1:
     optional: true
 
-  sass-embedded-linux-arm@1.100.0:
+  sass-embedded-linux-arm@1.103.1:
     optional: true
 
-  sass-embedded-linux-musl-arm64@1.100.0:
+  sass-embedded-linux-musl-arm64@1.103.1:
     optional: true
 
-  sass-embedded-linux-musl-arm@1.100.0:
+  sass-embedded-linux-musl-arm@1.103.1:
     optional: true
 
-  sass-embedded-linux-musl-riscv64@1.100.0:
+  sass-embedded-linux-musl-riscv64@1.103.1:
     optional: true
 
-  sass-embedded-linux-musl-x64@1.100.0:
+  sass-embedded-linux-musl-x64@1.103.1:
     optional: true
 
-  sass-embedded-linux-riscv64@1.100.0:
+  sass-embedded-linux-riscv64@1.103.1:
     optional: true
 
-  sass-embedded-linux-x64@1.100.0:
+  sass-embedded-linux-x64@1.103.1:
     optional: true
 
-  sass-embedded-unknown-all@1.100.0:
+  sass-embedded-unknown-all@1.103.1:
     dependencies:
-      sass: 1.100.0
+      sass: 1.103.1
     optional: true
 
-  sass-embedded-win32-arm64@1.100.0:
+  sass-embedded-win32-arm64@1.103.1:
     optional: true
 
-  sass-embedded-win32-x64@1.100.0:
+  sass-embedded-win32-x64@1.103.1:
     optional: true
 
-  sass-embedded@1.100.0:
+  sass-embedded@1.103.1:
     dependencies:
       '@bufbuild/protobuf': 2.12.1
-      colorjs.io: 0.5.2
+      colorjs.io: 0.7.1
       immutable: 5.1.9
       rxjs: 7.8.2
       supports-color: 8.1.1
       sync-child-process: 1.0.2
       varint: 6.0.0
     optionalDependencies:
-      sass-embedded-all-unknown: 1.100.0
-      sass-embedded-android-arm: 1.100.0
-      sass-embedded-android-arm64: 1.100.0
-      sass-embedded-android-riscv64: 1.100.0
-      sass-embedded-android-x64: 1.100.0
-      sass-embedded-darwin-arm64: 1.100.0
-      sass-embedded-darwin-x64: 1.100.0
-      sass-embedded-linux-arm: 1.100.0
-      sass-embedded-linux-arm64: 1.100.0
-      sass-embedded-linux-musl-arm: 1.100.0
-      sass-embedded-linux-musl-arm64: 1.100.0
-      sass-embedded-linux-musl-riscv64: 1.100.0
-      sass-embedded-linux-musl-x64: 1.100.0
-      sass-embedded-linux-riscv64: 1.100.0
-      sass-embedded-linux-x64: 1.100.0
-      sass-embedded-unknown-all: 1.100.0
-      sass-embedded-win32-arm64: 1.100.0
-      sass-embedded-win32-x64: 1.100.0
-
-  sass@1.100.0:
+      sass-embedded-all-unknown: 1.103.1
+      sass-embedded-android-arm: 1.103.1
+      sass-embedded-android-arm64: 1.103.1
+      sass-embedded-android-riscv64: 1.103.1
+      sass-embedded-android-x64: 1.103.1
+      sass-embedded-darwin-arm64: 1.103.1
+      sass-embedded-darwin-x64: 1.103.1
+      sass-embedded-linux-arm: 1.103.1
+      sass-embedded-linux-arm64: 1.103.1
+      sass-embedded-linux-musl-arm: 1.103.1
+      sass-embedded-linux-musl-arm64: 1.103.1
+      sass-embedded-linux-musl-riscv64: 1.103.1
+      sass-embedded-linux-musl-x64: 1.103.1
+      sass-embedded-linux-riscv64: 1.103.1
+      sass-embedded-linux-x64: 1.103.1
+      sass-embedded-unknown-all: 1.103.1
+      sass-embedded-win32-arm64: 1.103.1
+      sass-embedded-win32-x64: 1.103.1
+
+  sass@1.103.1:
     dependencies:
       chokidar: 5.0.0
       immutable: 5.1.9
@@ -7717,16 +7905,16 @@ snapshots:
       pathe: 2.0.3
       picomatch: 4.0.5
 
-  unplugin@3.3.0(esbuild@0.28.2)(rolldown@1.2.4)(rollup@4.62.4)(vite@8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0)):
+  unplugin@3.3.0(esbuild@0.28.2)(rolldown@1.2.5)(rollup@4.62.4)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0)):
     dependencies:
       '@jridgewell/remapping': 2.3.5
       picomatch: 4.0.5
       webpack-virtual-modules: 0.6.2
     optionalDependencies:
       esbuild: 0.28.2
-      rolldown: 1.2.4
+      rolldown: 1.2.5
       rollup: 4.62.4
-      vite: 8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0)
+      vite: 8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0)
 
   update-browserslist-db@1.3.1(browserslist@4.28.8):
     dependencies:
@@ -7756,7 +7944,7 @@ snapshots:
       '@types/unist': 3.0.3
       vfile-message: 4.0.3
 
-  vite-plugin-checker@0.14.5(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(optionator@0.9.4)(typescript@6.0.3)(vite@8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue-tsc@3.3.9(typescript@6.0.3)):
+  vite-plugin-checker@0.14.5(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(optionator@0.9.4)(typescript@6.0.3)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue-tsc@3.3.9(typescript@6.0.3)):
     dependencies:
       '@babel/code-frame': 7.29.7
       chokidar: 5.0.0
@@ -7765,14 +7953,14 @@ snapshots:
       picomatch: 4.0.5
       proper-lockfile: 4.1.2
       tiny-invariant: 1.3.3
-      vite: 8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0)
+      vite: 8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0)
     optionalDependencies:
       eslint: 10.8.1(jiti@2.7.0)(supports-color@10.2.2)
       optionator: 0.9.4
       typescript: 6.0.3
       vue-tsc: 3.3.9(typescript@6.0.3)
 
-  vite@6.4.3(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.33.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0):
+  vite@6.4.3(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.33.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0):
     dependencies:
       esbuild: 0.25.12
       fdir: 6.5.0(picomatch@4.0.5)
@@ -7785,13 +7973,13 @@ snapshots:
       fsevents: 2.3.3
       jiti: 2.7.0
       lightningcss: 1.33.0
-      sass: 1.100.0
-      sass-embedded: 1.100.0
+      sass: 1.103.1
+      sass-embedded: 1.103.1
       terser: 5.50.0
       tsx: 4.23.12
       yaml: 2.9.0
 
-  vite@8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0):
+  vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0):
     dependencies:
       lightningcss: 1.33.0
       picomatch: 4.0.5
@@ -7803,13 +7991,13 @@ snapshots:
       esbuild: 0.28.2
       fsevents: 2.3.3
       jiti: 2.7.0
-      sass: 1.100.0
-      sass-embedded: 1.100.0
+      sass: 1.103.1
+      sass-embedded: 1.103.1
       terser: 5.50.0
       tsx: 4.23.12
       yaml: 2.9.0
 
-  vitepress@1.6.4(@algolia/client-search@5.56.0)(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.33.0)(postcss@8.5.26)(sass-embedded@1.100.0)(sass@1.100.0)(search-insights@2.17.3)(terser@5.50.0)(tsx@4.23.12)(typescript@6.0.3)(yaml@2.9.0):
+  vitepress@1.6.4(@algolia/client-search@5.56.0)(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.33.0)(postcss@8.5.26)(sass-embedded@1.103.1)(sass@1.103.1)(search-insights@2.17.3)(terser@5.50.0)(tsx@4.23.12)(typescript@6.0.3)(yaml@2.9.0):
     dependencies:
       '@docsearch/css': 3.8.2
       '@docsearch/js': 3.8.2(@algolia/client-search@5.56.0)(search-insights@2.17.3)
@@ -7818,7 +8006,7 @@ snapshots:
       '@shikijs/transformers': 2.5.0
       '@shikijs/types': 2.5.0
       '@types/markdown-it': 14.1.2
-      '@vitejs/plugin-vue': 5.2.4(vite@6.4.3(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.33.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))
+      '@vitejs/plugin-vue': 5.2.4(vite@6.4.3(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.33.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))
       '@vue/devtools-api': 7.7.10
       '@vue/shared': 3.5.41
       '@vueuse/core': 12.8.2(typescript@6.0.3)
@@ -7827,7 +8015,7 @@ snapshots:
       mark.js: 8.11.1
       minisearch: 7.2.0
       shiki: 2.5.0
-      vite: 6.4.3(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.33.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0)
+      vite: 6.4.3(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.33.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0)
       vue: 3.5.41(typescript@6.0.3)
     optionalDependencies:
       postcss: 8.5.26
@@ -7862,10 +8050,10 @@ snapshots:
       - universal-cookie
       - yaml
 
-  vitest@4.1.10(@types/node@24.13.3)(vite@8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0)):
+  vitest@4.1.10(@types/node@24.13.3)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0)):
     dependencies:
       '@vitest/expect': 4.1.10
-      '@vitest/mocker': 4.1.10(vite@8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))
+      '@vitest/mocker': 4.1.10(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))
       '@vitest/pretty-format': 4.1.10
       '@vitest/runner': 4.1.10
       '@vitest/snapshot': 4.1.10
@@ -7882,7 +8070,7 @@ snapshots:
       tinyexec: 1.2.4
       tinyglobby: 0.2.17
       tinyrainbow: 3.1.0
-      vite: 8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0)
+      vite: 8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0)
       why-is-node-running: 2.3.0
     optionalDependencies:
       '@types/node': 24.13.3
@@ -7911,7 +8099,7 @@ snapshots:
       '@vue/devtools-api': 6.6.4
       vue: 3.5.41(typescript@6.0.3)
 
-  vue-router@5.2.0(@vue/compiler-sfc@3.5.41)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(rolldown@1.2.4)(rollup@4.62.4)(vite@8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3)):
+  vue-router@5.2.0(@vue/compiler-sfc@3.5.41)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(rolldown@1.2.5)(rollup@4.62.4)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3)):
     dependencies:
       '@babel/generator': 8.0.0
       '@vue-macros/common': 3.1.4(vue@3.5.41(typescript@6.0.3))
@@ -7928,14 +8116,14 @@ snapshots:
       picomatch: 4.0.5
       scule: 1.3.0
       tinyglobby: 0.2.17
-      unplugin: 3.3.0(esbuild@0.28.2)(rolldown@1.2.4)(rollup@4.62.4)(vite@8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))
+      unplugin: 3.3.0(esbuild@0.28.2)(rolldown@1.2.5)(rollup@4.62.4)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))
       unplugin-utils: 0.3.2
       vue: 3.5.41(typescript@6.0.3)
       yaml: 2.9.0
     optionalDependencies:
       '@vue/compiler-sfc': 3.5.41
       pinia: 4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3))
-      vite: 8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0)
+      vite: 8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0)
     transitivePeerDependencies:
       - '@farmfe/core'
       - '@rspack/core'
@@ -7991,7 +8179,7 @@ snapshots:
 
   wrappy@1.0.2: {}
 
-  wsl-utils@0.3.1:
+  wsl-utils@1.0.0:
     dependencies:
       is-wsl: 3.1.1
       powershell-utils: 0.1.0

From 06a4c79978c500cc0dbb660e07c9c63206d5969d Mon Sep 17 00:00:00 2001
From: Shaenn <22753401+Shaenn@users.noreply.github.com>
Date: Sat, 22 Aug 2026 01:58:21 +0200
Subject: [PATCH 11/30] concurrently passe en 10.0.5
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Correctif. Lint, typecheck et 518 tests passent ; l'outil lance bien deux
commandes en parallèle, vérifié hors de `dev:all` pour ne pas emporter les
ports d'une instance en cours.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 package.json   |   2 +-
 pnpm-lock.yaml | 182 +++----------------------------------------------
 2 files changed, 11 insertions(+), 173 deletions(-)

diff --git a/package.json b/package.json
index cd728bf..ecccf03 100644
--- a/package.json
+++ b/package.json
@@ -53,7 +53,7 @@
     "@vue/eslint-config-prettier": "10.2.0",
     "@vue/eslint-config-typescript": "14.9.0",
     "autoprefixer": "10.5.4",
-    "concurrently": "10.0.4",
+    "concurrently": "10.0.5",
     "eslint": "10.8.1",
     "eslint-plugin-vue": "10.10.0",
     "globals": "17.11.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8ecf721..57a2626 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -90,8 +90,8 @@ importers:
         specifier: 10.5.4
         version: 10.5.4(postcss@8.5.26)
       concurrently:
-        specifier: 10.0.4
-        version: 10.0.4
+        specifier: 10.0.5
+        version: 10.0.5
       eslint:
         specifier: 10.8.1
         version: 10.8.1(jiti@2.7.0)(supports-color@10.2.2)
@@ -854,9 +854,6 @@ packages:
     resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
     engines: {node: '>= 8'}
 
-  '@oxc-project/types@0.144.0':
-    resolution: {integrity: sha512-nuhZIOLuI6TFQ32I/WnUx+SCPY7SdSKwgnFHydAuoS1+Z4BRcaP+RRJmGzl9lw+0OFF7UmaESf7KQRXaNLHypg==}
-
   '@oxc-project/types@0.146.0':
     resolution: {integrity: sha512-XC0QsnnhVe7sLIWmYmdPw7x5P0h4W8vUU3Nv1ySgWXtvCz8NizoAEpGXA0sOYoJQV2Rl13LgURAHQ5cI5ILCSA==}
 
@@ -1065,73 +1062,36 @@ packages:
     cpu: [arm]
     os: [android]
 
-  '@rolldown/binding-android-arm64@1.2.4':
-    resolution: {integrity: sha512-jHC2cnyKz5xU2fhECtFl8OZ83cYNt13GZQD+0uMJ/X3o+ijmd56okHhTUwxVSHPx1IRVIJEZ1/1pPzeLCU6XKA==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [arm64]
-    os: [android]
-
   '@rolldown/binding-android-arm64@1.2.5':
     resolution: {integrity: sha512-zXcwKlQApYAOELHd8PwKDFkagYF9Wy4e0RJ+0qnzl9Pjnpj75TEG8ufv40p2J7kCEfwZAsNiuzRIyNNMWT38ig==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [android]
 
-  '@rolldown/binding-darwin-arm64@1.2.4':
-    resolution: {integrity: sha512-Dc5mPD8F5F/FS8i01syd7FTF6yB2fVthH/TRkjwJkzUK6EpoxHtqvZQP5Zwq80/5z19TWYHIg1KOHboCgVx/aQ==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [arm64]
-    os: [darwin]
-
   '@rolldown/binding-darwin-arm64@1.2.5':
     resolution: {integrity: sha512-dK4QakI42nzWgJT5sm4y4y/O//D4OxM75/cH28RLV+nzIN9AY+YsbuUVrUTjlLjXR6vpyxFbSsbmNuJ6BP9sww==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [darwin]
 
-  '@rolldown/binding-darwin-x64@1.2.4':
-    resolution: {integrity: sha512-fpDm4oBo6SqLvWUYCmFhdde3U9KH2fRNNMeAnAPAIwxRL345xutL0EtEUcuoxsoazdJGv/MuDBQHlCDrtbvqOg==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [x64]
-    os: [darwin]
-
   '@rolldown/binding-darwin-x64@1.2.5':
     resolution: {integrity: sha512-fqSALaUu1Wjd1nK2uW2kJDWdLCc8lx1IcY+MTY26Aurfdx19anlzhqXOgCFbBFQnlFDTn4TC1/7Nz4Bl2mLP3A==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [darwin]
 
-  '@rolldown/binding-freebsd-x64@1.2.4':
-    resolution: {integrity: sha512-rSJoreDE/HoIzoaib6MTp5jQtCTdMHKIvItAKT/ImS6Y6Ww76oUaeMyp4Vc/fAgd/ehji068IxetHXAnqUwN9A==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [x64]
-    os: [freebsd]
-
   '@rolldown/binding-freebsd-x64@1.2.5':
     resolution: {integrity: sha512-/vCnNxlkxs9tKxNDcyWUePpJ/PgTzxIaVhoM5SmG8UV+GR/IcPam4VYxi7GIMo7PSDuNqlJqvprqii9NqqVCMw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [freebsd]
 
-  '@rolldown/binding-linux-arm-gnueabihf@1.2.4':
-    resolution: {integrity: sha512-/jm8OGHgn7oGaJu3i/qZI9spUGcJ+y/lk43ttQ/iO1tOd9NissG6o97bighBCiL+BKRngmcDuR6ikfwYdJmVuQ==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [arm]
-    os: [linux]
-
   '@rolldown/binding-linux-arm-gnueabihf@1.2.5':
     resolution: {integrity: sha512-abk0NLA519LxRCszmbE0jYKuQ9YPocOXTiOXOo6Yr+YAT95VH+PtqYAjOJvGKt3viEd/x4qzabAlwd5bHOOARg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm]
     os: [linux]
 
-  '@rolldown/binding-linux-arm64-gnu@1.2.4':
-    resolution: {integrity: sha512-tIP06BeD9EqvECBrPZ+sqdPlYrT+aYaAiu1wYziVx5elRK/ftm33JxVDy2bXGbr6J0CrtirCkR87/X5a2euEng==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [arm64]
-    os: [linux]
-    libc: [glibc]
-
   '@rolldown/binding-linux-arm64-gnu@1.2.5':
     resolution: {integrity: sha512-Y7eALiJ8lr0M2HH103Js+g7V34wf6snlpZLAsHI90uLhr3PVlNsbFVAXJC9d/V6BnPyKtpSwI+NcB/RLxsQxuA==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -1139,13 +1099,6 @@ packages:
     os: [linux]
     libc: [glibc]
 
-  '@rolldown/binding-linux-arm64-musl@1.2.4':
-    resolution: {integrity: sha512-Ql1Q0EQqVThvn9VAVlwNzsUvbSFtCMGjLpRRi4pk5i7NZZ4n5ISiLMjHYtus4VQ2PvkSw24zyaCVsiS+sXPj1w==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [arm64]
-    os: [linux]
-    libc: [musl]
-
   '@rolldown/binding-linux-arm64-musl@1.2.5':
     resolution: {integrity: sha512-xMvZgnbZg4YVnR/AX2b3oOPDTFYJvUVaJg5FedA/LuvexAtXibZQej4cnTkw3rjsJ/ggUROB64TdtETiim+FYA==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -1153,13 +1106,6 @@ packages:
     os: [linux]
     libc: [musl]
 
-  '@rolldown/binding-linux-ppc64-gnu@1.2.4':
-    resolution: {integrity: sha512-GjbjXD4XXfN19D0LZNbmiCBUoDiRACsYHr0yaIbbn8aFsXjHZifcYqu/W5Er5X2X990WjHXFrxarn5chzItorQ==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [ppc64]
-    os: [linux]
-    libc: [glibc]
-
   '@rolldown/binding-linux-ppc64-gnu@1.2.5':
     resolution: {integrity: sha512-GRjeqTUDHTo5GwntsLaAMcBahG3nlpjftXWZLN73HiYQlhwEowvarFgQnRnQZtIp4keXX7quXFbG38uPZBa2EA==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -1167,13 +1113,6 @@ packages:
     os: [linux]
     libc: [glibc]
 
-  '@rolldown/binding-linux-s390x-gnu@1.2.4':
-    resolution: {integrity: sha512-p5WR0NOwaRmJ/B1b6IjEFLLivwEsf3PrdBIhRbhTCQisbo2SvHHpG4ELB/+FgQNnB88LTOF86upmJmbvZdQ2lw==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [s390x]
-    os: [linux]
-    libc: [glibc]
-
   '@rolldown/binding-linux-s390x-gnu@1.2.5':
     resolution: {integrity: sha512-vLNTR45F2Uwc8AufkNXPmB4VliaXs+FvcheEogIzOXzO4l+LzieXF5A/TWxLy5HtqpsRCHUfd0lPVrrdgXdLHQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -1181,13 +1120,6 @@ packages:
     os: [linux]
     libc: [glibc]
 
-  '@rolldown/binding-linux-x64-gnu@1.2.4':
-    resolution: {integrity: sha512-4/GyVjmhR+Tc6HLJvwc1sOhPqAZtySiSMesOZyX6JQ5XBxoTDEMKQzvo07NIK6nTon/SivlZqvhzvuVBNQhObQ==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [x64]
-    os: [linux]
-    libc: [glibc]
-
   '@rolldown/binding-linux-x64-gnu@1.2.5':
     resolution: {integrity: sha512-Mgj59/HTuYeK9Gz2MA+mBWKnHsAgkBSec15ZMb1st3oIfFbX7gCjOae7GydHhzcyQi9Z/7M1QuN9bR3oFqF0jQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -1195,13 +1127,6 @@ packages:
     os: [linux]
     libc: [glibc]
 
-  '@rolldown/binding-linux-x64-musl@1.2.4':
-    resolution: {integrity: sha512-l9eeLsCNvPpmSXUej0etw/J1eqV0Jj1D5G/xG6YTijmE6dkv6E2QezgWbTfQk63v952DPqrjOCoiqxq7Bw0YUQ==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [x64]
-    os: [linux]
-    libc: [musl]
-
   '@rolldown/binding-linux-x64-musl@1.2.5':
     resolution: {integrity: sha512-mY8AP0/ichsbhAxGnLa3d3+MwV0EfgrPND2bplI3Ym8T6R2pJ0N87bvrKVwNXmdy3jnr6eQBecdqx/HMknBmpA==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -1209,36 +1134,18 @@ packages:
     os: [linux]
     libc: [musl]
 
-  '@rolldown/binding-openharmony-arm64@1.2.4':
-    resolution: {integrity: sha512-e0F355MSTMm3+UOqtV3L24gFUp2N5m1f8L/7d56deik6va+AXdrt9F8LbzGpeWGWRbZEDq4m8NVnJDeBtf9DZg==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [arm64]
-    os: [openharmony]
-
   '@rolldown/binding-openharmony-arm64@1.2.5':
     resolution: {integrity: sha512-8SLssA2oweAxyRgDp789ACfRb/3P+zNRJpzZxSizxF9m8NUDQ4+3xjo8ttjhVGGw6Qxb70oZiEtIjaKikCO7Yw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [openharmony]
 
-  '@rolldown/binding-win32-arm64-msvc@1.2.4':
-    resolution: {integrity: sha512-AWLi0uBRYh6QlE7OKhiz+phZC0qwtij2QZmhmOdsLdFn64m7oMpooE9ICE3lhm9xMb4SpDo2WbHcxX1iFLFtqw==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [arm64]
-    os: [win32]
-
   '@rolldown/binding-win32-arm64-msvc@1.2.5':
     resolution: {integrity: sha512-vGbruD5zquhoc8D9SViXgN2FBJtNdTyQ4DtG+SWiEGlJiAzoKcZ2xp+xuXCffhubVdt0NJlTZqkeRuERy7g8Cw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [win32]
 
-  '@rolldown/binding-win32-x64-msvc@1.2.4':
-    resolution: {integrity: sha512-UwSDJOg3dqCAejWdxclJjCsh3Qq4vLYMDxmyHqo1btz3stK2VqgwNd3mm5tuIwzSlGIQ/1H9Hr+Zn09mrezNqQ==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [x64]
-    os: [win32]
-
   '@rolldown/binding-win32-x64-msvc@1.2.5':
     resolution: {integrity: sha512-e/SXpgISz+IoqVcSSI0rx/d/he8zqLex+/rCWpnHpmVfmPIUjag9H6P7zotf0gJHwPUhQxZ/mF8tr6acebT9yw==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -1855,8 +1762,8 @@ packages:
   alien-signals@3.2.1:
     resolution: {integrity: sha512-I8FjmltrfnDFoZedi5CG8DghVYNhzb/Ijluz7tCSJH0xpd0484Kowhbb1XDYOxfJpU1p5wnM2X54dA+IfGyD1g==}
 
-  ansi-regex@6.2.2:
-    resolution: {integrity: sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==}
+  ansi-regex@6.3.0:
+    resolution: {integrity: sha512-WpDfL7NO6j7tH88IDBNVdUJxDh9nmCteAVW9dsep846XdwF4naCBK+/tGLX3KJgcpgMRXCFlTM2hKGoK9FsdrQ==}
     engines: {node: '>=12'}
 
   ansi-styles@6.2.3:
@@ -2019,8 +1926,8 @@ packages:
     resolution: {integrity: sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==}
     engines: {node: '>= 12'}
 
-  concurrently@10.0.4:
-    resolution: {integrity: sha512-trZql+7l/0+WRAsAnEdctr4+iiOS6ZrViI6H8QWcCF9MFS/LT0dKpe8vluB1to6it+OxSI4VospFTIFMW8DJRw==}
+  concurrently@10.0.5:
+    resolution: {integrity: sha512-JaP/CoftUrCcAFW/g//RbgEGwlelnEae6cfBLgH6ZdO6s8jPkn6p9SB9u6pdVxYXoiSnFqseOlHfrEfF82TVOg==}
     engines: {node: '>=22'}
     hasBin: true
 
@@ -3403,11 +3310,6 @@ packages:
   robust-predicates@3.0.3:
     resolution: {integrity: sha512-NS3levdsRIUOmiJ8FZWCP7LG3QpJyrs/TE0Zpf1yvZu8cAJJ6QMW92H1c7kWpdIHo8RvmLxN/o2JXTKHp74lUA==}
 
-  rolldown@1.2.4:
-    resolution: {integrity: sha512-rSr7irW0K7QRWzjdJXqZowkcRdDtjRduh43rBltnVKd0VFq839l1lJoDvGJb6gl7+4rTTCrPWu+YfujUL8Ug7w==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    hasBin: true
-
   rolldown@1.2.5:
     resolution: {integrity: sha512-VD2IE5PUG4Oj8zz2VGykiYd5wbnjdIiSsNQb8Qu5B+noEp+A78mu2iVvpp27g8es14Tk9rofNs5Tku9iQCS4fA==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -4850,8 +4752,6 @@ snapshots:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.20.1
 
-  '@oxc-project/types@0.144.0': {}
-
   '@oxc-project/types@0.146.0': {}
 
   '@parcel/watcher-android-arm64@2.5.6':
@@ -5089,87 +4989,45 @@ snapshots:
   '@rolldown/binding-android-arm-eabi@1.2.5':
     optional: true
 
-  '@rolldown/binding-android-arm64@1.2.4':
-    optional: true
-
   '@rolldown/binding-android-arm64@1.2.5':
     optional: true
 
-  '@rolldown/binding-darwin-arm64@1.2.4':
-    optional: true
-
   '@rolldown/binding-darwin-arm64@1.2.5':
     optional: true
 
-  '@rolldown/binding-darwin-x64@1.2.4':
-    optional: true
-
   '@rolldown/binding-darwin-x64@1.2.5':
     optional: true
 
-  '@rolldown/binding-freebsd-x64@1.2.4':
-    optional: true
-
   '@rolldown/binding-freebsd-x64@1.2.5':
     optional: true
 
-  '@rolldown/binding-linux-arm-gnueabihf@1.2.4':
-    optional: true
-
   '@rolldown/binding-linux-arm-gnueabihf@1.2.5':
     optional: true
 
-  '@rolldown/binding-linux-arm64-gnu@1.2.4':
-    optional: true
-
   '@rolldown/binding-linux-arm64-gnu@1.2.5':
     optional: true
 
-  '@rolldown/binding-linux-arm64-musl@1.2.4':
-    optional: true
-
   '@rolldown/binding-linux-arm64-musl@1.2.5':
     optional: true
 
-  '@rolldown/binding-linux-ppc64-gnu@1.2.4':
-    optional: true
-
   '@rolldown/binding-linux-ppc64-gnu@1.2.5':
     optional: true
 
-  '@rolldown/binding-linux-s390x-gnu@1.2.4':
-    optional: true
-
   '@rolldown/binding-linux-s390x-gnu@1.2.5':
     optional: true
 
-  '@rolldown/binding-linux-x64-gnu@1.2.4':
-    optional: true
-
   '@rolldown/binding-linux-x64-gnu@1.2.5':
     optional: true
 
-  '@rolldown/binding-linux-x64-musl@1.2.4':
-    optional: true
-
   '@rolldown/binding-linux-x64-musl@1.2.5':
     optional: true
 
-  '@rolldown/binding-openharmony-arm64@1.2.4':
-    optional: true
-
   '@rolldown/binding-openharmony-arm64@1.2.5':
     optional: true
 
-  '@rolldown/binding-win32-arm64-msvc@1.2.4':
-    optional: true
-
   '@rolldown/binding-win32-arm64-msvc@1.2.5':
     optional: true
 
-  '@rolldown/binding-win32-x64-msvc@1.2.4':
-    optional: true
-
   '@rolldown/binding-win32-x64-msvc@1.2.5':
     optional: true
 
@@ -5839,7 +5697,7 @@ snapshots:
 
   alien-signals@3.2.1: {}
 
-  ansi-regex@6.2.2: {}
+  ansi-regex@6.3.0: {}
 
   ansi-styles@6.2.3: {}
 
@@ -5993,7 +5851,7 @@ snapshots:
 
   commander@8.3.0: {}
 
-  concurrently@10.0.4:
+  concurrently@10.0.5:
     dependencies:
       chalk: 5.6.2
       rxjs: 7.8.2
@@ -7390,26 +7248,6 @@ snapshots:
 
   robust-predicates@3.0.3: {}
 
-  rolldown@1.2.4:
-    dependencies:
-      '@oxc-project/types': 0.144.0
-      '@rolldown/pluginutils': 1.0.1
-    optionalDependencies:
-      '@rolldown/binding-android-arm64': 1.2.4
-      '@rolldown/binding-darwin-arm64': 1.2.4
-      '@rolldown/binding-darwin-x64': 1.2.4
-      '@rolldown/binding-freebsd-x64': 1.2.4
-      '@rolldown/binding-linux-arm-gnueabihf': 1.2.4
-      '@rolldown/binding-linux-arm64-gnu': 1.2.4
-      '@rolldown/binding-linux-arm64-musl': 1.2.4
-      '@rolldown/binding-linux-ppc64-gnu': 1.2.4
-      '@rolldown/binding-linux-s390x-gnu': 1.2.4
-      '@rolldown/binding-linux-x64-gnu': 1.2.4
-      '@rolldown/binding-linux-x64-musl': 1.2.4
-      '@rolldown/binding-openharmony-arm64': 1.2.4
-      '@rolldown/binding-win32-arm64-msvc': 1.2.4
-      '@rolldown/binding-win32-x64-msvc': 1.2.4
-
   rolldown@1.2.5:
     dependencies:
       '@oxc-project/types': 0.146.0
@@ -7746,7 +7584,7 @@ snapshots:
 
   strip-ansi@7.2.0:
     dependencies:
-      ansi-regex: 6.2.2
+      ansi-regex: 6.3.0
 
   stylis@4.4.0: {}
 
@@ -7984,7 +7822,7 @@ snapshots:
       lightningcss: 1.33.0
       picomatch: 4.0.5
       postcss: 8.5.26
-      rolldown: 1.2.4
+      rolldown: 1.2.5
       tinyglobby: 0.2.17
     optionalDependencies:
       '@types/node': 24.13.3

From ac5aca72398d9e4d2694ee94fd146665d7120cbc Mon Sep 17 00:00:00 2001
From: Shaenn <22753401+Shaenn@users.noreply.github.com>
Date: Sat, 22 Aug 2026 01:59:10 +0200
Subject: [PATCH 12/30] vitest passe en 4.1.11
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Correctif. Lint, typecheck et les 518 tests passent, exécutés par le nouveau
binaire.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 package.json   |   2 +-
 pnpm-lock.yaml | 130 +++++++++++++++++++++++--------------------------
 2 files changed, 63 insertions(+), 69 deletions(-)

diff --git a/package.json b/package.json
index ecccf03..a94b0c7 100644
--- a/package.json
+++ b/package.json
@@ -63,7 +63,7 @@
     "typescript": "6.0.3",
     "vite-plugin-checker": "0.14.5",
     "vitepress": "1.6.4",
-    "vitest": "4.1.10",
+    "vitest": "4.1.11",
     "vue-eslint-parser": "10.4.1",
     "vue-tsc": "3.3.9"
   },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 57a2626..8ed2e46 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -120,8 +120,8 @@ importers:
         specifier: 1.6.4
         version: 1.6.4(@algolia/client-search@5.56.0)(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.33.0)(postcss@8.5.26)(sass-embedded@1.103.1)(sass@1.103.1)(search-insights@2.17.3)(terser@5.50.0)(tsx@4.23.12)(typescript@6.0.3)(yaml@2.9.0)
       vitest:
-        specifier: 4.1.10
-        version: 4.1.10(@types/node@24.13.3)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))
+        specifier: 4.1.11
+        version: 4.1.11(@types/node@24.13.3)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))
       vue-eslint-parser:
         specifier: 10.4.1
         version: 10.4.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)
@@ -1558,11 +1558,11 @@ packages:
       vite: ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
       vue: ^3.2.25
 
-  '@vitest/expect@4.1.10':
-    resolution: {integrity: sha512-YsCn+qAk1GWjQOWFEsEcL2gNQ0zmVmQu3T03qP6UyjhtmdtwtbuI+DASn/7iQB3HGTXkdBwGddzxPlmiql5vlA==}
+  '@vitest/expect@4.1.11':
+    resolution: {integrity: sha512-VX2x5vNJXET47KAFzwERI+KRMtTTCSWTfSMKsW7JsUsXV4psq++e3DvZpuTDOpHcxytiDs6p2nhVb2tVDiiUYw==}
 
-  '@vitest/mocker@4.1.10':
-    resolution: {integrity: sha512-v0xaezt+DKEmKfaxg133ldzADrwLGd7Ze1MfQQTYfvs8OqZIwbxyxaYURivwV7sWy5fqn3rH5uOrSp07bp44Ow==}
+  '@vitest/mocker@4.1.11':
+    resolution: {integrity: sha512-2XJVD55d1o5AZous5CCGKS74g/riOj9odEt2bQpCVZeblHyHdnMeFl4jl0XjU21stf4mbjUkew2eXQZt65g5CQ==}
     peerDependencies:
       msw: ^2.4.9
       vite: ^6.0.0 || ^7.0.0 || ^8.0.0
@@ -1572,20 +1572,20 @@ packages:
       vite:
         optional: true
 
-  '@vitest/pretty-format@4.1.10':
-    resolution: {integrity: sha512-W1HsjSH4MXQ9YfmmhLAoIYf1HRfekQCGngeIgcei6MP5QQGWUe0gkopdZQaVCFO+JDJMrAJGwa5pRpNpvy4P8Q==}
+  '@vitest/pretty-format@4.1.11':
+    resolution: {integrity: sha512-yiZzPbGTS9Sr/JpFl8zHrcIkAofNbFV6k21vIgQN/cY/oxZeXhJv5sc/MBJ5jFKWmWs+oJHw0UXLZjmf931+Vw==}
 
-  '@vitest/runner@4.1.10':
-    resolution: {integrity: sha512-IKI6kpIH+LmpROplyLwBBaCfMgOZOMsygVa6BARD6ahA04VRuJSa6OaVG7kRvSEMD870Vd91rSSw0eegtWyLGg==}
+  '@vitest/runner@4.1.11':
+    resolution: {integrity: sha512-LztvUgdwMNJMIkj3hQnnxiC2Xy1zNxq928W/xhjCLaNCzqTZOudjwbQf6v9IntZGPw132i2Lq2rgTRZHD3JHNw==}
 
-  '@vitest/snapshot@4.1.10':
-    resolution: {integrity: sha512-xRkfOT1qpTAi/Ti4Y1LtfRc3kEuqxGw59eN2jN9pRWMtS/XDevekhcFSqvQqjUNGksfjMJu3Y+oJ+4Ypn2OaJw==}
+  '@vitest/snapshot@4.1.11':
+    resolution: {integrity: sha512-pN7ikn1ON7h8ee4gIAp4AzyK+zBtJPzVbqOgu5LCEh4VaJVbPQcgYQYJIMGQPXVeJJq1fnfazis7a5pFNPahog==}
 
-  '@vitest/spy@4.1.10':
-    resolution: {integrity: sha512-PLf/Ugvoq5wO/b4rwYCR1h2PSIdXz7wnkQFMiUpLdtM7l6pqVFcQIBEHyT1+l+cj7mNwAfZHzqXqDyjvOuwbDw==}
+  '@vitest/spy@4.1.11':
+    resolution: {integrity: sha512-apNa/prQy2qCeywhnixOHPRCgGNhvg7T4Dapfl1GahLp/R+uhBm5cPyFoNVyqsNd2h1nJxL6BqqdIjiABL60YA==}
 
-  '@vitest/utils@4.1.10':
-    resolution: {integrity: sha512-fy9am/HWxbaGt/Sawrp90vt6Y6jQwf1RX77cz3uwoJwJVMli/e1IEwRPnMNJ7vKfPTwo0diXifkpPvwH9v7nGA==}
+  '@vitest/utils@4.1.11':
+    resolution: {integrity: sha512-zTCVGpyFsGWBhllOyKlTw/vnr6D9qxsfSDyfbyZmTyjHw5N/VuvzHpHoQjm2ZJzn4RJgx5w4r7V0er69CmLgPQ==}
 
   '@volar/language-core@2.4.28':
     resolution: {integrity: sha512-w4qhIJ8ZSitgLAkVay6AbcnC7gP3glYM3fYwKV3srj8m494E3xtrCv6E+bWviiK/8hs6e6t1ij1s2Endql7vzQ==}
@@ -2257,8 +2257,8 @@ packages:
     resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
     engines: {node: '>= 0.4'}
 
-  es-module-lexer@2.3.0:
-    resolution: {integrity: sha512-KLdwQm2NvGLDkQDCGvmiQrhkd0JbMzXthwQAUgWjQuQdBLFa3eiBP5arXZyA+f8x+x7OXgud6bq2rxjGtHV2tw==}
+  es-module-lexer@2.3.2:
+    resolution: {integrity: sha512-poHGpORABojJJucnV9KbOavETW8lBVnphkW77ER5/BQ5Fz7oXSoCNek7IH3vR5nRjdsEz926ibFYX8KtLQmdyw==}
 
   es-object-atoms@1.1.2:
     resolution: {integrity: sha512-HWcBoN6NileqtSydK2FqHbS/LoDd2pqrnQHLyJzBj4kOp/ky2MWMN694xOfkK8/SnUsW2DH7EfyVlydKCsm1Zw==}
@@ -3023,8 +3023,8 @@ packages:
     resolution: {integrity: sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==}
     engines: {node: '>= 0.4'}
 
-  obug@2.1.3:
-    resolution: {integrity: sha512-9miFgM2OFba7hB+pRgvtV84pYTBaoTHohvmIgiRt6dRIzbwEOIaNaP+dIlGs2fNFoB0SeISs0Jz5WFVRid6Xyg==}
+  obug@2.1.4:
+    resolution: {integrity: sha512-4a+OsYv9UktOJKE+l1A4OufDgdRF9PifWj+tJnHURo/P+WOxpG4GzUFL9qCalmWauao6ogiG+QvnCovwPoyAWA==}
     engines: {node: '>=12.20.0'}
 
   on-exit-leak-free@2.1.2:
@@ -3661,10 +3661,6 @@ packages:
   tinybench@2.9.0:
     resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
 
-  tinyexec@1.2.4:
-    resolution: {integrity: sha512-SHf/r48b7vOrjve9PxJo3MN5v5yuyjHvdUcrQffT3WXMUfnGmHDVbC4k3sHJaJTgZCwpUplIaAo5ANtMyp3YHg==}
-    engines: {node: '>=18'}
-
   tinyexec@1.3.0:
     resolution: {integrity: sha512-QKAl9m8gWWGHV8jZcPeym6j+XULi6tOf1mT83WYJ4Lk2ytW/uwAWkrP0uFsdoYMdueVJ0qs26wZ+23xeB4ibNQ==}
     engines: {node: '>=18'}
@@ -3673,8 +3669,8 @@ packages:
     resolution: {integrity: sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==}
     engines: {node: '>=12.0.0'}
 
-  tinyrainbow@3.1.0:
-    resolution: {integrity: sha512-Bf+ILmBgretUrdJxzXM0SgXLZ3XfiaUuOj/IKQHuTXip+05Xn+uyEYdVg0kYDipTBcLrCVyUzAPz7QmArb0mmw==}
+  tinyrainbow@3.1.1:
+    resolution: {integrity: sha512-yau8yJdTt989Mm0Bd/236QnzEiPf2xLLTqUZRUJOo/3CB078LSwzei343DgtJVmfJKJE3TMINY1u42SQsP6mXw==}
     engines: {node: '>=14.0.0'}
 
   to-regex-range@5.0.1:
@@ -3984,20 +3980,20 @@ packages:
       postcss:
         optional: true
 
-  vitest@4.1.10:
-    resolution: {integrity: sha512-R9jUTe5S4Qb0HCd4TNqpC7oGcrMssMRGXLW80ubjWsW9VH5GF8y1Y0SFLY9AbqSk6nt0PnOx4H4WNJYZ13GUPw==}
+  vitest@4.1.11:
+    resolution: {integrity: sha512-fhACrNXUidIbGSBr5FlbuBkO7VWC1ZyLl0DO4CU2DrQoAPxX84Ysxs+HeGQpii5lZWV1Q4gBZTTu49mF+A6Edw==}
     engines: {node: ^20.0.0 || ^22.0.0 || >=24.0.0}
     hasBin: true
     peerDependencies:
       '@edge-runtime/vm': '*'
       '@opentelemetry/api': ^1.9.0
       '@types/node': <25
-      '@vitest/browser-playwright': 4.1.10
-      '@vitest/browser-preview': 4.1.10
-      '@vitest/browser-webdriverio': 4.1.10
-      '@vitest/coverage-istanbul': 4.1.10
-      '@vitest/coverage-v8': 4.1.10
-      '@vitest/ui': 4.1.10
+      '@vitest/browser-playwright': 4.1.11
+      '@vitest/browser-preview': 4.1.11
+      '@vitest/browser-webdriverio': 4.1.11
+      '@vitest/coverage-istanbul': 4.1.11
+      '@vitest/coverage-v8': 4.1.11
+      '@vitest/ui': 4.1.11
       happy-dom: '*'
       jsdom: '*'
       vite: ^6.0.0 || ^7.0.0 || ^8.0.0
@@ -5438,46 +5434,46 @@ snapshots:
       vite: 8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0)
       vue: 3.5.41(typescript@6.0.3)
 
-  '@vitest/expect@4.1.10':
+  '@vitest/expect@4.1.11':
     dependencies:
       '@standard-schema/spec': 1.1.0
       '@types/chai': 5.2.3
-      '@vitest/spy': 4.1.10
-      '@vitest/utils': 4.1.10
+      '@vitest/spy': 4.1.11
+      '@vitest/utils': 4.1.11
       chai: 6.2.2
-      tinyrainbow: 3.1.0
+      tinyrainbow: 3.1.1
 
-  '@vitest/mocker@4.1.10(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))':
+  '@vitest/mocker@4.1.11(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))':
     dependencies:
-      '@vitest/spy': 4.1.10
+      '@vitest/spy': 4.1.11
       estree-walker: 3.0.3
       magic-string: 0.30.21
     optionalDependencies:
       vite: 8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0)
 
-  '@vitest/pretty-format@4.1.10':
+  '@vitest/pretty-format@4.1.11':
     dependencies:
-      tinyrainbow: 3.1.0
+      tinyrainbow: 3.1.1
 
-  '@vitest/runner@4.1.10':
+  '@vitest/runner@4.1.11':
     dependencies:
-      '@vitest/utils': 4.1.10
+      '@vitest/utils': 4.1.11
       pathe: 2.0.3
 
-  '@vitest/snapshot@4.1.10':
+  '@vitest/snapshot@4.1.11':
     dependencies:
-      '@vitest/pretty-format': 4.1.10
-      '@vitest/utils': 4.1.10
+      '@vitest/pretty-format': 4.1.11
+      '@vitest/utils': 4.1.11
       magic-string: 0.30.21
       pathe: 2.0.3
 
-  '@vitest/spy@4.1.10': {}
+  '@vitest/spy@4.1.11': {}
 
-  '@vitest/utils@4.1.10':
+  '@vitest/utils@4.1.11':
     dependencies:
-      '@vitest/pretty-format': 4.1.10
+      '@vitest/pretty-format': 4.1.11
       convert-source-map: 2.0.0
-      tinyrainbow: 3.1.0
+      tinyrainbow: 3.1.1
 
   '@volar/language-core@2.4.28':
     dependencies:
@@ -6173,7 +6169,7 @@ snapshots:
 
   es-errors@1.3.0: {}
 
-  es-module-lexer@2.3.0: {}
+  es-module-lexer@2.3.2: {}
 
   es-object-atoms@1.1.2:
     dependencies:
@@ -6987,7 +6983,7 @@ snapshots:
 
   object-inspect@1.13.4: {}
 
-  obug@2.1.3: {}
+  obug@2.1.4: {}
 
   on-exit-leak-free@2.1.2: {}
 
@@ -7627,8 +7623,6 @@ snapshots:
 
   tinybench@2.9.0: {}
 
-  tinyexec@1.2.4: {}
-
   tinyexec@1.3.0: {}
 
   tinyglobby@0.2.17:
@@ -7636,7 +7630,7 @@ snapshots:
       fdir: 6.5.0(picomatch@4.0.5)
       picomatch: 4.0.5
 
-  tinyrainbow@3.1.0: {}
+  tinyrainbow@3.1.1: {}
 
   to-regex-range@5.0.1:
     dependencies:
@@ -7888,26 +7882,26 @@ snapshots:
       - universal-cookie
       - yaml
 
-  vitest@4.1.10(@types/node@24.13.3)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0)):
+  vitest@4.1.11(@types/node@24.13.3)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0)):
     dependencies:
-      '@vitest/expect': 4.1.10
-      '@vitest/mocker': 4.1.10(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))
-      '@vitest/pretty-format': 4.1.10
-      '@vitest/runner': 4.1.10
-      '@vitest/snapshot': 4.1.10
-      '@vitest/spy': 4.1.10
-      '@vitest/utils': 4.1.10
-      es-module-lexer: 2.3.0
+      '@vitest/expect': 4.1.11
+      '@vitest/mocker': 4.1.11(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))
+      '@vitest/pretty-format': 4.1.11
+      '@vitest/runner': 4.1.11
+      '@vitest/snapshot': 4.1.11
+      '@vitest/spy': 4.1.11
+      '@vitest/utils': 4.1.11
+      es-module-lexer: 2.3.2
       expect-type: 1.4.0
       magic-string: 0.30.21
-      obug: 2.1.3
+      obug: 2.1.4
       pathe: 2.0.3
       picomatch: 4.0.5
       std-env: 4.2.0
       tinybench: 2.9.0
-      tinyexec: 1.2.4
+      tinyexec: 1.3.0
       tinyglobby: 0.2.17
-      tinyrainbow: 3.1.0
+      tinyrainbow: 3.1.1
       vite: 8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0)
       why-is-node-running: 2.3.0
     optionalDependencies:

From 1c9f9f6553e7798cf04dad1a54e082a7a67bf489 Mon Sep 17 00:00:00 2001
From: Shaenn <22753401+Shaenn@users.noreply.github.com>
Date: Sat, 22 Aug 2026 02:00:27 +0200
Subject: [PATCH 13/30] vue-tsc passe en 3.3.10
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Correctif. C'est lui qui vérifie les types de `src/` pendant le build : le
build complet de la SPA passe, sans avertissement nouveau. Lint, typecheck et
518 tests passent.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 24 ++++++++++++------------
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/package.json b/package.json
index a94b0c7..7fb64eb 100644
--- a/package.json
+++ b/package.json
@@ -65,7 +65,7 @@
     "vitepress": "1.6.4",
     "vitest": "4.1.11",
     "vue-eslint-parser": "10.4.1",
-    "vue-tsc": "3.3.9"
+    "vue-tsc": "3.3.10"
   },
   "engines": {
     "node": "^24",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8ed2e46..464bd28 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -115,7 +115,7 @@ importers:
         version: 6.0.3
       vite-plugin-checker:
         specifier: 0.14.5
-        version: 0.14.5(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(optionator@0.9.4)(typescript@6.0.3)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue-tsc@3.3.9(typescript@6.0.3))
+        version: 0.14.5(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(optionator@0.9.4)(typescript@6.0.3)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue-tsc@3.3.10(typescript@6.0.3))
       vitepress:
         specifier: 1.6.4
         version: 1.6.4(@algolia/client-search@5.56.0)(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.33.0)(postcss@8.5.26)(sass-embedded@1.103.1)(sass@1.103.1)(search-insights@2.17.3)(terser@5.50.0)(tsx@4.23.12)(typescript@6.0.3)(yaml@2.9.0)
@@ -126,8 +126,8 @@ importers:
         specifier: 10.4.1
         version: 10.4.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)
       vue-tsc:
-        specifier: 3.3.9
-        version: 3.3.9(typescript@6.0.3)
+        specifier: 3.3.10
+        version: 3.3.10(typescript@6.0.3)
 
 packages:
 
@@ -1656,8 +1656,8 @@ packages:
       typescript:
         optional: true
 
-  '@vue/language-core@3.3.9':
-    resolution: {integrity: sha512-in/68oAa4BCtVY6n/nkuhLIkV8DHYd2UivedJ6cMZ6UYtlq9jaoaSNUBHYCVO44z3nKg7MdE5OBoHKt5SxeBKQ==}
+  '@vue/language-core@3.3.10':
+    resolution: {integrity: sha512-CR7ByBbgPHqhxrioKPOcZBqttaozzLNwtkCzXQ+uF8gLPHnUe03srPnGpdtHD3zp+bq5iyVkZ1WNx7W564RPwg==}
 
   '@vue/reactivity@3.5.41':
     resolution: {integrity: sha512-rznsqKM0np0x18EjzF8x88MpEhdNsffbvFbckLL5+oUKz1BxAImEmO7J1ArRYSyo6aQaVoBDp7jEkT91OOxydA==}
@@ -4054,8 +4054,8 @@ packages:
       vite:
         optional: true
 
-  vue-tsc@3.3.9:
-    resolution: {integrity: sha512-TS3Y1ux/IRoE8OCP2PpACAeOseuIs0UvWrcr7u+w3PmfY+SlCfEf8zjrBgnQksHUgLpthi5vHlffcQTQTdPBZA==}
+  vue-tsc@3.3.10:
+    resolution: {integrity: sha512-YaDVxcW+CGtaOt3pZahMG5jYPx0hsUTxyEoPOTSMebcGUXP9lIBabQ14vfKMORb2CqqK5CxsNo/d1d+4IQwiKg==}
     hasBin: true
     peerDependencies:
       typescript: <7
@@ -5582,7 +5582,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@vue/language-core@3.3.9':
+  '@vue/language-core@3.3.10':
     dependencies:
       '@volar/language-core': 2.4.28
       '@vue/compiler-dom': 3.5.41
@@ -7776,7 +7776,7 @@ snapshots:
       '@types/unist': 3.0.3
       vfile-message: 4.0.3
 
-  vite-plugin-checker@0.14.5(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(optionator@0.9.4)(typescript@6.0.3)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue-tsc@3.3.9(typescript@6.0.3)):
+  vite-plugin-checker@0.14.5(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(optionator@0.9.4)(typescript@6.0.3)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue-tsc@3.3.10(typescript@6.0.3)):
     dependencies:
       '@babel/code-frame': 7.29.7
       chokidar: 5.0.0
@@ -7790,7 +7790,7 @@ snapshots:
       eslint: 10.8.1(jiti@2.7.0)(supports-color@10.2.2)
       optionator: 0.9.4
       typescript: 6.0.3
-      vue-tsc: 3.3.9(typescript@6.0.3)
+      vue-tsc: 3.3.10(typescript@6.0.3)
 
   vite@6.4.3(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.33.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0):
     dependencies:
@@ -7966,10 +7966,10 @@ snapshots:
       - unloader
       - webpack
 
-  vue-tsc@3.3.9(typescript@6.0.3):
+  vue-tsc@3.3.10(typescript@6.0.3):
     dependencies:
       '@volar/typescript': 2.4.28
-      '@vue/language-core': 3.3.9
+      '@vue/language-core': 3.3.10
       typescript: 6.0.3
 
   vue@3.5.41(typescript@6.0.3):

From 8b30f42792cb4093d12359555447eacc72ae4a79 Mon Sep 17 00:00:00 2001
From: Shaenn <22753401+Shaenn@users.noreply.github.com>
Date: Sat, 22 Aug 2026 02:08:05 +0200
Subject: [PATCH 14/30] =?UTF-8?q?quasar=20passe=20en=202.25.1,=20et=20le?=
 =?UTF-8?q?=20pack=20de=20langue=20redit=20=C3=A0=20quoi=20il=20sert?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

La montée casse le build : Quasar type ses packs de langue à deux endroits qui
ont cessé de se rejoindre. `lang.d.ts` décrit un pack, `index.d.ts` décrit le
paramètre de `Lang.set()`, et les libellés d'accessibilité ajoutés à `q-date`
en 2.25 y arrivent dans deux formes incompatibles — `prevRangeYears?: (range:
number)` d'un côté, `prevRangeYears: (range?: number)` de l'autre. Sous
`exactOptionalPropertyTypes`, actif côté `src/`, l'un cesse d'être assignable
à l'autre et `pnpm build` s'arrête sur `apply.ts`.

Le défaut est amont : l'objet importé est exactement celui que `Lang.set`
attend à l'exécution. Le type du paramètre est donc dérivé de la fonction
elle-même plutôt que réécrit à la main — un vrai changement de forme resterait
ainsi visible, là où un `as never` aurait tout tu.

Vérifié à l'exécution, pas seulement à la compilation : la bascule de langue
pose `lang="en-US"` puis `lang="fr"` sur le document, sans une erreur en
console — donc le pack est bien chargé et appliqué. Lint, typecheck, 518 tests,
build de la SPA et de la vitrine passent.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 package.json      |  2 +-
 pnpm-lock.yaml    | 22 +++++++++++-----------
 src/i18n/apply.ts | 20 +++++++++++++++++++-
 3 files changed, 31 insertions(+), 13 deletions(-)

diff --git a/package.json b/package.json
index 7fb64eb..7e9a095 100644
--- a/package.json
+++ b/package.json
@@ -40,7 +40,7 @@
     "mermaid": "11.17.0",
     "node-telegram-bot-api": "2.0.0",
     "pinia": "4.0.3",
-    "quasar": "2.24.0",
+    "quasar": "2.25.1",
     "vue": "3.5.41",
     "vue-i18n": "11.4.8",
     "vue-router": "5.2.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 464bd28..2406ea3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -56,8 +56,8 @@ importers:
         specifier: 4.0.3
         version: 4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3))
       quasar:
-        specifier: 2.24.0
-        version: 2.24.0
+        specifier: 2.25.1
+        version: 2.25.1
       vue:
         specifier: 3.5.41
         version: 3.5.41(typescript@6.0.3)
@@ -76,7 +76,7 @@ importers:
         version: 10.0.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))
       '@quasar/app-vite':
         specifier: 3.7.0
-        version: 3.7.0(@types/node@24.13.3)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(quasar@2.24.0)(sass@1.103.1)(supports-color@10.2.2)(terser@5.50.0)(tsx@4.23.12)(typescript@6.0.3)(vue-router@5.2.0(@vue/compiler-sfc@3.5.41)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(rolldown@1.2.5)(rollup@4.62.4)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3)))(vue@3.5.41(typescript@6.0.3))(yaml@2.9.0)
+        version: 3.7.0(@types/node@24.13.3)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(quasar@2.25.1)(sass@1.103.1)(supports-color@10.2.2)(terser@5.50.0)(tsx@4.23.12)(typescript@6.0.3)(vue-router@5.2.0(@vue/compiler-sfc@3.5.41)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(rolldown@1.2.5)(rollup@4.62.4)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3)))(vue@3.5.41(typescript@6.0.3))(yaml@2.9.0)
       '@types/node':
         specifier: <25
         version: 24.13.3
@@ -3243,8 +3243,8 @@ packages:
   quansync@0.2.11:
     resolution: {integrity: sha512-AifT7QEbW9Nri4tAwR5M/uzpBuqfZf+zwaEM/QkzEjj7NBuFD2rBuy0K3dE+8wltbezDV7JMA0WfnCPYRSYbXA==}
 
-  quasar@2.24.0:
-    resolution: {integrity: sha512-esoimUWc5e4Ms89mYZRDaeGqHWAIcqZVMqDnkCsMFlR3sFwdURRRDXrFzHTFLsY53KBE4krp2qqurnf91eYZNA==}
+  quasar@2.25.1:
+    resolution: {integrity: sha512-wDc+rLS0MHzp3wl1ILo7FXk6V15aotljHDO8DVpBlm1foATO4jbY8QTfZJW5e8tqAD/zJw6paHC6BeV4eSPMwg==}
     engines: {node: '>= 10.18.1', npm: '>= 6.13.4', yarn: '>= 1.21.1'}
 
   queue-microtask@1.2.3:
@@ -4909,13 +4909,13 @@ snapshots:
 
   '@pkgr/core@0.3.6': {}
 
-  '@quasar/app-vite@3.7.0(@types/node@24.13.3)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(quasar@2.24.0)(sass@1.103.1)(supports-color@10.2.2)(terser@5.50.0)(tsx@4.23.12)(typescript@6.0.3)(vue-router@5.2.0(@vue/compiler-sfc@3.5.41)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(rolldown@1.2.5)(rollup@4.62.4)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3)))(vue@3.5.41(typescript@6.0.3))(yaml@2.9.0)':
+  '@quasar/app-vite@3.7.0(@types/node@24.13.3)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(quasar@2.25.1)(sass@1.103.1)(supports-color@10.2.2)(terser@5.50.0)(tsx@4.23.12)(typescript@6.0.3)(vue-router@5.2.0(@vue/compiler-sfc@3.5.41)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(rolldown@1.2.5)(rollup@4.62.4)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3)))(vue@3.5.41(typescript@6.0.3))(yaml@2.9.0)':
     dependencies:
       '@clack/prompts': 1.7.0
       '@quasar/art': 1.0.0
       '@quasar/render-ssr-error': 2.2.6
       '@quasar/ssl-certificate': 2.1.0
-      '@quasar/vite-plugin': 2.0.0(@vitejs/plugin-vue@6.0.8(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3)))(quasar@2.24.0)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))
+      '@quasar/vite-plugin': 2.0.0(@vitejs/plugin-vue@6.0.8(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3)))(quasar@2.25.1)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))
       '@types/chrome': 0.2.6
       '@types/cordova': 11.0.3
       '@vitejs/plugin-vue': 6.0.8(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))
@@ -4934,7 +4934,7 @@ snapshots:
       mlly: 1.8.2
       open: 11.0.1
       picomatch: 4.0.5
-      quasar: 2.24.0
+      quasar: 2.25.1
       rolldown: 1.2.5
       sass-embedded: 1.103.1
       semver: 7.8.5
@@ -4975,10 +4975,10 @@ snapshots:
       fs-extra: 11.4.0
       selfsigned: 5.5.0
 
-  '@quasar/vite-plugin@2.0.0(@vitejs/plugin-vue@6.0.8(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3)))(quasar@2.24.0)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))':
+  '@quasar/vite-plugin@2.0.0(@vitejs/plugin-vue@6.0.8(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3)))(quasar@2.25.1)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))':
     dependencies:
       '@vitejs/plugin-vue': 6.0.8(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))
-      quasar: 2.24.0
+      quasar: 2.25.1
       vite: 8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0)
       vue: 3.5.41(typescript@6.0.3)
 
@@ -7197,7 +7197,7 @@ snapshots:
 
   quansync@0.2.11: {}
 
-  quasar@2.24.0: {}
+  quasar@2.25.1: {}
 
   queue-microtask@1.2.3: {}
 
diff --git a/src/i18n/apply.ts b/src/i18n/apply.ts
index 75b4280..83ab3f5 100644
--- a/src/i18n/apply.ts
+++ b/src/i18n/apply.ts
@@ -9,6 +9,24 @@
 import { Lang } from 'quasar';
 import { i18n, type AppLocale } from './index';
 
+/**
+ * Ce que `Lang.set()` accepte, tel qu'il le déclare lui-même.
+ *
+ * Quasar type ses packs de langue à deux endroits qui ont cessé de se
+ * rejoindre en 2.25 : `lang.d.ts` décrit un pack — ce que renvoie
+ * `import('quasar/lang/fr')` — et `index.d.ts` décrit le paramètre de
+ * `Lang.set()`. Les libellés d'accessibilité ajoutés à `q-date` y sont
+ * déclarés dans deux formes incompatibles : `prevRangeYears?: (range: number)`
+ * d'un côté, `prevRangeYears: (range?: number)` de l'autre. Sous
+ * `exactOptionalPropertyTypes`, l'un n'est plus assignable à l'autre.
+ *
+ * L'objet importé est bien celui que la fonction attend à l'exécution : c'est
+ * le typage amont qui est incohérent, pas cet appel. Dériver le type du
+ * paramètre plutôt que l'écrire à la main fait qu'un vrai changement de forme,
+ * lui, sera toujours vu.
+ */
+type QuasarLangPack = Parameters<typeof Lang.set>[0];
+
 /**
  * Applique une langue à toute l'application.
  *
@@ -36,7 +54,7 @@ export async function applyLocale(locale: AppLocale): Promise<void> {
   try {
     const pack =
       locale === 'en' ? await import('quasar/lang/en-US') : await import('quasar/lang/fr');
-    Lang.set(pack.default);
+    Lang.set(pack.default as QuasarLangPack);
   } catch (e) {
     console.error(`Pack de langue Quasar « ${locale} » non chargé`, e);
   }

From 5effa70dddbf2866b46b4f35b81f3c63deb24484 Mon Sep 17 00:00:00 2001
From: Shaenn <22753401+Shaenn@users.noreply.github.com>
Date: Tue, 25 Aug 2026 02:33:00 +0200
Subject: [PATCH 15/30] quasar passe en 2.26.0
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Lint, typecheck, tests et build passent sans changement. Aucun avertissement
nouveau au build — le seul qui reste est la limite de taille de chunk, déjà
présente avant la montée.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 22 +++++++++++-----------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/package.json b/package.json
index 7e9a095..8b635d8 100644
--- a/package.json
+++ b/package.json
@@ -40,7 +40,7 @@
     "mermaid": "11.17.0",
     "node-telegram-bot-api": "2.0.0",
     "pinia": "4.0.3",
-    "quasar": "2.25.1",
+    "quasar": "2.26.0",
     "vue": "3.5.41",
     "vue-i18n": "11.4.8",
     "vue-router": "5.2.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 2406ea3..749a2cd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -56,8 +56,8 @@ importers:
         specifier: 4.0.3
         version: 4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3))
       quasar:
-        specifier: 2.25.1
-        version: 2.25.1
+        specifier: 2.26.0
+        version: 2.26.0
       vue:
         specifier: 3.5.41
         version: 3.5.41(typescript@6.0.3)
@@ -76,7 +76,7 @@ importers:
         version: 10.0.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))
       '@quasar/app-vite':
         specifier: 3.7.0
-        version: 3.7.0(@types/node@24.13.3)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(quasar@2.25.1)(sass@1.103.1)(supports-color@10.2.2)(terser@5.50.0)(tsx@4.23.12)(typescript@6.0.3)(vue-router@5.2.0(@vue/compiler-sfc@3.5.41)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(rolldown@1.2.5)(rollup@4.62.4)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3)))(vue@3.5.41(typescript@6.0.3))(yaml@2.9.0)
+        version: 3.7.0(@types/node@24.13.3)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(quasar@2.26.0)(sass@1.103.1)(supports-color@10.2.2)(terser@5.50.0)(tsx@4.23.12)(typescript@6.0.3)(vue-router@5.2.0(@vue/compiler-sfc@3.5.41)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(rolldown@1.2.5)(rollup@4.62.4)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3)))(vue@3.5.41(typescript@6.0.3))(yaml@2.9.0)
       '@types/node':
         specifier: <25
         version: 24.13.3
@@ -3243,8 +3243,8 @@ packages:
   quansync@0.2.11:
     resolution: {integrity: sha512-AifT7QEbW9Nri4tAwR5M/uzpBuqfZf+zwaEM/QkzEjj7NBuFD2rBuy0K3dE+8wltbezDV7JMA0WfnCPYRSYbXA==}
 
-  quasar@2.25.1:
-    resolution: {integrity: sha512-wDc+rLS0MHzp3wl1ILo7FXk6V15aotljHDO8DVpBlm1foATO4jbY8QTfZJW5e8tqAD/zJw6paHC6BeV4eSPMwg==}
+  quasar@2.26.0:
+    resolution: {integrity: sha512-ywVtVRJIA12f5Py7Ld8xZJTg16Hw7yG2/mPdTGMEadQpKP1zZUlig9h9DSh/kS6k5z7l3Mr/sWvAUbCXFgrqtQ==}
     engines: {node: '>= 10.18.1', npm: '>= 6.13.4', yarn: '>= 1.21.1'}
 
   queue-microtask@1.2.3:
@@ -4909,13 +4909,13 @@ snapshots:
 
   '@pkgr/core@0.3.6': {}
 
-  '@quasar/app-vite@3.7.0(@types/node@24.13.3)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(quasar@2.25.1)(sass@1.103.1)(supports-color@10.2.2)(terser@5.50.0)(tsx@4.23.12)(typescript@6.0.3)(vue-router@5.2.0(@vue/compiler-sfc@3.5.41)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(rolldown@1.2.5)(rollup@4.62.4)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3)))(vue@3.5.41(typescript@6.0.3))(yaml@2.9.0)':
+  '@quasar/app-vite@3.7.0(@types/node@24.13.3)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(quasar@2.26.0)(sass@1.103.1)(supports-color@10.2.2)(terser@5.50.0)(tsx@4.23.12)(typescript@6.0.3)(vue-router@5.2.0(@vue/compiler-sfc@3.5.41)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(rolldown@1.2.5)(rollup@4.62.4)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3)))(vue@3.5.41(typescript@6.0.3))(yaml@2.9.0)':
     dependencies:
       '@clack/prompts': 1.7.0
       '@quasar/art': 1.0.0
       '@quasar/render-ssr-error': 2.2.6
       '@quasar/ssl-certificate': 2.1.0
-      '@quasar/vite-plugin': 2.0.0(@vitejs/plugin-vue@6.0.8(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3)))(quasar@2.25.1)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))
+      '@quasar/vite-plugin': 2.0.0(@vitejs/plugin-vue@6.0.8(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3)))(quasar@2.26.0)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))
       '@types/chrome': 0.2.6
       '@types/cordova': 11.0.3
       '@vitejs/plugin-vue': 6.0.8(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))
@@ -4934,7 +4934,7 @@ snapshots:
       mlly: 1.8.2
       open: 11.0.1
       picomatch: 4.0.5
-      quasar: 2.25.1
+      quasar: 2.26.0
       rolldown: 1.2.5
       sass-embedded: 1.103.1
       semver: 7.8.5
@@ -4975,10 +4975,10 @@ snapshots:
       fs-extra: 11.4.0
       selfsigned: 5.5.0
 
-  '@quasar/vite-plugin@2.0.0(@vitejs/plugin-vue@6.0.8(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3)))(quasar@2.25.1)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))':
+  '@quasar/vite-plugin@2.0.0(@vitejs/plugin-vue@6.0.8(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3)))(quasar@2.26.0)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))':
     dependencies:
       '@vitejs/plugin-vue': 6.0.8(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))
-      quasar: 2.25.1
+      quasar: 2.26.0
       vite: 8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0)
       vue: 3.5.41(typescript@6.0.3)
 
@@ -7197,7 +7197,7 @@ snapshots:
 
   quansync@0.2.11: {}
 
-  quasar@2.25.1: {}
+  quasar@2.26.0: {}
 
   queue-microtask@1.2.3: {}
 

From f8d514e23524466e19479f5e4bc8ff2a41e491c1 Mon Sep 17 00:00:00 2001
From: Shaenn <22753401+Shaenn@users.noreply.github.com>
Date: Tue, 25 Aug 2026 02:34:33 +0200
Subject: [PATCH 16/30] vue-i18n passe en 11.4.9

Correctif. Lint, typecheck, tests et build passent sans changement, aucun
avertissement nouveau.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 52 +++++++++++++++++++++++++-------------------------
 2 files changed, 27 insertions(+), 27 deletions(-)

diff --git a/package.json b/package.json
index 8b635d8..961e21a 100644
--- a/package.json
+++ b/package.json
@@ -42,7 +42,7 @@
     "pinia": "4.0.3",
     "quasar": "2.26.0",
     "vue": "3.5.41",
-    "vue-i18n": "11.4.8",
+    "vue-i18n": "11.4.9",
     "vue-router": "5.2.0",
     "zod": "4.4.3"
   },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 749a2cd..7e893d5 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -62,8 +62,8 @@ importers:
         specifier: 3.5.41
         version: 3.5.41(typescript@6.0.3)
       vue-i18n:
-        specifier: 11.4.8
-        version: 11.4.8(vue@3.5.41(typescript@6.0.3))
+        specifier: 11.4.9
+        version: 11.4.9(vue@3.5.41(typescript@6.0.3))
       vue-router:
         specifier: 5.2.0
         version: 5.2.0(@vue/compiler-sfc@3.5.41)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(rolldown@1.2.5)(rollup@4.62.4)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))
@@ -776,20 +776,20 @@ packages:
   '@iconify/utils@3.1.4':
     resolution: {integrity: sha512-b1S7B1k9ohZ+iNTi2ATxbRYG9fTrJmUT0rc46bvVnNxqNRGW7dyo/vRREwyniI5IRN2RSJHDcm+s3BjWrSAjHw==}
 
-  '@intlify/core-base@11.4.8':
-    resolution: {integrity: sha512-A+Q7SKm5oEcy1E/cghqd7n/St4XjTqLhiiyDuieNcMrJcrHlkY5n0jp7Q9dD3txvVHzvsmBVV5M9wD5/s1zfzw==}
+  '@intlify/core-base@11.4.9':
+    resolution: {integrity: sha512-qbGZHXBUwodVCxm6E/IXY0yVLGHuh0GDxnoeCZ5FB75Wq5koKHLrANw5cFhC8fT3WyrkDyvesRzMoFOWsLpPOw==}
     engines: {node: '>= 22'}
 
-  '@intlify/devtools-types@11.4.8':
-    resolution: {integrity: sha512-MGpID+rlfzGUbNcnC20bm5NMSBHPrvx0atLTfv9dftn3kjXw1hGKDcIcwrO99tSrZEc2i+hczRL7ks8qXsHPkQ==}
+  '@intlify/devtools-types@11.4.9':
+    resolution: {integrity: sha512-DFwTGShMQBK9ODzt+EKTRdoHdD65fTA/KbgxBq5gSEsbwYZKVFUKfHwnOYvZnZDL+h56swwXcP6jYRmQMOomvg==}
     engines: {node: '>= 22'}
 
-  '@intlify/message-compiler@11.4.8':
-    resolution: {integrity: sha512-vbzk17dYwduYiv52EK61+FDCyhfVg1uPUtPmiD/d45W99uJIcXywrweOBcHv7n9/iEqmXiMGT52bgJbZDQqK3w==}
+  '@intlify/message-compiler@11.4.9':
+    resolution: {integrity: sha512-4vlAQsttSX1NgyDOY3sXAEq7HiQPvy21YgBeQUc7Ylu66MwLYVvtqOYSYudDR/SyOahttXvezuNs52s+G104xA==}
     engines: {node: '>= 22'}
 
-  '@intlify/shared@11.4.8':
-    resolution: {integrity: sha512-XbRgrv+XEuvDr7UCY55oibVrh+o4u+A0VB6nSL0F5Z8LcZxE/8j573LYG6bCrOigIcHdGpSNI7Rh5UpC5/B/eg==}
+  '@intlify/shared@11.4.9':
+    resolution: {integrity: sha512-4qMBu3D64EN5KbkAj9Mv3TFjiPHtKG/YNd5LU5bpb0DZMR+bKh9/uGNx2GovzxWn2Wnyh5uvEhbPR718EVSkCw==}
     engines: {node: '>= 22'}
 
   '@jridgewell/gen-mapping@0.3.13':
@@ -4030,8 +4030,8 @@ packages:
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
 
-  vue-i18n@11.4.8:
-    resolution: {integrity: sha512-0ULeHP6Z9CGvAm67S77ZEp41cfGXIREGL8qfhos2BMgcQQewtQcDKuojt6jjasAD/S8GwfTp2ySPmDSpwvrCMQ==}
+  vue-i18n@11.4.9:
+    resolution: {integrity: sha512-SJoEYcmt+g8IW1Ro9zuF6GyYEi/2t4kYlg0y7bUPKAyciR4Zhg6f+RTxgEZ9H2o9LrxJdcr50OH2OkGweRzRiA==}
     engines: {node: '>= 22'}
     peerDependencies:
       vue: ^3.0.0
@@ -4659,23 +4659,23 @@ snapshots:
       '@iconify/types': 2.0.0
       import-meta-resolve: 4.2.0
 
-  '@intlify/core-base@11.4.8':
+  '@intlify/core-base@11.4.9':
     dependencies:
-      '@intlify/devtools-types': 11.4.8
-      '@intlify/message-compiler': 11.4.8
-      '@intlify/shared': 11.4.8
+      '@intlify/devtools-types': 11.4.9
+      '@intlify/message-compiler': 11.4.9
+      '@intlify/shared': 11.4.9
 
-  '@intlify/devtools-types@11.4.8':
+  '@intlify/devtools-types@11.4.9':
     dependencies:
-      '@intlify/core-base': 11.4.8
-      '@intlify/shared': 11.4.8
+      '@intlify/core-base': 11.4.9
+      '@intlify/shared': 11.4.9
 
-  '@intlify/message-compiler@11.4.8':
+  '@intlify/message-compiler@11.4.9':
     dependencies:
-      '@intlify/shared': 11.4.8
+      '@intlify/shared': 11.4.9
       source-map-js: 1.2.1
 
-  '@intlify/shared@11.4.8': {}
+  '@intlify/shared@11.4.9': {}
 
   '@jridgewell/gen-mapping@0.3.13':
     dependencies:
@@ -7923,11 +7923,11 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  vue-i18n@11.4.8(vue@3.5.41(typescript@6.0.3)):
+  vue-i18n@11.4.9(vue@3.5.41(typescript@6.0.3)):
     dependencies:
-      '@intlify/core-base': 11.4.8
-      '@intlify/devtools-types': 11.4.8
-      '@intlify/shared': 11.4.8
+      '@intlify/core-base': 11.4.9
+      '@intlify/devtools-types': 11.4.9
+      '@intlify/shared': 11.4.9
       '@vue/devtools-api': 6.6.4
       vue: 3.5.41(typescript@6.0.3)
 

From 49867b3c51f76f3b242d32a09a09853f9f04cf78 Mon Sep 17 00:00:00 2001
From: Shaenn <22753401+Shaenn@users.noreply.github.com>
Date: Tue, 25 Aug 2026 02:36:02 +0200
Subject: [PATCH 17/30] @quasar/app-vite passe en 3.8.0
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Entraîne vite en 8.2.2, correctif de la même ligne — la transitive suit, la
majeure ne bouge pas. Lint, typecheck, tests et build passent sans changement,
aucun avertissement nouveau.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 26 +++++++++++++-------------
 2 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/package.json b/package.json
index 961e21a..dff062d 100644
--- a/package.json
+++ b/package.json
@@ -48,7 +48,7 @@
   },
   "devDependencies": {
     "@eslint/js": "10.0.1",
-    "@quasar/app-vite": "3.7.0",
+    "@quasar/app-vite": "3.8.0",
     "@types/node": "24.13.3",
     "@vue/eslint-config-prettier": "10.2.0",
     "@vue/eslint-config-typescript": "14.9.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7e893d5..2574911 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -75,8 +75,8 @@ importers:
         specifier: 10.0.1
         version: 10.0.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))
       '@quasar/app-vite':
-        specifier: 3.7.0
-        version: 3.7.0(@types/node@24.13.3)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(quasar@2.26.0)(sass@1.103.1)(supports-color@10.2.2)(terser@5.50.0)(tsx@4.23.12)(typescript@6.0.3)(vue-router@5.2.0(@vue/compiler-sfc@3.5.41)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(rolldown@1.2.5)(rollup@4.62.4)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3)))(vue@3.5.41(typescript@6.0.3))(yaml@2.9.0)
+        specifier: 3.8.0
+        version: 3.8.0(@types/node@24.13.3)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(quasar@2.26.0)(sass@1.103.1)(supports-color@10.2.2)(terser@5.50.0)(tsx@4.23.12)(typescript@6.0.3)(vue-router@5.2.0(@vue/compiler-sfc@3.5.41)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(rolldown@1.2.5)(rollup@4.62.4)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3)))(vue@3.5.41(typescript@6.0.3))(yaml@2.9.0)
       '@types/node':
         specifier: <25
         version: 24.13.3
@@ -999,8 +999,8 @@ packages:
     resolution: {integrity: sha512-SEeaJLb3qBNF/OaXnaR1NmmBbFYk1zC0ZH/52fATcRPLFg/p791YrcyFFy44Bo9sLaGuSuLp5Q6axbb/O+v/RA==}
     engines: {node: ^14.18.0 || >=16.0.0}
 
-  '@quasar/app-vite@3.7.0':
-    resolution: {integrity: sha512-b71fAE9GbitRPUR6O1slyuamhY0t7uCxrF5vrPgH1Lk1bJ4f00ZSdsiZP1s2/ay0BbRj6yr3o/nzEEG3D104Yw==}
+  '@quasar/app-vite@3.8.0':
+    resolution: {integrity: sha512-iNZKl86C80r2u3d/MCP7zK7Ia2Jv9FpOng2vIsPYaiawkJMku3WY+BegnicR7c2PWZrAQFDf6cn1IPF5GRwG0Q==}
     engines: {node: ^30 || ^28 || ^26 || ^24 || ^22.22.0}
     hasBin: true
     peerDependencies:
@@ -1047,8 +1047,8 @@ packages:
     resolution: {integrity: sha512-QFg1sxmQW3o7WyHG+gMkdQYperKAfSdDKt/kuOgrjOvWFC0TRsub65rYO47SVnjdnSZUVBgQSzB0F3NB88uYyw==}
     engines: {node: '>= 16'}
 
-  '@quasar/vite-plugin@2.0.0':
-    resolution: {integrity: sha512-eY47hWU6sW/v9vEIlT/OcXLy8KqQyjmqiO7Ws8r8CmLxYQ50poUfYttX8dqOgamOGzvkm2H5urIcdf04OQ04Nw==}
+  '@quasar/vite-plugin@2.0.1':
+    resolution: {integrity: sha512-FHw7tjI9aNowd56Eyc6sNlNvkwdb3WCR2mOltUCUZq4byUC6MMG+BDoG38Rxpt6NC4kVgYxyy+p7+cHg8zyiNQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     peerDependencies:
       '@vitejs/plugin-vue': ^6.0.5
@@ -1326,8 +1326,8 @@ packages:
   '@types/chai@5.2.3':
     resolution: {integrity: sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==}
 
-  '@types/chrome@0.2.6':
-    resolution: {integrity: sha512-8OgXtL+OcR2IpY2ul5itg0R3xmdceAM4ldcHxh4BFL20p5z7fjhpyP5KuXAp1LIxA7oQgyViKTS9d+W8Sn8jdQ==}
+  '@types/chrome@0.2.7':
+    resolution: {integrity: sha512-9kjBozQ+jyDVt1eai3VZqjHDTN95JCuRmbRHOryOltBJmzrTmUw/9r/DznmjRaQ8WlyIfeCA4WNzoj0IvormJA==}
 
   '@types/cordova@11.0.3':
     resolution: {integrity: sha512-kyuRQ40/NWQVhqGIHq78Ehu2Bf9Mlg0LhmSmis6ZFJK7z933FRfYi8tHe/k/0fB+PGfCf95rJC6TO7dopaFvAg==}
@@ -4909,14 +4909,14 @@ snapshots:
 
   '@pkgr/core@0.3.6': {}
 
-  '@quasar/app-vite@3.7.0(@types/node@24.13.3)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(quasar@2.26.0)(sass@1.103.1)(supports-color@10.2.2)(terser@5.50.0)(tsx@4.23.12)(typescript@6.0.3)(vue-router@5.2.0(@vue/compiler-sfc@3.5.41)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(rolldown@1.2.5)(rollup@4.62.4)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3)))(vue@3.5.41(typescript@6.0.3))(yaml@2.9.0)':
+  '@quasar/app-vite@3.8.0(@types/node@24.13.3)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(quasar@2.26.0)(sass@1.103.1)(supports-color@10.2.2)(terser@5.50.0)(tsx@4.23.12)(typescript@6.0.3)(vue-router@5.2.0(@vue/compiler-sfc@3.5.41)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(rolldown@1.2.5)(rollup@4.62.4)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3)))(vue@3.5.41(typescript@6.0.3))(yaml@2.9.0)':
     dependencies:
       '@clack/prompts': 1.7.0
       '@quasar/art': 1.0.0
       '@quasar/render-ssr-error': 2.2.6
       '@quasar/ssl-certificate': 2.1.0
-      '@quasar/vite-plugin': 2.0.0(@vitejs/plugin-vue@6.0.8(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3)))(quasar@2.26.0)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))
-      '@types/chrome': 0.2.6
+      '@quasar/vite-plugin': 2.0.1(@vitejs/plugin-vue@6.0.8(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3)))(quasar@2.26.0)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))
+      '@types/chrome': 0.2.7
       '@types/cordova': 11.0.3
       '@vitejs/plugin-vue': 6.0.8(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))
       chokidar: 5.0.0
@@ -4975,7 +4975,7 @@ snapshots:
       fs-extra: 11.4.0
       selfsigned: 5.5.0
 
-  '@quasar/vite-plugin@2.0.0(@vitejs/plugin-vue@6.0.8(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3)))(quasar@2.26.0)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))':
+  '@quasar/vite-plugin@2.0.1(@vitejs/plugin-vue@6.0.8(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3)))(quasar@2.26.0)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))':
     dependencies:
       '@vitejs/plugin-vue': 6.0.8(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))
       quasar: 2.26.0
@@ -5153,7 +5153,7 @@ snapshots:
       '@types/deep-eql': 4.0.2
       assertion-error: 2.0.1
 
-  '@types/chrome@0.2.6':
+  '@types/chrome@0.2.7':
     dependencies:
       '@types/filesystem': 0.0.36
       '@types/har-format': 1.2.16

From c2945b043461e5a09cfaf3896ccef16838f3482c Mon Sep 17 00:00:00 2001
From: Shaenn <22753401+Shaenn@users.noreply.github.com>
Date: Tue, 25 Aug 2026 02:37:26 +0200
Subject: [PATCH 18/30] eslint passe en 10.9.0
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

La 10.9.1 existe déjà mais reste sous quarantaine : elle attendra le prochain
relevé. Lint, typecheck, tests et build passent sans changement — aucune règle
dépréciée signalée sur la configuration du projet.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 package.json   |   2 +-
 pnpm-lock.yaml | 116 ++++++++++++++++++++++++-------------------------
 2 files changed, 59 insertions(+), 59 deletions(-)

diff --git a/package.json b/package.json
index dff062d..25574d6 100644
--- a/package.json
+++ b/package.json
@@ -54,7 +54,7 @@
     "@vue/eslint-config-typescript": "14.9.0",
     "autoprefixer": "10.5.4",
     "concurrently": "10.0.5",
-    "eslint": "10.8.1",
+    "eslint": "10.9.0",
     "eslint-plugin-vue": "10.10.0",
     "globals": "17.11.0",
     "playwright": "1.62.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 2574911..8f0c7c0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -73,7 +73,7 @@ importers:
     devDependencies:
       '@eslint/js':
         specifier: 10.0.1
-        version: 10.0.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))
+        version: 10.0.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))
       '@quasar/app-vite':
         specifier: 3.8.0
         version: 3.8.0(@types/node@24.13.3)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(quasar@2.26.0)(sass@1.103.1)(supports-color@10.2.2)(terser@5.50.0)(tsx@4.23.12)(typescript@6.0.3)(vue-router@5.2.0(@vue/compiler-sfc@3.5.41)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(rolldown@1.2.5)(rollup@4.62.4)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3)))(vue@3.5.41(typescript@6.0.3))(yaml@2.9.0)
@@ -82,10 +82,10 @@ importers:
         version: 24.13.3
       '@vue/eslint-config-prettier':
         specifier: 10.2.0
-        version: 10.2.0(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(prettier@3.9.6)
+        version: 10.2.0(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(prettier@3.9.6)
       '@vue/eslint-config-typescript':
         specifier: 14.9.0
-        version: 14.9.0(eslint-plugin-vue@10.10.0(@typescript-eslint/parser@8.62.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3))(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(vue-eslint-parser@10.4.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)))(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)
+        version: 14.9.0(eslint-plugin-vue@10.10.0(@typescript-eslint/parser@8.62.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3))(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(vue-eslint-parser@10.4.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)))(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)
       autoprefixer:
         specifier: 10.5.4
         version: 10.5.4(postcss@8.5.26)
@@ -93,11 +93,11 @@ importers:
         specifier: 10.0.5
         version: 10.0.5
       eslint:
-        specifier: 10.8.1
-        version: 10.8.1(jiti@2.7.0)(supports-color@10.2.2)
+        specifier: 10.9.0
+        version: 10.9.0(jiti@2.7.0)(supports-color@10.2.2)
       eslint-plugin-vue:
         specifier: 10.10.0
-        version: 10.10.0(@typescript-eslint/parser@8.62.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3))(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(vue-eslint-parser@10.4.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2))
+        version: 10.10.0(@typescript-eslint/parser@8.62.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3))(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(vue-eslint-parser@10.4.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2))
       globals:
         specifier: 17.11.0
         version: 17.11.0
@@ -115,7 +115,7 @@ importers:
         version: 6.0.3
       vite-plugin-checker:
         specifier: 0.14.5
-        version: 0.14.5(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(optionator@0.9.4)(typescript@6.0.3)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue-tsc@3.3.10(typescript@6.0.3))
+        version: 0.14.5(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(optionator@0.9.4)(typescript@6.0.3)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue-tsc@3.3.10(typescript@6.0.3))
       vitepress:
         specifier: 1.6.4
         version: 1.6.4(@algolia/client-search@5.56.0)(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.33.0)(postcss@8.5.26)(sass-embedded@1.103.1)(sass@1.103.1)(search-insights@2.17.3)(terser@5.50.0)(tsx@4.23.12)(typescript@6.0.3)(yaml@2.9.0)
@@ -124,7 +124,7 @@ importers:
         version: 4.1.11(@types/node@24.13.3)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))
       vue-eslint-parser:
         specifier: 10.4.1
-        version: 10.4.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)
+        version: 10.4.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)
       vue-tsc:
         specifier: 3.3.10
         version: 3.3.10(typescript@6.0.3)
@@ -2334,8 +2334,8 @@ packages:
     resolution: {integrity: sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
-  eslint@10.8.1:
-    resolution: {integrity: sha512-wqA7W2jbsC/BnV9Iv1UZpKVFkO1AdNoSmYW8NWG4HNOBbkAMvIqDZ27pI2f07dqn583NcIC44ckjAcOXDL1QbQ==}
+  eslint@10.9.0:
+    resolution: {integrity: sha512-5KeEOJZBfEVA47boFiBsf+6MmmJpffM7qEBg4pLla2e4nlKgdKlqCW0oSLOGsT8Wl5uCGJptLV1bkaiShj90Gw==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
     hasBin: true
     peerDependencies:
@@ -4546,9 +4546,9 @@ snapshots:
   '@esbuild/win32-x64@0.28.2':
     optional: true
 
-  '@eslint-community/eslint-utils@4.10.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))':
+  '@eslint-community/eslint-utils@4.10.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))':
     dependencies:
-      eslint: 10.8.1(jiti@2.7.0)(supports-color@10.2.2)
+      eslint: 10.9.0(jiti@2.7.0)(supports-color@10.2.2)
       eslint-visitor-keys: 3.4.3
 
   '@eslint-community/regexpp@4.12.2': {}
@@ -4569,9 +4569,9 @@ snapshots:
     dependencies:
       '@types/json-schema': 7.0.15
 
-  '@eslint/js@10.0.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))':
+  '@eslint/js@10.0.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))':
     optionalDependencies:
-      eslint: 10.8.1(jiti@2.7.0)(supports-color@10.2.2)
+      eslint: 10.9.0(jiti@2.7.0)(supports-color@10.2.2)
 
   '@eslint/object-schema@3.0.5': {}
 
@@ -5325,15 +5325,15 @@ snapshots:
 
   '@types/web-bluetooth@0.0.21': {}
 
-  '@typescript-eslint/eslint-plugin@8.62.1(@typescript-eslint/parser@8.62.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3))(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)':
+  '@typescript-eslint/eslint-plugin@8.62.1(@typescript-eslint/parser@8.62.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3))(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.2
-      '@typescript-eslint/parser': 8.62.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)
+      '@typescript-eslint/parser': 8.62.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)
       '@typescript-eslint/scope-manager': 8.62.1
-      '@typescript-eslint/type-utils': 8.62.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)
-      '@typescript-eslint/utils': 8.62.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)
+      '@typescript-eslint/type-utils': 8.62.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)
+      '@typescript-eslint/utils': 8.62.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)
       '@typescript-eslint/visitor-keys': 8.62.1
-      eslint: 10.8.1(jiti@2.7.0)(supports-color@10.2.2)
+      eslint: 10.9.0(jiti@2.7.0)(supports-color@10.2.2)
       ignore: 7.0.5
       natural-compare: 1.4.0
       ts-api-utils: 2.5.0(typescript@6.0.3)
@@ -5341,14 +5341,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.62.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)':
+  '@typescript-eslint/parser@8.62.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)':
     dependencies:
       '@typescript-eslint/scope-manager': 8.62.1
       '@typescript-eslint/types': 8.62.1
       '@typescript-eslint/typescript-estree': 8.62.1(supports-color@10.2.2)(typescript@6.0.3)
       '@typescript-eslint/visitor-keys': 8.62.1
       debug: 4.4.3(supports-color@10.2.2)
-      eslint: 10.8.1(jiti@2.7.0)(supports-color@10.2.2)
+      eslint: 10.9.0(jiti@2.7.0)(supports-color@10.2.2)
       typescript: 6.0.3
     transitivePeerDependencies:
       - supports-color
@@ -5371,13 +5371,13 @@ snapshots:
     dependencies:
       typescript: 6.0.3
 
-  '@typescript-eslint/type-utils@8.62.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)':
+  '@typescript-eslint/type-utils@8.62.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)':
     dependencies:
       '@typescript-eslint/types': 8.62.1
       '@typescript-eslint/typescript-estree': 8.62.1(supports-color@10.2.2)(typescript@6.0.3)
-      '@typescript-eslint/utils': 8.62.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)
+      '@typescript-eslint/utils': 8.62.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)
       debug: 4.4.3(supports-color@10.2.2)
-      eslint: 10.8.1(jiti@2.7.0)(supports-color@10.2.2)
+      eslint: 10.9.0(jiti@2.7.0)(supports-color@10.2.2)
       ts-api-utils: 2.5.0(typescript@6.0.3)
       typescript: 6.0.3
     transitivePeerDependencies:
@@ -5400,13 +5400,13 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.62.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)':
+  '@typescript-eslint/utils@8.62.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)':
     dependencies:
-      '@eslint-community/eslint-utils': 4.10.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))
+      '@eslint-community/eslint-utils': 4.10.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))
       '@typescript-eslint/scope-manager': 8.62.1
       '@typescript-eslint/types': 8.62.1
       '@typescript-eslint/typescript-estree': 8.62.1(supports-color@10.2.2)(typescript@6.0.3)
-      eslint: 10.8.1(jiti@2.7.0)(supports-color@10.2.2)
+      eslint: 10.9.0(jiti@2.7.0)(supports-color@10.2.2)
       typescript: 6.0.3
     transitivePeerDependencies:
       - supports-color
@@ -5560,23 +5560,23 @@ snapshots:
 
   '@vue/devtools-shared@8.2.1': {}
 
-  '@vue/eslint-config-prettier@10.2.0(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(prettier@3.9.6)':
+  '@vue/eslint-config-prettier@10.2.0(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(prettier@3.9.6)':
     dependencies:
-      eslint: 10.8.1(jiti@2.7.0)(supports-color@10.2.2)
-      eslint-config-prettier: 10.1.8(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))
-      eslint-plugin-prettier: 5.5.6(eslint-config-prettier@10.1.8(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2)))(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(prettier@3.9.6)
+      eslint: 10.9.0(jiti@2.7.0)(supports-color@10.2.2)
+      eslint-config-prettier: 10.1.8(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))
+      eslint-plugin-prettier: 5.5.6(eslint-config-prettier@10.1.8(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2)))(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(prettier@3.9.6)
       prettier: 3.9.6
     transitivePeerDependencies:
       - '@types/eslint'
 
-  '@vue/eslint-config-typescript@14.9.0(eslint-plugin-vue@10.10.0(@typescript-eslint/parser@8.62.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3))(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(vue-eslint-parser@10.4.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)))(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)':
+  '@vue/eslint-config-typescript@14.9.0(eslint-plugin-vue@10.10.0(@typescript-eslint/parser@8.62.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3))(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(vue-eslint-parser@10.4.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)))(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)':
     dependencies:
-      '@typescript-eslint/utils': 8.62.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)
-      eslint: 10.8.1(jiti@2.7.0)(supports-color@10.2.2)
-      eslint-plugin-vue: 10.10.0(@typescript-eslint/parser@8.62.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3))(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(vue-eslint-parser@10.4.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2))
+      '@typescript-eslint/utils': 8.62.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)
+      eslint: 10.9.0(jiti@2.7.0)(supports-color@10.2.2)
+      eslint-plugin-vue: 10.10.0(@typescript-eslint/parser@8.62.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3))(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(vue-eslint-parser@10.4.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2))
       fast-glob: 3.3.3
-      typescript-eslint: 8.62.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)
-      vue-eslint-parser: 10.4.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)
+      typescript-eslint: 8.62.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)
+      vue-eslint-parser: 10.4.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)
     optionalDependencies:
       typescript: 6.0.3
     transitivePeerDependencies:
@@ -6241,31 +6241,31 @@ snapshots:
 
   escape-string-regexp@4.0.0: {}
 
-  eslint-config-prettier@10.1.8(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2)):
+  eslint-config-prettier@10.1.8(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2)):
     dependencies:
-      eslint: 10.8.1(jiti@2.7.0)(supports-color@10.2.2)
+      eslint: 10.9.0(jiti@2.7.0)(supports-color@10.2.2)
 
-  eslint-plugin-prettier@5.5.6(eslint-config-prettier@10.1.8(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2)))(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(prettier@3.9.6):
+  eslint-plugin-prettier@5.5.6(eslint-config-prettier@10.1.8(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2)))(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(prettier@3.9.6):
     dependencies:
-      eslint: 10.8.1(jiti@2.7.0)(supports-color@10.2.2)
+      eslint: 10.9.0(jiti@2.7.0)(supports-color@10.2.2)
       prettier: 3.9.6
       prettier-linter-helpers: 1.0.1
       synckit: 0.11.13
     optionalDependencies:
-      eslint-config-prettier: 10.1.8(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))
+      eslint-config-prettier: 10.1.8(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))
 
-  eslint-plugin-vue@10.10.0(@typescript-eslint/parser@8.62.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3))(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(vue-eslint-parser@10.4.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)):
+  eslint-plugin-vue@10.10.0(@typescript-eslint/parser@8.62.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3))(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(vue-eslint-parser@10.4.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)):
     dependencies:
-      '@eslint-community/eslint-utils': 4.10.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))
-      eslint: 10.8.1(jiti@2.7.0)(supports-color@10.2.2)
+      '@eslint-community/eslint-utils': 4.10.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))
+      eslint: 10.9.0(jiti@2.7.0)(supports-color@10.2.2)
       natural-compare: 1.4.0
       nth-check: 2.1.1
       postcss-selector-parser: 7.1.5
       semver: 7.8.5
-      vue-eslint-parser: 10.4.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)
+      vue-eslint-parser: 10.4.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)
       xml-name-validator: 5.0.0
     optionalDependencies:
-      '@typescript-eslint/parser': 8.62.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)
+      '@typescript-eslint/parser': 8.62.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)
 
   eslint-scope@9.1.2:
     dependencies:
@@ -6278,9 +6278,9 @@ snapshots:
 
   eslint-visitor-keys@5.0.1: {}
 
-  eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2):
+  eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2):
     dependencies:
-      '@eslint-community/eslint-utils': 4.10.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))
+      '@eslint-community/eslint-utils': 4.10.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))
       '@eslint-community/regexpp': 4.12.2
       '@eslint/config-array': 0.23.5(supports-color@10.2.2)
       '@eslint/config-helpers': 0.7.0
@@ -7684,13 +7684,13 @@ snapshots:
       media-typer: 1.1.1
       mime-types: 3.0.2
 
-  typescript-eslint@8.62.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3):
+  typescript-eslint@8.62.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3):
     dependencies:
-      '@typescript-eslint/eslint-plugin': 8.62.1(@typescript-eslint/parser@8.62.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3))(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)
-      '@typescript-eslint/parser': 8.62.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)
+      '@typescript-eslint/eslint-plugin': 8.62.1(@typescript-eslint/parser@8.62.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3))(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)
+      '@typescript-eslint/parser': 8.62.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)
       '@typescript-eslint/typescript-estree': 8.62.1(supports-color@10.2.2)(typescript@6.0.3)
-      '@typescript-eslint/utils': 8.62.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)
-      eslint: 10.8.1(jiti@2.7.0)(supports-color@10.2.2)
+      '@typescript-eslint/utils': 8.62.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)
+      eslint: 10.9.0(jiti@2.7.0)(supports-color@10.2.2)
       typescript: 6.0.3
     transitivePeerDependencies:
       - supports-color
@@ -7776,7 +7776,7 @@ snapshots:
       '@types/unist': 3.0.3
       vfile-message: 4.0.3
 
-  vite-plugin-checker@0.14.5(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(optionator@0.9.4)(typescript@6.0.3)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue-tsc@3.3.10(typescript@6.0.3)):
+  vite-plugin-checker@0.14.5(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(optionator@0.9.4)(typescript@6.0.3)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue-tsc@3.3.10(typescript@6.0.3)):
     dependencies:
       '@babel/code-frame': 7.29.7
       chokidar: 5.0.0
@@ -7787,7 +7787,7 @@ snapshots:
       tiny-invariant: 1.3.3
       vite: 8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0)
     optionalDependencies:
-      eslint: 10.8.1(jiti@2.7.0)(supports-color@10.2.2)
+      eslint: 10.9.0(jiti@2.7.0)(supports-color@10.2.2)
       optionator: 0.9.4
       typescript: 6.0.3
       vue-tsc: 3.3.10(typescript@6.0.3)
@@ -7911,10 +7911,10 @@ snapshots:
 
   vscode-uri@3.1.0: {}
 
-  vue-eslint-parser@10.4.1(eslint@10.8.1(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2):
+  vue-eslint-parser@10.4.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2):
     dependencies:
       debug: 4.4.3(supports-color@10.2.2)
-      eslint: 10.8.1(jiti@2.7.0)(supports-color@10.2.2)
+      eslint: 10.9.0(jiti@2.7.0)(supports-color@10.2.2)
       eslint-scope: 9.1.2
       eslint-visitor-keys: 5.0.1
       espree: 11.2.0

From f7071794b0fa0b7fd962383fb17bbf3ae5469be6 Mon Sep 17 00:00:00 2001
From: Shaenn <22753401+Shaenn@users.noreply.github.com>
Date: Tue, 25 Aug 2026 02:38:50 +0200
Subject: [PATCH 19/30] vue-tsc passe en 3.3.11

Correctif. C'est vue-tsc qui type `src/` au build, et l'override `typescript: <7`
qui le tient debout : les deux restent en place, le build passe sans diagnostic
nouveau.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 package.json   |  2 +-
 pnpm-lock.yaml | 24 ++++++++++++------------
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/package.json b/package.json
index 25574d6..3ac083c 100644
--- a/package.json
+++ b/package.json
@@ -65,7 +65,7 @@
     "vitepress": "1.6.4",
     "vitest": "4.1.11",
     "vue-eslint-parser": "10.4.1",
-    "vue-tsc": "3.3.10"
+    "vue-tsc": "3.3.11"
   },
   "engines": {
     "node": "^24",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8f0c7c0..d99925d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -115,7 +115,7 @@ importers:
         version: 6.0.3
       vite-plugin-checker:
         specifier: 0.14.5
-        version: 0.14.5(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(optionator@0.9.4)(typescript@6.0.3)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue-tsc@3.3.10(typescript@6.0.3))
+        version: 0.14.5(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(optionator@0.9.4)(typescript@6.0.3)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue-tsc@3.3.11(typescript@6.0.3))
       vitepress:
         specifier: 1.6.4
         version: 1.6.4(@algolia/client-search@5.56.0)(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.33.0)(postcss@8.5.26)(sass-embedded@1.103.1)(sass@1.103.1)(search-insights@2.17.3)(terser@5.50.0)(tsx@4.23.12)(typescript@6.0.3)(yaml@2.9.0)
@@ -126,8 +126,8 @@ importers:
         specifier: 10.4.1
         version: 10.4.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)
       vue-tsc:
-        specifier: 3.3.10
-        version: 3.3.10(typescript@6.0.3)
+        specifier: 3.3.11
+        version: 3.3.11(typescript@6.0.3)
 
 packages:
 
@@ -1656,8 +1656,8 @@ packages:
       typescript:
         optional: true
 
-  '@vue/language-core@3.3.10':
-    resolution: {integrity: sha512-CR7ByBbgPHqhxrioKPOcZBqttaozzLNwtkCzXQ+uF8gLPHnUe03srPnGpdtHD3zp+bq5iyVkZ1WNx7W564RPwg==}
+  '@vue/language-core@3.3.11':
+    resolution: {integrity: sha512-QJmpliwAVpC/OxubIByPAhNzsQPRc8/gxlN2qnVzVfIMjMDz/9RnXRFoetjz5yEgXVXyp4LqhXq3V53PjmNzFw==}
 
   '@vue/reactivity@3.5.41':
     resolution: {integrity: sha512-rznsqKM0np0x18EjzF8x88MpEhdNsffbvFbckLL5+oUKz1BxAImEmO7J1ArRYSyo6aQaVoBDp7jEkT91OOxydA==}
@@ -4054,8 +4054,8 @@ packages:
       vite:
         optional: true
 
-  vue-tsc@3.3.10:
-    resolution: {integrity: sha512-YaDVxcW+CGtaOt3pZahMG5jYPx0hsUTxyEoPOTSMebcGUXP9lIBabQ14vfKMORb2CqqK5CxsNo/d1d+4IQwiKg==}
+  vue-tsc@3.3.11:
+    resolution: {integrity: sha512-gOb0B9rtU2+f1dszwPqSH5kAieIF9ReeLhD3kSRNHv5WZZUQz/JdVXW0RTdqhNTMlQkqKzrTTviqKr/4FYZraQ==}
     hasBin: true
     peerDependencies:
       typescript: <7
@@ -5582,7 +5582,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@vue/language-core@3.3.10':
+  '@vue/language-core@3.3.11':
     dependencies:
       '@volar/language-core': 2.4.28
       '@vue/compiler-dom': 3.5.41
@@ -7776,7 +7776,7 @@ snapshots:
       '@types/unist': 3.0.3
       vfile-message: 4.0.3
 
-  vite-plugin-checker@0.14.5(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(optionator@0.9.4)(typescript@6.0.3)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue-tsc@3.3.10(typescript@6.0.3)):
+  vite-plugin-checker@0.14.5(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(optionator@0.9.4)(typescript@6.0.3)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue-tsc@3.3.11(typescript@6.0.3)):
     dependencies:
       '@babel/code-frame': 7.29.7
       chokidar: 5.0.0
@@ -7790,7 +7790,7 @@ snapshots:
       eslint: 10.9.0(jiti@2.7.0)(supports-color@10.2.2)
       optionator: 0.9.4
       typescript: 6.0.3
-      vue-tsc: 3.3.10(typescript@6.0.3)
+      vue-tsc: 3.3.11(typescript@6.0.3)
 
   vite@6.4.3(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.33.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0):
     dependencies:
@@ -7966,10 +7966,10 @@ snapshots:
       - unloader
       - webpack
 
-  vue-tsc@3.3.10(typescript@6.0.3):
+  vue-tsc@3.3.11(typescript@6.0.3):
     dependencies:
       '@volar/typescript': 2.4.28
-      '@vue/language-core': 3.3.10
+      '@vue/language-core': 3.3.11
       typescript: 6.0.3
 
   vue@3.5.41(typescript@6.0.3):

From e44525552e0f941f76152a56cb976f578eb4c73a Mon Sep 17 00:00:00 2001
From: Shaenn <22753401+Shaenn@users.noreply.github.com>
Date: Tue, 25 Aug 2026 02:43:16 +0200
Subject: [PATCH 20/30] =?UTF-8?q?Le=20socle=20de=20qualit=C3=A9=20arrive?=
 =?UTF-8?q?=20avec=20ses=20greffons?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Prettier lancé comme règle ESLint, et la configuration Vitest du parc :
trois paquets que le dépôt n'avait pas. Les autres versions du socle —
eslint 10.9.0, vue-tsc 3.3.11, typescript 6.0.3, prettier 3.9.6,
vitest 4.1.11 — y étaient déjà.

Ce commit ne fait qu'ajouter : rien ne les utilise encore.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 package.json   |  3 +++
 pnpm-lock.yaml | 57 ++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 60 insertions(+)

diff --git a/package.json b/package.json
index 3ac083c..de4bcee 100644
--- a/package.json
+++ b/package.json
@@ -48,6 +48,7 @@
   },
   "devDependencies": {
     "@eslint/js": "10.0.1",
+    "@lehoczky/eslint-config-vitest": "2.1.0",
     "@quasar/app-vite": "3.8.0",
     "@types/node": "24.13.3",
     "@vue/eslint-config-prettier": "10.2.0",
@@ -55,6 +56,8 @@
     "autoprefixer": "10.5.4",
     "concurrently": "10.0.5",
     "eslint": "10.9.0",
+    "eslint-config-prettier": "10.1.8",
+    "eslint-plugin-prettier": "5.5.6",
     "eslint-plugin-vue": "10.10.0",
     "globals": "17.11.0",
     "playwright": "1.62.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d99925d..168167d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -74,6 +74,9 @@ importers:
       '@eslint/js':
         specifier: 10.0.1
         version: 10.0.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))
+      '@lehoczky/eslint-config-vitest':
+        specifier: 2.1.0
+        version: 2.1.0(@typescript-eslint/eslint-plugin@8.62.1(@typescript-eslint/parser@8.62.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3))(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3))(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)(vitest@4.1.11(@types/node@24.13.3)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0)))
       '@quasar/app-vite':
         specifier: 3.8.0
         version: 3.8.0(@types/node@24.13.3)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(quasar@2.26.0)(sass@1.103.1)(supports-color@10.2.2)(terser@5.50.0)(tsx@4.23.12)(typescript@6.0.3)(vue-router@5.2.0(@vue/compiler-sfc@3.5.41)(esbuild@0.28.2)(pinia@4.0.3(@vue/devtools-api@8.2.1)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)))(rolldown@1.2.5)(rollup@4.62.4)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3)))(vue@3.5.41(typescript@6.0.3))(yaml@2.9.0)
@@ -95,6 +98,12 @@ importers:
       eslint:
         specifier: 10.9.0
         version: 10.9.0(jiti@2.7.0)(supports-color@10.2.2)
+      eslint-config-prettier:
+        specifier: 10.1.8
+        version: 10.1.8(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))
+      eslint-plugin-prettier:
+        specifier: 5.5.6
+        version: 5.5.6(eslint-config-prettier@10.1.8(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2)))(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(prettier@3.9.6)
       eslint-plugin-vue:
         specifier: 10.10.0
         version: 10.10.0(@typescript-eslint/parser@8.62.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3))(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(vue-eslint-parser@10.4.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2))
@@ -814,6 +823,15 @@ packages:
   '@kurkle/color@0.3.4':
     resolution: {integrity: sha512-M5UknZPHRu3DEDWoipU6sE8PdkZ6Z/S+v4dD+Ke8IaNlpdSQah50lz1KtcFBa2vsdOnwbbnxJwVM4wty6udA5w==}
 
+  '@lehoczky/eslint-config-vitest@2.1.0':
+    resolution: {integrity: sha512-Hq+MmfsKLnMDKH8VXyHgopJ3ajuXM6KSpOw7/u5QJu0XeH18N2oA5NNpHfeVrX3pefn04FMJHZ/uMjBEyzB6fA==}
+    peerDependencies:
+      eslint: '>=10.0.0'
+      vitest: '*'
+    peerDependenciesMeta:
+      vitest:
+        optional: true
+
   '@lukeed/ms@2.0.2':
     resolution: {integrity: sha512-9I2Zn6+NJLfaGoz9jN3lpwDgAYvfGeNYdbAIjJOqzs4Tpc+VU3Jqq4IofSUBKajiDS8k9fZIg18/z13mpk1bsA==}
     engines: {node: '>=8'}
@@ -1558,6 +1576,22 @@ packages:
       vite: ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
       vue: ^3.2.25
 
+  '@vitest/eslint-plugin@1.6.27':
+    resolution: {integrity: sha512-X1RCAfwbatG4GFbJ/1PIHP9MSZMt0JJThqbYID+vS4L783k6QGlLPe421wQE8dHXuGCcenVLsydiM4qzsYWxhg==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@typescript-eslint/eslint-plugin': '*'
+      eslint: '>=8.57.0'
+      typescript: <7
+      vitest: '*'
+    peerDependenciesMeta:
+      '@typescript-eslint/eslint-plugin':
+        optional: true
+      typescript:
+        optional: true
+      vitest:
+        optional: true
+
   '@vitest/expect@4.1.11':
     resolution: {integrity: sha512-VX2x5vNJXET47KAFzwERI+KRMtTTCSWTfSMKsW7JsUsXV4psq++e3DvZpuTDOpHcxytiDs6p2nhVb2tVDiiUYw==}
 
@@ -4703,6 +4737,17 @@ snapshots:
 
   '@kurkle/color@0.3.4': {}
 
+  '@lehoczky/eslint-config-vitest@2.1.0(@typescript-eslint/eslint-plugin@8.62.1(@typescript-eslint/parser@8.62.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3))(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3))(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)(vitest@4.1.11(@types/node@24.13.3)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0)))':
+    dependencies:
+      '@vitest/eslint-plugin': 1.6.27(@typescript-eslint/eslint-plugin@8.62.1(@typescript-eslint/parser@8.62.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3))(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3))(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)(vitest@4.1.11(@types/node@24.13.3)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0)))
+      eslint: 10.9.0(jiti@2.7.0)(supports-color@10.2.2)
+    optionalDependencies:
+      vitest: 4.1.11(@types/node@24.13.3)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))
+    transitivePeerDependencies:
+      - '@typescript-eslint/eslint-plugin'
+      - supports-color
+      - typescript
+
   '@lukeed/ms@2.0.2': {}
 
   '@mermaid-js/parser@1.2.1':
@@ -5434,6 +5479,18 @@ snapshots:
       vite: 8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0)
       vue: 3.5.41(typescript@6.0.3)
 
+  '@vitest/eslint-plugin@1.6.27(@typescript-eslint/eslint-plugin@8.62.1(@typescript-eslint/parser@8.62.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3))(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3))(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)(vitest@4.1.11(@types/node@24.13.3)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0)))':
+    dependencies:
+      '@typescript-eslint/scope-manager': 8.62.1
+      '@typescript-eslint/utils': 8.62.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)
+      eslint: 10.9.0(jiti@2.7.0)(supports-color@10.2.2)
+    optionalDependencies:
+      '@typescript-eslint/eslint-plugin': 8.62.1(@typescript-eslint/parser@8.62.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3))(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)
+      typescript: 6.0.3
+      vitest: 4.1.11(@types/node@24.13.3)(vite@8.2.2(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(sass-embedded@1.103.1)(sass@1.103.1)(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.0))
+    transitivePeerDependencies:
+      - supports-color
+
   '@vitest/expect@4.1.11':
     dependencies:
       '@standard-schema/spec': 1.1.0

From e6db5d547545617e1ea78dc694b000361d4aad88 Mon Sep 17 00:00:00 2001
From: Shaenn <22753401+Shaenn@users.noreply.github.com>
Date: Tue, 25 Aug 2026 02:46:26 +0200
Subject: [PATCH 21/30] =?UTF-8?q?Le=20socle=20de=20qualit=C3=A9=20s'instal?=
 =?UTF-8?q?le,=20et=20le=20d=C3=A9p=C3=B4t=20cesse=20d'=C3=AAtre=20vert=20?=
 =?UTF-8?q?=C3=A0=20tort?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Prettier passe de module qui ÉTEINT les règles de mise en forme à règle
ESLint à part entière : `eslint-plugin-prettier/recommended` en dernier,
et `@vue/eslint-config-prettier/skip-formatting` disparaît avec le paquet
qui le portait. La mise en forme se vérifie désormais au même endroit que
le reste, et se corrige par le même `--fix`.

Arrivent avec lui les règles de style du socle — eqeqeq, curly, func-style,
no-console, ban-ts-comment, vue/eqeqeq, vue/attributes-order,
vue/define-emits-declaration — la règle `local/import-order` recopiée du
socle, et la configuration Vitest du parc.

`parserOptions.tsconfigRootDir` est ancré : sans lui, le service TypeScript
se résout depuis le répertoire courant, ce qui va en ligne de commande mais
pas dans un worker — vite-plugin-checker, l'IDE — où les règles typées se
mettent à voir chaque type importé comme un type d'erreur.

Les réglages de Prettier passent à ceux du parc (semi: false, printWidth 150,
vueIndentScriptAndStyle, trailingComma), le .editorconfig dit la même chose
qu'eux, et le lockfile sort du périmètre de Prettier.

Le lint échoue maintenant, et c'est le but : 384 fichiers relus, 33 158
constats dont 32 637 de mise en forme, aucune erreur de parsing. Le
reformatage vient au commit suivant, seul.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 .editorconfig                |   9 +-
 .prettierignore              |  17 ++++
 .prettierrc.json             |   6 +-
 eslint-rules/import-order.js | 113 +++++++++++++++++++++++++
 eslint.config.js             | 159 +++++++++++++++++++++++------------
 package.json                 |   1 -
 pnpm-lock.yaml               |  18 ----
 7 files changed, 246 insertions(+), 77 deletions(-)
 create mode 100644 .prettierignore
 create mode 100644 eslint-rules/import-order.js

diff --git a/.editorconfig b/.editorconfig
index f654551..4bd3bd8 100644
--- a/.editorconfig
+++ b/.editorconfig
@@ -1,7 +1,12 @@
-[*.{js,jsx,mjs,cjs,ts,tsx,mts,cts,vue}]
+root = true
+
+[*]
 charset = utf-8
-indent_size = 2
 indent_style = space
+indent_size = 2
 end_of_line = lf
 insert_final_newline = true
 trim_trailing_whitespace = true
+
+[*.md]
+trim_trailing_whitespace = false
diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 0000000..a951207
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1,17 @@
+# Regénéré par pnpm à chaque `pnpm add` : le formater le remet en écart au
+# geste suivant, pour un fichier que personne ne lit à la main.
+pnpm-lock.yaml
+
+# Ce que le dépôt ne versionne pas. `prettier .` ne lit pas le .gitignore : sans
+# ces lignes, il reformaterait la sortie de build, la copie du manuel recopiée
+# dans le site vitrine et le harnais Playwright.
+dist/
+.quasar/
+harness/
+site/guide/
+site/en/guide/
+site/.vitepress/cache/
+site/.vitepress/dist/
+llm règles/
+idea/
+.local/
diff --git a/.prettierrc.json b/.prettierrc.json
index 4ab7f6d..c0ab21d 100644
--- a/.prettierrc.json
+++ b/.prettierrc.json
@@ -1,5 +1,9 @@
 {
   "$schema": "https://json.schemastore.org/prettierrc",
+  "semi": false,
   "singleQuote": true,
-  "printWidth": 100
+  "endOfLine": "auto",
+  "printWidth": 150,
+  "vueIndentScriptAndStyle": true,
+  "trailingComma": "all"
 }
diff --git a/eslint-rules/import-order.js b/eslint-rules/import-order.js
new file mode 100644
index 0000000..59f1c4a
--- /dev/null
+++ b/eslint-rules/import-order.js
@@ -0,0 +1,113 @@
+import { builtinModules } from 'node:module'
+
+const builtins = new Set(builtinModules.flatMap((m) => [m, `node:${m}`]))
+
+/**
+ * @typedef {'builtin' | 'external' | 'parent' | 'sibling' | 'index'} ImportGroup
+ */
+
+/** @type {ImportGroup[]} */
+const GROUP_ORDER = ['builtin', 'external', 'parent', 'sibling', 'index']
+
+/**
+ * @param {string} source
+ * @returns {ImportGroup}
+ */
+function getGroup(source) {
+  if (builtins.has(source)) {
+    return 'builtin'
+  }
+  if (source === '.' || source === './' || source === './index') {
+    return 'index'
+  }
+  if (source.startsWith('./')) {
+    return 'sibling'
+  }
+  if (source.startsWith('../')) {
+    return 'parent'
+  }
+  return 'external'
+}
+
+/**
+ * @param {string} source
+ * @returns {number}
+ */
+function groupRank(source) {
+  return GROUP_ORDER.indexOf(getGroup(source))
+}
+
+/**
+ * @param {import('estree').ImportDeclaration} a
+ * @param {import('estree').ImportDeclaration} b
+ * @returns {number}
+ */
+function compareImports(a, b) {
+  const srcA = /** @type {string} */ (a.source.value)
+  const srcB = /** @type {string} */ (b.source.value)
+  const rankDiff = groupRank(srcA) - groupRank(srcB)
+  if (rankDiff !== 0) {
+    return rankDiff
+  }
+  return srcA.localeCompare(srcB)
+}
+
+/** @type {import('eslint').Rule.RuleModule} */
+const rule = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'Enforce import ordering by group (builtin, external, parent, sibling, index) then alphabetically within each group',
+    },
+    fixable: 'code',
+    schema: [],
+    messages: {
+      outOfOrder: "'{{ current }}' ({{ currentGroup }}) should come before '{{ previous }}' ({{ previousGroup }}).",
+    },
+  },
+
+  create(context) {
+    return {
+      Program(node) {
+        /** @type {import('estree').ImportDeclaration[]} */
+        const imports = node.body.filter((/** @type {import('estree').Statement} */ s) => s.type === 'ImportDeclaration')
+
+        if (imports.length < 2) {
+          return
+        }
+
+        for (let i = 1; i < imports.length; i++) {
+          if (compareImports(imports[i - 1], imports[i]) > 0) {
+            const prev = /** @type {string} */ (imports[i - 1].source.value)
+            const curr = /** @type {string} */ (imports[i].source.value)
+
+            context.report({
+              node: imports[i],
+              messageId: 'outOfOrder',
+              data: {
+                current: curr,
+                currentGroup: getGroup(curr),
+                previous: prev,
+                previousGroup: getGroup(prev),
+              },
+              fix(fixer) {
+                const sourceCode = context.sourceCode
+                const sorted = [...imports].sort(compareImports)
+
+                /** @type {[number, number]} */
+                const originalRange = [imports[0].range[0], imports[imports.length - 1].range[1]]
+
+                const sortedText = sorted.map((imp) => sourceCode.getText(imp)).join('\n')
+
+                return fixer.replaceTextRange(originalRange, sortedText)
+              },
+            })
+            break
+          }
+        }
+      },
+    }
+  },
+}
+
+export default rule
diff --git a/eslint.config.js b/eslint.config.js
index 5896f4f..f09a785 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -1,91 +1,140 @@
 import js from '@eslint/js';
-import globals from 'globals';
-import pluginVue from 'eslint-plugin-vue';
+import vitestConfig from '@lehoczky/eslint-config-vitest';
 import pluginQuasar from '@quasar/app-vite/eslint';
 import { defineConfigWithVueTs, vueTsConfigs } from '@vue/eslint-config-typescript';
-import prettierSkipFormatting from '@vue/eslint-config-prettier/skip-formatting';
+import pluginPrettier from 'eslint-plugin-prettier/recommended';
+import pluginVue from 'eslint-plugin-vue';
+import globals from 'globals';
+import importOrder from './eslint-rules/import-order.js';
 
-export default defineConfigWithVueTs(
+export default [
   {
-    /**
-     * Ignore the following files.
-     * Please note that pluginQuasar.configs.recommended() already ignores
-     * the "node_modules" folder for you (and all other Quasar project
-     * relevant folders and files).
-     *
-     * ESLint requires "ignores" key to be the only one in this object
-     */
-    // ignores: []
+    // `pluginQuasar.configs.recommended()` ignore déjà node_modules, .quasar et dist.
+    // Restent les dossiers que le dépôt ne versionne pas — le harnais Playwright, le
+    // site vitrine et les notes de travail : les relire n'apprendrait rien, et leur
+    // donner un tsconfig pour que les règles typées s'y exécutent en apprendrait moins
+    // encore.
+    name: 'aura/hors-perimetre',
+    ignores: ['harness/**', 'site/**', 'llm règles/**', 'idea/**', '.local/**'],
   },
 
-  pluginQuasar.configs.recommended(),
+  ...pluginQuasar.configs.recommended(),
+
+  // Les règles cœur d'ESLint. En configuration à plat, ESLint n'active RIEN de
+  // lui-même : sans cette ligne, `no-debugger`, `no-duplicate-case`,
+  // `no-constant-condition` et une quarantaine d'autres ne tournent tout
+  // simplement pas.
   js.configs.recommended,
 
-  /**
-   * https://eslint.vuejs.org
-   *
-   * pluginVue.configs.base
-   *   -> Settings and rules to enable correct ESLint parsing.
-   * pluginVue.configs[ 'flat/essential']
-   *   -> base, plus rules to prevent errors or unintended behavior.
-   * pluginVue.configs["flat/strongly-recommended"]
-   *   -> Above, plus rules to considerably improve code readability and/or dev experience.
-   * pluginVue.configs["flat/recommended"]
-   *   -> Above, plus rules to enforce subjective community defaults to ensure consistency.
-   */
-  pluginVue.configs['flat/essential'],
+  // Tout ce qui touche aux règles TYPÉES passe à l'intérieur de
+  // `defineConfigWithVueTs`, y compris nos propres surcharges.
+  //
+  // Ce n'est pas cosmétique. Le paquet énumère les .vue sans bloc <script> et y
+  // éteint les règles typées, parce qu'un fichier sans script n'a pas de types à
+  // consulter. Une surcharge posée APRÈS l'appel les rallume sur ces fichiers-là,
+  // et ESLint ne démarre plus du tout :
+  //   « Error while loading rule '@typescript-eslint/no-floating-promises':
+  //     You have used a rule which requires type information… »
+  // Passées à l'intérieur, elles sont extraites et réinsérées au bon rang.
+  ...defineConfigWithVueTs([
+    pluginVue.configs['flat/essential'],
+    vueTsConfigs.recommendedTypeChecked,
 
-  {
-    files: ['**/*.ts', '**/*.vue'],
-    rules: {
-      '@typescript-eslint/consistent-type-imports': ['error', { prefer: 'type-imports' }],
+    {
+      name: 'aura/regles-typees',
+      files: ['**/*.ts', '**/*.vue'],
+      rules: {
+        '@typescript-eslint/consistent-type-imports': ['error', { prefer: 'type-imports' }],
+      },
     },
-  },
-  // https://github.com/vuejs/eslint-config-typescript
-  vueTsConfigs.recommendedTypeChecked,
+  ]),
 
   {
+    name: 'socle/langage',
     languageOptions: {
       ecmaVersion: 'latest',
       sourceType: 'module',
-
+      parserOptions: {
+        // Sans cette ancre, le service TypeScript se résout depuis le répertoire
+        // courant. En ligne de commande c'est la racine du projet et tout va bien ;
+        // dans un worker — vite-plugin-checker, l'IDE — ce n'en est pas un, aucun
+        // tsconfig n'est trouvé, et les règles typées se mettent à voir chaque type
+        // importé comme un type d'erreur. Des diagnostics que la même commande en
+        // CLI ne reproduit pas, donc que personne ne sait reproduire.
+        tsconfigRootDir: import.meta.dirname,
+      },
       globals: {
         ...globals.browser,
-        ...globals.node, // SSR, Electron, config files
-        ga: 'readonly', // Google Analytics
-        cordova: 'readonly',
-        Capacitor: 'readonly',
-        chrome: 'readonly', // BEX related
-        browser: 'readonly', // BEX related
+        ...globals.node, // SSR, Electron, fichiers de configuration
       },
     },
-
-    // add your custom rules here
     rules: {
       'prefer-promise-reject-errors': 'off',
 
-      // allow debugger during development only
+      // Le débogueur reste permis pendant le développement.
       'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
     },
   },
 
   {
-    files: ['src-pwa/custom-service-worker.ts'],
+    // Le BFF est du Node, pas du navigateur. Ses types viennent de
+    // `server/tsconfig.json`, que le `projectService` d'ESLint trouve seul.
+    name: 'aura/bff',
+    files: ['server/**/*.ts'],
     languageOptions: {
-      globals: {
-        ...globals.serviceworker,
-      },
+      globals: { ...globals.node },
     },
   },
 
+  ...vitestConfig(),
+
   {
-    // The BFF is Node, not the browser. Its types come from `server/tsconfig.json`,
-    // which ESLint's projectService picks up on its own.
-    files: ['server/**/*.ts'],
-    languageOptions: {
-      globals: { ...globals.node },
+    name: 'rules/projet',
+    plugins: {
+      local: { rules: { 'import-order': importOrder } },
+    },
+    rules: {
+      'local/import-order': 'warn',
+    },
+  },
+
+  {
+    name: 'personalisation/projet',
+    rules: {
+      '@typescript-eslint/ban-ts-comment': [
+        'error',
+        {
+          'ts-ignore': 'allow-with-description',
+          minimumDescriptionLength: 10,
+        },
+      ],
+
+      // Oblige à mettre des === et des !== au lieu des == et != (Type checking)
+      eqeqeq: 'error',
+      // La même chose dans le template.
+      'vue/eqeqeq': 'error',
+
+      // Permet de s'assurer qu'il ne reste pas de console.log dans le code.
+      'no-console': 'warn',
+
+      'vue/define-emits-declaration': ['error', 'type-based'],
+
+      'vue/attributes-order': 'error',
+
+      // Oblige à mettre des accolades sur tous les blocs de contrôle (if, else, for, while…).
+      // `eslint-config-prettier` éteint `curly`, et on la rallume ici : le conflit avec Prettier
+      // ne concerne que les options `multi-line` et `multi-or-nest`. `all` est le cas sûr —
+      // ne pas « aligner » cette valeur sur une autre sans revérifier ce point.
+      curly: ['error', 'all'],
+
+      // Oblige à déclarer les fonctions nommées avec function plutôt qu'avec const + arrow.
+      'func-style': ['error', 'declaration'],
     },
   },
 
-  prettierSkipFormatting,
-);
+  // En dernier : `eslint-plugin-prettier/recommended` éteint les règles de mise en
+  // forme qui entreraient en conflit, puis rallume Prettier comme une règle ESLint.
+  // La mise en forme se vérifie donc au même endroit que le reste, et se corrige par
+  // le même `--fix`.
+  pluginPrettier,
+];
diff --git a/package.json b/package.json
index de4bcee..28046ca 100644
--- a/package.json
+++ b/package.json
@@ -51,7 +51,6 @@
     "@lehoczky/eslint-config-vitest": "2.1.0",
     "@quasar/app-vite": "3.8.0",
     "@types/node": "24.13.3",
-    "@vue/eslint-config-prettier": "10.2.0",
     "@vue/eslint-config-typescript": "14.9.0",
     "autoprefixer": "10.5.4",
     "concurrently": "10.0.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 168167d..4e6ae7b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -83,9 +83,6 @@ importers:
       '@types/node':
         specifier: <25
         version: 24.13.3
-      '@vue/eslint-config-prettier':
-        specifier: 10.2.0
-        version: 10.2.0(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(prettier@3.9.6)
       '@vue/eslint-config-typescript':
         specifier: 14.9.0
         version: 14.9.0(eslint-plugin-vue@10.10.0(@typescript-eslint/parser@8.62.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3))(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(vue-eslint-parser@10.4.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)))(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)
@@ -1672,12 +1669,6 @@ packages:
   '@vue/devtools-shared@8.2.1':
     resolution: {integrity: sha512-Fkac7lUdGReh6pVOi3AYPRGe82LQqRmAfThW7RRligOAP0ZA/Z1z9XLHDM9dv34pV2HRc79DK8uKPeG2fLnA/g==}
 
-  '@vue/eslint-config-prettier@10.2.0':
-    resolution: {integrity: sha512-GL3YBLwv/+b86yHcNNfPJxOTtVFJ4Mbc9UU3zR+KVoG7SwGTjPT+32fXamscNumElhcpXW3mT0DgzS9w32S7Bw==}
-    peerDependencies:
-      eslint: '>= 8.21.0'
-      prettier: '>= 3.0.0'
-
   '@vue/eslint-config-typescript@14.9.0':
     resolution: {integrity: sha512-E3j9hDlfVf10F30MRcLTPY2IIhWIx1nsvkVukk14kTcuA+oBVot9zsP1hzsO+PAMDxV3Fd9FimBJtUBNBL5KFA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -5617,15 +5608,6 @@ snapshots:
 
   '@vue/devtools-shared@8.2.1': {}
 
-  '@vue/eslint-config-prettier@10.2.0(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(prettier@3.9.6)':
-    dependencies:
-      eslint: 10.9.0(jiti@2.7.0)(supports-color@10.2.2)
-      eslint-config-prettier: 10.1.8(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))
-      eslint-plugin-prettier: 5.5.6(eslint-config-prettier@10.1.8(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2)))(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(prettier@3.9.6)
-      prettier: 3.9.6
-    transitivePeerDependencies:
-      - '@types/eslint'
-
   '@vue/eslint-config-typescript@14.9.0(eslint-plugin-vue@10.10.0(@typescript-eslint/parser@8.62.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3))(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(vue-eslint-parser@10.4.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)))(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)':
     dependencies:
       '@typescript-eslint/utils': 8.62.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)

From 4cd4fca806af98a26ab5292b902448cadb89461d Mon Sep 17 00:00:00 2001
From: Shaenn <22753401+Shaenn@users.noreply.github.com>
Date: Tue, 25 Aug 2026 02:54:52 +0200
Subject: [PATCH 22/30] =?UTF-8?q?Le=20d=C3=A9p=C3=B4t=20passe=20=C3=A0=20l?=
 =?UTF-8?q?a=20mise=20en=20forme=20du=20parc?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

`prettier . --write` puis `eslint . --fix`. 392 fichiers touchés, aucune
correction fonctionnelle : ce commit se relit en le sautant.

Trois choses méritent d'être dites.

`vue-tsc --noEmit` sort à 0 avant comme après. Le contrôle n'est pas de
principe : ESLint ne voit pas les .vue avec des types complets, et rien
dans le lint n'aurait signalé une assertion retirée à tort.

Les correcteurs Vitest ont réécrit cinq fichiers de test —
`expect(x.length).toBe(n)` devient `toHaveLength(n)`, `await expect(p)`
devient `expects(p).resolves`. Équivalent, et les 518 tests passent.

`local/import-order` reste en écart sur six fichiers, et c'est délibéré.
Son correcteur remplace le bloc allant du premier au dernier import par
les seuls imports triés : tout ce qui vit entre deux imports — les
`export type … from` de `src/services/projects/index.ts`, les commentaires
qui disent à quoi sert un groupe d'imports — disparaît sans un mot. Appliqué
tel quel, il faisait passer `vue-tsc` de 0 à 152 erreurs. La règle est en
`warn` chez le socle, elle le reste ici ; le défaut est du ressort du socle,
pas de ce dépôt.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 eslint.config.js                              |   18 +-
 frontend-rules/accessibility.md               |    7 +-
 frontend-rules/async-states.md                |    8 +-
 frontend-rules/component-defaults.md          |   29 +-
 frontend-rules/design-patterns.md             |    2 +-
 frontend-rules/design-tokens.md               |   10 +-
 frontend-rules/quasar-specifics.md            |    8 +-
 frontend-rules/table-filtering.md             |    6 +-
 postcss.config.js                             |    4 +-
 quasar.config.ts                              |    6 +-
 scripts/free-ports.mjs                        |  102 +-
 scripts/i18n-scan.mjs                         |  126 +-
 scripts/sync-site.mjs                         |   62 +-
 server/agent/activity.ts                      |  170 +-
 server/agent/ask.ts                           |   31 +-
 server/agent/files.ts                         |   94 +-
 server/agent/folder.ts                        |   42 +-
 server/agent/partial.ts                       |   81 +-
 server/agent/pending.ts                       |   28 +-
 server/agent/queue.ts                         |   44 +-
 server/agent/registry.ts                      |   66 +-
 server/agent/runner.ts                        |  540 ++-
 server/agent/shells.ts                        |  221 +-
 server/agent/slug.ts                          |   10 +-
 server/agent/translate.ts                     |  343 +-
 server/backups.ts                             |   68 +-
 server/claude/frontmatter.ts                  |   34 +-
 server/claude/fs.ts                           |  124 +-
 server/claude/model.ts                        |   48 +-
 server/claude/paths.ts                        |   86 +-
 server/context.ts                             |  423 +-
 server/diagnostics/behaviour.ts               |   64 +-
 server/diagnostics/format.ts                  |   18 +-
 server/diagnostics/index.ts                   |   72 +-
 server/diagnostics/pace.ts                    |  171 +-
 server/diagnostics/recommend.ts               |  357 +-
 server/diagnostics/rules.ts                   |  354 +-
 server/diagnostics/session.ts                 |   95 +-
 server/diagnostics/signals.ts                 |  798 ++--
 server/diagnostics/thresholds.ts              |  232 +-
 server/env.ts                                 |   18 +-
 server/errors.ts                              |   24 +-
 server/guard.ts                               |   30 +-
 server/i18n/en-diagnostics.ts                 |   69 +-
 server/i18n/en.ts                             |   32 +-
 server/i18n/fr-diagnostics.ts                 |   45 +-
 server/i18n/fr.ts                             |   37 +-
 server/i18n/index.ts                          |   56 +-
 server/index.ts                               |  148 +-
 server/json.ts                                |    4 +-
 server/maintenance.ts                         |  254 +-
 server/mcp.ts                                 |  189 +-
 server/net.ts                                 |   15 +-
 server/parse-pool.ts                          |  144 +-
 server/passerelle/activite.ts                 |  105 +-
 server/passerelle/commandes.ts                |   35 +-
 server/passerelle/etat.ts                     |   22 +-
 server/passerelle/index.ts                    |  913 ++--
 server/passerelle/markdown.ts                 |   50 +-
 server/passerelle/plan.ts                     |    8 +-
 server/passerelle/projets.ts                  |   84 +-
 server/passerelle/questions.ts                |  141 +-
 server/passerelle/riche.ts                    |  268 +-
 server/passerelle/routage.ts                  |   60 +-
 server/passerelle/telegram.ts                 |  232 +-
 server/paths.ts                               |   16 +-
 server/plugin-hooks.ts                        |   39 +-
 server/preferences.ts                         |   24 +-
 server/pricing.ts                             |   54 +-
 server/processes.ts                           |  160 +-
 server/project-folders.ts                     |  155 +-
 server/projects.ts                            |  545 ++-
 server/routes/agent.ts                        |  279 +-
 server/routes/backups.ts                      |   45 +-
 server/routes/claude.ts                       |  363 +-
 server/routes/diagnostics.ts                  |   62 +-
 server/routes/events.ts                       |   32 +-
 server/routes/maintenance.ts                  |   99 +-
 server/routes/mcp.ts                          |   60 +-
 server/routes/preferences.ts                  |   24 +-
 server/routes/projects.ts                     |  176 +-
 server/routes/usage.ts                        |   32 +-
 server/tokens.ts                              |   30 +-
 server/transcript-cache.ts                    |  147 +-
 server/transcript-worker.ts                   |   24 +-
 server/transcript.ts                          | 1494 +++----
 server/usage.ts                               |  272 +-
 server/watch.ts                               |  134 +-
 shared/agent.ts                               |  172 +-
 shared/context.ts                             |  105 +-
 shared/processes.ts                           |   34 +-
 shared/projects.ts                            |   79 +-
 shared/transcript.ts                          |  279 +-
 site/.vitepress/config.ts                     |   26 +-
 site/.vitepress/theme/index.ts                |   16 +-
 site/.vitepress/theme/tokens.css              |   12 +-
 src/boot/fonts.ts                             |   16 +-
 src/boot/i18n.ts                              |    8 +-
 src/boot/settings.ts                          |    8 +-
 src/components/CliCommandDialog.vue           |  126 +-
 src/components/ConfirmDiffDialog.vue          |  305 +-
 src/components/OrphanPlans.vue                |  453 +-
 src/components/PlanTree.vue                   |  332 +-
 src/components/RuleTree.vue                   |  268 +-
 src/components/agent/ActivityLine.vue         |  277 +-
 src/components/agent/AskPrompt.vue            |  271 +-
 src/components/agent/PermissionPrompt.vue     |  277 +-
 src/components/agent/QuestionFields.vue       |  365 +-
 src/components/agent/SessionComposer.vue      | 1266 +++---
 src/components/help/HelpDrawer.vue            |  229 +-
 src/components/replay/AgentTrackBar.vue       |  261 +-
 src/components/replay/AsideSection.vue        |  179 +-
 src/components/replay/AskUserQuestionView.vue |  465 +-
 src/components/replay/AssistantTurn.vue       |  813 ++--
 src/components/replay/CommandLine.vue         |  144 +-
 src/components/replay/CompactSummary.vue      |   96 +-
 src/components/replay/CompactionMarker.vue    |  178 +-
 src/components/replay/ContextDrawer.vue       |  116 +-
 src/components/replay/ContextFillCurve.vue    |  242 +-
 src/components/replay/ContextPanel.vue        | 1143 +++--
 src/components/replay/ContextRow.vue          |  187 +-
 src/components/replay/ContextRowBody.vue      |  157 +-
 src/components/replay/ContextTree.vue         |  167 +-
 src/components/replay/HookRunView.vue         |  350 +-
 src/components/replay/ImageStrip.vue          |  212 +-
 src/components/replay/LiveTurnLine.vue        |  166 +-
 src/components/replay/MarkdownView.vue        |  406 +-
 src/components/replay/PlanModeMarker.vue      |  156 +-
 src/components/replay/SessionCostPanel.vue    |  957 ++---
 src/components/replay/ShellLine.vue           |  288 +-
 src/components/replay/ShellOutputView.vue     |  141 +-
 src/components/replay/ShellPanel.vue          |  302 +-
 src/components/replay/SkillDocument.vue       |  140 +-
 src/components/replay/TaskLines.vue           |  158 +-
 src/components/replay/TaskMarker.vue          |  222 +-
 src/components/replay/TaskPanel.vue           |  176 +-
 src/components/replay/TaskPlan.vue            |  164 +-
 src/components/replay/TaskReport.vue          |  218 +-
 src/components/replay/TeammateMessage.vue     |  158 +-
 src/components/replay/ThinkingBlock.vue       |   97 +-
 src/components/replay/TimelineNodeView.vue    |  285 +-
 src/components/replay/ToolCall.vue            |  438 +-
 src/components/replay/TranscriptTimeline.vue  |  682 ++-
 src/components/replay/UserBubble.vue          |  202 +-
 src/components/replay/agentRuns.ts            |   57 +-
 src/components/replay/contextRows.ts          |  153 +-
 src/components/replay/contextTree.ts          |   54 +-
 src/components/replay/runningTools.ts         |    4 +-
 src/components/replay/seam.ts                 |   58 +-
 src/components/replay/skillDocument.ts        |   42 +-
 src/components/replay/taskList.ts             |  216 +-
 src/components/replay/tools/CodeBlock.vue     |  227 +-
 src/components/replay/tools/DiffView.vue      |  323 +-
 src/components/replay/tools/KeyValueList.vue  |  105 +-
 src/components/replay/tools/OutputPane.vue    |  391 +-
 src/components/replay/tools/PathList.vue      |  198 +-
 src/components/replay/tools/ToolChips.vue     |   66 +-
 src/components/replay/tools/language.ts       |   40 +-
 src/components/replay/tools/registry.ts       |  150 +-
 src/components/replay/tools/serviceLines.ts   |   38 +-
 src/components/replay/tools/values.ts         |   22 +-
 .../replay/tools/views/AgentView.vue          |  560 ++-
 src/components/replay/tools/views/AskView.vue |   54 +-
 .../replay/tools/views/EditView.vue           |   46 +-
 .../replay/tools/views/EnterPlanView.vue      |   56 +-
 .../replay/tools/views/GenericView.vue        |   18 +-
 .../replay/tools/views/GlobView.vue           |  237 +-
 .../replay/tools/views/GrepView.vue           |  650 ++-
 src/components/replay/tools/views/LspView.vue |  989 +++--
 .../replay/tools/views/MessageView.vue        |   75 +-
 .../replay/tools/views/PlanView.vue           |  374 +-
 .../replay/tools/views/ReadView.vue           |  294 +-
 .../replay/tools/views/SearchView.vue         |  232 +-
 .../replay/tools/views/SendMessageView.vue    |  603 ++-
 .../replay/tools/views/ShellView.vue          |  399 +-
 .../replay/tools/views/SkillView.vue          |  125 +-
 .../replay/tools/views/TaskView.vue           |  221 +-
 .../replay/tools/views/WebSearchView.vue      |  330 +-
 src/components/replay/tools/views/WebView.vue |  336 +-
 .../replay/tools/views/WriteView.vue          |   71 +-
 src/components/replay/transcriptSource.ts     |    9 +-
 .../resources/FolderCandidateTree.vue         |  198 +-
 src/components/resources/FrontmatterCard.vue  |  542 ++-
 .../resources/IncludeFolderDialog.vue         |  288 +-
 .../resources/ProjectResourcesNav.vue         |  879 ++--
 .../resources/ProjectResourcesPanel.vue       |  301 +-
 src/components/resources/ResourceDialog.vue   |  354 +-
 src/components/resources/ResourceViewer.vue   |  741 ++--
 src/components/resources/projectResources.ts  |  217 +-
 src/components/settings/RuleList.vue          |  202 +-
 src/components/settings/SettingField.vue      |  110 +-
 src/components/ui/CopyButton.vue              |   74 +-
 src/components/ui/EmptyState.vue              |   88 +-
 src/components/ui/FormSection.vue             |   34 +-
 src/components/ui/HelpTip.vue                 |  122 +-
 src/components/ui/LabelValueRow.vue           |   60 +-
 src/components/ui/LottieView.vue              |  129 +-
 src/components/ui/PulseDots.vue               |   74 +-
 src/components/ui/SegmentedControl.vue        |  142 +-
 src/components/usage/BaseChart.vue            |   44 +-
 src/composables/useAgentTracks.ts             |   21 +-
 src/composables/useBreadcrumbs.ts             |   16 +-
 src/composables/useChartTokens.ts             |   34 +-
 src/composables/useExpandAll.ts               |   69 +-
 src/composables/useFrontmatterForm.ts         |  124 +-
 src/composables/useHelp.ts                    |   20 +-
 src/composables/useJsonForm.ts                |   54 +-
 src/composables/useLiveSession.ts             |  238 +-
 src/composables/useNotify.ts                  |   20 +-
 src/composables/useTranscriptTurns.ts         |  223 +-
 src/css/app.scss                              |   22 +-
 src/help/index.ts                             |   66 +-
 src/help/types.ts                             |   14 +-
 src/i18n/apply.ts                             |   17 +-
 src/i18n/en/agent.ts                          |    6 +-
 src/i18n/en/cli.ts                            |    6 +-
 src/i18n/en/common.ts                         |    6 +-
 src/i18n/en/diagnostics.ts                    |    6 +-
 src/i18n/en/diff.ts                           |    6 +-
 src/i18n/en/formats.ts                        |    6 +-
 src/i18n/en/frontmatter.ts                    |    6 +-
 src/i18n/en/index.ts                          |   30 +-
 src/i18n/en/layout.ts                         |    6 +-
 src/i18n/en/nav.ts                            |    6 +-
 src/i18n/en/pages/agents.ts                   |    6 +-
 src/i18n/en/pages/atelier.ts                  |   12 +-
 src/i18n/en/pages/backups.ts                  |   12 +-
 src/i18n/en/pages/diagnostic.ts               |   36 +-
 src/i18n/en/pages/help.ts                     |    9 +-
 src/i18n/en/pages/home.ts                     |    6 +-
 src/i18n/en/pages/hooks.ts                    |    9 +-
 src/i18n/en/pages/index.ts                    |   40 +-
 src/i18n/en/pages/maintenance.ts              |    9 +-
 src/i18n/en/pages/mcp.ts                      |    9 +-
 src/i18n/en/pages/memory.ts                   |   15 +-
 src/i18n/en/pages/notFound.ts                 |    6 +-
 src/i18n/en/pages/plugins.ts                  |    9 +-
 src/i18n/en/pages/project.ts                  |    6 +-
 src/i18n/en/pages/projects.ts                 |    6 +-
 src/i18n/en/pages/replay.ts                   |    6 +-
 src/i18n/en/pages/sessions.ts                 |    6 +-
 src/i18n/en/pages/settings.ts                 |   12 +-
 src/i18n/en/pages/skills.ts                   |    9 +-
 src/i18n/en/pages/usage.ts                    |    6 +-
 src/i18n/en/replay/context.ts                 |   24 +-
 src/i18n/en/replay/cost.ts                    |   12 +-
 src/i18n/en/replay/index.ts                   |   14 +-
 src/i18n/en/replay/thread.ts                  |   17 +-
 src/i18n/en/replay/tools.ts                   |   30 +-
 src/i18n/en/resources.ts                      |    6 +-
 src/i18n/en/rules.ts                          |    6 +-
 src/i18n/en/tools.ts                          |    6 +-
 src/i18n/fr/agent.ts                          |    2 +-
 src/i18n/fr/cli.ts                            |    2 +-
 src/i18n/fr/common.ts                         |    2 +-
 src/i18n/fr/diagnostics.ts                    |    2 +-
 src/i18n/fr/diff.ts                           |    5 +-
 src/i18n/fr/formats.ts                        |    2 +-
 src/i18n/fr/frontmatter.ts                    |    2 +-
 src/i18n/fr/index.ts                          |   34 +-
 src/i18n/fr/layout.ts                         |    2 +-
 src/i18n/fr/nav.ts                            |    2 +-
 src/i18n/fr/pages/agents.ts                   |    2 +-
 src/i18n/fr/pages/atelier.ts                  |    8 +-
 src/i18n/fr/pages/backups.ts                  |    8 +-
 src/i18n/fr/pages/diagnostic.ts               |   29 +-
 src/i18n/fr/pages/help.ts                     |    5 +-
 src/i18n/fr/pages/home.ts                     |    2 +-
 src/i18n/fr/pages/hooks.ts                    |    8 +-
 src/i18n/fr/pages/index.ts                    |   40 +-
 src/i18n/fr/pages/maintenance.ts              |    5 +-
 src/i18n/fr/pages/mcp.ts                      |    5 +-
 src/i18n/fr/pages/memory.ts                   |   11 +-
 src/i18n/fr/pages/notFound.ts                 |    2 +-
 src/i18n/fr/pages/plugins.ts                  |    5 +-
 src/i18n/fr/pages/project.ts                  |    2 +-
 src/i18n/fr/pages/projects.ts                 |    2 +-
 src/i18n/fr/pages/replay.ts                   |    5 +-
 src/i18n/fr/pages/sessions.ts                 |    5 +-
 src/i18n/fr/pages/settings.ts                 |    8 +-
 src/i18n/fr/pages/skills.ts                   |    8 +-
 src/i18n/fr/pages/usage.ts                    |    2 +-
 src/i18n/fr/replay/context.ts                 |   14 +-
 src/i18n/fr/replay/cost.ts                    |    8 +-
 src/i18n/fr/replay/index.ts                   |   10 +-
 src/i18n/fr/replay/thread.ts                  |   11 +-
 src/i18n/fr/replay/tools.ts                   |   35 +-
 src/i18n/fr/resources.ts                      |    2 +-
 src/i18n/fr/rules.ts                          |    2 +-
 src/i18n/fr/tools.ts                          |    2 +-
 src/i18n/index.ts                             |   24 +-
 src/layouts/MainLayout.vue                    |  645 ++-
 src/pages/AgentsPage.vue                      |   22 +-
 src/pages/AtelierPage.vue                     | 3780 ++++++++---------
 src/pages/BackupsPage.vue                     |  657 ++-
 src/pages/DiagnosticPage.vue                  | 1566 ++++---
 src/pages/ErrorNotFound.vue                   |  189 +-
 src/pages/HelpPage.vue                        |  468 +-
 src/pages/HomePage.vue                        | 1249 +++---
 src/pages/HooksPage.vue                       |  916 ++--
 src/pages/MaintenancePage.vue                 |  794 ++--
 src/pages/McpPage.vue                         |  765 ++--
 src/pages/MemoryPage.vue                      | 1513 ++++---
 src/pages/PluginsPage.vue                     |  721 ++--
 src/pages/ProjectDetailPage.vue               | 1518 ++++---
 src/pages/ProjectsPage.vue                    |  356 +-
 src/pages/SessionsPage.vue                    | 2660 ++++++------
 src/pages/SettingsPage.vue                    |  822 ++--
 src/pages/SkillsPage.vue                      |   14 +-
 src/pages/TranscriptReplayPage.vue            |  982 ++---
 src/pages/UsagePage.vue                       |  906 ++--
 src/router/index.ts                           |   34 +-
 src/router/routes.ts                          |    6 +-
 src/router/titles.ts                          |   16 +-
 src/services/agent/index.ts                   |  105 +-
 src/services/backups/index.ts                 |   30 +-
 src/services/claude/index.ts                  |  142 +-
 src/services/diagnostics/index.ts             |  290 +-
 src/services/diagnostics/severity.ts          |   19 +-
 src/services/events.ts                        |   36 +-
 src/services/http.ts                          |    6 +-
 src/services/mcp/index.ts                     |   49 +-
 src/services/preferences/index.ts             |   20 +-
 src/services/projects/index.ts                |   93 +-
 src/services/system/index.ts                  |   83 +-
 src/services/usage/index.ts                   |   74 +-
 src/stores/index.ts                           |   10 +-
 src/stores/settings.ts                        |   87 +-
 src/stores/system.ts                          |   46 +-
 src/utils/agentColors.ts                      |   37 +-
 src/utils/ansi.ts                             |  148 +-
 src/utils/diff.ts                             |   55 +-
 src/utils/format.ts                           |  142 +-
 src/utils/json-edit.ts                        |   38 +-
 src/utils/markdown.ts                         |  122 +-
 src/utils/pathMatch.ts                        |  132 +-
 src/utils/resourceFrontmatter.ts              |  118 +-
 src/utils/slug.ts                             |   25 +-
 src/utils/tools.ts                            |   50 +-
 test/agent-activity.test.ts                   |  204 +-
 test/agent-shells.test.ts                     |  350 +-
 test/agent-tracks.test.ts                     |   59 +-
 test/ansi.test.ts                             |   86 +-
 test/ask-schema.test.ts                       |   32 +-
 test/assistant-message-blocks.test.ts         |  105 +-
 test/atelier-seam.test.ts                     |   92 +-
 test/backups-stamp.test.ts                    |   66 +-
 test/context.test.ts                          |  376 +-
 test/conversation-reset.test.ts               |   72 +-
 test/corpus.test.ts                           |  163 +-
 test/folder-picker.test.ts                    |   44 +-
 test/guard.test.ts                            |   76 +-
 test/images.test.ts                           |   26 +-
 test/included-folders.test.ts                 |  176 +-
 test/inline-reasoning.test.ts                 |   58 +-
 test/live-session.test.ts                     |   20 +-
 test/live-slash-command.test.ts               |   46 +-
 test/loopback.test.ts                         |   48 +-
 test/mcp-secrets.test.ts                      |  104 +-
 test/pace.test.ts                             |  185 +-
 test/parse-pool.test.ts                       |   54 +-
 test/passerelle-activite.test.ts              |  142 +-
 test/passerelle-commandes.test.ts             |   65 +-
 test/passerelle-etat.test.ts                  |  134 +-
 test/passerelle-markdown.test.ts              |   60 +-
 test/passerelle-plan.test.ts                  |   34 +-
 test/passerelle-questions.test.ts             |  180 +-
 test/passerelle-riche.test.ts                 |  170 +-
 test/passerelle.test.ts                       |  331 +-
 test/path-guard.test.ts                       |  110 +-
 test/path-match.test.ts                       |   97 +-
 test/plan-mode.test.ts                        |   77 +-
 test/processes.test.ts                        |  105 +-
 test/project-files.test.ts                    |   78 +-
 test/project-resources.test.ts                |  165 +-
 test/project-slug.test.ts                     |   42 +-
 test/queued-prompt.test.ts                    |   58 +-
 test/rules.test.ts                            |  318 +-
 test/session-guardrails.test.ts               |  116 +-
 test/signals.test.ts                          |  209 +-
 test/skill-document.test.ts                   |   77 +-
 test/slash-commands.test.ts                   |   26 +-
 test/source-file-kind.test.ts                 |   94 +-
 test/structured-result.test.ts                |  124 +-
 test/subagent-live-track.test.ts              |   64 +-
 test/subagent-runs.test.ts                    |  194 +-
 test/task-list.test.ts                        |  221 +-
 test/thresholds.test.ts                       |  220 +-
 test/tool-input-stream.test.ts                |   58 +-
 test/transcript-cache.test.ts                 |  105 +-
 test/tree.test.ts                             |   54 +-
 vitest.config.ts                              |    8 +-
 392 files changed, 33475 insertions(+), 36613 deletions(-)

diff --git a/eslint.config.js b/eslint.config.js
index f09a785..4b0ca16 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -1,11 +1,11 @@
-import js from '@eslint/js';
-import vitestConfig from '@lehoczky/eslint-config-vitest';
-import pluginQuasar from '@quasar/app-vite/eslint';
-import { defineConfigWithVueTs, vueTsConfigs } from '@vue/eslint-config-typescript';
-import pluginPrettier from 'eslint-plugin-prettier/recommended';
-import pluginVue from 'eslint-plugin-vue';
-import globals from 'globals';
-import importOrder from './eslint-rules/import-order.js';
+import js from '@eslint/js'
+import vitestConfig from '@lehoczky/eslint-config-vitest'
+import pluginQuasar from '@quasar/app-vite/eslint'
+import { defineConfigWithVueTs, vueTsConfigs } from '@vue/eslint-config-typescript'
+import pluginPrettier from 'eslint-plugin-prettier/recommended'
+import pluginVue from 'eslint-plugin-vue'
+import globals from 'globals'
+import importOrder from './eslint-rules/import-order.js'
 
 export default [
   {
@@ -137,4 +137,4 @@ export default [
   // La mise en forme se vérifie donc au même endroit que le reste, et se corrige par
   // le même `--fix`.
   pluginPrettier,
-];
+]
diff --git a/frontend-rules/accessibility.md b/frontend-rules/accessibility.md
index 7a34aab..7d2f268 100644
--- a/frontend-rules/accessibility.md
+++ b/frontend-rules/accessibility.md
@@ -70,12 +70,7 @@ document. Le conserver.
 ## Les états ARIA suivent l'état réel
 
 ```vue
-<q-btn
-  :aria-expanded="helpOpen"
-  aria-controls="help-drawer"
-  :aria-label="helpLabel"
-  @click="toggleHelp()"
-/>
+<q-btn :aria-expanded="helpOpen" aria-controls="help-drawer" :aria-label="helpLabel" @click="toggleHelp()" />
 ```
 
 | Attribut        | Quand                                                          |
diff --git a/frontend-rules/async-states.md b/frontend-rules/async-states.md
index b04bb4b..13d9dd1 100644
--- a/frontend-rules/async-states.md
+++ b/frontend-rules/async-states.md
@@ -75,13 +75,13 @@ Quand une action peut être retentée, le bouton est dans l'état d'erreur — p
 appliquer) ne remplace pas la section : elle passe par `useNotify`.
 
 ```ts
-const { notifyError, notifyDone } = useNotify();
+const { notifyError, notifyDone } = useNotify()
 
 try {
-  await removeBackup(id);
-  notifyDone('Version supprimée.');
+  await removeBackup(id)
+  notifyDone('Version supprimée.')
 } catch (e) {
-  notifyError(e, "Je n'ai pas pu supprimer cette version");
+  notifyError(e, "Je n'ai pas pu supprimer cette version")
 }
 ```
 
diff --git a/frontend-rules/component-defaults.md b/frontend-rules/component-defaults.md
index 1fd9c30..7f936d5 100644
--- a/frontend-rules/component-defaults.md
+++ b/frontend-rules/component-defaults.md
@@ -12,15 +12,7 @@ Diverger demande une raison tenant au contexte, pas une préférence.
 et le contour est la forme retenue partout.
 
 ```vue
-<q-input
-  v-model="query"
-  outlined
-  dense
-  clearable
-  debounce="120"
-  placeholder="Rechercher…"
-  aria-label="Rechercher dans le manuel"
->
+<q-input v-model="query" outlined dense clearable debounce="120" placeholder="Rechercher…" aria-label="Rechercher dans le manuel">
   <template #prepend><q-icon name="search" /></template>
 </q-input>
 ```
@@ -39,14 +31,7 @@ Pour un `q-select`, ajouter `options-dense` : la liste déroulante doit avoir la
 reste.
 
 ```vue
-<q-select
-  v-model="newEvent"
-  :options="EVENTS"
-  dense
-  outlined
-  options-dense
-  aria-label="Événement"
-/>
+<q-select v-model="newEvent" :options="EVENTS" dense outlined options-dense aria-label="Événement" />
 ```
 
 ## Boutons
@@ -120,15 +105,7 @@ les données arrivent.
 la profondeur. Et `:rows-per-page-options="[15, 30, 50, 0]"`, le `0` valant « tout ».
 
 ```vue
-<q-table
-  :rows="projects"
-  :columns="columns"
-  row-key="slug"
-  :loading="loading"
-  :filter="filter"
-  flat
-  :rows-per-page-options="[15, 30, 50, 0]"
-/>
+<q-table :rows="projects" :columns="columns" row-key="slug" :loading="loading" :filter="filter" flat :rows-per-page-options="[15, 30, 50, 0]" />
 ```
 
 Ajouter `dense` quand la table est un sous-bloc d'une page déjà chargée (liste des sessions
diff --git a/frontend-rules/design-patterns.md b/frontend-rules/design-patterns.md
index 46810c5..6692c37 100644
--- a/frontend-rules/design-patterns.md
+++ b/frontend-rules/design-patterns.md
@@ -51,7 +51,7 @@ Un écran qui connaît un libellé dynamique — nom de projet, identifiant de s
 propre traînée :
 
 ```ts
-setBreadcrumbs([{ label: 'Projets', to: { name: 'projects' } }, { label: project.name }]);
+setBreadcrumbs([{ label: 'Projets', to: { name: 'projects' } }, { label: project.name }])
 ```
 
 Le dernier segment **n'a pas de `to`** : c'est la page courante, elle porte `aria-current="page"`
diff --git a/frontend-rules/design-tokens.md b/frontend-rules/design-tokens.md
index f0e8b07..4131f95 100644
--- a/frontend-rules/design-tokens.md
+++ b/frontend-rules/design-tokens.md
@@ -88,11 +88,11 @@ insensibles au thème d'AURA, et repeignent le composant à l'ancienne palette.
 </template>
 
 <style scoped lang="scss">
-.dg-tile {
-  padding: var(--space-md);
-  background: var(--surface-2);
-  border-radius: var(--radius-md);
-}
+  .dg-tile {
+    padding: var(--space-md);
+    background: var(--surface-2);
+    border-radius: var(--radius-md);
+  }
 </style>
 ```
 
diff --git a/frontend-rules/quasar-specifics.md b/frontend-rules/quasar-specifics.md
index 54c3564..90ab4e5 100644
--- a/frontend-rules/quasar-specifics.md
+++ b/frontend-rules/quasar-specifics.md
@@ -26,8 +26,8 @@ l'override sous `body.body--light`.
 La bascule appartient au store `settings` :
 
 ```ts
-const settings = useSettingsStore();
-settings.darkMode = !settings.darkMode; // le store fait Dark.set()
+const settings = useSettingsStore()
+settings.darkMode = !settings.darkMode // le store fait Dark.set()
 ```
 
 - **Ne jamais manipuler `body--dark` directement**, ni stocker une copie de l'état.
@@ -68,8 +68,8 @@ Le build est une SPA servie par le BFF. Deux conséquences :
 Toujours via `useNotify`, jamais `$q.notify` en direct :
 
 ```ts
-const { notifyError, notifyDone, notifyWarn } = useNotify();
-notifyError(e, "Je n'ai pas pu supprimer cette version");
+const { notifyError, notifyDone, notifyWarn } = useNotify()
+notifyError(e, "Je n'ai pas pu supprimer cette version")
 ```
 
 Le composable applique la charte de voix — ce qu'AURA tentait dans le message, le détail
diff --git a/frontend-rules/table-filtering.md b/frontend-rules/table-filtering.md
index 5c8165c..98c1854 100644
--- a/frontend-rules/table-filtering.md
+++ b/frontend-rules/table-filtering.md
@@ -47,9 +47,9 @@ Pure, sans effet de bord, et elle rend les lignes telles quelles quand le terme
 
 ```ts
 function filterProjects(rows: readonly ProjectSummary[], term: string): ProjectSummary[] {
-  const q = term.trim().toLowerCase();
-  if (!q) return rows as ProjectSummary[];
-  return rows.filter((p) => p.name.toLowerCase().includes(q) || p.path.toLowerCase().includes(q));
+  const q = term.trim().toLowerCase()
+  if (!q) return rows as ProjectSummary[]
+  return rows.filter((p) => p.name.toLowerCase().includes(q) || p.path.toLowerCase().includes(q))
 }
 ```
 
diff --git a/postcss.config.js b/postcss.config.js
index 4498380..45f4ace 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -1,6 +1,6 @@
 // https://github.com/michael-ciniawsky/postcss-load-config
 
-import autoprefixer from 'autoprefixer';
+import autoprefixer from 'autoprefixer'
 // import rtlcss from 'postcss-rtlcss'
 
 export default {
@@ -26,4 +26,4 @@ export default {
     // 3. uncomment the following line (and its import statement above):
     // rtlcss()
   ],
-};
+}
diff --git a/quasar.config.ts b/quasar.config.ts
index a3e3ff7..1566ce5 100644
--- a/quasar.config.ts
+++ b/quasar.config.ts
@@ -1,7 +1,7 @@
 // Configuration for your app
 // https://quasar.dev/quasar-cli-vite/quasar-config-file
 
-import { defineConfig } from '#q-app';
+import { defineConfig } from '#q-app'
 
 export default defineConfig((ctx) => {
   return {
@@ -151,5 +151,5 @@ export default defineConfig((ctx) => {
     //
     // `sourceFiles` part pour la même raison : il ne faisait que réécrire les
     // défauts, dont les chemins des modes absents.
-  };
-});
+  }
+})
diff --git a/scripts/free-ports.mjs b/scripts/free-ports.mjs
index 88b8d1f..f7d6384 100644
--- a/scripts/free-ports.mjs
+++ b/scripts/free-ports.mjs
@@ -19,55 +19,55 @@
 // que là ; écrire ici une branche pour un système qu'on ne peut pas essayer
 // reviendrait à promettre ce qu'on n'a pas vérifié.
 
-import { execFileSync } from 'node:child_process';
+import { execFileSync } from 'node:child_process'
 
 if (process.platform !== 'win32') {
-  console.error(`Je ne sais libérer les ports que sous Windows, pas sous ${process.platform}.`);
-  console.error('Arrêtez le serveur par Ctrl+C dans la fenêtre qui le porte.');
-  process.exit(2);
+  console.error(`Je ne sais libérer les ports que sous Windows, pas sous ${process.platform}.`)
+  console.error('Arrêtez le serveur par Ctrl+C dans la fenêtre qui le porte.')
+  process.exit(2)
 }
 
 /** Ce à quoi on reconnaît un processus d'AURA, pour ne remonter que chez nous. */
-const MARKERS = [/server[/\\]index\.ts/, /quasar/, /concurrently/, /dev:all/];
+const MARKERS = [/server[/\\]index\.ts/, /quasar/, /concurrently/, /dev:all/]
 
-const ports = process.argv.slice(2).map(Number).filter(Boolean);
+const ports = process.argv.slice(2).map(Number).filter(Boolean)
 if (!ports.length) {
-  console.error('Usage : node scripts/free-ports.mjs <port> [port…]');
-  process.exit(2);
+  console.error('Usage : node scripts/free-ports.mjs <port> [port…]')
+  process.exit(2)
 }
 
 /** Le port du BFF, seul à savoir s'éteindre proprement. */
-const API_PORT = Number(process.env.PORT) || 8800;
+const API_PORT = Number(process.env.PORT) || 8800
 
-await main();
+await main()
 
 async function main() {
   if (ports.includes(API_PORT) && (await askShutdown(API_PORT))) {
     // Le serveur ferme Fastify, coupe ses sessions, puis sort. Rien de tout cela
     // n'est instantané : on lui laisse le temps avant de juger.
-    await waitUntilFree(API_PORT, 8000);
+    await waitUntilFree(API_PORT, 8000)
   }
 
-  const survivors = ports.filter((p) => listeners(p).length);
+  const survivors = ports.filter((p) => listeners(p).length)
   if (!survivors.length) {
-    console.log('Ports libres.');
-    return;
+    console.log('Ports libres.')
+    return
   }
 
-  const table = processTable();
-  const doomed = new Set();
+  const table = processTable()
+  const doomed = new Set()
   for (const port of survivors) {
-    for (const pid of listeners(port)) climb(pid, table, doomed);
+    for (const pid of listeners(port)) climb(pid, table, doomed)
   }
 
-  for (const pid of doomed) kill(pid);
+  for (const pid of doomed) kill(pid)
 
-  const stuck = ports.filter((p) => listeners(p).length);
+  const stuck = ports.filter((p) => listeners(p).length)
   if (stuck.length) {
-    console.error(`Je n'ai pas pu libérer : ${stuck.join(', ')}.`);
-    process.exit(1);
+    console.error(`Je n'ai pas pu libérer : ${stuck.join(', ')}.`)
+    process.exit(1)
   }
-  console.log(`Restes d'une session précédente écartés : ${[...doomed].join(', ')}.`);
+  console.log(`Restes d'une session précédente écartés : ${[...doomed].join(', ')}.`)
 }
 
 // ── L'extinction ordonnée ───────────────────────────────────────────────────
@@ -82,28 +82,26 @@ async function askShutdown(port) {
       headers: { 'content-type': 'application/json' },
       body: '{}',
       signal: AbortSignal.timeout(3000),
-    });
-    if (!res.ok) return false;
-    const { sessions = 0 } = await res.json().catch(() => ({}));
+    })
+    if (!res.ok) return false
+    const { sessions = 0 } = await res.json().catch(() => ({}))
     console.log(
-      sessions
-        ? `J'ai demandé au serveur de s'arrêter — ${sessions} session(s) de l'Atelier à couper.`
-        : "J'ai demandé au serveur de s'arrêter.",
-    );
-    return true;
+      sessions ? `J'ai demandé au serveur de s'arrêter — ${sessions} session(s) de l'Atelier à couper.` : "J'ai demandé au serveur de s'arrêter.",
+    )
+    return true
   } catch {
     // Personne n'écoute, ou ce n'est pas un BFF d'AURA. Le filet s'en chargera.
-    return false;
+    return false
   }
 }
 
 async function waitUntilFree(port, timeoutMs) {
-  const deadline = Date.now() + timeoutMs;
+  const deadline = Date.now() + timeoutMs
   while (Date.now() < deadline) {
-    if (!listeners(port).length) return true;
-    await new Promise((r) => setTimeout(r, 200));
+    if (!listeners(port).length) return true
+    await new Promise((r) => setTimeout(r, 200))
   }
-  return false;
+  return false
 }
 
 // ── Le filet ────────────────────────────────────────────────────────────────
@@ -113,8 +111,8 @@ function listeners(port) {
   const pids = run('netstat', ['-ano', '-p', 'tcp'])
     .split('\n')
     .filter((l) => /LISTENING/.test(l) && new RegExp(`[:.]${port}\\s`).test(l))
-    .map((l) => Number(l.trim().split(/\s+/).pop()));
-  return [...new Set(pids.filter((pid) => pid > 0))];
+    .map((l) => Number(l.trim().split(/\s+/).pop()))
+  return [...new Set(pids.filter((pid) => pid > 0))]
 }
 
 /** Tous les processus vivants : identifiant, parent, ligne de commande. */
@@ -123,12 +121,12 @@ function processTable() {
     '-NoProfile',
     '-Command',
     'Get-CimInstance Win32_Process | Select-Object ProcessId,ParentProcessId,CommandLine | ConvertTo-Json -Compress',
-  ]);
-  const table = new Map();
+  ])
+  const table = new Map()
   for (const p of parse(json)) {
-    table.set(p.ProcessId, { parent: p.ParentProcessId, cmd: p.CommandLine ?? '' });
+    table.set(p.ProcessId, { parent: p.ParentProcessId, cmd: p.CommandLine ?? '' })
   }
-  return table;
+  return table
 }
 
 /**
@@ -139,38 +137,38 @@ function processTable() {
  */
 function climb(pid, table, doomed) {
   for (let cur = pid; cur > 0 && !doomed.has(cur);) {
-    doomed.add(cur);
-    const parent = table.get(cur)?.parent ?? 0;
-    const cmd = table.get(parent)?.cmd ?? '';
-    if (!MARKERS.some((m) => m.test(cmd))) return;
-    cur = parent;
+    doomed.add(cur)
+    const parent = table.get(cur)?.parent ?? 0
+    const cmd = table.get(parent)?.cmd ?? ''
+    if (!MARKERS.some((m) => m.test(cmd))) return
+    cur = parent
   }
 }
 
 function kill(pid) {
   // `/T` : l'arbre entier. Un superviseur écarté sans ses fils les laisserait
   // derrière lui, et c'est un fils qui tient le port.
-  run('taskkill', ['/PID', String(pid), '/T', '/F']);
+  run('taskkill', ['/PID', String(pid), '/T', '/F'])
 }
 
 // ── Outils ──────────────────────────────────────────────────────────────────
 
 function run(cmd, args) {
   try {
-    return execFileSync(cmd, args, { encoding: 'utf8', stdio: ['ignore', 'pipe', 'ignore'] });
+    return execFileSync(cmd, args, { encoding: 'utf8', stdio: ['ignore', 'pipe', 'ignore'] })
   } catch {
     // `netstat` sort en erreur quand il ne trouve rien ; `taskkill`, quand le
     // processus est déjà parti — emporté par l'arbre d'un autre, le plus souvent.
-    return '';
+    return ''
   }
 }
 
 /** `ConvertTo-Json` rend un objet seul quand la liste n'a qu'un élément. */
 function parse(json) {
   try {
-    const value = JSON.parse(json);
-    return Array.isArray(value) ? value : [value];
+    const value = JSON.parse(json)
+    return Array.isArray(value) ? value : [value]
   } catch {
-    return [];
+    return []
   }
 }
diff --git a/scripts/i18n-scan.mjs b/scripts/i18n-scan.mjs
index 030c0f2..76a9029 100644
--- a/scripts/i18n-scan.mjs
+++ b/scripts/i18n-scan.mjs
@@ -10,121 +10,121 @@
 // Le second usage suit les imports de composants : c'est lui qui répond à
 // « ai-je oublié un composant de cette page ? ».
 
-import fs from 'node:fs';
-import path from 'node:path';
+import fs from 'node:fs'
+import path from 'node:path'
 
-const ROOT = process.cwd();
-const SRC = path.join(ROOT, 'src');
+const ROOT = process.cwd()
+const SRC = path.join(ROOT, 'src')
 
 /** Un mot français d'au moins quatre lettres, ou un accent : assez pour lever la main. */
 const FRENCH =
-  /[éèêàçùûôîœ]|\b(le|la|les|des|une|un|du|aux|sur|pour|dans|avec|sans|par|est|sont|pas|plus|tout|toute|cette|ces|vous|votre|vos|qui|que|quoi|dont|aucun|aucune|chaque|entre|depuis|selon)\b/i;
+  /[éèêàçùûôîœ]|\b(le|la|les|des|une|un|du|aux|sur|pour|dans|avec|sans|par|est|sont|pas|plus|tout|toute|cette|ces|vous|votre|vos|qui|que|quoi|dont|aucun|aucune|chaque|entre|depuis|selon)\b/i
 
 /** Ce qui ressemble à du texte destiné à l'écran, pas à du code. */
 function candidates(source) {
-  const out = [];
-  const lines = source.split('\n');
+  const out = []
+  const lines = source.split('\n')
 
-  let inScript = false;
-  let inStyle = false;
-  let inComment = false;
+  let inScript = false
+  let inStyle = false
+  let inComment = false
 
   for (let i = 0; i < lines.length; i++) {
-    const line = lines[i];
-    if (/<script/.test(line)) inScript = true;
-    if (/<\/script>/.test(line)) inScript = false;
-    if (/<style/.test(line)) inStyle = true;
-    if (/<\/style>/.test(line)) inStyle = false;
-    if (inStyle) continue;
+    const line = lines[i]
+    if (/<script/.test(line)) inScript = true
+    if (/<\/script>/.test(line)) inScript = false
+    if (/<style/.test(line)) inStyle = true
+    if (/<\/style>/.test(line)) inStyle = false
+    if (inStyle) continue
 
     // Commentaires : ils restent en français, c'est la consigne du dépôt.
-    if (/\/\*/.test(line) && !/\*\//.test(line)) inComment = true;
-    const commented = inComment || /^\s*(\/\/|\*|<!--)/.test(line);
-    if (/\*\//.test(line)) inComment = false;
-    if (commented) continue;
+    if (/\/\*/.test(line) && !/\*\//.test(line)) inComment = true
+    const commented = inComment || /^\s*(\/\/|\*|<!--)/.test(line)
+    if (/\*\//.test(line)) inComment = false
+    if (commented) continue
 
-    const stripped = line.replace(/\/\/.*$/, '').replace(/<!--.*?-->/g, '');
+    const stripped = line.replace(/\/\/.*$/, '').replace(/<!--.*?-->/g, '')
 
-    const hits = [];
+    const hits = []
     // Attribut littéral : label="…", title='…' — mais pas :label="t('…')".
     for (const m of stripped.matchAll(
       /(?<!:)\b(label|title|placeholder|hint|caption|aria-label|no-description|empty-label|delete-title|delete-note|subtitle)\s*=\s*"([^"]{2,})"/g,
     )) {
-      if (FRENCH.test(m[2])) hits.push(m[2]);
+      if (FRENCH.test(m[2])) hits.push(m[2])
     }
     // Texte de nœud entre balises, hors interpolation.
     if (!inScript) {
       for (const m of stripped.matchAll(/>([^<>{}]{3,})</g)) {
-        const text = m[1].trim();
-        if (text && FRENCH.test(text)) hits.push(text);
+        const text = m[1].trim()
+        if (text && FRENCH.test(text)) hits.push(text)
       }
     }
     // Littéral de chaîne dans le script.
     if (inScript) {
       for (const m of stripped.matchAll(/'([^'\\]{4,})'|"([^"\\]{4,})"/g)) {
-        const text = (m[1] ?? m[2] ?? '').trim();
-        if (text && FRENCH.test(text) && !/^[a-z-]+\/[a-z-]+$/.test(text)) hits.push(text);
+        const text = (m[1] ?? m[2] ?? '').trim()
+        if (text && FRENCH.test(text) && !/^[a-z-]+\/[a-z-]+$/.test(text)) hits.push(text)
       }
     }
 
-    for (const h of hits) out.push({ line: i + 1, text: h.slice(0, 90) });
+    for (const h of hits) out.push({ line: i + 1, text: h.slice(0, 90) })
   }
-  return out;
+  return out
 }
 
 /** Les composants qu'un fichier monte, résolus en chemins réels. */
 function imports(file) {
-  const source = fs.readFileSync(file, 'utf8');
-  const out = [];
+  const source = fs.readFileSync(file, 'utf8')
+  const out = []
   for (const m of source.matchAll(/from\s+'([^']+\.vue)'/g)) {
-    const spec = m[1];
-    let resolved;
-    if (spec.startsWith('src/')) resolved = path.join(ROOT, spec);
-    else if (spec.startsWith('components/')) resolved = path.join(SRC, spec);
-    else if (spec.startsWith('pages/')) resolved = path.join(SRC, spec);
-    else if (spec.startsWith('layouts/')) resolved = path.join(SRC, spec);
-    else if (spec.startsWith('.')) resolved = path.resolve(path.dirname(file), spec);
-    else continue;
-    if (fs.existsSync(resolved)) out.push(resolved);
+    const spec = m[1]
+    let resolved
+    if (spec.startsWith('src/')) resolved = path.join(ROOT, spec)
+    else if (spec.startsWith('components/')) resolved = path.join(SRC, spec)
+    else if (spec.startsWith('pages/')) resolved = path.join(SRC, spec)
+    else if (spec.startsWith('layouts/')) resolved = path.join(SRC, spec)
+    else if (spec.startsWith('.')) resolved = path.resolve(path.dirname(file), spec)
+    else continue
+    if (fs.existsSync(resolved)) out.push(resolved)
   }
-  return out;
+  return out
 }
 
 function walk(dir, acc = []) {
   for (const e of fs.readdirSync(dir, { withFileTypes: true })) {
-    const p = path.join(dir, e.name);
+    const p = path.join(dir, e.name)
     if (e.isDirectory()) {
-      if (e.name !== 'i18n') walk(p, acc);
-    } else if (/\.(vue|ts)$/.test(e.name)) acc.push(p);
+      if (e.name !== 'i18n') walk(p, acc)
+    } else if (/\.(vue|ts)$/.test(e.name)) acc.push(p)
   }
-  return acc;
+  return acc
 }
 
-const arg = process.argv[2];
-let files;
+const arg = process.argv[2]
+let files
 
 if (arg) {
   // L'arbre d'une page : elle-même, puis ses composants, récursivement.
-  const seen = new Set();
-  const queue = [path.resolve(arg)];
+  const seen = new Set()
+  const queue = [path.resolve(arg)]
   while (queue.length) {
-    const f = queue.shift();
-    if (seen.has(f)) continue;
-    seen.add(f);
-    queue.push(...imports(f));
+    const f = queue.shift()
+    if (seen.has(f)) continue
+    seen.add(f)
+    queue.push(...imports(f))
   }
-  files = [...seen];
+  files = [...seen]
 } else {
-  files = walk(SRC);
+  files = walk(SRC)
 }
 
-let total = 0;
+let total = 0
 for (const f of files.sort()) {
-  const hits = candidates(fs.readFileSync(f, 'utf8'));
-  if (!hits.length) continue;
-  total += hits.length;
-  console.log(`\n${path.relative(ROOT, f)}  (${hits.length})`);
-  for (const h of hits.slice(0, 12)) console.log(`  ${h.line}: ${h.text}`);
-  if (hits.length > 12) console.log(`  … ${hits.length - 12} de plus`);
+  const hits = candidates(fs.readFileSync(f, 'utf8'))
+  if (!hits.length) continue
+  total += hits.length
+  console.log(`\n${path.relative(ROOT, f)}  (${hits.length})`)
+  for (const h of hits.slice(0, 12)) console.log(`  ${h.line}: ${h.text}`)
+  if (hits.length > 12) console.log(`  … ${hits.length - 12} de plus`)
 }
-console.log(`\n${total} chaîne(s) à reprendre dans ${files.length} fichier(s) examiné(s).`);
+console.log(`\n${total} chaîne(s) à reprendre dans ${files.length} fichier(s) examiné(s).`)
diff --git a/scripts/sync-site.mjs b/scripts/sync-site.mjs
index ced9d3d..75bbcaf 100644
--- a/scripts/sync-site.mjs
+++ b/scripts/sync-site.mjs
@@ -1,67 +1,67 @@
 // Copie ce que le site vitrine emprunte au reste du dépôt : le manuel embarqué et les
 // médias du README. Rien de tout cela n'est versionné sous `site/` — une page corrigée
 // dans `src/help/sections/` est corrigée sur le site au build suivant, sans geste.
-import { cp, mkdir, readdir, readFile, rm, writeFile } from 'node:fs/promises';
-import { dirname, join } from 'node:path';
-import { fileURLToPath } from 'node:url';
+import { cp, mkdir, readdir, readFile, rm, writeFile } from 'node:fs/promises'
+import { dirname, join } from 'node:path'
+import { fileURLToPath } from 'node:url'
 
-const root = join(dirname(fileURLToPath(import.meta.url)), '..');
+const root = join(dirname(fileURLToPath(import.meta.url)), '..')
 
 const LOCALES = [
   { code: 'fr', help: 'src/help/sections/fr', out: 'site/guide' },
   { code: 'en', help: 'src/help/sections/en', out: 'site/en/guide' },
-];
+]
 
-const partial = (name) => readFile(join(root, 'site/partials', `${name}.md`), 'utf8');
+const partial = (name) => readFile(join(root, 'site/partials', `${name}.md`), 'utf8')
 
 // Le frontmatter du manuel est écrit pour l'application (`id`, `icon`, `order`,
 // `routes`). VitePress n'en lit que `title` et ignore le reste : on le laisse tel quel,
 // et l'encart se glisse après lui — jamais avant, sous peine de le rendre invisible.
 function injectAfterFrontmatter(source, block) {
-  const match = /^---\r?\n[\s\S]*?\r?\n---\r?\n/.exec(source);
-  if (!match) return `${block}\n\n${source}`;
-  return `${match[0]}\n${block}\n${source.slice(match[0].length)}`;
+  const match = /^---\r?\n[\s\S]*?\r?\n---\r?\n/.exec(source)
+  if (!match) return `${block}\n\n${source}`
+  return `${match[0]}\n${block}\n${source.slice(match[0].length)}`
 }
 
 async function syncLocale(locale) {
-  const from = join(root, locale.help);
-  const to = join(root, locale.out);
+  const from = join(root, locale.help)
+  const to = join(root, locale.out)
 
-  await rm(to, { recursive: true, force: true });
-  await mkdir(to, { recursive: true });
+  await rm(to, { recursive: true, force: true })
+  await mkdir(to, { recursive: true })
 
-  const notice = await partial(`manuel-${locale.code}`);
-  const videos = await partial(`atelier-videos-${locale.code}`);
-  const pages = (await readdir(from)).filter((name) => name.endsWith('.md'));
+  const notice = await partial(`manuel-${locale.code}`)
+  const videos = await partial(`atelier-videos-${locale.code}`)
+  const pages = (await readdir(from)).filter((name) => name.endsWith('.md'))
 
   for (const name of pages) {
-    const source = await readFile(join(from, name), 'utf8');
-    let page = injectAfterFrontmatter(source, notice.trim());
+    const source = await readFile(join(from, name), 'utf8')
+    let page = injectAfterFrontmatter(source, notice.trim())
 
     // Les trois démonstrations n'ont pas leur place dans le manuel embarqué — dans
     // l'application, l'Atelier est à un clic. Sur le site, elles sont ce qui montre.
-    if (name === 'atelier.md') page = `${page.trimEnd()}\n\n${videos.trim()}\n`;
+    if (name === 'atelier.md') page = `${page.trimEnd()}\n\n${videos.trim()}\n`
 
-    await writeFile(join(to, name), page);
+    await writeFile(join(to, name), page)
   }
 
-  return pages.length;
+  return pages.length
 }
 
 async function syncMedia() {
-  const to = join(root, 'site/public/media');
-  await rm(to, { recursive: true, force: true });
-  await mkdir(to, { recursive: true });
+  const to = join(root, 'site/public/media')
+  await rm(to, { recursive: true, force: true })
+  await mkdir(to, { recursive: true })
 
-  await cp(join(root, 'docs/screenshots'), to, { recursive: true });
-  await cp(join(root, 'docs/videos'), to, { recursive: true });
-  await cp(join(root, 'public/icons/favicon.svg'), join(to, 'favicon.svg'));
+  await cp(join(root, 'docs/screenshots'), to, { recursive: true })
+  await cp(join(root, 'docs/videos'), to, { recursive: true })
+  await cp(join(root, 'public/icons/favicon.svg'), join(to, 'favicon.svg'))
 }
 
 for (const locale of LOCALES) {
-  const count = await syncLocale(locale);
-  console.log(`site: ${count} pages de manuel copiées vers ${locale.out}`);
+  const count = await syncLocale(locale)
+  console.log(`site: ${count} pages de manuel copiées vers ${locale.out}`)
 }
 
-await syncMedia();
-console.log('site: captures, vidéos et icône copiées vers site/public/media');
+await syncMedia()
+console.log('site: captures, vidéos et icône copiées vers site/public/media')
diff --git a/server/agent/activity.ts b/server/agent/activity.ts
index e75c097..ba5a268 100644
--- a/server/agent/activity.ts
+++ b/server/agent/activity.ts
@@ -11,13 +11,13 @@
 // C'est la raison pour laquelle il vit à côté du `Translator` et non dedans —
 // l'un écrit une histoire, l'autre tient un instant.
 
-import type { ActiveTool, AgentActivity, AgentPhase } from '../../shared/agent.ts';
-import { num, str } from '../json.ts';
+import type { ActiveTool, AgentActivity, AgentPhase } from '../../shared/agent.ts'
+import { num, str } from '../json.ts'
 
-type Rec = Record<string, unknown>;
+type Rec = Record<string, unknown>
 
-const rec = (v: unknown): Rec => (v && typeof v === 'object' ? (v as Rec) : {});
-const arr = (v: unknown): unknown[] => (Array.isArray(v) ? v : []);
+const rec = (v: unknown): Rec => (v && typeof v === 'object' ? (v as Rec) : {})
+const arr = (v: unknown): unknown[] => (Array.isArray(v) ? v : [])
 
 /**
  * L'ampleur d'un changement, qui décide s'il part tout de suite.
@@ -27,17 +27,17 @@ const arr = (v: unknown): unknown[] => (Array.isArray(v) ? v : []);
  * de trames par seconde s'y pressent, et les diffuser toutes remplirait le canal
  * SSE pour un chiffre que l'œil ne suit pas à cette vitesse.
  */
-export type Change = 'major' | 'minor' | null;
+export type Change = 'major' | 'minor' | null
 
 export class ActivityTracker {
-  private phase: AgentPhase | null = null;
-  private since = 0;
-  private turnStartedAt = 0;
-  private thinkingTokens = 0;
-  private outputTokens = 0;
-  private retry: AgentActivity['retry'];
+  private phase: AgentPhase | null = null
+  private since = 0
+  private turnStartedAt = 0
+  private thinkingTokens = 0
+  private outputTokens = 0
+  private retry: AgentActivity['retry']
   /** Les outils en vol, dans l'ordre de départ. */
-  private readonly tools = new Map<string, ActiveTool>();
+  private readonly tools = new Map<string, ActiveTool>()
 
   snapshot(): AgentActivity {
     return {
@@ -48,7 +48,7 @@ export class ActivityTracker {
       ...(this.outputTokens ? { outputTokens: this.outputTokens } : {}),
       tools: [...this.tools.values()],
       ...(this.retry ? { retry: this.retry } : {}),
-    };
+    }
   }
 
   /**
@@ -60,31 +60,31 @@ export class ActivityTracker {
    * attendre qu'un message vienne la confirmer.
    */
   beginTurn(): Change {
-    return this.setPhase('requesting');
+    return this.setPhase('requesting')
   }
 
   /** Tout s'arrête : fin de tour, ou fin de session. */
   reset(): Change {
-    if (!this.phase && !this.tools.size) return null;
-    this.phase = null;
-    this.since = Date.now();
-    this.turnStartedAt = 0;
-    this.thinkingTokens = 0;
-    this.outputTokens = 0;
-    this.retry = undefined;
-    this.tools.clear();
-    return 'major';
+    if (!this.phase && !this.tools.size) return null
+    this.phase = null
+    this.since = Date.now()
+    this.turnStartedAt = 0
+    this.thinkingTokens = 0
+    this.outputTokens = 0
+    this.retry = undefined
+    this.tools.clear()
+    return 'major'
   }
 
   private setPhase(phase: AgentPhase | null): Change {
-    if (this.phase === phase) return null;
+    if (this.phase === phase) return null
     // Le tour commence à la première phase et ne se rouvre pas ensuite : c'est
     // ce qui distingue son chrono de celui de la phase.
-    if (phase && !this.turnStartedAt) this.turnStartedAt = Date.now();
-    this.phase = phase;
-    this.since = Date.now();
-    if (phase !== 'retrying') this.retry = undefined;
-    return 'major';
+    if (phase && !this.turnStartedAt) this.turnStartedAt = Date.now()
+    this.phase = phase
+    this.since = Date.now()
+    if (phase !== 'retrying') this.retry = undefined
+    return 'major'
   }
 
   /**
@@ -97,19 +97,19 @@ export class ActivityTracker {
   consume(message: Rec): Change {
     switch (str(message.type)) {
       case 'system':
-        return this.onSystem(message);
+        return this.onSystem(message)
       case 'stream_event':
-        return this.onStreamEvent(rec(message.event));
+        return this.onStreamEvent(rec(message.event))
       case 'assistant':
-        return this.onAssistant(rec(message.message));
+        return this.onAssistant(rec(message.message))
       case 'user':
-        return this.onUser(rec(message.message));
+        return this.onUser(rec(message.message))
       case 'tool_progress':
-        return this.onToolProgress(message);
+        return this.onToolProgress(message)
       case 'result':
-        return this.reset();
+        return this.reset()
       default:
-        return null;
+        return null
     }
   }
 
@@ -121,22 +121,20 @@ export class ActivityTracker {
         // qui n'est pas ce qu'on regarde. L'outil en vol prime.
         switch (str(message.status)) {
           case 'requesting':
-            return this.tools.size ? null : this.setPhase('requesting');
+            return this.tools.size ? null : this.setPhase('requesting')
           case 'compacting':
-            return this.setPhase('compacting');
+            return this.setPhase('compacting')
           default:
             // Un statut vide clôt ce qu'il avait ouvert, et rien d'autre : le
             // texte qui s'écrit, lui, n'est pas fini pour autant.
-            return this.phase === 'requesting' || this.phase === 'compacting'
-              ? this.setPhase(null)
-              : null;
+            return this.phase === 'requesting' || this.phase === 'compacting' ? this.setPhase(null) : null
         }
 
       case 'thinking_tokens': {
         // Le seul signe de vie d'un raisonnement masqué : l'API n'y envoie que
         // des pings, et le SDK en tire cette estimation.
-        this.thinkingTokens = num(message.estimated_tokens);
-        return this.setPhase('thinking') ?? 'minor';
+        this.thinkingTokens = num(message.estimated_tokens)
+        return this.setPhase('thinking') ?? 'minor'
       }
 
       case 'api_retry':
@@ -144,98 +142,98 @@ export class ActivityTracker {
           attempt: num(message.attempt),
           maxRetries: num(message.max_retries),
           delayMs: num(message.retry_delay_ms),
-        };
+        }
         // La phase peut déjà valoir `retrying` d'une tentative précédente : on
         // force l'envoi, sinon le compteur de tentatives resterait au premier.
-        this.setPhase('retrying');
-        return 'major';
+        this.setPhase('retrying')
+        return 'major'
 
       default:
-        return null;
+        return null
     }
   }
 
   private onStreamEvent(event: Rec): Change {
-    if (str(event.type) !== 'content_block_start') return null;
-    const block = rec(event.content_block);
+    if (str(event.type) !== 'content_block_start') return null
+    const block = rec(event.content_block)
     switch (str(block.type)) {
       case 'thinking':
       case 'redacted_thinking':
         // Le compteur repart : l'estimation du SDK porte sur le bloc en cours.
-        this.thinkingTokens = 0;
-        return this.setPhase('thinking');
+        this.thinkingTokens = 0
+        return this.setPhase('thinking')
       case 'text':
-        return this.setPhase('writing');
+        return this.setPhase('writing')
       case 'tool_use':
         // L'appel s'écrit encore, il ne s'exécute pas : la phase reste
         // `writing`. Mais sa carte est déjà à l'écran, et sans cette
         // inscription-là elle s'annoncerait « sans résultat » pendant la
         // seconde où l'appel se compose — soit exactement le mot qu'on
         // cherchait à faire disparaître.
-        return this.track(str(block.id), str(block.name));
+        return this.track(str(block.id), str(block.name))
       default:
-        return null;
+        return null
     }
   }
 
   /** Inscrit un outil dans les partants, s'il n'y est pas déjà. */
   private track(id: string, name: string): Change {
-    if (!id || this.tools.has(id)) return null;
-    this.tools.set(id, { id, name, startedAt: Date.now() });
-    return 'major';
+    if (!id || this.tools.has(id)) return null
+    this.tools.set(id, { id, name, startedAt: Date.now() })
+    return 'major'
   }
 
   private onAssistant(payload: Rec): Change {
     // Le `↓` du CLI : ce que le tour a fait écrire au modèle jusqu'ici. On
     // cumule, parce qu'un tour qui appelle six outils est six réponses.
-    const output = num(rec(payload.usage).output_tokens);
-    const counted = output > 0;
-    if (counted) this.outputTokens += output;
+    const output = num(rec(payload.usage).output_tokens)
+    const counted = output > 0
+    if (counted) this.outputTokens += output
 
-    let calls = 0;
+    let calls = 0
     for (const raw of arr(payload.content)) {
-      const block = rec(raw);
-      if (str(block.type) !== 'tool_use') continue;
-      calls++;
+      const block = rec(raw)
+      if (str(block.type) !== 'tool_use') continue
+      calls++
       // Le plus souvent déjà inscrit par le flux ; ce passage-ci rattrape le
       // cas où les événements partiels n'ont pas précédé la réponse complète.
-      this.track(str(block.id), str(block.name));
+      this.track(str(block.id), str(block.name))
     }
     // La réponse est close : ce qui n'était qu'écrit part maintenant s'exécuter.
     if (calls) {
-      this.setPhase('tool');
-      return 'major';
+      this.setPhase('tool')
+      return 'major'
     }
-    return counted ? 'minor' : null;
+    return counted ? 'minor' : null
   }
 
   private onUser(payload: Rec): Change {
-    let ended = false;
+    let ended = false
     for (const raw of arr(payload.content)) {
-      const block = rec(raw);
-      if (str(block.type) !== 'tool_result') continue;
-      if (this.tools.delete(str(block.tool_use_id))) ended = true;
+      const block = rec(raw)
+      if (str(block.type) !== 'tool_result') continue
+      if (this.tools.delete(str(block.tool_use_id))) ended = true
     }
-    if (!ended) return null;
+    if (!ended) return null
     // Le dernier résultat rendu, le tour repart vers l'API. Le dire évite le
     // trou noir entre « l'outil a fini » et « le texte reprend ».
-    if (!this.tools.size) this.setPhase('requesting');
-    return 'major';
+    if (!this.tools.size) this.setPhase('requesting')
+    return 'major'
   }
 
   private onToolProgress(message: Rec): Change {
     // Les outils d'un sous-agent ne sont pas montrés ici : l'appel `Agent` qui
     // les a lancés figure déjà dans la liste, et l'empiler avec sa descendance
     // ferait défiler une ligne qui ne parle plus du tour qu'on regarde.
-    if (str(message.parent_tool_use_id)) return null;
-    const id = str(message.tool_use_id);
-    const elapsed = num(message.elapsed_time_seconds);
-    const known = this.tools.get(id);
+    if (str(message.parent_tool_use_id)) return null
+    const id = str(message.tool_use_id)
+    const elapsed = num(message.elapsed_time_seconds)
+    const known = this.tools.get(id)
     if (known) {
-      known.elapsedSeconds = elapsed;
-      return 'minor';
+      known.elapsedSeconds = elapsed
+      return 'minor'
     }
-    if (!id) return null;
+    if (!id) return null
     // Inconnu : un outil dont la réponse complète n'est pas encore passée. On
     // l'ajoute plutôt que d'attendre — c'est justement le long à s'exécuter.
     this.tools.set(id, {
@@ -243,8 +241,8 @@ export class ActivityTracker {
       name: str(message.tool_name),
       startedAt: Date.now() - elapsed * 1000,
       elapsedSeconds: elapsed,
-    });
-    this.setPhase('tool');
-    return 'major';
+    })
+    this.setPhase('tool')
+    return 'major'
   }
 }
diff --git a/server/agent/ask.ts b/server/agent/ask.ts
index 7554d19..2415b64 100644
--- a/server/agent/ask.ts
+++ b/server/agent/ask.ts
@@ -11,12 +11,12 @@
 // persisté garde le nom `AskUserQuestion`, si bien que `AskView` s'applique sans
 // modification.
 
-import { createSdkMcpServer, tool } from '@anthropic-ai/claude-agent-sdk';
-import { z } from 'zod';
-import type { AskQuestion } from '../../shared/agent.ts';
+import { createSdkMcpServer, tool } from '@anthropic-ai/claude-agent-sdk'
+import { z } from 'zod'
+import type { AskQuestion } from '../../shared/agent.ts'
 
 /** Le nom vers lequel `toolAliases` redirige. */
-export const ASK_TOOL = 'mcp__atelier__ask_user';
+export const ASK_TOOL = 'mcp__atelier__ask_user'
 
 /**
  * La phrase du harness, relevée sur des appels réels.
@@ -29,13 +29,13 @@ export const ASK_TOOL = 'mcp__atelier__ask_user';
 export function harnessSentence(answers: Record<string, string>, notes?: string): string {
   const pairs = Object.entries(answers)
     .map(([question, answer]) => `"${question}"="${answer}"`)
-    .join(', ');
-  const trailer = notes?.trim() ? ` user notes: ${notes.trim()}` : '';
-  return `User has answered your questions: ${pairs}${trailer}. You can now continue with the user's answers in mind.`;
+    .join(', ')
+  const trailer = notes?.trim() ? ` user notes: ${notes.trim()}` : ''
+  return `User has answered your questions: ${pairs}${trailer}. You can now continue with the user's answers in mind.`
 }
 
 /** Ce que le CLI répond quand personne n'a répondu. On reprend ses mots. */
-export const NO_ANSWER = 'The user did not answer the questions.';
+export const NO_ANSWER = 'The user did not answer the questions.'
 
 /**
  * L'entrée d'une question, décrite pour ce qu'on sait en rendre — jamais pour ce
@@ -72,7 +72,7 @@ export const QUESTION_SHAPE = {
       })
       .passthrough(),
   ),
-};
+}
 
 /**
  * Le serveur MCP d'une session. `ask` suspend jusqu'à ce qu'un humain réponde et
@@ -83,14 +83,9 @@ export function createAskServer(ask: (questions: AskQuestion[]) => Promise<strin
     name: 'atelier',
     version: '1.0.0',
     tools: [
-      tool(
-        'ask_user',
-        "Pose une ou plusieurs questions à choix à l'utilisateur et retourne ses réponses.",
-        QUESTION_SHAPE,
-        async (args) => ({
-          content: [{ type: 'text' as const, text: await ask(args.questions) }],
-        }),
-      ),
+      tool('ask_user', "Pose une ou plusieurs questions à choix à l'utilisateur et retourne ses réponses.", QUESTION_SHAPE, async (args) => ({
+        content: [{ type: 'text' as const, text: await ask(args.questions) }],
+      })),
     ],
-  });
+  })
 }
diff --git a/server/agent/files.ts b/server/agent/files.ts
index 9c52193..79a6eae 100644
--- a/server/agent/files.ts
+++ b/server/agent/files.ts
@@ -11,21 +11,21 @@
 // que la garde de `server/projects.ts` refuserait de lire ne sont pas proposés
 // non plus.
 
-import { execFile } from 'node:child_process';
-import { readdir } from 'node:fs/promises';
-import { join, relative, sep } from 'node:path';
-import { promisify } from 'node:util';
-import { HEAVY_DIRS, SECRET } from '../projects.ts';
+import { execFile } from 'node:child_process'
+import { readdir } from 'node:fs/promises'
+import { join, relative, sep } from 'node:path'
+import { promisify } from 'node:util'
+import { HEAVY_DIRS, SECRET } from '../projects.ts'
 
-const run = promisify(execFile);
+const run = promisify(execFile)
 
 /**
  * Les bornes du parcours. Un dépôt pathologique doit dégrader la liste, jamais
  * retenir la requête.
  */
-const MAX_FILES = 20_000;
-const MAX_DIRS = 4_000;
-const MAX_DEPTH = 8;
+const MAX_FILES = 20_000
+const MAX_DIRS = 4_000
+const MAX_DEPTH = 8
 
 /**
  * Combien de temps une liste sert avant d'être refaite.
@@ -36,16 +36,16 @@ const MAX_DEPTH = 8;
  * `git ls-files` pour rien, sans faire mentir la liste longtemps après qu'un
  * fichier a été créé.
  */
-const CACHE_MS = 30_000;
+const CACHE_MS = 30_000
 
 export interface ProjectFiles {
   /** Chemins relatifs à la racine, séparés par `/`, triés. */
-  files: string[];
+  files: string[]
   /** La liste a-t-elle été coupée par une des bornes ? */
-  truncated: boolean;
+  truncated: boolean
 }
 
-const cache = new Map<string, { at: number; value: ProjectFiles }>();
+const cache = new Map<string, { at: number; value: ProjectFiles }>()
 
 /**
  * Les fichiers sous `root`, par le chemin le plus fiable disponible.
@@ -57,17 +57,17 @@ const cache = new Map<string, { at: number; value: ProjectFiles }>();
  * déjà pour chercher les CLAUDE.md.
  */
 export async function listProjectFiles(root: string): Promise<ProjectFiles> {
-  const hit = cache.get(root);
-  if (hit && Date.now() - hit.at < CACHE_MS) return hit.value;
+  const hit = cache.get(root)
+  if (hit && Date.now() - hit.at < CACHE_MS) return hit.value
 
-  const value = (await fromGit(root)) ?? (await fromWalk(root));
+  const value = (await fromGit(root)) ?? (await fromWalk(root))
   // Les entrées périmées ne servent plus à rien : les garder ferait grandir la
   // carte au rythme des dossiers visités, pour la durée du serveur.
   if (cache.size > 16) {
-    for (const [key, entry] of cache) if (Date.now() - entry.at >= CACHE_MS) cache.delete(key);
+    for (const [key, entry] of cache) if (Date.now() - entry.at >= CACHE_MS) cache.delete(key)
   }
-  cache.set(root, { at: Date.now(), value });
-  return value;
+  cache.set(root, { at: Date.now(), value })
+  return value
 }
 
 /** `null` quand ce n'est pas un dépôt — l'appelant retombe sur le parcours. */
@@ -90,59 +90,59 @@ async function fromGit(root: string): Promise<ProjectFiles | null> {
         '--exclude-standard',
       ],
       { maxBuffer: 32 * 1024 * 1024, windowsHide: true },
-    );
-    const all = stdout.split('\n').filter(Boolean);
-    return bound(all.filter(keepable));
+    )
+    const all = stdout.split('\n').filter(Boolean)
+    return bound(all.filter(keepable))
   } catch {
     // Pas un dépôt, git absent, ou dossier illisible : le parcours tranchera.
-    return null;
+    return null
   }
 }
 
 async function fromWalk(root: string): Promise<ProjectFiles> {
-  const files: string[] = [];
-  let dirs = 0;
-  let truncated = false;
-  const stack: { dir: string; depth: number }[] = [{ dir: root, depth: 0 }];
+  const files: string[] = []
+  let dirs = 0
+  let truncated = false
+  const stack: { dir: string; depth: number }[] = [{ dir: root, depth: 0 }]
 
   while (stack.length) {
-    const { dir, depth } = stack.pop() as { dir: string; depth: number };
+    const { dir, depth } = stack.pop() as { dir: string; depth: number }
     if (++dirs > MAX_DIRS) {
-      truncated = true;
-      break;
+      truncated = true
+      break
     }
-    let entries;
+    let entries
     try {
-      entries = await readdir(dir, { withFileTypes: true });
+      entries = await readdir(dir, { withFileTypes: true })
     } catch {
-      continue;
+      continue
     }
     for (const entry of entries) {
-      const abs = join(dir, entry.name);
+      const abs = join(dir, entry.name)
       if (entry.isDirectory()) {
-        if (depth >= MAX_DEPTH || HEAVY_DIRS.has(entry.name.toLowerCase())) continue;
-        stack.push({ dir: abs, depth: depth + 1 });
-        continue;
+        if (depth >= MAX_DEPTH || HEAVY_DIRS.has(entry.name.toLowerCase())) continue
+        stack.push({ dir: abs, depth: depth + 1 })
+        continue
       }
-      if (!entry.isFile()) continue;
-      const rel = relative(root, abs).split(sep).join('/');
-      if (!keepable(rel)) continue;
+      if (!entry.isFile()) continue
+      const rel = relative(root, abs).split(sep).join('/')
+      if (!keepable(rel)) continue
       if (files.length >= MAX_FILES) {
-        truncated = true;
-        break;
+        truncated = true
+        break
       }
-      files.push(rel);
+      files.push(rel)
     }
   }
-  return { files: files.sort(), truncated };
+  return { files: files.sort(), truncated }
 }
 
 /** Un chemin que le BFF refuserait de lire ne se propose pas non plus. */
 function keepable(rel: string): boolean {
-  return !SECRET.test(rel.split('/').pop() ?? '');
+  return !SECRET.test(rel.split('/').pop() ?? '')
 }
 
 function bound(files: string[]): ProjectFiles {
-  const truncated = files.length > MAX_FILES;
-  return { files: (truncated ? files.slice(0, MAX_FILES) : files).sort(), truncated };
+  const truncated = files.length > MAX_FILES
+  return { files: (truncated ? files.slice(0, MAX_FILES) : files).sort(), truncated }
 }
diff --git a/server/agent/folder.ts b/server/agent/folder.ts
index f921d6a..b48afe7 100644
--- a/server/agent/folder.ts
+++ b/server/agent/folder.ts
@@ -14,13 +14,13 @@
 // Écrire les branches macOS et Linux reviendrait à maintenir du code que rien
 // n'exécute — et qu'on ne pourrait donc jamais vérifier.
 
-import { execFile } from 'node:child_process';
-import { t } from '../i18n/index.ts';
-import { promisify } from 'node:util';
-import { existsSync, statSync } from 'node:fs';
-import { dirname, resolve } from 'node:path';
+import { execFile } from 'node:child_process'
+import { existsSync, statSync } from 'node:fs'
+import { dirname, resolve } from 'node:path'
+import { promisify } from 'node:util'
+import { t } from '../i18n/index.ts'
 
-const run = promisify(execFile);
+const run = promisify(execFile)
 
 /**
  * Un point de départ que la boîte de dialogue acceptera vraiment.
@@ -36,23 +36,23 @@ const run = promisify(execFile);
  *    mieux qu'ouvrir à l'autre bout du disque.
  */
 export function normalizeStart(input?: string): string | undefined {
-  if (!input?.trim()) return undefined;
-  let path = resolve(input.trim());
+  if (!input?.trim()) return undefined
+  let path = resolve(input.trim())
   for (;;) {
     try {
-      if (existsSync(path) && statSync(path).isDirectory()) return path;
+      if (existsSync(path) && statSync(path).isDirectory()) return path
     } catch {
       /* illisible : on remonte */
     }
-    const up = dirname(path);
+    const up = dirname(path)
     // `dirname` d'une racine rend la racine : c'est la condition d'arrêt.
-    if (up === path) return undefined;
-    path = up;
+    if (up === path) return undefined
+    path = up
   }
 }
 
 /** Au-delà, c'est que personne ne regarde l'écran : on rend la main. */
-const DIALOG_TIMEOUT_MS = 3 * 60_000;
+const DIALOG_TIMEOUT_MS = 3 * 60_000
 
 export class PickerUnavailable extends Error {}
 
@@ -67,9 +67,9 @@ export async function pickFolder(startFrom?: string): Promise<string | null> {
   // un chantier à finir mais une réponse honnête, et le front retombe alors sur
   // la saisie du chemin sans rien casser.
   if (process.platform !== 'win32') {
-    throw new PickerUnavailable(t('agent.pickerUnavailable', { platform: process.platform }));
+    throw new PickerUnavailable(t('agent.pickerUnavailable', { platform: process.platform }))
   }
-  return pickWindows(normalizeStart(startFrom));
+  return pickWindows(normalizeStart(startFrom))
 }
 
 async function pickWindows(startFrom?: string): Promise<string | null> {
@@ -98,7 +98,7 @@ async function pickWindows(startFrom?: string): Promise<string | null> {
     '$top.TopMost = $true',
     'if ($d.ShowDialog($top) -eq [System.Windows.Forms.DialogResult]::OK) { Write-Output $d.SelectedPath }',
     '$top.Dispose()',
-  ].join('; ');
+  ].join('; ')
 
   // `-STA` est obligatoire : une boîte WinForms exige un appartement à fil
   // unique. `pwsh` d'abord — son .NET donne la boîte moderne d'Explorateur, là
@@ -109,14 +109,14 @@ async function pickWindows(startFrom?: string): Promise<string | null> {
       const { stdout } = await run(exe, ['-NoProfile', '-STA', '-Command', script], {
         timeout: DIALOG_TIMEOUT_MS,
         windowsHide: true,
-      });
-      return stdout.trim() || null;
+      })
+      return stdout.trim() || null
     } catch (e) {
-      if ((e as NodeJS.ErrnoException).code !== 'ENOENT') throw e;
+      if ((e as NodeJS.ErrnoException).code !== 'ENOENT') throw e
     }
   }
-  throw new PickerUnavailable(t('agent.noPowerShell'));
+  throw new PickerUnavailable(t('agent.noPowerShell'))
 }
 
 /** Une chaîne PowerShell littérale : rien n'y est interprété, les `'` sont doublés. */
-const psLiteral = (s: string): string => `'${s.replace(/'/g, "''")}'`;
+const psLiteral = (s: string): string => `'${s.replace(/'/g, "''")}'`
diff --git a/server/agent/partial.ts b/server/agent/partial.ts
index bd63fc8..8f6625c 100644
--- a/server/agent/partial.ts
+++ b/server/agent/partial.ts
@@ -15,16 +15,15 @@
 // Rien de tout cela ne fait autorité : le message `assistant` livre l'entrée
 // entière quelques centaines de millisecondes plus tard et l'écrase.
 
-type Rec = Record<string, unknown>;
+type Rec = Record<string, unknown>
 
 /** Ce qu'il reste à fermer, et si une chaîne y serait lue comme une clé. */
 interface Level {
-  close: '}' | ']';
-  expectKey: boolean;
+  close: '}' | ']'
+  expectKey: boolean
 }
 
-const asRecord = (v: unknown): Rec | null =>
-  v && typeof v === 'object' && !Array.isArray(v) ? (v as Rec) : null;
+const asRecord = (v: unknown): Rec | null => (v && typeof v === 'object' && !Array.isArray(v) ? (v as Rec) : null)
 
 /**
  * L'objet que porte un fragment de JSON, au plus près de ce qui est arrivé.
@@ -32,78 +31,78 @@ const asRecord = (v: unknown): Rec | null =>
  * ou une racine qui n'est pas un objet.
  */
 export function repairJson(fragment: string): Rec | null {
-  if (!fragment.trim()) return null;
+  if (!fragment.trim()) return null
   try {
-    return asRecord(JSON.parse(fragment));
+    return asRecord(JSON.parse(fragment))
   } catch {
     // Le cas nominal pendant la frappe : on répare plus bas.
   }
 
-  const stack: Level[] = [];
+  const stack: Level[] = []
   // Le plus long préfixe qu'il suffit de refermer pour obtenir du JSON valide,
   // et l'état de la pile à cet endroit-là.
-  let safe = 0;
-  let safeStack: Level[] = [];
+  let safe = 0
+  let safeStack: Level[] = []
   const mark = (at: number): void => {
-    safe = at;
-    safeStack = stack.map((l) => ({ ...l }));
-  };
+    safe = at
+    safeStack = stack.map((l) => ({ ...l }))
+  }
 
-  let inString = false;
-  let escaped = false;
+  let inString = false
+  let escaped = false
   /** La chaîne en cours est-elle une clé ? Une clé tronquée se jette. */
-  let keyString = false;
+  let keyString = false
 
   for (let i = 0; i < fragment.length; i++) {
-    const ch = fragment[i];
+    const ch = fragment[i]
 
     if (inString) {
-      if (escaped) escaped = false;
-      else if (ch === '\\') escaped = true;
+      if (escaped) escaped = false
+      else if (ch === '\\') escaped = true
       else if (ch === '"') {
-        inString = false;
-        if (!keyString) mark(i + 1);
+        inString = false
+        if (!keyString) mark(i + 1)
       }
-      continue;
+      continue
     }
 
-    const top = stack[stack.length - 1];
+    const top = stack[stack.length - 1]
     if (ch === '"') {
-      inString = true;
-      escaped = false;
-      keyString = top?.expectKey === true;
+      inString = true
+      escaped = false
+      keyString = top?.expectKey === true
     } else if (ch === '{' || ch === '[') {
-      stack.push({ close: ch === '{' ? '}' : ']', expectKey: ch === '{' });
+      stack.push({ close: ch === '{' ? '}' : ']', expectKey: ch === '{' })
       // Un conteneur qu'on vient d'ouvrir est déjà refermable : `{` donne `{}`.
-      mark(i + 1);
+      mark(i + 1)
     } else if (ch === '}' || ch === ']') {
-      stack.pop();
-      mark(i + 1);
+      stack.pop()
+      mark(i + 1)
     } else if (ch === ':') {
-      if (top) top.expectKey = false;
+      if (top) top.expectKey = false
     } else if (ch === ',') {
-      if (top) top.expectKey = top.close === '}';
+      if (top) top.expectKey = top.close === '}'
     }
   }
 
   // Une valeur textuelle en cours : on la garde et on la ferme ici même.
   // `escaped` en suspens veut dire qu'on s'est arrêté sur l'antislash d'une
   // séquence d'échappement — le retrancher évite de clore sur `\"`.
-  let patched: string;
-  let closing: Level[];
+  let patched: string
+  let closing: Level[]
   if (inString && !keyString) {
-    patched = (escaped ? fragment.slice(0, -1) : fragment) + '"';
-    closing = stack;
+    patched = (escaped ? fragment.slice(0, -1) : fragment) + '"'
+    closing = stack
   } else {
-    patched = fragment.slice(0, safe);
-    closing = safeStack;
+    patched = fragment.slice(0, safe)
+    closing = safeStack
   }
 
-  for (let i = closing.length - 1; i >= 0; i--) patched += closing[i]!.close;
+  for (let i = closing.length - 1; i >= 0; i--) patched += closing[i]!.close
 
   try {
-    return asRecord(JSON.parse(patched));
+    return asRecord(JSON.parse(patched))
   } catch {
-    return null;
+    return null
   }
 }
diff --git a/server/agent/pending.ts b/server/agent/pending.ts
index ea5d212..8cefc47 100644
--- a/server/agent/pending.ts
+++ b/server/agent/pending.ts
@@ -11,30 +11,30 @@
 // l'utilisateur, elle sert à ce que rien ne reste en l'air.
 
 export class PendingAnswer<T> {
-  readonly promise: Promise<T>;
-  private settleFn!: (value: T) => void;
-  private timer: NodeJS.Timeout;
-  private done = false;
+  readonly promise: Promise<T>
+  private settleFn!: (value: T) => void
+  private timer: NodeJS.Timeout
+  private done = false
 
   constructor(timeoutMs: number, onTimeout: () => T) {
     this.promise = new Promise<T>((resolve) => {
-      this.settleFn = resolve;
-    });
-    this.timer = setTimeout(() => this.settle(onTimeout()), timeoutMs);
+      this.settleFn = resolve
+    })
+    this.timer = setTimeout(() => this.settle(onTimeout()), timeoutMs)
     // Une attente d'humain ne doit pas, à elle seule, retenir le processus.
-    this.timer.unref?.();
+    this.timer.unref?.()
   }
 
   /** Dénoue l'attente. Rend `false` si elle l'était déjà (double clic, timeout). */
   settle(value: T): boolean {
-    if (this.done) return false;
-    this.done = true;
-    clearTimeout(this.timer);
-    this.settleFn(value);
-    return true;
+    if (this.done) return false
+    this.done = true
+    clearTimeout(this.timer)
+    this.settleFn(value)
+    return true
   }
 
   get pending(): boolean {
-    return !this.done;
+    return !this.done
   }
 }
diff --git a/server/agent/queue.ts b/server/agent/queue.ts
index b22d3a9..5baec13 100644
--- a/server/agent/queue.ts
+++ b/server/agent/queue.ts
@@ -8,47 +8,47 @@
 
 /** Un seul consommateur : le `for await` du SDK. Pousser depuis n'importe où. */
 export class AsyncQueue<T> {
-  private readonly items: T[] = [];
-  private waiting: ((value: IteratorResult<T>) => void) | null = null;
-  private closed = false;
+  private readonly items: T[] = []
+  private waiting: ((value: IteratorResult<T>) => void) | null = null
+  private closed = false
 
   push(item: T): void {
-    if (this.closed) return;
+    if (this.closed) return
     // Un consommateur déjà en attente reçoit directement : ne pas passer par le
     // tableau évite un tour de boucle d'événements par message.
     if (this.waiting) {
-      const resolve = this.waiting;
-      this.waiting = null;
-      resolve({ value: item, done: false });
-      return;
+      const resolve = this.waiting
+      this.waiting = null
+      resolve({ value: item, done: false })
+      return
     }
-    this.items.push(item);
+    this.items.push(item)
   }
 
   /** Ferme la file : le `for await` du SDK se termine, donc le tour aussi. */
   close(): void {
-    if (this.closed) return;
-    this.closed = true;
+    if (this.closed) return
+    this.closed = true
     if (this.waiting) {
-      const resolve = this.waiting;
-      this.waiting = null;
-      resolve({ value: undefined as never, done: true });
+      const resolve = this.waiting
+      this.waiting = null
+      resolve({ value: undefined as never, done: true })
     }
   }
 
   async *[Symbol.asyncIterator](): AsyncGenerator<T> {
     for (;;) {
-      const buffered = this.items.shift();
+      const buffered = this.items.shift()
       if (buffered !== undefined) {
-        yield buffered;
-        continue;
+        yield buffered
+        continue
       }
-      if (this.closed) return;
+      if (this.closed) return
       const next = await new Promise<IteratorResult<T>>((resolve) => {
-        this.waiting = resolve;
-      });
-      if (next.done) return;
-      yield next.value;
+        this.waiting = resolve
+      })
+      if (next.done) return
+      yield next.value
     }
   }
 }
diff --git a/server/agent/registry.ts b/server/agent/registry.ts
index 3f3a2ab..95f9259 100644
--- a/server/agent/registry.ts
+++ b/server/agent/registry.ts
@@ -10,8 +10,8 @@
 // de faire vivre en même temps, et combien de temps a-t-elle le droit d'en
 // garder un que plus personne ne regarde.
 
-import { SessionRunner, type RunnerOptions } from './runner.ts';
-import type { AgentSession } from '../../shared/agent.ts';
+import type { AgentSession } from '../../shared/agent.ts'
+import { SessionRunner, type RunnerOptions } from './runner.ts'
 
 /**
  * Combien de sessions peuvent tourner de front.
@@ -24,7 +24,7 @@ import type { AgentSession } from '../../shared/agent.ts';
  * Six : au-delà, ce n'est plus un atelier qu'on pilote, c'est un parc qu'on
  * subit. Le refus est franc et réversible — fermer une session en libère une.
  */
-export const MAX_SESSIONS = 6;
+export const MAX_SESSIONS = 6
 
 /**
  * Au bout de combien de temps sans personne une session est ramassée.
@@ -39,7 +39,7 @@ export const MAX_SESSIONS = 6;
  * l'oubli. Ce qui est ramassé n'est jamais perdu pour autant — le transcript est
  * sur le disque, et l'Atelier sait rouvrir dessus par `resume`.
  */
-export const IDLE_TTL_MS = 30 * 60_000;
+export const IDLE_TTL_MS = 30 * 60_000
 
 /**
  * Le pas du balayeur.
@@ -48,11 +48,11 @@ export const IDLE_TTL_MS = 30 * 60_000;
  * d'entrées et demande à chacune si son délai est passé. La minute est un
  * arrondi de confort — l'échéance qu'elle sert se compte en dizaines de minutes.
  */
-const SWEEP_MS = 60_000;
+const SWEEP_MS = 60_000
 
-const runners = new Map<string, SessionRunner>();
+const runners = new Map<string, SessionRunner>()
 
-let sweeper: ReturnType<typeof setInterval> | null = null;
+let sweeper: ReturnType<typeof setInterval> | null = null
 
 /**
  * Le balayeur ne tourne que s'il y a quelque chose à balayer.
@@ -65,15 +65,15 @@ let sweeper: ReturnType<typeof setInterval> | null = null;
  * en vie.
  */
 function armSweeper(): void {
-  if (sweeper) return;
-  sweeper = setInterval(sweep, SWEEP_MS);
-  sweeper.unref();
+  if (sweeper) return
+  sweeper = setInterval(sweep, SWEEP_MS)
+  sweeper.unref()
 }
 
 function disarmSweeper(): void {
-  if (!sweeper || runners.size > 0) return;
-  clearInterval(sweeper);
-  sweeper = null;
+  if (!sweeper || runners.size > 0) return
+  clearInterval(sweeper)
+  sweeper = null
 }
 
 /**
@@ -84,38 +84,38 @@ function disarmSweeper(): void {
  * le test lit, et de quoi tracer si le besoin s'en présentait.
  */
 export function sweep(ttlMs = IDLE_TTL_MS): string[] {
-  const collected: string[] = [];
+  const collected: string[] = []
   for (const [runId, runner] of runners) {
-    if (!runner.expired(ttlMs)) continue;
-    collected.push(runId);
-    removeRunner(runId);
+    if (!runner.expired(ttlMs)) continue
+    collected.push(runId)
+    removeRunner(runId)
   }
-  return collected;
+  return collected
 }
 
 /** Combien de sessions vivent en ce moment. */
 export function countSessions(): number {
-  return runners.size;
+  return runners.size
 }
 
 /** Le parc est-il plein ? La route s'en sert pour refuser avant de créer. */
 export function atCapacity(): boolean {
-  return runners.size >= MAX_SESSIONS;
+  return runners.size >= MAX_SESSIONS
 }
 
 export function createRunner(options: RunnerOptions): SessionRunner {
-  const runner = new SessionRunner(options);
-  runners.set(runner.session.runId, runner);
-  armSweeper();
-  return runner;
+  const runner = new SessionRunner(options)
+  runners.set(runner.session.runId, runner)
+  armSweeper()
+  return runner
 }
 
 export function getRunner(runId: string): SessionRunner | undefined {
-  return runners.get(runId);
+  return runners.get(runId)
 }
 
 export function listSessions(): AgentSession[] {
-  return [...runners.values()].map((r) => r.session).sort((a, b) => b.startedAt - a.startedAt);
+  return [...runners.values()].map((r) => r.session).sort((a, b) => b.startedAt - a.startedAt)
 }
 
 /**
@@ -126,12 +126,12 @@ export function listSessions(): AgentSession[] {
  * fois retiré d'ici, plus personne ne peut le lui demander.
  */
 export function removeRunner(runId: string, grace?: number): boolean {
-  const runner = runners.get(runId);
-  if (!runner) return false;
-  runner.stop(grace);
-  runners.delete(runId);
-  disarmSweeper();
-  return true;
+  const runner = runners.get(runId)
+  if (!runner) return false
+  runner.stop(grace)
+  runners.delete(runId)
+  disarmSweeper()
+  return true
 }
 
 /**
@@ -144,5 +144,5 @@ export function stopAll(): void {
   // Sans délai de grâce : le serveur n'a plus les quelques secondes qu'il
   // faudrait pour laisser chaque CLI sortir de lui-même, et un processus qu'on
   // n'a pas coupé avant de disparaître ne sera plus coupé par personne.
-  for (const runId of [...runners.keys()]) removeRunner(runId, 0);
+  for (const runId of [...runners.keys()]) removeRunner(runId, 0)
 }
diff --git a/server/agent/runner.ts b/server/agent/runner.ts
index 2180d15..1f11b79 100644
--- a/server/agent/runner.ts
+++ b/server/agent/runner.ts
@@ -5,18 +5,11 @@
 // travail. Les requêtes poussent (`send`, `interrupt`) et s'abonnent
 // (`subscribe`) ; le cycle de vie appartient au registre, pas à la requête.
 
-import { randomUUID } from 'node:crypto';
-import { stat } from 'node:fs/promises';
-import { join } from 'node:path';
-import { CLAUDE_DIR } from '../claude/paths.ts';
-import { t } from '../i18n/index.ts';
-import { query } from '@anthropic-ai/claude-agent-sdk';
-import type {
-  PermissionResult,
-  PermissionUpdate,
-  Query,
-  SDKUserMessage,
-} from '@anthropic-ai/claude-agent-sdk';
+import { randomUUID } from 'node:crypto'
+import { stat } from 'node:fs/promises'
+import { join } from 'node:path'
+import { query } from '@anthropic-ai/claude-agent-sdk'
+import type { PermissionResult, PermissionUpdate, Query, SDKUserMessage } from '@anthropic-ai/claude-agent-sdk'
 import type {
   AgentSession,
   AgentStatus,
@@ -26,33 +19,35 @@ import type {
   PermissionRequest,
   PromptAttachment,
   SlashCommandInfo,
-} from '../../shared/agent.ts';
-import type { TranscriptImage } from '../../shared/transcript.ts';
-import { imageSize, isHiResVisionModel, visualTokens } from '../transcript.ts';
-import { AsyncQueue } from './queue.ts';
-import { ActivityTracker, type Change } from './activity.ts';
-import { isOutputPath, readSince, ShellTracker } from './shells.ts';
-import { Translator } from './translate.ts';
-import { longPath, projectSlug } from './slug.ts';
-import { PendingAnswer } from './pending.ts';
-import { ASK_TOOL, createAskServer, harnessSentence, NO_ANSWER } from './ask.ts';
-import { num, str } from '../json.ts';
-
-type Rec = Record<string, unknown>;
+} from '../../shared/agent.ts'
+import type { TranscriptImage } from '../../shared/transcript.ts'
+import { CLAUDE_DIR } from '../claude/paths.ts'
+import { t } from '../i18n/index.ts'
+import { num, str } from '../json.ts'
+import { imageSize, isHiResVisionModel, visualTokens } from '../transcript.ts'
+import { ActivityTracker, type Change } from './activity.ts'
+import { ASK_TOOL, createAskServer, harnessSentence, NO_ANSWER } from './ask.ts'
+import { PendingAnswer } from './pending.ts'
+import { AsyncQueue } from './queue.ts'
+import { isOutputPath, readSince, ShellTracker } from './shells.ts'
+import { longPath, projectSlug } from './slug.ts'
+import { Translator } from './translate.ts'
+
+type Rec = Record<string, unknown>
 
 /** Ce que l'API accepte de lire ; la route filtre sur la même liste. */
-type ImageMediaType = 'image/png' | 'image/jpeg' | 'image/gif' | 'image/webp';
+type ImageMediaType = 'image/png' | 'image/jpeg' | 'image/gif' | 'image/webp'
 
 /** Une image telle qu'elle part dans le message, en base64. */
 interface ImageBlock {
-  type: 'image';
-  source: { type: 'base64'; media_type: ImageMediaType; data: string };
+  type: 'image'
+  source: { type: 'base64'; media_type: ImageMediaType; data: string }
 }
 
 // Mêmes coercions que `translate.ts`, qui les garde locales pour la même
 // raison : ce qui vient du SDK n'est typé qu'à moitié.
-const rec = (v: unknown): Rec => (v && typeof v === 'object' ? (v as Rec) : {});
-const arr = (v: unknown): unknown[] => (Array.isArray(v) ? v : []);
+const rec = (v: unknown): Rec => (v && typeof v === 'object' ? (v as Rec) : {})
+const arr = (v: unknown): unknown[] => (Array.isArray(v) ? v : [])
 
 /**
  * Les commandes du SDK, ramenées à la forme du wire.
@@ -65,27 +60,27 @@ const arr = (v: unknown): unknown[] => (Array.isArray(v) ? v : []);
 export function toCommands(input: unknown): SlashCommandInfo[] {
   return arr(input)
     .map((raw) => {
-      const c = rec(raw);
-      const name = str(c.name);
-      if (!name) return null;
-      const hint = str(c.argumentHint);
-      const aliases = arr(c.aliases).map(String).filter(Boolean);
+      const c = rec(raw)
+      const name = str(c.name)
+      if (!name) return null
+      const hint = str(c.argumentHint)
+      const aliases = arr(c.aliases).map(String).filter(Boolean)
       return {
         name,
         description: str(c.description),
         ...(hint ? { argumentHint: hint } : {}),
         ...(aliases.length ? { aliases } : {}),
-      };
+      }
     })
-    .filter((c): c is SlashCommandInfo => c !== null);
+    .filter((c): c is SlashCommandInfo => c !== null)
 }
 
 export interface RunnerOptions {
-  cwd: string;
-  model?: string;
-  permissionMode?: string;
+  cwd: string
+  model?: string
+  permissionMode?: string
   /** Identifiant SDK d'une session à prolonger. Voir `resume` plus bas. */
-  resume?: string;
+  resume?: string
 }
 
 /**
@@ -96,7 +91,7 @@ export interface RunnerOptions {
  * Un quart d'heure laisse le temps d'aller réfléchir devant le code, et refuse
  * par défaut — jamais l'inverse.
  */
-const ANSWER_TIMEOUT_MS = 15 * 60_000;
+const ANSWER_TIMEOUT_MS = 15 * 60_000
 
 /**
  * Le délai laissé au CLI pour sortir de lui-même avant qu'on le tue.
@@ -109,7 +104,7 @@ const ANSWER_TIMEOUT_MS = 15 * 60_000;
  * Cinq secondes : une session au repos rend la main en moins d'une, et attendre
  * davantage ne changerait rien à celles qui ne répondent plus du tout.
  */
-const STOP_GRACE_MS = 5_000;
+const STOP_GRACE_MS = 5_000
 
 /**
  * Le pas minimal entre deux relevés d'activité qui ne changent qu'un compteur.
@@ -119,7 +114,7 @@ const STOP_GRACE_MS = 5_000;
  * lit à cette vitesse ; un quart de seconde donne un compteur qui court sans
  * saccade. Un changement de phase, lui, ne passe jamais par ce filtre.
  */
-const ACTIVITY_STEP_MS = 250;
+const ACTIVITY_STEP_MS = 250
 
 /**
  * Le pas auquel on va voir si un shell de fond a écrit quelque chose.
@@ -130,15 +125,15 @@ const ACTIVITY_STEP_MS = 250;
  * un `stat` sur une poignée de fichiers, et seulement tant qu'un shell est
  * réputé vivant.
  */
-const SHELL_POLL_MS = 2_000;
+const SHELL_POLL_MS = 2_000
 
 export class SessionRunner {
-  readonly session: AgentSession;
+  readonly session: AgentSession
 
-  private readonly translator = new Translator();
+  private readonly translator = new Translator()
   /** Ce que l'agent fait *maintenant* — un présent, pas une histoire. */
-  private readonly activity = new ActivityTracker();
-  private lastActivityAt = 0;
+  private readonly activity = new ActivityTracker()
+  private lastActivityAt = 0
   /**
    * Ce que la fenêtre de contexte porte, relevé sur les réponses du modèle.
    *
@@ -152,7 +147,7 @@ export class SessionRunner {
    * Rapporter ce nombre à la fenêtre du modèle demande `contextLimitFor`, et
    * décider s'il mérite qu'on en parle est l'affaire de qui l'affiche.
    */
-  private readonly fenetre = { tokens: 0, max: 0 };
+  private readonly fenetre = { tokens: 0, max: 0 }
   /**
    * La compaction qui attend son résumé, s'il y en a une.
    *
@@ -161,16 +156,16 @@ export class SessionRunner {
    * réécrite. Mesuré : il suit immédiatement, et rien d'autre ne s'intercale.
    * Ce champ est ce qui relie les deux, et il ne vit qu'entre eux.
    */
-  private compactionSansResume: string | null = null;
+  private compactionSansResume: string | null = null
   /** Ce que la session a lancé en arrière-plan, et qui lui survit. */
-  private readonly shells = new ShellTracker();
-  private shellPoll: ReturnType<typeof setInterval> | null = null;
+  private readonly shells = new ShellTracker()
+  private shellPoll: ReturnType<typeof setInterval> | null = null
   /** Où en est la lecture du transcript, en octets. Voir `readShellEnds`. */
-  private transcriptAt = 0;
-  private readonly queue = new AsyncQueue<SDKUserMessage>();
-  private readonly subscribers = new Set<(upsert: AgentUpsert) => void>();
-  private query: Query | null = null;
-  private stopped = false;
+  private transcriptAt = 0
+  private readonly queue = new AsyncQueue<SDKUserMessage>()
+  private readonly subscribers = new Set<(upsert: AgentUpsert) => void>()
+  private query: Query | null = null
+  private stopped = false
   /**
    * Le dernier geste humain reçu — pas le dernier octet du modèle.
    *
@@ -180,9 +175,9 @@ export class SessionRunner {
    * bouger au rythme du SDK ferait qu'une session partie en boucle se
    * garderait elle-même en vie indéfiniment — l'inverse de ce qu'on cherche.
    */
-  private touchedAt = Date.now();
+  private touchedAt = Date.now()
   /** Le dernier tour envoyé, pour savoir d'où vient une remise à zéro. */
-  private lastPrompt = '';
+  private lastPrompt = ''
   /**
    * Les images collées, par identifiant, le temps de la session.
    *
@@ -191,7 +186,7 @@ export class SessionRunner {
    * sert qu'à les afficher dans le fil avant que le fichier n'existe. Elle
    * meurt avec le runner, comme le reste de la session.
    */
-  private readonly attachments = new Map<string, { mediaType: string; bytes: Buffer }>();
+  private readonly attachments = new Map<string, { mediaType: string; bytes: Buffer }>()
   /**
    * De quoi couper le processus du CLI, et non seulement lui parler.
    *
@@ -200,23 +195,23 @@ export class SessionRunner {
    * levier, arrêter une session en cours la retirait du registre — donc la
    * rendait injoignable — pendant que son processus continuait de tourner.
    */
-  private readonly aborter = new AbortController();
+  private readonly aborter = new AbortController()
 
   /** Les demandes de permission en vol, par identifiant AURA. */
-  private readonly permissions = new Map<string, PendingAnswer<PermissionResult>>();
+  private readonly permissions = new Map<string, PendingAnswer<PermissionResult>>()
   /** Les questions en vol. Même mécanique, autre canal : rien à autoriser ici. */
-  private readonly asks = new Map<string, PendingAnswer<string>>();
+  private readonly asks = new Map<string, PendingAnswer<string>>()
   /**
    * Les règles suggérées par le SDK pour la demande en cours, gardées le temps
    * qu'un humain choisisse « toujours autoriser ». Elles ne se devinent pas :
    * c'est le SDK qui sait quelle règle couvrirait exactement ce cas.
    */
-  private readonly suggestions = new Map<string, PermissionUpdate[]>();
+  private readonly suggestions = new Map<string, PermissionUpdate[]>()
   /**
    * L'entrée d'origine de chaque demande, qu'une autorisation doit repasser
    * telle quelle — voir `answerPermission`.
    */
-  private readonly permissionInputs = new Map<string, Record<string, unknown>>();
+  private readonly permissionInputs = new Map<string, Record<string, unknown>>()
 
   /**
    * La session que celle-ci prolonge, s'il y en a une.
@@ -226,11 +221,11 @@ export class SessionRunner {
    * fichier à fusionner ni d'identifiant à réconcilier — c'est la même session,
    * qui recommence à respirer.
    */
-  private readonly resume: string;
+  private readonly resume: string
 
   constructor(options: RunnerOptions) {
-    const cwd = longPath(options.cwd);
-    this.resume = options.resume ?? '';
+    const cwd = longPath(options.cwd)
+    this.resume = options.resume ?? ''
     this.session = {
       runId: randomUUID(),
       // Reprise : l'identifiant est connu d'avance, on le pré-renseigne au lieu
@@ -244,7 +239,7 @@ export class SessionRunner {
       status: 'idle',
       startedAt: Date.now(),
       ...(this.resume ? { resumed: true } : {}),
-    };
+    }
   }
 
   // ── Abonnement ────────────────────────────────────────────────────────────
@@ -265,16 +260,16 @@ export class SessionRunner {
       // Les shells encore plus : celui qui tient un port a pu partir il y a une
       // heure, bien avant que cet onglet n'existe.
       shells: this.shells.snapshot(),
-    });
-    this.touchedAt = Date.now();
-    this.subscribers.add(send);
+    })
+    this.touchedAt = Date.now()
+    this.subscribers.add(send)
     return () => {
-      this.subscribers.delete(send);
+      this.subscribers.delete(send)
       // Le départ compte autant que l'arrivée : sans cela, une session qu'on
       // regarde depuis une heure partirait à la seconde où le dernier onglet se
       // ferme, l'horloge n'ayant pas bougé depuis l'abonnement.
-      this.touchedAt = Date.now();
-    };
+      this.touchedAt = Date.now()
+    }
   }
 
   /**
@@ -285,8 +280,8 @@ export class SessionRunner {
    * CLI, pas de nous.
    */
   shellOutputPath(shellId: string): string | undefined {
-    const path = this.shells.outputPath(shellId);
-    return path && isOutputPath(path, shellId) ? path : undefined;
+    const path = this.shells.outputPath(shellId)
+    return path && isOutputPath(path, shellId) ? path : undefined
   }
 
   /**
@@ -310,10 +305,10 @@ export class SessionRunner {
    * pour qu'un autre les recombine inviterait à recombiner autrement.
    */
   expired(ttlMs: number): boolean {
-    if (this.stopped) return false;
-    if (this.subscribers.size > 0) return false;
-    if (this.session.status === 'working') return false;
-    return Date.now() - this.touchedAt > ttlMs;
+    if (this.stopped) return false
+    if (this.subscribers.size > 0) return false
+    if (this.session.status === 'working') return false
+    return Date.now() - this.touchedAt > ttlMs
   }
 
   /**
@@ -325,14 +320,14 @@ export class SessionRunner {
    * la grande fenêtre. Une copie, pour que personne n'écrive dans le relevé.
    */
   get contextWindow(): { tokens: number; max: number } {
-    return { ...this.fenetre };
+    return { ...this.fenetre }
   }
 
   private emit(upserts: AgentUpsert[]): void {
     for (const upsert of upserts) {
       for (const send of this.subscribers) {
         try {
-          send(upsert);
+          send(upsert)
         } catch {
           // Un abonné mort ne doit pas interrompre le tour ; sa route le retirera.
         }
@@ -341,13 +336,13 @@ export class SessionRunner {
   }
 
   private setStatus(status: AgentStatus, error?: string): void {
-    this.session.status = status;
-    if (error) this.session.error = error;
-    this.emit([{ kind: 'status', status, ...(error ? { error } : {}) }]);
+    this.session.status = status
+    if (error) this.session.error = error
+    this.emit([{ kind: 'status', status, ...(error ? { error } : {}) }])
     // Hors travail, il n'y a plus rien en cours : sans cette remise à zéro, la
     // dernière phase resterait affichée jusqu'au tour suivant — un « Réflexion »
     // figé sous un composeur qui attend, ce qui est pire que rien.
-    if (status !== 'working') this.pushActivity(this.activity.reset());
+    if (status !== 'working') this.pushActivity(this.activity.reset())
   }
 
   /**
@@ -370,17 +365,17 @@ export class SessionRunner {
    * l'ancien identifiant le temps d'un aller-retour.
    */
   private resetConversation(): void {
-    this.translator.reset();
+    this.translator.reset()
     // La fenêtre est vide dès maintenant, et non au prochain tour : sans cela,
     // qui demande son état juste après un `/clear` lirait le remplissage d'une
     // conversation qui n'existe plus. `max` survit — il ne dit rien de cette
     // conversation-ci, il prouve la taille de la fenêtre du modèle.
-    this.fenetre.tokens = 0;
+    this.fenetre.tokens = 0
     // Le SDK émet aussi ce message hors `/clear` — sortie du mode plan, ouverture
     // d'une session neuve. On ne nomme donc la commande que si c'est bien elle
     // qu'on vient d'envoyer.
-    const byClear = /^\/clear\b/.test(this.lastPrompt);
-    this.translator.appendSystem(t(byClear ? 'agent.clearedByCommand' : 'agent.cleared'), 'warn');
+    const byClear = /^\/clear\b/.test(this.lastPrompt)
+    this.translator.appendSystem(t(byClear ? 'agent.clearedByCommand' : 'agent.cleared'), 'warn')
     this.emit([
       {
         kind: 'snapshot',
@@ -391,7 +386,7 @@ export class SessionRunner {
         // le `/clear` tient toujours son port, et reste donc à l'écran.
         shells: this.shells.snapshot(),
       },
-    ]);
+    ])
   }
 
   /**
@@ -401,11 +396,11 @@ export class SessionRunner {
    * simple compteur attend le pas : voir `ACTIVITY_STEP_MS`.
    */
   private pushActivity(change: Change): void {
-    if (!change) return;
-    const now = Date.now();
-    if (change === 'minor' && now - this.lastActivityAt < ACTIVITY_STEP_MS) return;
-    this.lastActivityAt = now;
-    this.emit([{ kind: 'activity', activity: this.activity.snapshot() }]);
+    if (!change) return
+    const now = Date.now()
+    if (change === 'minor' && now - this.lastActivityAt < ACTIVITY_STEP_MS) return
+    this.lastActivityAt = now
+    this.emit([{ kind: 'activity', activity: this.activity.snapshot() }])
   }
 
   /**
@@ -417,22 +412,22 @@ export class SessionRunner {
    * doit pas battre toutes les deux secondes pour rien.
    */
   private pushShells(): void {
-    this.emit([{ kind: 'shells', shells: this.shells.snapshot() }]);
-    this.armShellPoll();
+    this.emit([{ kind: 'shells', shells: this.shells.snapshot() }])
+    this.armShellPoll()
   }
 
   private armShellPoll(): void {
-    const watching = this.shells.running().length > 0;
+    const watching = this.shells.running().length > 0
     if (watching && !this.shellPoll) {
       // `unref` : suivre un serveur de dev ne doit jamais être la raison pour
       // laquelle Node reste en vie.
-      this.shellPoll = setInterval(() => void this.readShellSizes(), SHELL_POLL_MS);
-      this.shellPoll.unref();
-      return;
+      this.shellPoll = setInterval(() => void this.readShellSizes(), SHELL_POLL_MS)
+      this.shellPoll.unref()
+      return
     }
     if (!watching && this.shellPoll) {
-      clearInterval(this.shellPoll);
-      this.shellPoll = null;
+      clearInterval(this.shellPoll)
+      this.shellPoll = null
     }
   }
 
@@ -445,19 +440,19 @@ export class SessionRunner {
    * laisse se lit déjà comme un silence.
    */
   private async readShellSizes(): Promise<void> {
-    let changed = false;
+    let changed = false
     for (const shell of this.shells.running()) {
-      const path = this.shells.outputPath(shell.id);
-      if (!path) continue;
+      const path = this.shells.outputPath(shell.id)
+      if (!path) continue
       try {
-        const info = await stat(path);
-        if (this.shells.observe(shell.id, info.size, info.mtimeMs)) changed = true;
+        const info = await stat(path)
+        if (this.shells.observe(shell.id, info.size, info.mtimeMs)) changed = true
       } catch {
         // Rien à dire : ni le fichier ni son absence ne sont une nouvelle.
       }
     }
-    if (await this.readShellEnds()) changed = true;
-    if (changed) this.emit([{ kind: 'shells', shells: this.shells.snapshot() }]);
+    if (await this.readShellEnds()) changed = true
+    if (changed) this.emit([{ kind: 'shells', shells: this.shells.snapshot() }])
   }
 
   /**
@@ -470,35 +465,35 @@ export class SessionRunner {
    * deux secondes.
    */
   private async readShellEnds(): Promise<boolean> {
-    const { sessionId, slug } = this.session;
-    if (!sessionId || !slug) return false;
-    const path = join(CLAUDE_DIR, 'projects', slug, `${sessionId}.jsonl`);
+    const { sessionId, slug } = this.session
+    if (!sessionId || !slug) return false
+    const path = join(CLAUDE_DIR, 'projects', slug, `${sessionId}.jsonl`)
 
     try {
-      const { size } = await stat(path);
+      const { size } = await stat(path)
       if (size <= this.transcriptAt) {
         // Un fichier qui rétrécit veut dire qu'on regarde un autre transcript :
         // un `/clear` en a ouvert un neuf. On repart de son début.
-        if (size < this.transcriptAt) this.transcriptAt = 0;
-        return false;
+        if (size < this.transcriptAt) this.transcriptAt = 0
+        return false
       }
       // Page par page jusqu'à rattraper le fichier. La queue ne conviendrait
       // pas : au-delà de sa borne elle jette le milieu, et le milieu est
       // précisément là où une notification de fin se trouve quand le tour
       // précédent a beaucoup écrit. Une fin manquée l'est pour de bon — le
       // harnais ne la réécrit jamais.
-      let changed = false;
-      let cursor = this.transcriptAt;
+      let changed = false
+      let cursor = this.transcriptAt
       while (cursor < size) {
-        const page = await readSince(path, cursor);
-        this.transcriptAt = page.next;
-        if (this.shells.fromTranscript(page.text)) changed = true;
-        if (page.next <= cursor) break;
-        cursor = page.next;
+        const page = await readSince(path, cursor)
+        this.transcriptAt = page.next
+        if (this.shells.fromTranscript(page.text)) changed = true
+        if (page.next <= cursor) break
+        cursor = page.next
       }
-      return changed;
+      return changed
     } catch {
-      return false;
+      return false
     }
   }
 
@@ -506,13 +501,13 @@ export class SessionRunner {
 
   /** Pousse un tour. Le premier démarre la boucle ; les suivants la nourrissent. */
   send(prompt: string, attachments: PromptAttachment[] = []): void {
-    if (this.stopped) return;
-    this.touchedAt = Date.now();
+    if (this.stopped) return
+    this.touchedAt = Date.now()
     // Gardé pour une seule raison : quand la conversation se remet à zéro, c'est
     // lui qui dit si l'ordre venait de `/clear` ou d'ailleurs.
-    this.lastPrompt = prompt.trimStart();
-    const joined = this.keep(attachments);
-    this.emit(this.translator.appendUserPrompt(prompt, joined.images));
+    this.lastPrompt = prompt.trimStart()
+    const joined = this.keep(attachments)
+    this.emit(this.translator.appendUserPrompt(prompt, joined.images))
     this.queue.push({
       type: 'user',
       // Les images avant le texte, comme le CLI les envoie : la consigne se lit
@@ -520,12 +515,12 @@ export class SessionRunner {
       message: { role: 'user', content: [...joined.blocks, { type: 'text', text: prompt }] },
       parent_tool_use_id: null,
       session_id: this.session.sessionId,
-    });
-    this.setStatus('working');
+    })
+    this.setStatus('working')
     // Après `setStatus`, qui ne remet à zéro que hors travail : l'attente
     // commence à l'envoi, pas au premier message du SDK.
-    this.pushActivity(this.activity.beginTurn());
-    this.ensureQuery();
+    this.pushActivity(this.activity.beginTurn())
+    this.ensureQuery()
   }
 
   /**
@@ -543,28 +538,28 @@ export class SessionRunner {
    * palier bas — sous-estimer une fois vaut mieux qu'inventer.
    */
   private keep(attachments: PromptAttachment[]): {
-    blocks: ImageBlock[];
-    images: TranscriptImage[];
+    blocks: ImageBlock[]
+    images: TranscriptImage[]
   } {
-    const blocks: ImageBlock[] = [];
-    const images: TranscriptImage[] = [];
-    const hiRes = isHiResVisionModel(this.session.resolvedModel ?? this.session.model);
+    const blocks: ImageBlock[] = []
+    const images: TranscriptImage[] = []
+    const hiRes = isHiResVisionModel(this.session.resolvedModel ?? this.session.model)
 
     for (const [index, attachment] of attachments.entries()) {
-      const data = attachment.data;
-      const mediaType = attachment.mediaType || 'image/png';
-      if (!data) continue;
+      const data = attachment.data
+      const mediaType = attachment.mediaType || 'image/png'
+      if (!data) continue
 
-      const id = randomUUID();
-      this.attachments.set(id, { mediaType, bytes: Buffer.from(data, 'base64') });
+      const id = randomUUID()
+      this.attachments.set(id, { mediaType, bytes: Buffer.from(data, 'base64') })
 
       blocks.push({
         type: 'image',
         // Le type est une union fermée côté SDK ; la route l'a déjà vérifié
         // contre la même liste avant d'accepter le tour.
         source: { type: 'base64', media_type: mediaType as ImageMediaType, data },
-      });
-      const size = imageSize(data, mediaType);
+      })
+      const size = imageSize(data, mediaType)
       images.push({
         // `uuid` et `index` désignent une ligne de `.jsonl` : celle-ci n'existe
         // pas encore. C'est `url` qui porte l'adresse, et le rejeu reprendra la
@@ -575,14 +570,14 @@ export class SessionRunner {
         bytes: Buffer.byteLength(data, 'base64'),
         ...(size ? { ...size, tokens: visualTokens(size.width, size.height, hiRes) } : {}),
         url: `/api/agent/sessions/${this.session.runId}/attachment?id=${id}`,
-      });
+      })
     }
-    return { blocks, images };
+    return { blocks, images }
   }
 
   /** Les octets d'une image jointe, pour la route qui la sert. */
   attachment(id: string): { mediaType: string; bytes: Buffer } | undefined {
-    return this.attachments.get(id);
+    return this.attachments.get(id)
   }
 
   /**
@@ -598,7 +593,7 @@ export class SessionRunner {
    * `Query` est donc déjà là.
    */
   private ensureQuery(): void {
-    if (!this.query && !this.stopped) void this.run();
+    if (!this.query && !this.stopped) void this.run()
   }
 
   /**
@@ -613,12 +608,12 @@ export class SessionRunner {
    * d'interrompre une session pour ça.
    */
   async commands(): Promise<SlashCommandInfo[]> {
-    if (this.stopped) return [];
-    this.ensureQuery();
+    if (this.stopped) return []
+    this.ensureQuery()
     try {
-      return toCommands(await this.query?.supportedCommands());
+      return toCommands(await this.query?.supportedCommands())
     } catch {
-      return [];
+      return []
     }
   }
 
@@ -636,19 +631,19 @@ export class SessionRunner {
    * barre de session le montre.
    */
   async setPermissionMode(mode: string): Promise<void> {
-    this.session.permissionMode = mode;
-    if (this.query) await this.query.setPermissionMode(mode as never);
-    this.emit([{ kind: 'session', session: this.session }]);
+    this.session.permissionMode = mode
+    if (this.query) await this.query.setPermissionMode(mode as never)
+    this.emit([{ kind: 'session', session: this.session }])
   }
 
   async interrupt(): Promise<void> {
     // `interrupt()` n'existe qu'en entrée streamée — c'est le cas ici — et rend
     // la main quand le tour est effectivement coupé.
-    await this.query?.interrupt();
-    this.emit(this.translator.appendSystem('Tour interrompu.', 'warn'));
+    await this.query?.interrupt()
+    this.emit(this.translator.appendSystem('Tour interrompu.', 'warn'))
     // Le `result` qui suit remettrait l'activité à zéro de toute façon ; le
     // faire ici évite qu'un « Bash · 12 s » survive au geste qui l'a coupé.
-    this.pushActivity(this.activity.reset());
+    this.pushActivity(this.activity.reset())
   }
 
   /**
@@ -667,31 +662,31 @@ export class SessionRunner {
    * d'être patiente.
    */
   stop(grace = STOP_GRACE_MS): void {
-    if (this.stopped) return;
-    this.stopped = true;
+    if (this.stopped) return
+    this.stopped = true
     if (this.shellPoll) {
-      clearInterval(this.shellPoll);
-      this.shellPoll = null;
+      clearInterval(this.shellPoll)
+      this.shellPoll = null
     }
     // Une demande en attente tient le SDK suspendu : il ne lirait jamais la fin
     // de la file tant qu'elle dure. On tranche avant de fermer.
     for (const pending of this.permissions.values()) {
-      pending.settle({ behavior: 'deny', message: t('agent.sessionStopped') });
+      pending.settle({ behavior: 'deny', message: t('agent.sessionStopped') })
     }
-    for (const pending of this.asks.values()) pending.settle(NO_ANSWER);
-    this.queue.close();
+    for (const pending of this.asks.values()) pending.settle(NO_ANSWER)
+    this.queue.close()
 
     // Pas de boucle démarrée : il n'y a aucun processus derrière.
-    if (!this.query) return;
+    if (!this.query) return
     if (grace <= 0) {
-      this.aborter.abort();
-      return;
+      this.aborter.abort()
+      return
     }
     // `unref` : ce filet ne doit pas retenir Node en vie. À l'extinction on
     // passe `grace: 0`, donc il n'y a rien à attendre de ce minuteur-là.
     setTimeout(() => {
-      if (this.query) this.aborter.abort();
-    }, grace).unref();
+      if (this.query) this.aborter.abort()
+    }, grace).unref()
   }
 
   // ── Les deux ponts vers l'humain ──────────────────────────────────────────
@@ -704,14 +699,10 @@ export class SessionRunner {
    * autoriser, et le faire arbitrer deux fois demanderait deux gestes pour une
    * seule décision.
    */
-  private async decide(
-    toolName: string,
-    input: Record<string, unknown>,
-    options: Rec,
-  ): Promise<PermissionResult> {
-    if (toolName === ASK_TOOL) return { behavior: 'allow', updatedInput: input };
-
-    const id = randomUUID();
+  private async decide(toolName: string, input: Record<string, unknown>, options: Rec): Promise<PermissionResult> {
+    if (toolName === ASK_TOOL) return { behavior: 'allow', updatedInput: input }
+
+    const id = randomUUID()
     const request: PermissionRequest = {
       id,
       toolName,
@@ -725,90 +716,86 @@ export class SessionRunner {
       blockedPath: str(options.blockedPath) || undefined,
       decisionReason: str(options.decisionReason) || undefined,
       askedAt: Date.now(),
-    };
+    }
 
-    this.permissionInputs.set(id, input);
-    const suggestions = Array.isArray(options.suggestions)
-      ? (options.suggestions as PermissionUpdate[])
-      : [];
-    if (suggestions.length) this.suggestions.set(id, suggestions);
+    this.permissionInputs.set(id, input)
+    const suggestions = Array.isArray(options.suggestions) ? (options.suggestions as PermissionUpdate[]) : []
+    if (suggestions.length) this.suggestions.set(id, suggestions)
 
     const pending = new PendingAnswer<PermissionResult>(ANSWER_TIMEOUT_MS, () => {
-      this.emit([{ kind: 'permission-settled', id, answer: 'deny' }]);
-      return { behavior: 'deny', message: t('agent.permissionTimeout') };
-    });
-    this.permissions.set(id, pending);
-    this.emit([{ kind: 'permission-request', request }]);
+      this.emit([{ kind: 'permission-settled', id, answer: 'deny' }])
+      return { behavior: 'deny', message: t('agent.permissionTimeout') }
+    })
+    this.permissions.set(id, pending)
+    this.emit([{ kind: 'permission-request', request }])
 
     // Une interruption pendant l'attente doit libérer le tour, pas le figer.
-    const signal = options.signal;
+    const signal = options.signal
     if (signal instanceof AbortSignal) {
       signal.addEventListener(
         'abort',
         () => {
           if (pending.settle({ behavior: 'deny', message: 'Tour interrompu.' })) {
-            this.emit([{ kind: 'permission-settled', id, answer: 'deny' }]);
+            this.emit([{ kind: 'permission-settled', id, answer: 'deny' }])
           }
         },
         { once: true },
-      );
+      )
     }
 
     try {
-      return await pending.promise;
+      return await pending.promise
     } finally {
-      this.permissions.delete(id);
-      this.suggestions.delete(id);
-      this.permissionInputs.delete(id);
+      this.permissions.delete(id)
+      this.suggestions.delete(id)
+      this.permissionInputs.delete(id)
     }
   }
 
   /** Répond à une demande de permission. Rend `false` si elle n'est plus en vol. */
   answerPermission(id: string, answer: PermissionAnswer, reason?: string): boolean {
-    const pending = this.permissions.get(id);
-    if (!pending?.pending) return false;
-    this.touchedAt = Date.now();
+    const pending = this.permissions.get(id)
+    if (!pending?.pending) return false
+    this.touchedAt = Date.now()
 
     // `updatedInput` est obligatoire à l'exécution alors que le type le dit
     // optionnel : sans lui, la validation du CLI rejette la réponse et l'outil
     // ne s'exécute jamais. On repasse l'entrée d'origine, inchangée.
-    const input = this.permissionInputs.get(id) ?? {};
+    const input = this.permissionInputs.get(id) ?? {}
     const result: PermissionResult =
       answer === 'deny'
         ? { behavior: 'deny', message: reason?.trim() || t('agent.deniedFromAtelier') }
         : {
             behavior: 'allow',
             updatedInput: input,
-            ...(answer === 'allow-always' && this.suggestions.has(id)
-              ? { updatedPermissions: this.suggestions.get(id) }
-              : {}),
-          };
-
-    if (!pending.settle(result)) return false;
-    this.emit([{ kind: 'permission-settled', id, answer }]);
-    return true;
+            ...(answer === 'allow-always' && this.suggestions.has(id) ? { updatedPermissions: this.suggestions.get(id) } : {}),
+          }
+
+    if (!pending.settle(result)) return false
+    this.emit([{ kind: 'permission-settled', id, answer }])
+    return true
   }
 
   /** Suspend l'outil de question jusqu'à ce qu'un formulaire réponde. */
   private askHuman(questions: AskQuestion[]): Promise<string> {
-    const id = randomUUID();
+    const id = randomUUID()
     const pending = new PendingAnswer<string>(ANSWER_TIMEOUT_MS, () => {
-      this.emit([{ kind: 'ask-settled', id }]);
-      return NO_ANSWER;
-    });
-    this.asks.set(id, pending);
-    this.emit([{ kind: 'ask-request', request: { id, questions, askedAt: Date.now() } }]);
-    return pending.promise.finally(() => this.asks.delete(id));
+      this.emit([{ kind: 'ask-settled', id }])
+      return NO_ANSWER
+    })
+    this.asks.set(id, pending)
+    this.emit([{ kind: 'ask-request', request: { id, questions, askedAt: Date.now() } }])
+    return pending.promise.finally(() => this.asks.delete(id))
   }
 
   /** Répond à une question. Rend `false` si elle n'est plus en vol. */
   answerAsk(id: string, answers: Record<string, string>, notes?: string): boolean {
-    const pending = this.asks.get(id);
-    if (!pending?.pending) return false;
-    this.touchedAt = Date.now();
-    if (!pending.settle(harnessSentence(answers, notes))) return false;
-    this.emit([{ kind: 'ask-settled', id }]);
-    return true;
+    const pending = this.asks.get(id)
+    if (!pending?.pending) return false
+    this.touchedAt = Date.now()
+    if (!pending.settle(harnessSentence(answers, notes))) return false
+    this.emit([{ kind: 'ask-settled', id }])
+    return true
   }
 
   // ── La boucle ─────────────────────────────────────────────────────────────
@@ -830,19 +817,19 @@ export class SessionRunner {
         toolAliases: { AskUserQuestion: ASK_TOOL },
         canUseTool: (toolName, input, options) => this.decide(toolName, input, options),
       },
-    });
+    })
 
     try {
       for await (const message of this.query) {
-        this.consume(message);
+        this.consume(message)
       }
-      this.setStatus('ended');
+      this.setStatus('ended')
     } catch (e) {
-      const message = e instanceof Error ? e.message : String(e);
-      this.emit(this.translator.appendSystem(t('agent.sessionEnded', { message }), 'error'));
-      this.setStatus('failed', message);
+      const message = e instanceof Error ? e.message : String(e)
+      this.emit(this.translator.appendSystem(t('agent.sessionEnded', { message }), 'error'))
+      this.setStatus('failed', message)
     } finally {
-      this.query = null;
+      this.query = null
     }
   }
 
@@ -859,13 +846,10 @@ export class SessionRunner {
    * prouve pas que la fenêtre s'est vidée, elle ne dit rien.
    */
   private releveFenetre(usage: Rec): void {
-    const total =
-      num(usage.input_tokens) +
-      num(usage.cache_read_input_tokens) +
-      num(usage.cache_creation_input_tokens);
-    if (total <= 0) return;
-    this.fenetre.tokens = total;
-    if (total > this.fenetre.max) this.fenetre.max = total;
+    const total = num(usage.input_tokens) + num(usage.cache_read_input_tokens) + num(usage.cache_creation_input_tokens)
+    if (total <= 0) return
+    this.fenetre.tokens = total
+    if (total > this.fenetre.max) this.fenetre.max = total
   }
 
   /**
@@ -882,22 +866,22 @@ export class SessionRunner {
    * tirerait de toute façon rien, n'y cherchant que des résultats d'outils.
    */
   private capteResume(message: Rec): boolean {
-    const uuid = this.compactionSansResume;
-    if (!uuid || message.isSynthetic !== true) return false;
-    this.compactionSansResume = null;
-
-    const contenu = rec(message.message).content;
-    if (typeof contenu !== 'string') return false;
-    this.emit(this.translator.attachSummary(uuid, contenu));
-    return true;
+    const uuid = this.compactionSansResume
+    if (!uuid || message.isSynthetic !== true) return false
+    this.compactionSansResume = null
+
+    const contenu = rec(message.message).content
+    if (typeof contenu !== 'string') return false
+    this.emit(this.translator.attachSummary(uuid, contenu))
+    return true
   }
 
   private consume(message: Rec): void {
     // Avant tout dispatch : la plupart des messages qui disent où en est l'agent
     // ne produisent aucun événement de timeline, et sortaient donc par le
     // `default` sans laisser de trace.
-    this.pushActivity(this.activity.consume(message));
-    if (this.shells.consume(message)) this.pushShells();
+    this.pushActivity(this.activity.consume(message))
+    if (this.shells.consume(message)) this.pushShells()
 
     switch (str(message.type)) {
       case 'system':
@@ -905,12 +889,12 @@ export class SessionRunner {
           // `init` n'arrive qu'après lecture du premier prompt : c'est ici, et
           // pas à la création, qu'on apprend l'identifiant du SDK — donc où le
           // lien vers le rejeu devient possible.
-          this.session.sessionId = str(message.session_id);
+          this.session.sessionId = str(message.session_id)
           // `resolvedModel` et non `model` : le choix de l'utilisateur reste ce
           // qu'il a choisi, l'identifiant employé se dit à côté.
-          this.session.resolvedModel = str(message.model) || undefined;
-          this.emit([{ kind: 'session', session: this.session }]);
-          return;
+          this.session.resolvedModel = str(message.model) || undefined
+          this.emit([{ kind: 'session', session: this.session }])
+          return
         }
         // Une compaction est le seul autre message `system` qui change ce que le
         // lecteur voit : la fenêtre se vide, et sans cette ligne le fil n'en
@@ -924,43 +908,43 @@ export class SessionRunner {
           // cette session ait porté, et souvent le premier à dépasser 200 k :
           // c'est ici, plus tôt que partout ailleurs, que la grande fenêtre se
           // prouve.
-          const meta = rec(message.compact_metadata);
-          const avant = num(meta.pre_tokens);
-          if (avant > this.fenetre.max) this.fenetre.max = avant;
-          this.fenetre.tokens = num(meta.post_tokens);
-          const upserts = this.translator.appendCompaction(message);
-          const premier = upserts[0];
-          this.compactionSansResume = premier?.kind === 'append-event' ? premier.event.uuid : null;
-          this.emit(upserts);
-          return;
+          const meta = rec(message.compact_metadata)
+          const avant = num(meta.pre_tokens)
+          if (avant > this.fenetre.max) this.fenetre.max = avant
+          this.fenetre.tokens = num(meta.post_tokens)
+          const upserts = this.translator.appendCompaction(message)
+          const premier = upserts[0]
+          this.compactionSansResume = premier?.kind === 'append-event' ? premier.event.uuid : null
+          this.emit(upserts)
+          return
         }
         // Le CLI pousse la liste entière dès qu'elle bouge — un Skill découvert
         // en cours de route, par exemple. On la relaie telle quelle : le client
         // remplace la sienne, il n'a rien à réconcilier.
         if (str(message.subtype) === 'commands_changed') {
-          this.emit([{ kind: 'commands', commands: toCommands(message.commands) }]);
+          this.emit([{ kind: 'commands', commands: toCommands(message.commands) }])
         }
-        return;
+        return
       case 'conversation_reset':
-        this.resetConversation();
-        return;
+        this.resetConversation()
+        return
       case 'stream_event':
-        this.emit(this.translator.onStreamEvent(message));
-        return;
+        this.emit(this.translator.onStreamEvent(message))
+        return
       case 'assistant':
-        this.releveFenetre(rec(rec(message.message).usage));
-        this.emit(this.translator.onAssistant(message));
-        return;
+        this.releveFenetre(rec(rec(message.message).usage))
+        this.emit(this.translator.onAssistant(message))
+        return
       case 'user':
-        if (this.capteResume(message)) return;
-        this.emit(this.translator.onUser(message));
-        return;
+        if (this.capteResume(message)) return
+        this.emit(this.translator.onUser(message))
+        return
       case 'result':
         // Le tour est fini ; la session, elle, reste ouverte pour le suivant.
-        this.setStatus('waiting');
-        return;
+        this.setStatus('waiting')
+        return
       default:
-        return;
+        return
     }
   }
 }
diff --git a/server/agent/shells.ts b/server/agent/shells.ts
index 5dbaabc..bf9006f 100644
--- a/server/agent/shells.ts
+++ b/server/agent/shells.ts
@@ -16,16 +16,16 @@
 // quand il le lance et quand il le termine, là où un rapprochement par processus
 // devrait deviner.
 
-import { open } from 'node:fs/promises';
-import type { BackgroundShell, ShellOutput } from '../../shared/agent.ts';
-import { str } from '../json.ts';
-import { parseTaskNotification } from '../transcript.ts';
-import { resultText } from './translate.ts';
+import { open } from 'node:fs/promises'
+import type { BackgroundShell, ShellOutput } from '../../shared/agent.ts'
+import { str } from '../json.ts'
+import { parseTaskNotification } from '../transcript.ts'
+import { resultText } from './translate.ts'
 
-type Rec = Record<string, unknown>;
+type Rec = Record<string, unknown>
 
-const rec = (v: unknown): Rec => (v && typeof v === 'object' ? (v as Rec) : {});
-const arr = (v: unknown): unknown[] => (Array.isArray(v) ? v : []);
+const rec = (v: unknown): Rec => (v && typeof v === 'object' ? (v as Rec) : {})
+const arr = (v: unknown): unknown[] => (Array.isArray(v) ? v : [])
 
 /**
  * La promesse que rend `run_in_background` : un identifiant, pas une sortie.
@@ -35,13 +35,13 @@ const arr = (v: unknown): unknown[] => (Array.isArray(v) ? v : []);
  * composants — mais elles se corrigent ensemble le jour où le CLI change sa
  * formule.
  */
-const LAUNCHED = /^Command running in background with ID: (\S+?)\./;
+const LAUNCHED = /^Command running in background with ID: (\S+?)\./
 
 /** Le fichier où le CLI déverse la sortie, annoncé dans la même phrase. */
-const OUTPUT_FILE = /Output is being written to: (.+?\.output)\b/;
+const OUTPUT_FILE = /Output is being written to: (.+?\.output)\b/
 
 /** Ce que le `<summary>` d'une notification dit de la fin. */
-const EXIT_CODE = /exit code (-?\d+)/;
+const EXIT_CODE = /exit code (-?\d+)/
 
 /**
  * Les `<status>` qui disent une coupure plutôt qu'un terme.
@@ -52,10 +52,10 @@ const EXIT_CODE = /exit code (-?\d+)/;
  * plutôt que de prendre tout ce qui n'est pas `completed` : un `failed` est une
  * fin, pas un arrêt, et son code de sortie le dit déjà.
  */
-const KILLED_STATUS = /^(killed|stopped|aborted|cancell?ed|terminated|interrupted)$/i;
+const KILLED_STATUS = /^(killed|stopped|aborted|cancell?ed|terminated|interrupted)$/i
 
 /** La forme d'un identifiant de shell — `btt4xdjh2`, `bq55159a`. */
-export const SHELL_ID = /^[a-z0-9]{4,24}$/;
+export const SHELL_ID = /^[a-z0-9]{4,24}$/
 
 /**
  * Ce chemin est-il bien celui du fichier de sortie de ce shell ?
@@ -71,21 +71,17 @@ export const SHELL_ID = /^[a-z0-9]{4,24}$/;
  * même où tout fonctionne.
  */
 export function isOutputPath(path: string, shellId: string): boolean {
-  if (!SHELL_ID.test(shellId)) return false;
-  const parts = path.toLowerCase().split(/[\\/]/);
-  const last = parts[parts.length - 1];
-  return (
-    last === `${shellId.toLowerCase()}.output` &&
-    parts.includes('claude') &&
-    parts[parts.length - 2] === 'tasks'
-  );
+  if (!SHELL_ID.test(shellId)) return false
+  const parts = path.toLowerCase().split(/[\\/]/)
+  const last = parts[parts.length - 1]
+  return last === `${shellId.toLowerCase()}.output` && parts.includes('claude') && parts[parts.length - 2] === 'tasks'
 }
 
 /** Ce qu'on retient d'un appel entre son départ et la réponse qui le nomme. */
 interface Pending {
-  command: string;
-  description: string;
-  startedAt: number;
+  command: string
+  description: string
+  startedAt: number
 }
 
 /**
@@ -96,7 +92,7 @@ interface Pending {
  * suite à partir de son curseur, donc cette borne ne se paie qu'à la première
  * ouverture — ou après une longue absence.
  */
-const TAIL_MAX = 64 * 1024;
+const TAIL_MAX = 64 * 1024
 
 /**
  * Ce qu'une passe de lecture du transcript avale au plus.
@@ -105,7 +101,7 @@ const TAIL_MAX = 64 * 1024;
  * mais de rattraper un fichier, et une passe qui n'a pas fini reprend au tour
  * suivant, deux secondes plus tard.
  */
-const PAGE_MAX = 512 * 1024;
+const PAGE_MAX = 512 * 1024
 
 /**
  * La suite d'un fichier de sortie, à partir d'un curseur.
@@ -128,57 +124,54 @@ const PAGE_MAX = 512 * 1024;
  *
  * `next` dit où reprendre : tant qu'il diffère de `size`, il reste à lire.
  */
-export async function readSince(
-  path: string,
-  from: number,
-): Promise<{ text: string; next: number; size: number }> {
-  const handle = await open(path, 'r');
+export async function readSince(path: string, from: number): Promise<{ text: string; next: number; size: number }> {
+  const handle = await open(path, 'r')
   try {
-    const { size } = await handle.stat();
-    const at = from > size || from < 0 ? 0 : from;
-    const length = Math.min(size - at, PAGE_MAX);
-    if (length <= 0) return { text: '', next: size, size };
+    const { size } = await handle.stat()
+    const at = from > size || from < 0 ? 0 : from
+    const length = Math.min(size - at, PAGE_MAX)
+    if (length <= 0) return { text: '', next: size, size }
 
-    const buffer = Buffer.alloc(length);
-    await handle.read(buffer, 0, length, at);
+    const buffer = Buffer.alloc(length)
+    await handle.read(buffer, 0, length, at)
 
     // Une page qui s'arrête au milieu d'une ligne la perdrait des deux côtés :
     // tronquée ici, et déjà dépassée par le curseur à la passe suivante. On
     // rend donc les lignes entières, et le reste au tour d'après. Le cas ne se
     // pose qu'avant la fin du fichier — la dernière page se rend telle quelle,
     // sa ligne finale fût-elle encore en cours d'écriture.
-    const end = at + length < size ? buffer.lastIndexOf(0x0a) + 1 : length;
-    if (end <= 0) return { text: '', next: at + length, size };
+    const end = at + length < size ? buffer.lastIndexOf(0x0a) + 1 : length
+    if (end <= 0) return { text: '', next: at + length, size }
 
-    return { text: buffer.subarray(0, end).toString('utf8'), next: at + end, size };
+    return { text: buffer.subarray(0, end).toString('utf8'), next: at + end, size }
   } finally {
-    await handle.close();
+    await handle.close()
   }
 }
 
 export async function readTail(path: string, from: number): Promise<ShellOutput> {
-  const handle = await open(path, 'r');
+  const handle = await open(path, 'r')
   try {
-    const { size } = await handle.stat();
-    const start = from > size || from < 0 ? 0 : from;
-    const skipped = Math.max(0, size - start - TAIL_MAX);
-    const at = start + skipped;
-    const length = size - at;
-    if (length <= 0) return { text: '', from: at, size, ...(skipped ? { skipped } : {}) };
-
-    const buffer = Buffer.alloc(length);
-    await handle.read(buffer, 0, length, at);
-    return { text: buffer.toString('utf8'), from: at, size, ...(skipped ? { skipped } : {}) };
+    const { size } = await handle.stat()
+    const start = from > size || from < 0 ? 0 : from
+    const skipped = Math.max(0, size - start - TAIL_MAX)
+    const at = start + skipped
+    const length = size - at
+    if (length <= 0) return { text: '', from: at, size, ...(skipped ? { skipped } : {}) }
+
+    const buffer = Buffer.alloc(length)
+    await handle.read(buffer, 0, length, at)
+    return { text: buffer.toString('utf8'), from: at, size, ...(skipped ? { skipped } : {}) }
   } finally {
-    await handle.close();
+    await handle.close()
   }
 }
 
 export class ShellTracker {
   /** Les shells connus, dans l'ordre où ils sont partis. */
-  private readonly shells = new Map<string, BackgroundShell>();
+  private readonly shells = new Map<string, BackgroundShell>()
   /** Où le CLI écrit chaque sortie. Gardé à part : ce n'est pas du protocole. */
-  private readonly paths = new Map<string, string>();
+  private readonly paths = new Map<string, string>()
   /**
    * Les appels partis dont la réponse n'est pas revenue.
    *
@@ -187,20 +180,20 @@ export class ShellTracker {
    * l'appel seul donnerait une ligne qu'on ne saurait pas relire, la réponse
    * seule une ligne qui ne dirait pas ce qui tourne.
    */
-  private readonly pending = new Map<string, Pending>();
+  private readonly pending = new Map<string, Pending>()
 
   snapshot(): BackgroundShell[] {
-    return [...this.shells.values()];
+    return [...this.shells.values()]
   }
 
   /** Le fichier de sortie d'un shell — `undefined` s'il n'en a pas annoncé. */
   outputPath(id: string): string | undefined {
-    return this.paths.get(id);
+    return this.paths.get(id)
   }
 
   /** Les shells qu'on croit encore vivants, et dont le fichier vaut d'être relu. */
   running(): BackgroundShell[] {
-    return this.snapshot().filter((s) => s.state === 'running');
+    return this.snapshot().filter((s) => s.state === 'running')
   }
 
   /**
@@ -210,11 +203,11 @@ export class ShellTracker {
    * C'est le runner qui va voir, et qui repasse ici ce qu'il a mesuré.
    */
   observe(id: string, size: number, lastWriteAt: number): boolean {
-    const shell = this.shells.get(id);
-    if (!shell || (shell.size === size && shell.lastWriteAt === lastWriteAt)) return false;
-    shell.size = size;
-    shell.lastWriteAt = lastWriteAt;
-    return true;
+    const shell = this.shells.get(id)
+    if (!shell || (shell.size === size && shell.lastWriteAt === lastWriteAt)) return false
+    shell.size = size
+    shell.lastWriteAt = lastWriteAt
+    return true
   }
 
   /**
@@ -230,51 +223,51 @@ export class ShellTracker {
    * le même jeton, simplement lue là où elle se trouve.
    */
   fromTranscript(chunk: string): boolean {
-    let changed = false;
+    let changed = false
     for (const raw of chunk.split('\n')) {
-      if (!raw.includes('<task-notification>')) continue;
+      if (!raw.includes('<task-notification>')) continue
       // Une ligne de transcript est du JSON, et la notification y vit échappée.
       // On la déplie plutôt que de la lire à travers ses barres obliques.
-      let text = raw;
+      let text = raw
       try {
-        const line: unknown = JSON.parse(raw);
-        const content = (rec(line).message as Rec | undefined)?.content ?? rec(line).content;
-        if (typeof content === 'string') text = content;
+        const line: unknown = JSON.parse(raw)
+        const content = (rec(line).message as Rec | undefined)?.content ?? rec(line).content
+        if (typeof content === 'string') text = content
       } catch {
         // Ligne tronquée par une écriture en cours : la prochaine passe la
         // relira entière.
       }
-      if (this.onNotification(text)) changed = true;
+      if (this.onNotification(text)) changed = true
     }
-    return changed;
+    return changed
   }
 
   /** Lit un message du SDK et dit si la liste a bougé. */
   consume(message: Rec): boolean {
     switch (str(message.type)) {
       case 'assistant':
-        return this.onAssistant(rec(message.message));
+        return this.onAssistant(rec(message.message))
       case 'user':
-        return this.onUser(rec(message.message));
+        return this.onUser(rec(message.message))
       default:
-        return false;
+        return false
     }
   }
 
   private onAssistant(payload: Rec): boolean {
-    let changed = false;
+    let changed = false
     for (const raw of arr(payload.content)) {
-      const block = rec(raw);
-      if (str(block.type) !== 'tool_use') continue;
-      const input = rec(block.input);
+      const block = rec(raw)
+      if (str(block.type) !== 'tool_use') continue
+      const input = rec(block.input)
 
       if (str(block.name) === 'Bash' && input.run_in_background === true) {
         this.pending.set(str(block.id), {
           command: str(input.command),
           description: str(input.description),
           startedAt: Date.now(),
-        });
-        continue;
+        })
+        continue
       }
 
       // La seule trace d'une coupure. Le harnais n'écrit pas de
@@ -287,15 +280,15 @@ export class ShellTracker {
       // et `shell_id` sont l'ancienne forme, gardée en repli — le schéma de
       // l'outil documente encore `shell_id` comme déprécié.
       if (str(block.name) === 'TaskStop' || str(block.name) === 'KillShell') {
-        const shell = this.shells.get(str(input.task_id) || str(input.shell_id));
+        const shell = this.shells.get(str(input.task_id) || str(input.shell_id))
         if (shell && shell.state === 'running') {
-          shell.state = 'killed';
-          shell.endedAt = Date.now();
-          changed = true;
+          shell.state = 'killed'
+          shell.endedAt = Date.now()
+          changed = true
         }
       }
     }
-    return changed;
+    return changed
   }
 
   /**
@@ -308,16 +301,16 @@ export class ShellTracker {
    * flux, et ne lire que la liste la faisait manquer entièrement.
    */
   private onUser(payload: Rec): boolean {
-    if (typeof payload.content === 'string') return this.onNotification(payload.content);
+    if (typeof payload.content === 'string') return this.onNotification(payload.content)
 
-    let changed = false;
+    let changed = false
     for (const raw of arr(payload.content)) {
-      const block = rec(raw);
-      const type = str(block.type);
-      if (type === 'tool_result' && this.onResult(block)) changed = true;
-      if (type === 'text' && this.onNotification(str(block.text))) changed = true;
+      const block = rec(raw)
+      const type = str(block.type)
+      if (type === 'tool_result' && this.onResult(block)) changed = true
+      if (type === 'text' && this.onNotification(str(block.text))) changed = true
     }
-    return changed;
+    return changed
   }
 
   /**
@@ -328,17 +321,17 @@ export class ShellTracker {
    * C'est le cas d'un `Bash` refusé, qui est parti sans jamais tourner.
    */
   private onResult(block: Rec): boolean {
-    const toolUseId = str(block.tool_use_id);
-    const start = this.pending.get(toolUseId);
-    if (!start) return false;
-    this.pending.delete(toolUseId);
+    const toolUseId = str(block.tool_use_id)
+    const start = this.pending.get(toolUseId)
+    if (!start) return false
+    this.pending.delete(toolUseId)
 
-    const text = resultText(block.content);
-    const id = LAUNCHED.exec(text.trim())?.[1];
-    if (!id) return false;
+    const text = resultText(block.content)
+    const id = LAUNCHED.exec(text.trim())?.[1]
+    if (!id) return false
 
-    const path = OUTPUT_FILE.exec(text)?.[1];
-    if (path) this.paths.set(id, path);
+    const path = OUTPUT_FILE.exec(text)?.[1]
+    if (path) this.paths.set(id, path)
 
     this.shells.set(id, {
       id,
@@ -347,8 +340,8 @@ export class ShellTracker {
       ...(start.description ? { description: start.description } : {}),
       startedAt: start.startedAt,
       state: 'running',
-    });
-    return true;
+    })
+    return true
   }
 
   /**
@@ -367,15 +360,15 @@ export class ShellTracker {
    * l'inverse de ce qui vient de se passer.
    */
   private onNotification(text: string): boolean {
-    if (!text.includes('<task-notification>')) return false;
-    const parsed = parseTaskNotification(text);
-    const shell = this.shells.get(parsed.taskId ?? '');
-    if (!shell || shell.state !== 'running') return false;
-
-    shell.state = KILLED_STATUS.test(parsed.status ?? '') ? 'killed' : 'done';
-    shell.endedAt = Date.now();
-    const code = EXIT_CODE.exec(parsed.summary ?? '')?.[1];
-    if (code !== undefined) shell.exitCode = Number(code);
-    return true;
+    if (!text.includes('<task-notification>')) return false
+    const parsed = parseTaskNotification(text)
+    const shell = this.shells.get(parsed.taskId ?? '')
+    if (!shell || shell.state !== 'running') return false
+
+    shell.state = KILLED_STATUS.test(parsed.status ?? '') ? 'killed' : 'done'
+    shell.endedAt = Date.now()
+    const code = EXIT_CODE.exec(parsed.summary ?? '')?.[1]
+    if (code !== undefined) shell.exitCode = Number(code)
+    return true
   }
 }
diff --git a/server/agent/slug.ts b/server/agent/slug.ts
index b4f955c..7535bef 100644
--- a/server/agent/slug.ts
+++ b/server/agent/slug.ts
@@ -20,11 +20,11 @@
 // serveur, et c'est là qu'il faudra la chercher le jour où un transcript
 // existant se met à manquer à l'appel.
 
-import { realpathSync } from 'node:fs';
-import { resolve } from 'node:path';
+import { realpathSync } from 'node:fs'
+import { resolve } from 'node:path'
 
 export function projectSlug(cwd: string): string {
-  return cwd.replace(/[^A-Za-z0-9]/g, '-');
+  return cwd.replace(/[^A-Za-z0-9]/g, '-')
 }
 
 /**
@@ -38,8 +38,8 @@ export function projectSlug(cwd: string): string {
  */
 export function longPath(cwd: string): string {
   try {
-    return realpathSync.native(resolve(cwd));
+    return realpathSync.native(resolve(cwd))
   } catch {
-    return resolve(cwd);
+    return resolve(cwd)
   }
 }
diff --git a/server/agent/translate.ts b/server/agent/translate.ts
index cb05d1a..079526e 100644
--- a/server/agent/translate.ts
+++ b/server/agent/translate.ts
@@ -11,19 +11,14 @@
 // fiable (les entrées d'outils n'y sont plus tronquées). On affiche le premier et
 // on se corrige sur le second — d'où le `replace-event` systématique.
 
-import { randomUUID } from 'node:crypto';
-import type { AgentUpsert } from '../../shared/agent.ts';
-import type { Compaction } from '../../shared/context.ts';
-import type {
-  Block,
-  TranscriptEvent,
-  TranscriptImage,
-  ToolResult,
-} from '../../shared/transcript.ts';
-import { num, str } from '../json.ts';
-import { repairJson } from './partial.ts';
-
-type Rec = Record<string, unknown>;
+import { randomUUID } from 'node:crypto'
+import type { AgentUpsert } from '../../shared/agent.ts'
+import type { Compaction } from '../../shared/context.ts'
+import type { Block, TranscriptEvent, TranscriptImage, ToolResult } from '../../shared/transcript.ts'
+import { num, str } from '../json.ts'
+import { repairJson } from './partial.ts'
+
+type Rec = Record<string, unknown>
 
 /**
  * Le pas de diffusion d'une entrée d'outil en train de se composer.
@@ -33,7 +28,7 @@ type Rec = Record<string, unknown>;
  * un `Write` un peu long. Un dixième de seconde suffit à voir une commande
  * s'écrire, et borne le travail.
  */
-const INPUT_STEP_MS = 120;
+const INPUT_STEP_MS = 120
 
 /**
  * Au-delà, on cesse de réparer.
@@ -47,10 +42,10 @@ const INPUT_STEP_MS = 120;
  * se complétait d'un coup à la fin du message. Réparer coûte un parcours de
  * caractères : à 64 000, toutes les 120 ms, c'est une milliseconde.
  */
-const INPUT_MAX = 64_000;
+const INPUT_MAX = 64_000
 
-const rec = (v: unknown): Rec => (v && typeof v === 'object' ? (v as Rec) : {});
-const arr = (v: unknown): unknown[] => (Array.isArray(v) ? v : []);
+const rec = (v: unknown): Rec => (v && typeof v === 'object' ? (v as Rec) : {})
+const arr = (v: unknown): unknown[] => (Array.isArray(v) ? v : [])
 
 /**
  * À quel sous-agent appartient ce message — `undefined` pour le fil principal.
@@ -68,7 +63,7 @@ const arr = (v: unknown): unknown[] => (Array.isArray(v) ? v : []);
  * du disque, qui portent la véritable identité du run.
  */
 function agentOf(message: Rec): string | undefined {
-  return str(message.parent_tool_use_id) || undefined;
+  return str(message.parent_tool_use_id) || undefined
 }
 
 /**
@@ -77,14 +72,14 @@ function agentOf(message: Rec): string | undefined {
  * transporte pas d'octets, et le rejeu les retrouvera sur le disque.
  */
 export function resultText(content: unknown): string {
-  if (typeof content === 'string') return content;
+  if (typeof content === 'string') return content
   return arr(content)
     .map((b) => {
-      const block = rec(b);
-      return block.type === 'text' ? str(block.text) : '';
+      const block = rec(b)
+      return block.type === 'text' ? str(block.text) : ''
     })
     .filter(Boolean)
-    .join('\n');
+    .join('\n')
 }
 
 /**
@@ -94,7 +89,7 @@ export function resultText(content: unknown): string {
  * plutôt que de tester « aucun texte » est volontaire : un tour réellement muet
  * arrive sans bloc du tout, et se rend déjà correctement.
  */
-const SILENT_TURN = '(no content)';
+const SILENT_TURN = '(no content)'
 
 /**
  * Une commande `/` tapée au composeur : son nom, puis ses arguments.
@@ -103,34 +98,34 @@ const SILENT_TURN = '(no content)';
  * noms composés. Une barre suivie d'autre chose — un chemin absolu collé, par
  * exemple — n'est pas une commande et reste un tour ordinaire.
  */
-const SLASH_COMMAND = /^\/([a-zA-Z0-9][\w:.-]*)(?:\s+([\s\S]*))?$/;
+const SLASH_COMMAND = /^\/([a-zA-Z0-9][\w:.-]*)(?:\s+([\s\S]*))?$/
 
 function isSilent(payload: Rec): boolean {
-  const blocks = arr(payload.content);
-  if (blocks.length !== 1) return false;
-  const block = rec(blocks[0]);
-  return str(block.type) === 'text' && str(block.text).trim() === SILENT_TURN;
+  const blocks = arr(payload.content)
+  if (blocks.length !== 1) return false
+  const block = rec(blocks[0])
+  return str(block.type) === 'text' && str(block.text).trim() === SILENT_TURN
 }
 
 export class Translator {
   /** L'état courant de la timeline, dans l'ordre d'arrivée. */
-  readonly events: TranscriptEvent[] = [];
+  readonly events: TranscriptEvent[] = []
 
-  private readonly byUuid = new Map<string, TranscriptEvent>();
+  private readonly byUuid = new Map<string, TranscriptEvent>()
   /** Où retrouver le bloc `tool_use` d'un identifiant d'outil, pour y coller son résultat. */
-  private readonly toolIndex = new Map<string, { uuid: string; index: number }>();
-  private lastUuid: string | null = null;
+  private readonly toolIndex = new Map<string, { uuid: string; index: number }>()
+  private lastUuid: string | null = null
   /** L'événement assistant en cours de streaming, s'il y en a un. */
-  private streamingUuid: string | null = null;
+  private streamingUuid: string | null = null
   /** Le JSON d'entrée d'un `tool_use` en cours de frappe, par bloc. */
-  private readonly toolJson = new Map<string, { text: string; at: number; capped?: boolean }>();
+  private readonly toolJson = new Map<string, { text: string; at: number; capped?: boolean }>()
   /** Combien de blocs les messages complets ont déjà scellés, par `message.id`. */
-  private readonly sealed = new Map<string, number>();
+  private readonly sealed = new Map<string, number>()
 
   private register(event: TranscriptEvent): void {
-    this.events.push(event);
-    this.byUuid.set(event.uuid, event);
-    this.lastUuid = event.uuid;
+    this.events.push(event)
+    this.byUuid.set(event.uuid, event)
+    this.lastUuid = event.uuid
   }
 
   /**
@@ -145,13 +140,13 @@ export class Translator {
    * jamais son résultat, et son `uuid` ne doit pas capturer celui d'après.
    */
   reset(): void {
-    this.events.length = 0;
-    this.byUuid.clear();
-    this.toolIndex.clear();
-    this.toolJson.clear();
-    this.sealed.clear();
-    this.lastUuid = null;
-    this.streamingUuid = null;
+    this.events.length = 0
+    this.byUuid.clear()
+    this.toolIndex.clear()
+    this.toolJson.clear()
+    this.sealed.clear()
+    this.lastUuid = null
+    this.streamingUuid = null
   }
 
   /**
@@ -171,7 +166,7 @@ export class Translator {
    * une phase de plus que la session n'en avait vécu.
    */
   appendUserPrompt(text: string, images: TranscriptImage[] = []): AgentUpsert[] {
-    const slash = images.length ? null : SLASH_COMMAND.exec(text.trim());
+    const slash = images.length ? null : SLASH_COMMAND.exec(text.trim())
     const event: TranscriptEvent = {
       uuid: randomUUID(),
       parentUuid: this.lastUuid,
@@ -183,13 +178,10 @@ export class Translator {
       origin: slash ? 'slash-command' : 'human',
       blocks: slash
         ? [{ kind: 'slash_command' as const, name: `/${slash[1]}`, text: slash[2] ?? '' }]
-        : [
-            ...(images.length ? [{ kind: 'image' as const, images }] : []),
-            { kind: 'text' as const, text },
-          ],
-    };
-    this.register(event);
-    return [{ kind: 'append-event', event }];
+        : [...(images.length ? [{ kind: 'image' as const, images }] : []), { kind: 'text' as const, text }],
+    }
+    this.register(event)
+    return [{ kind: 'append-event', event }]
   }
 
   /** Une ligne de service (erreur du runner, interruption) montrée dans le fil. */
@@ -204,9 +196,9 @@ export class Translator {
       subtype: 'atelier',
       level,
       blocks: [{ kind: 'text', text }],
-    };
-    this.register(event);
-    return [{ kind: 'append-event', event }];
+    }
+    this.register(event)
+    return [{ kind: 'append-event', event }]
   }
 
   /**
@@ -221,9 +213,9 @@ export class Translator {
    * tour, remplacera l'événement par sa version chiffrée.
    */
   appendCompaction(message: Rec): AgentUpsert[] {
-    const meta = rec(message.compact_metadata);
-    const timestamp = Date.now();
-    const uuid = str(message.uuid) || randomUUID();
+    const meta = rec(message.compact_metadata)
+    const timestamp = Date.now()
+    const uuid = str(message.uuid) || randomUUID()
     const compaction: Compaction = {
       uuid,
       timestamp,
@@ -231,7 +223,7 @@ export class Translator {
       preTokens: num(meta.pre_tokens),
       postTokens: num(meta.post_tokens),
       durationMs: num(meta.duration_ms),
-    };
+    }
     const event: TranscriptEvent = {
       uuid,
       parentUuid: this.lastUuid,
@@ -241,9 +233,9 @@ export class Translator {
       isMeta: true,
       compaction,
       blocks: [],
-    };
-    this.register(event);
-    return [{ kind: 'append-event', event }];
+    }
+    this.register(event)
+    return [{ kind: 'append-event', event }]
   }
 
   /**
@@ -259,25 +251,25 @@ export class Translator {
    * que le direct et la relecture ne racontent pas deux histoires.
    */
   attachSummary(uuid: string, text: string): AgentUpsert[] {
-    const event = this.byUuid.get(uuid);
-    if (!event || !text.trim()) return [];
-    event.blocks = [{ kind: 'text', text }];
-    return [{ kind: 'replace-event', event }];
+    const event = this.byUuid.get(uuid)
+    if (!event || !text.trim()) return []
+    event.blocks = [{ kind: 'text', text }]
+    return [{ kind: 'replace-event', event }]
   }
 
   // ── Flux vivant ───────────────────────────────────────────────────────────
 
   onStreamEvent(message: Rec): AgentUpsert[] {
-    const ev = rec(message.event);
+    const ev = rec(message.event)
     switch (ev.type) {
       case 'message_start':
-        return this.startAssistant(rec(rec(ev.message).id ? ev.message : {}), agentOf(message));
+        return this.startAssistant(rec(rec(ev.message).id ? ev.message : {}), agentOf(message))
       case 'content_block_start':
-        return this.startBlock(num(ev.index, 0), rec(ev.content_block));
+        return this.startBlock(num(ev.index, 0), rec(ev.content_block))
       case 'content_block_delta':
-        return this.appendDelta(num(ev.index, 0), rec(ev.delta));
+        return this.appendDelta(num(ev.index, 0), rec(ev.delta))
       default:
-        return [];
+        return []
     }
   }
 
@@ -285,10 +277,10 @@ export class Translator {
     // L'identifiant de la réponse API fait un `uuid` stable : le message
     // `assistant` final portera le même, et se posera donc sur cet événement-ci
     // au lieu d'en créer un second.
-    const uuid = str(message.id) || randomUUID();
+    const uuid = str(message.id) || randomUUID()
     if (this.byUuid.has(uuid)) {
-      this.streamingUuid = uuid;
-      return [];
+      this.streamingUuid = uuid
+      return []
     }
     const event: TranscriptEvent = {
       uuid,
@@ -301,21 +293,21 @@ export class Translator {
       model: str(message.model) || undefined,
       blocks: [],
       ...(agentId ? { agentId } : {}),
-    };
-    this.register(event);
-    this.streamingUuid = uuid;
-    return [{ kind: 'append-event', event }];
+    }
+    this.register(event)
+    this.streamingUuid = uuid
+    return [{ kind: 'append-event', event }]
   }
 
   private startBlock(index: number, contentBlock: Rec): AgentUpsert[] {
-    const event = this.streaming();
-    if (!event) return [];
+    const event = this.streaming()
+    if (!event) return []
     // Les blocs arrivent dans l'ordre, mais un trou resterait un trou : on
     // comble plutôt que de laisser un tableau creux, que rien en aval ne sait lire.
-    while (event.blocks.length < index) event.blocks.push({ kind: 'text', text: '' });
+    while (event.blocks.length < index) event.blocks.push({ kind: 'text', text: '' })
 
-    const type = str(contentBlock.type);
-    let block: Block;
+    const type = str(contentBlock.type)
+    let block: Block
     if (type === 'tool_use') {
       block = {
         kind: 'tool_use',
@@ -323,36 +315,31 @@ export class Translator {
         name: str(contentBlock.name),
         input: {},
         result: null,
-      };
-      if (block.id) this.toolIndex.set(block.id, { uuid: event.uuid, index });
-      this.toolJson.delete(`${event.uuid}:${index}`);
+      }
+      if (block.id) this.toolIndex.set(block.id, { uuid: event.uuid, index })
+      this.toolJson.delete(`${event.uuid}:${index}`)
     } else if (type === 'thinking' || type === 'redacted_thinking') {
-      block = { kind: 'thinking', text: '', redacted: type === 'redacted_thinking' };
+      block = { kind: 'thinking', text: '', redacted: type === 'redacted_thinking' }
     } else {
-      block = { kind: 'text', text: '' };
+      block = { kind: 'text', text: '' }
     }
-    event.blocks[index] = block;
-    return [{ kind: 'replace-event', event }];
+    event.blocks[index] = block
+    return [{ kind: 'replace-event', event }]
   }
 
   private appendDelta(index: number, delta: Rec): AgentUpsert[] {
-    const event = this.streaming();
-    const block = event?.blocks[index];
-    if (!event || !block) return [];
-
-    const type = str(delta.type);
-    if (type === 'input_json_delta') return this.appendInput(event, index, str(delta.partial_json));
-
-    const text =
-      type === 'text_delta'
-        ? str(delta.text)
-        : type === 'thinking_delta'
-          ? str(delta.thinking)
-          : '';
-    if (!text) return [];
-
-    block.text = (block.text ?? '') + text;
-    return [{ kind: 'text-delta', uuid: event.uuid, blockIndex: index, text }];
+    const event = this.streaming()
+    const block = event?.blocks[index]
+    if (!event || !block) return []
+
+    const type = str(delta.type)
+    if (type === 'input_json_delta') return this.appendInput(event, index, str(delta.partial_json))
+
+    const text = type === 'text_delta' ? str(delta.text) : type === 'thinking_delta' ? str(delta.thinking) : ''
+    if (!text) return []
+
+    block.text = (block.text ?? '') + text
+    return [{ kind: 'text-delta', uuid: event.uuid, blockIndex: index, text }]
   }
 
   /**
@@ -365,35 +352,35 @@ export class Translator {
    * commande en train d'être tapée, au lieu d'un nom seul pendant une seconde.
    */
   private appendInput(event: TranscriptEvent, index: number, fragment: string): AgentUpsert[] {
-    if (!fragment) return [];
-    const key = `${event.uuid}:${index}`;
-    const buffer = this.toolJson.get(key) ?? { text: '', at: 0 };
-    buffer.text += fragment;
-    this.toolJson.set(key, buffer);
+    if (!fragment) return []
+    const key = `${event.uuid}:${index}`
+    const buffer = this.toolJson.get(key) ?? { text: '', at: 0 }
+    buffer.text += fragment
+    this.toolJson.set(key, buffer)
 
-    const now = Date.now();
+    const now = Date.now()
     // Passé la borne on ne relit plus — mais on relit **une dernière fois**. Un
     // premier fragment déjà plus gros qu'elle laissait sinon la carte sur un
     // `{}` jusqu'à la fin du message : figer sur ce qu'on a vu est le propos,
     // figer sur rien n'en est pas.
     if (buffer.text.length > INPUT_MAX) {
-      if (buffer.capped) return [];
-      buffer.capped = true;
+      if (buffer.capped) return []
+      buffer.capped = true
     } else if (now - buffer.at < INPUT_STEP_MS) {
-      return [];
+      return []
     }
-    buffer.at = now;
-
-    const input = repairJson(buffer.text);
-    if (!input) return [];
-    const block = event.blocks[index];
-    if (!block) return [];
-    block.input = input;
-    return [{ kind: 'tool-input', uuid: event.uuid, blockIndex: index, input }];
+    buffer.at = now
+
+    const input = repairJson(buffer.text)
+    if (!input) return []
+    const block = event.blocks[index]
+    if (!block) return []
+    block.input = input
+    return [{ kind: 'tool-input', uuid: event.uuid, blockIndex: index, input }]
   }
 
   private streaming(): TranscriptEvent | null {
-    return this.streamingUuid ? (this.byUuid.get(this.streamingUuid) ?? null) : null;
+    return this.streamingUuid ? (this.byUuid.get(this.streamingUuid) ?? null) : null
   }
 
   // ── Messages complets ─────────────────────────────────────────────────────
@@ -416,15 +403,15 @@ export class Translator {
    * direct du bloc qu'il décrit, et seulement celle-là.
    */
   onAssistant(message: Rec): AgentUpsert[] {
-    const payload = rec(message.message);
-    const uuid = str(payload.id) || randomUUID();
-    const agentId = agentOf(message);
+    const payload = rec(message.message)
+    const uuid = str(payload.id) || randomUUID()
+    const agentId = agentOf(message)
     // Un tour qui n'a rien à dire — la réponse à `/clear` en est une — arrive
     // avec ce texte en dur. Le rendre donnerait une bulle « (no content) » juste
     // sous un fil qu'on vient d'effacer. On n'écarte que ce qui n'existe pas
     // déjà : un message en cours de streaming garde son événement.
-    if (!this.byUuid.has(uuid) && isSilent(payload)) return [];
-    let event = this.byUuid.get(uuid);
+    if (!this.byUuid.has(uuid) && isSilent(payload)) return []
+    let event = this.byUuid.get(uuid)
     if (!event) {
       event = {
         uuid,
@@ -436,64 +423,64 @@ export class Translator {
         isMeta: false,
         blocks: [],
         ...(agentId ? { agentId } : {}),
-      };
-      this.register(event);
+      }
+      this.register(event)
     }
 
-    event.model = str(payload.model) || event.model;
-    const usage = rec(payload.usage);
+    event.model = str(payload.model) || event.model
+    const usage = rec(payload.usage)
     if (Object.keys(usage).length) {
       event.usage = {
         input: num(usage.input_tokens),
         output: num(usage.output_tokens),
         cacheRead: num(usage.cache_read_input_tokens),
         cacheCreate: num(usage.cache_creation_input_tokens),
-      };
+      }
     }
 
     // Les résultats déjà collés survivent au remplacement : un outil rapide peut
     // avoir répondu avant que la réponse complète n'arrive.
-    const previous = new Map<string, ToolResult | null | undefined>();
-    for (const b of event.blocks) if (b.id) previous.set(b.id, b.result);
+    const previous = new Map<string, ToolResult | null | undefined>()
+    for (const b of event.blocks) if (b.id) previous.set(b.id, b.result)
 
-    const target = event;
-    const base = this.sealed.get(uuid) ?? 0;
-    const content = arr(payload.content);
+    const target = event
+    const base = this.sealed.get(uuid) ?? 0
+    const content = arr(payload.content)
     // Un trou resterait un trou, comme au streaming : rien en aval ne sait lire
     // un tableau creux.
-    while (target.blocks.length < base) target.blocks.push({ kind: 'text', text: '' });
+    while (target.blocks.length < base) target.blocks.push({ kind: 'text', text: '' })
 
     content.forEach((raw, offset) => {
-      const index = base + offset;
-      const b = rec(raw);
-      const type = str(b.type);
+      const index = base + offset
+      const b = rec(raw)
+      const type = str(b.type)
       if (type === 'tool_use') {
-        const id = str(b.id);
-        if (id) this.toolIndex.set(id, { uuid, index });
+        const id = str(b.id)
+        if (id) this.toolIndex.set(id, { uuid, index })
         target.blocks[index] = {
           kind: 'tool_use',
           id,
           name: str(b.name),
           input: b.input ?? {},
           result: previous.get(id) ?? null,
-        } satisfies Block;
+        } satisfies Block
       } else if (type === 'thinking' || type === 'redacted_thinking') {
         target.blocks[index] = {
           kind: 'thinking',
           text: str(b.thinking),
           redacted: type === 'redacted_thinking',
-        } satisfies Block;
+        } satisfies Block
       } else {
-        target.blocks[index] = { kind: 'text', text: str(b.text) } satisfies Block;
+        target.blocks[index] = { kind: 'text', text: str(b.text) } satisfies Block
       }
       // L'entrée fait foi désormais : le fragment qui la préfigurait n'a plus de
       // raison d'occuper la mémoire d'une session qui dure des heures. Seuls les
       // blocs scellés ici sont oubliés — un appel suivant peut encore se frapper.
-      this.toolJson.delete(`${uuid}:${index}`);
-    });
-    this.sealed.set(uuid, base + content.length);
+      this.toolJson.delete(`${uuid}:${index}`)
+    })
+    this.sealed.set(uuid, base + content.length)
 
-    return [{ kind: 'replace-event', event }];
+    return [{ kind: 'replace-event', event }]
   }
 
   /**
@@ -504,35 +491,35 @@ export class Translator {
    * attend — un appel replié montre son résultat, pas une ligne de plus.
    */
   onUser(message: Rec): AgentUpsert[] {
-    const payload = rec(message.message);
-    const upserts: AgentUpsert[] = [];
-    const touched = new Set<string>();
-    const orphans: Block[] = [];
+    const payload = rec(message.message)
+    const upserts: AgentUpsert[] = []
+    const touched = new Set<string>()
+    const orphans: Block[] = []
 
     for (const raw of arr(payload.content)) {
-      const b = rec(raw);
-      if (str(b.type) !== 'tool_result') continue;
-      const toolUseId = str(b.tool_use_id);
+      const b = rec(raw)
+      if (str(b.type) !== 'tool_result') continue
+      const toolUseId = str(b.tool_use_id)
       const result: ToolResult = {
         content: resultText(b.content),
         isError: b.is_error === true,
-      };
+      }
       // Deux noms pour un même champ : le flux vivant le dit en `tool_use_result`,
       // les lignes de `.jsonl` en `toolUseResult`. On ne lisait que le second —
       // donc jamais rien en direct, alors que c'est lui qui porte le détail
       // structuré d'un `Read` ou d'un `Edit`.
-      const meta = message.tool_use_result ?? message.toolUseResult;
+      const meta = message.tool_use_result ?? message.toolUseResult
       if (meta && typeof meta === 'object' && !Array.isArray(meta)) {
-        result.meta = meta as Rec;
+        result.meta = meta as Rec
       }
 
-      const at = this.toolIndex.get(toolUseId);
-      const event = at ? this.byUuid.get(at.uuid) : undefined;
-      const block = event?.blocks[at?.index ?? -1];
+      const at = this.toolIndex.get(toolUseId)
+      const event = at ? this.byUuid.get(at.uuid) : undefined
+      const block = event?.blocks[at?.index ?? -1]
       if (event && block) {
-        block.result = result;
-        touched.add(event.uuid);
-        continue;
+        block.result = result
+        touched.add(event.uuid)
+        continue
       }
       // Sans appel apparié, on montre le résultat seul plutôt que de le perdre.
       orphans.push({
@@ -540,18 +527,18 @@ export class Translator {
         toolUseId,
         content: result.content,
         isError: result.isError,
-      });
+      })
     }
 
     for (const uuid of touched) {
-      const event = this.byUuid.get(uuid);
-      if (event) upserts.push({ kind: 'replace-event', event });
+      const event = this.byUuid.get(uuid)
+      if (event) upserts.push({ kind: 'replace-event', event })
     }
 
     if (orphans.length) {
       // Un résultat sans appel apparié appartient quand même à qui l'a demandé :
       // celui d'un sous-agent doit sortir du fil principal comme son appel.
-      const agentId = agentOf(message);
+      const agentId = agentOf(message)
       const event: TranscriptEvent = {
         uuid: randomUUID(),
         parentUuid: this.lastUuid,
@@ -563,11 +550,11 @@ export class Translator {
         origin: 'tool-result',
         blocks: orphans,
         ...(agentId ? { agentId } : {}),
-      };
-      this.register(event);
-      upserts.push({ kind: 'append-event', event });
+      }
+      this.register(event)
+      upserts.push({ kind: 'append-event', event })
     }
 
-    return upserts;
+    return upserts
   }
 }
diff --git a/server/backups.ts b/server/backups.ts
index ed6da3a..8b85593 100644
--- a/server/backups.ts
+++ b/server/backups.ts
@@ -6,48 +6,44 @@
 // and running it through the normal propose/apply flow (which itself backs up
 // the pre-restore state) — so restoring is just another guarded, previewed write.
 
-import { readdir, stat, readFile, rm } from 'node:fs/promises';
-import { join, relative, sep, normalize } from 'node:path';
-import { existsSync } from 'node:fs';
-import { BACKUPS_DIR } from './paths';
+import { existsSync } from 'node:fs'
+import { readdir, stat, readFile, rm } from 'node:fs/promises'
+import { join, relative, sep, normalize } from 'node:path'
+import { BACKUPS_DIR } from './paths'
 
 export interface BackupEntry {
   /** Snapshot id (the timestamped folder name). */
-  stamp: string;
+  stamp: string
   /** Path of the backed-up file, relative to the managed .claude dir. */
-  rel: string;
-  size: number;
-  mtime: number;
+  rel: string
+  size: number
+  mtime: number
 }
 
-async function walk(
-  dir: string,
-  base: string,
-  out: { rel: string; size: number; mtime: number }[],
-): Promise<void> {
+async function walk(dir: string, base: string, out: { rel: string; size: number; mtime: number }[]): Promise<void> {
   for (const d of await readdir(dir, { withFileTypes: true })) {
-    const p = join(dir, d.name);
+    const p = join(dir, d.name)
     if (d.isDirectory()) {
-      await walk(p, base, out);
+      await walk(p, base, out)
     } else {
-      const s = await stat(p);
-      out.push({ rel: relative(base, p).split(sep).join('/'), size: s.size, mtime: s.mtimeMs });
+      const s = await stat(p)
+      out.push({ rel: relative(base, p).split(sep).join('/'), size: s.size, mtime: s.mtimeMs })
     }
   }
 }
 
 /** Flat list of every backed-up file across all snapshots. */
 export async function listBackups(): Promise<BackupEntry[]> {
-  if (!existsSync(BACKUPS_DIR)) return [];
-  const out: BackupEntry[] = [];
+  if (!existsSync(BACKUPS_DIR)) return []
+  const out: BackupEntry[] = []
   for (const d of await readdir(BACKUPS_DIR, { withFileTypes: true })) {
-    if (!d.isDirectory()) continue;
-    const stampDir = join(BACKUPS_DIR, d.name);
-    const files: { rel: string; size: number; mtime: number }[] = [];
-    await walk(stampDir, stampDir, files);
-    for (const f of files) out.push({ stamp: d.name, rel: f.rel, size: f.size, mtime: f.mtime });
+    if (!d.isDirectory()) continue
+    const stampDir = join(BACKUPS_DIR, d.name)
+    const files: { rel: string; size: number; mtime: number }[] = []
+    await walk(stampDir, stampDir, files)
+    for (const f of files) out.push({ stamp: d.name, rel: f.rel, size: f.size, mtime: f.mtime })
   }
-  return out;
+  return out
 }
 
 /**
@@ -60,20 +56,20 @@ export async function listBackups(): Promise<BackupEntry[]> {
  * tout `.local/` — les sauvegardes *et* les préférences — et `readBackup` y
  * lisait hors du dossier des instantanés.
  */
-const STAMP = /^\d{4}-\d{2}-\d{2}T\d{2}-\d{2}-\d{2}-\d{3}Z$/;
+const STAMP = /^\d{4}-\d{2}-\d{2}T\d{2}-\d{2}-\d{2}-\d{3}Z$/
 
 /** Le dossier d'un instantané, ou une erreur si le nom n'en est pas un. */
 function stampDirOf(stamp: string): string {
-  if (!STAMP.test(stamp)) throw new Error('Instantané inconnu.');
-  return join(BACKUPS_DIR, stamp);
+  if (!STAMP.test(stamp)) throw new Error('Instantané inconnu.')
+  return join(BACKUPS_DIR, stamp)
 }
 
 /** Read a single backed-up file's content (guards against path traversal). */
 export async function readBackup(stamp: string, rel: string): Promise<string> {
-  const root = stampDirOf(stamp);
-  const abs = normalize(join(root, rel));
-  if (abs !== root && !abs.startsWith(root + sep)) throw new Error('Chemin de backup invalide.');
-  return readFile(abs, 'utf8');
+  const root = stampDirOf(stamp)
+  const abs = normalize(join(root, rel))
+  if (abs !== root && !abs.startsWith(root + sep)) throw new Error('Chemin de backup invalide.')
+  return readFile(abs, 'utf8')
 }
 
 /**
@@ -85,14 +81,14 @@ export async function readBackup(stamp: string, rel: string): Promise<string> {
  * demande maintenant par son nom, ci-dessous.
  */
 export async function purgeBackup(stamp: string): Promise<void> {
-  const target = stampDirOf(stamp);
+  const target = stampDirOf(stamp)
   // Ceinture et bretelles : `stampDirOf` a déjà refusé tout ce qui n'est pas un
   // instantané, mais un `rm -rf` mérite qu'on vérifie deux fois où il pointe.
-  if (!target.startsWith(BACKUPS_DIR + sep)) throw new Error('Chemin de backup invalide.');
-  await rm(target, { recursive: true, force: true });
+  if (!target.startsWith(BACKUPS_DIR + sep)) throw new Error('Chemin de backup invalide.')
+  await rm(target, { recursive: true, force: true })
 }
 
 /** Efface toutes les sauvegardes. Sans retour possible : à ne pas déduire. */
 export async function purgeAllBackups(): Promise<void> {
-  await rm(BACKUPS_DIR, { recursive: true, force: true });
+  await rm(BACKUPS_DIR, { recursive: true, force: true })
 }
diff --git a/server/claude/frontmatter.ts b/server/claude/frontmatter.ts
index 1d39671..908b6ed 100644
--- a/server/claude/frontmatter.ts
+++ b/server/claude/frontmatter.ts
@@ -5,34 +5,34 @@
 
 export interface Frontmatter {
   /** The parsed top-level scalar keys (strings only; nested/complex left out). */
-  data: Record<string, string>;
+  data: Record<string, string>
   /** The raw frontmatter block (without the `---` fences), or '' if none. */
-  raw: string;
+  raw: string
   /** The document body after the frontmatter. */
-  body: string;
+  body: string
   /** Whether a frontmatter block was present. */
-  present: boolean;
+  present: boolean
 }
 
-const FENCE = /^---\r?\n([\s\S]*?)\r?\n---\r?\n?/;
+const FENCE = /^---\r?\n([\s\S]*?)\r?\n---\r?\n?/
 
 /** Split a Markdown document into its frontmatter (shallow) and body. */
 export function parseFrontmatter(text: string): Frontmatter {
-  const m = FENCE.exec(text);
-  if (!m) return { data: {}, raw: '', body: text, present: false };
-  const raw = m[1] ?? '';
-  const body = text.slice(m[0].length);
-  const data: Record<string, string> = {};
+  const m = FENCE.exec(text)
+  if (!m) return { data: {}, raw: '', body: text, present: false }
+  const raw = m[1] ?? ''
+  const body = text.slice(m[0].length)
+  const data: Record<string, string> = {}
   for (const line of raw.split(/\r?\n/)) {
-    const kv = /^([A-Za-z0-9_-]+)\s*:\s*(.*)$/.exec(line);
-    if (!kv) continue; // skip nested/indented keys — shallow read only
-    const key = kv[1] as string;
-    let val = (kv[2] ?? '').trim();
+    const kv = /^([A-Za-z0-9_-]+)\s*:\s*(.*)$/.exec(line)
+    if (!kv) continue // skip nested/indented keys — shallow read only
+    const key = kv[1] as string
+    let val = (kv[2] ?? '').trim()
     // Strip matching surrounding quotes.
     if ((val.startsWith('"') && val.endsWith('"')) || (val.startsWith("'") && val.endsWith("'"))) {
-      val = val.slice(1, -1);
+      val = val.slice(1, -1)
     }
-    data[key] = val;
+    data[key] = val
   }
-  return { data, raw, body, present: true };
+  return { data, raw, body, present: true }
 }
diff --git a/server/claude/fs.ts b/server/claude/fs.ts
index 10b4f60..bf7581c 100644
--- a/server/claude/fs.ts
+++ b/server/claude/fs.ts
@@ -6,52 +6,52 @@
 // and writes only if the on-disk content still matches what the client saw
 // (optimistic concurrency — refuses to clobber an out-of-band change).
 
-import { readFile, writeFile, readdir, stat, mkdir, copyFile, cp, rm } from 'node:fs/promises';
-import { t } from '../i18n/index.ts';
-import { dirname, join } from 'node:path';
-import { resolveForRead, resolveForWrite, isDenied } from './paths';
-import { BACKUPS_DIR } from '../paths';
+import { readFile, writeFile, readdir, stat, mkdir, copyFile, cp, rm } from 'node:fs/promises'
+import { dirname, join } from 'node:path'
+import { t } from '../i18n/index.ts'
+import { BACKUPS_DIR } from '../paths'
+import { resolveForRead, resolveForWrite, isDenied } from './paths'
 
 export interface DirEntry {
   /** Root-relative path (POSIX-style). */
-  rel: string;
-  name: string;
-  kind: 'file' | 'dir';
-  size: number;
+  rel: string
+  name: string
+  kind: 'file' | 'dir'
+  size: number
   /** Epoch millis of last modification. */
-  mtime: number;
+  mtime: number
 }
 
 /** Read a UTF-8 text file. Throws PathError for escapes/denied, ENOENT if absent. */
 export async function readText(rel: string): Promise<string> {
-  const { abs } = resolveForRead(rel);
-  return readFile(abs, 'utf8');
+  const { abs } = resolveForRead(rel)
+  return readFile(abs, 'utf8')
 }
 
 /** Read a text file, returning null instead of throwing when it doesn't exist. */
 export async function readTextOrNull(rel: string): Promise<string | null> {
   try {
-    return await readText(rel);
+    return await readText(rel)
   } catch (err) {
-    if ((err as NodeJS.ErrnoException).code === 'ENOENT') return null;
-    throw err;
+    if ((err as NodeJS.ErrnoException).code === 'ENOENT') return null
+    throw err
   }
 }
 
 /** List one directory (non-recursive), hiding denied entries. */
 export async function listDir(rel: string): Promise<DirEntry[]> {
-  const { abs, rel: base } = resolveForRead(rel || '.');
-  const names = await readdir(abs, { withFileTypes: true });
-  const out: DirEntry[] = [];
+  const { abs, rel: base } = resolveForRead(rel || '.')
+  const names = await readdir(abs, { withFileTypes: true })
+  const out: DirEntry[] = []
   for (const d of names) {
-    const childRel = base && base !== '.' ? `${base}/${d.name}` : d.name;
-    if (isDenied(childRel)) continue;
-    let size = 0;
-    let mtime = 0;
+    const childRel = base && base !== '.' ? `${base}/${d.name}` : d.name
+    if (isDenied(childRel)) continue
+    let size = 0
+    let mtime = 0
     try {
-      const s = await stat(join(abs, d.name));
-      size = s.size;
-      mtime = s.mtimeMs;
+      const s = await stat(join(abs, d.name))
+      size = s.size
+      mtime = s.mtimeMs
     } catch {
       /* unreadable entry — report it with zeros rather than failing the listing */
     }
@@ -61,37 +61,35 @@ export async function listDir(rel: string): Promise<DirEntry[]> {
       kind: d.isDirectory() ? 'dir' : 'file',
       size,
       mtime,
-    });
+    })
   }
   // Directories first, then files, each alphabetical.
-  out.sort((a, b) =>
-    a.kind === b.kind ? a.name.localeCompare(b.name) : a.kind === 'dir' ? -1 : 1,
-  );
-  return out;
+  out.sort((a, b) => (a.kind === b.kind ? a.name.localeCompare(b.name) : a.kind === 'dir' ? -1 : 1))
+  return out
 }
 
 /** Does a readable path exist? (denied/escape ⇒ false). */
 export async function exists(rel: string): Promise<boolean> {
   try {
-    const { abs } = resolveForRead(rel);
-    await stat(abs);
-    return true;
+    const { abs } = resolveForRead(rel)
+    await stat(abs)
+    return true
   } catch {
-    return false;
+    return false
   }
 }
 
 export interface ApplyResult {
-  ok: true;
+  ok: true
   /** Absolute path of the backup that was taken (null when the file was new). */
-  backupPath: string | null;
-  rel: string;
+  backupPath: string | null
+  rel: string
 }
 
 /** Optimistic-concurrency mismatch: on-disk content changed since `propose`. */
 export class ConflictError extends Error {
   constructor(readonly current: string | null) {
-    super(t('guard.fileChanged'));
+    super(t('guard.fileChanged'))
   }
 }
 
@@ -102,35 +100,31 @@ export class ConflictError extends Error {
  *   `null` means "the file was expected not to exist". If reality differs, we
  *   throw ConflictError and write nothing.
  */
-export async function writeWithBackup(
-  rel: string,
-  content: string,
-  expectedBefore: string | null,
-): Promise<ApplyResult> {
-  const { abs, rel: safeRel } = resolveForWrite(rel);
+export async function writeWithBackup(rel: string, content: string, expectedBefore: string | null): Promise<ApplyResult> {
+  const { abs, rel: safeRel } = resolveForWrite(rel)
 
-  const current = await readTextOrNull(rel);
-  if (current !== expectedBefore) throw new ConflictError(current);
+  const current = await readTextOrNull(rel)
+  if (current !== expectedBefore) throw new ConflictError(current)
 
-  let backupPath: string | null = null;
+  let backupPath: string | null = null
   if (current !== null) {
-    backupPath = await backup(safeRel, abs);
+    backupPath = await backup(safeRel, abs)
   }
 
-  await mkdir(dirname(abs), { recursive: true });
-  await writeFile(abs, content, 'utf8');
-  return { ok: true, backupPath, rel: safeRel };
+  await mkdir(dirname(abs), { recursive: true })
+  await writeFile(abs, content, 'utf8')
+  return { ok: true, backupPath, rel: safeRel }
 }
 
 /** Copy the current file into a per-write timestamped backup tree. */
 async function backup(safeRel: string, abs: string): Promise<string> {
   // Caller-provided stamp avoids Date.now() here; use file mtime for uniqueness.
-  const s = await stat(abs);
-  const stamp = new Date(s.mtimeMs).toISOString().replace(/[:.]/g, '-');
-  const dest = join(BACKUPS_DIR, stamp, safeRel);
-  await mkdir(dirname(dest), { recursive: true });
-  await copyFile(abs, dest);
-  return dest;
+  const s = await stat(abs)
+  const stamp = new Date(s.mtimeMs).toISOString().replace(/[:.]/g, '-')
+  const dest = join(BACKUPS_DIR, stamp, safeRel)
+  await mkdir(dirname(dest), { recursive: true })
+  await copyFile(abs, dest)
+  return dest
 }
 
 /**
@@ -138,12 +132,12 @@ async function backup(safeRel: string, abs: string): Promise<string> {
  * directory — e.g. a whole skill folder). Throws ENOENT if it doesn't exist.
  */
 export async function deleteWithBackup(rel: string): Promise<{ backupPath: string; rel: string }> {
-  const { abs, rel: safeRel } = resolveForWrite(rel);
-  const s = await stat(abs); // ENOENT ⇒ nothing to delete
-  const stamp = new Date(s.mtimeMs).toISOString().replace(/[:.]/g, '-');
-  const dest = join(BACKUPS_DIR, stamp, safeRel);
-  await mkdir(dirname(dest), { recursive: true });
-  await cp(abs, dest, { recursive: true });
-  await rm(abs, { recursive: true, force: true });
-  return { backupPath: dest, rel: safeRel };
+  const { abs, rel: safeRel } = resolveForWrite(rel)
+  const s = await stat(abs) // ENOENT ⇒ nothing to delete
+  const stamp = new Date(s.mtimeMs).toISOString().replace(/[:.]/g, '-')
+  const dest = join(BACKUPS_DIR, stamp, safeRel)
+  await mkdir(dirname(dest), { recursive: true })
+  await cp(abs, dest, { recursive: true })
+  await rm(abs, { recursive: true, force: true })
+  return { backupPath: dest, rel: safeRel }
 }
diff --git a/server/claude/model.ts b/server/claude/model.ts
index dfc5fbd..a3481e5 100644
--- a/server/claude/model.ts
+++ b/server/claude/model.ts
@@ -12,13 +12,13 @@
 // second, up-front signal. Precedence follows Claude Code's own — the project's
 // local settings, then the project's, then the user's.
 
-import { readFile } from 'node:fs/promises';
-import { join } from 'node:path';
-import { CLAUDE_DIR } from './paths';
+import { readFile } from 'node:fs/promises'
+import { join } from 'node:path'
+import { CLAUDE_DIR } from './paths'
 
 /** A model id asks for the large window by carrying the `[1m]` suffix. */
 function isLong(model: string): boolean {
-  return model.includes('[1m]');
+  return model.includes('[1m]')
 }
 
 /**
@@ -29,11 +29,11 @@ function isLong(model: string): boolean {
  */
 async function modelOf(abs: string): Promise<string | null> {
   try {
-    const parsed: unknown = JSON.parse(await readFile(abs, 'utf8'));
-    const model = (parsed as { model?: unknown } | null)?.model;
-    return typeof model === 'string' && model ? model : null;
+    const parsed: unknown = JSON.parse(await readFile(abs, 'utf8'))
+    const model = (parsed as { model?: unknown } | null)?.model
+    return typeof model === 'string' && model ? model : null
   } catch {
-    return null;
+    return null
   }
 }
 
@@ -44,13 +44,13 @@ async function modelOf(abs: string): Promise<string | null> {
  * common case for the window, since the model is usually chosen once globally.
  */
 function settingsChain(cwd: string): string[] {
-  const chain: string[] = [];
+  const chain: string[] = []
   if (cwd) {
-    chain.push(join(cwd, '.claude', 'settings.local.json'));
-    chain.push(join(cwd, '.claude', 'settings.json'));
+    chain.push(join(cwd, '.claude', 'settings.local.json'))
+    chain.push(join(cwd, '.claude', 'settings.json'))
   }
-  chain.push(join(CLAUDE_DIR, 'settings.json'));
-  return chain;
+  chain.push(join(CLAUDE_DIR, 'settings.json'))
+  return chain
 }
 
 /**
@@ -58,26 +58,26 @@ function settingsChain(cwd: string): string[] {
  * changes only when the user picks another model. A short TTL keeps a burst of
  * polls off the disk while still noticing that change within seconds.
  */
-const TTL_MS = 5_000;
-const cache = new Map<string, { at: number; long: boolean }>();
+const TTL_MS = 5_000
+const cache = new Map<string, { at: number; long: boolean }>()
 
 /** True when the configured model asks for the 1M window. */
 export async function configuredLongWindow(cwd: string): Promise<boolean> {
-  const key = cwd || '';
-  const hit = cache.get(key);
-  if (hit && Date.now() - hit.at < TTL_MS) return hit.long;
+  const key = cwd || ''
+  const hit = cache.get(key)
+  if (hit && Date.now() - hit.at < TTL_MS) return hit.long
 
-  let long = false;
+  let long = false
   for (const file of settingsChain(key)) {
-    const model = await modelOf(file);
+    const model = await modelOf(file)
     // The first file that names a model decides: an override that selects a
     // small-window model must *win*, not be overruled by a broader setting.
     if (model) {
-      long = isLong(model);
-      break;
+      long = isLong(model)
+      break
     }
   }
 
-  cache.set(key, { at: Date.now(), long });
-  return long;
+  cache.set(key, { at: Date.now(), long })
+  return long
 }
diff --git a/server/claude/paths.ts b/server/claude/paths.ts
index 6e0012f..2dfe087 100644
--- a/server/claude/paths.ts
+++ b/server/claude/paths.ts
@@ -12,13 +12,13 @@
 // is decoration on Windows: `.Credentials.json` opens the very file that
 // `.credentials.json` refuses, and NTFS hands back the same bytes.
 
-import { loadEnv } from '../env';
-import { t } from '../i18n/index.ts';
-import { realpathSync } from 'node:fs';
-import { basename, dirname, normalize, sep, join } from 'node:path';
+import { realpathSync } from 'node:fs'
+import { basename, dirname, normalize, sep, join } from 'node:path'
+import { loadEnv } from '../env'
+import { t } from '../i18n/index.ts'
 
 /** Absolute root of the managed directory (usually ~/.claude). */
-export const CLAUDE_DIR = loadEnv().claudeDir;
+export const CLAUDE_DIR = loadEnv().claudeDir
 
 /**
  * The path as the disk names it: symlinks followed, real case, 8.3 short names
@@ -29,43 +29,31 @@ export const CLAUDE_DIR = loadEnv().claudeDir;
  * can only leave the root through a directory that, itself, already exists.
  */
 export function canonicalPath(abs: string): string {
-  let head = normalize(abs);
-  const tail: string[] = [];
+  let head = normalize(abs)
+  const tail: string[] = []
   for (;;) {
     try {
-      const real = realpathSync.native(head);
-      return tail.length ? join(real, ...tail) : real;
+      const real = realpathSync.native(head)
+      return tail.length ? join(real, ...tail) : real
     } catch {
-      const parent = dirname(head);
-      if (parent === head) return normalize(abs); // volume root unreachable
-      tail.unshift(basename(head));
-      head = parent;
+      const parent = dirname(head)
+      if (parent === head) return normalize(abs) // volume root unreachable
+      tail.unshift(basename(head))
+      head = parent
     }
   }
 }
 
 /** The root under its canonical form — every prefix check compares against it. */
-const CLAUDE_ROOT = canonicalPath(CLAUDE_DIR);
+const CLAUDE_ROOT = canonicalPath(CLAUDE_DIR)
 
 /** A path (relative to CLAUDE_DIR) refused for *any* access — secrets & noise. */
 const DENY_READ: { exact: Set<string>; prefixes: string[] } = {
   // Never read, expose, back up or modify these.
   exact: new Set(['.credentials.json']),
   // Volatile / huge / private-transcript areas: hidden from the browser too.
-  prefixes: [
-    'file-history',
-    'telemetry',
-    'paste-cache',
-    'shell-snapshots',
-    'statsig',
-    'cache',
-    'sessions',
-    'session-env',
-    'tasks',
-    'jobs',
-    'daemon',
-  ],
-};
+  prefixes: ['file-history', 'telemetry', 'paste-cache', 'shell-snapshots', 'statsig', 'cache', 'sessions', 'session-env', 'tasks', 'jobs', 'daemon'],
+}
 
 /** Path prefixes (relative to CLAUDE_DIR) that MAY be written by AURA. */
 const WRITE_ALLOW: { exact: Set<string>; prefixes: string[] } = {
@@ -75,14 +63,14 @@ const WRITE_ALLOW: { exact: Set<string>; prefixes: string[] } = {
   // Lower-cased, like every entry compared here — see the header note.
   exact: new Set(['settings.json', 'claude.md']),
   prefixes: ['agents', 'skills', 'projects'],
-};
+}
 
 /** Normalise a client path to POSIX-style, root-relative, no leading slash. */
 function toRel(rel: string): string {
   return normalize(rel)
     .replace(/^([/\\])+/, '')
     .split(sep)
-    .join('/');
+    .join('/')
 }
 
 export class PathError extends Error {
@@ -90,7 +78,7 @@ export class PathError extends Error {
     message: string,
     readonly code: 'escape' | 'denied' | 'not-writable' = 'denied',
   ) {
-    super(message);
+    super(message)
   }
 }
 
@@ -99,12 +87,12 @@ export class PathError extends Error {
  * CLAUDE_DIR, or throw. Guards against `..` escapes and absolute inputs.
  */
 export function resolveSafe(rel: string): { abs: string; rel: string } {
-  const cleaned = toRel(rel);
+  const cleaned = toRel(rel)
   // Canonicalise *before* judging: the name the client sent is not necessarily
   // the name the disk uses, and only the latter says where the bytes are.
-  const abs = canonicalPath(join(CLAUDE_ROOT, cleaned));
+  const abs = canonicalPath(join(CLAUDE_ROOT, cleaned))
   if (abs !== CLAUDE_ROOT && !abs.startsWith(CLAUDE_ROOT + sep)) {
-    throw new PathError(t('guard.outsideRoot', { path: rel }), 'escape');
+    throw new PathError(t('guard.outsideRoot', { path: rel }), 'escape')
   }
   // The denylist then runs on what the disk really names, not on what was asked:
   // `agents/../.credentials.json` and a symlink to it both end up as themselves.
@@ -114,39 +102,39 @@ export function resolveSafe(rel: string): { abs: string; rel: string } {
       : abs
           .slice(CLAUDE_ROOT.length + 1)
           .split(sep)
-          .join('/');
-  return { abs, rel: real };
+          .join('/')
+  return { abs, rel: real }
 }
 
 /** True when a root-relative path is hidden from all access (secrets/caches). */
 export function isDenied(rel: string): boolean {
-  const r = toRel(rel).toLowerCase();
-  if (DENY_READ.exact.has(r)) return true;
-  return DENY_READ.prefixes.some((p) => r === p || r.startsWith(p + '/'));
+  const r = toRel(rel).toLowerCase()
+  if (DENY_READ.exact.has(r)) return true
+  return DENY_READ.prefixes.some((p) => r === p || r.startsWith(p + '/'))
 }
 
 /** True when a root-relative path is within a AURA-writable area. */
 export function isWritable(rel: string): boolean {
-  const r = toRel(rel).toLowerCase();
-  if (isDenied(r)) return false;
-  if (WRITE_ALLOW.exact.has(r)) return true;
-  return WRITE_ALLOW.prefixes.some((p) => r === p || r.startsWith(p + '/'));
+  const r = toRel(rel).toLowerCase()
+  if (isDenied(r)) return false
+  if (WRITE_ALLOW.exact.has(r)) return true
+  return WRITE_ALLOW.prefixes.some((p) => r === p || r.startsWith(p + '/'))
 }
 
 /** Resolve for reading: throws on escape or a denied (secret/cache) path. */
 export function resolveForRead(rel: string): { abs: string; rel: string } {
-  const res = resolveSafe(rel);
+  const res = resolveSafe(rel)
   // C'est une politique d'AURA, pas un refus du système : elle s'énonce donc à
   // la première personne — voir docs/voix.md.
-  if (isDenied(res.rel)) throw new PathError(`Je ne lis pas ce chemin : ${rel}`, 'denied');
-  return res;
+  if (isDenied(res.rel)) throw new PathError(`Je ne lis pas ce chemin : ${rel}`, 'denied')
+  return res
 }
 
 /** Resolve for writing: throws unless the path is within a writable area. */
 export function resolveForWrite(rel: string): { abs: string; rel: string } {
-  const res = resolveSafe(rel);
+  const res = resolveSafe(rel)
   if (!isWritable(res.rel)) {
-    throw new PathError(t('guard.notWritable', { path: rel }), 'not-writable');
+    throw new PathError(t('guard.notWritable', { path: rel }), 'not-writable')
   }
-  return res;
+  return res
 }
diff --git a/server/context.ts b/server/context.ts
index 48135cf..734a28a 100644
--- a/server/context.ts
+++ b/server/context.ts
@@ -16,9 +16,7 @@
 //   not record) is surfaced as `unattributed` rather than smeared over the
 //   categories to make the chart look tidy.
 
-import { basename } from 'node:path';
-import { t } from './i18n/index.ts';
-import { str, num } from './json.ts';
+import { basename } from 'node:path'
 import {
   CONTEXT_CATEGORIES,
   estimateTokens,
@@ -28,13 +26,15 @@ import {
   type ContextInjection,
   type SessionContext,
   type TurnContext,
-} from '../shared/context.ts';
+} from '../shared/context.ts'
+import { t } from './i18n/index.ts'
+import { str, num } from './json.ts'
 
-export type { Compaction, SessionContext };
-export { estimateTokens };
+export type { Compaction, SessionContext }
+export { estimateTokens }
 
 /** An injection before the accumulator stamps it with its turn and phase. */
-type AttachmentInjection = Omit<ContextInjection, 'turnIndex' | 'phase'>;
+type AttachmentInjection = Omit<ContextInjection, 'turnIndex' | 'phase'>
 
 /**
  * What one (turn, category) accumulated before it becomes a row.
@@ -44,21 +44,21 @@ type AttachmentInjection = Omit<ContextInjection, 'turnIndex' | 'phase'>;
  * line — the count is kept, the twelve rows are not.
  */
 interface Cell {
-  tokens: number;
-  count: number;
-  input: number;
-  output: number;
-  thinking: number;
-  text: number;
-  byTool: Map<string, { tokens: number; count: number; isError: boolean }>;
+  tokens: number
+  count: number
+  input: number
+  output: number
+  thinking: number
+  text: number
+  byTool: Map<string, { tokens: number; count: number; isError: boolean }>
 }
 
 function newCell(): Cell {
-  return { tokens: 0, count: 0, input: 0, output: 0, thinking: 0, text: 0, byTool: new Map() };
+  return { tokens: 0, count: 0, input: 0, output: 0, thinking: 0, text: 0, byTool: new Map() }
 }
 
-const DEFAULT_LIMIT = 200_000;
-const LONG_LIMIT = 1_000_000;
+const DEFAULT_LIMIT = 200_000
+const LONG_LIMIT = 1_000_000
 
 /**
  * Window size for a session, deduced from what it actually did.
@@ -78,26 +78,22 @@ const LONG_LIMIT = 1_000_000;
  * against 200k and jump to 1M mid-flight. `configuredLong` closes that gap — the
  * suffix survives in settings, where the model was picked. See `claude/model.ts`.
  */
-export function contextLimitFor(
-  models: Iterable<string>,
-  observedMax = 0,
-  configuredLong = false,
-): number {
-  if (observedMax > DEFAULT_LIMIT) return LONG_LIMIT;
-  if (configuredLong) return LONG_LIMIT;
-  for (const m of models) if (m.includes('[1m]')) return LONG_LIMIT;
-  return DEFAULT_LIMIT;
+export function contextLimitFor(models: Iterable<string>, observedMax = 0, configuredLong = false): number {
+  if (observedMax > DEFAULT_LIMIT) return LONG_LIMIT
+  if (configuredLong) return LONG_LIMIT
+  for (const m of models) if (m.includes('[1m]')) return LONG_LIMIT
+  return DEFAULT_LIMIT
 }
 
 function zeroed(): Record<ContextCategory, number> {
-  const out = {} as Record<ContextCategory, number>;
-  for (const c of CONTEXT_CATEGORIES) out[c] = 0;
-  return out;
+  const out = {} as Record<ContextCategory, number>
+  for (const c of CONTEXT_CATEGORIES) out[c] = 0
+  return out
 }
 
 /** A short, human label for a path — the full path lives in `injection.path`. */
 function label(path: string): string {
-  return basename(path.replace(/[\\/]+$/, '')) || path;
+  return basename(path.replace(/[\\/]+$/, '')) || path
 }
 
 /**
@@ -110,11 +106,11 @@ function label(path: string): string {
  * rule, and the parent directory for everything else.
  */
 function memoryLabel(path: string): string {
-  const norm = path.replace(/\\/g, '/');
-  const rule = /(?:^|\/)\.claude\/rules\/(.+)$/i.exec(norm);
-  if (rule?.[1]) return `rules/${rule[1]}`;
-  const parts = norm.split('/').filter(Boolean);
-  return parts.slice(-2).join('/') || path;
+  const norm = path.replace(/\\/g, '/')
+  const rule = /(?:^|\/)\.claude\/rules\/(.+)$/i.exec(norm)
+  if (rule?.[1]) return `rules/${rule[1]}`
+  const parts = norm.split('/').filter(Boolean)
+  return parts.slice(-2).join('/') || path
 }
 
 /**
@@ -125,16 +121,16 @@ function memoryLabel(path: string): string {
  * negative remainder carries no information while rendering as an inverted bar.
  */
 export function settleTurn(turn: TurnContext, total: number): void {
-  let attributed = 0;
-  for (const c of CONTEXT_CATEGORIES) attributed += turn.byCategory[c];
-  turn.total = total;
-  turn.unattributed = Math.max(0, total - attributed);
+  let attributed = 0
+  for (const c of CONTEXT_CATEGORIES) attributed += turn.byCategory[c]
+  turn.total = total
+  turn.unattributed = Math.max(0, total - attributed)
 }
 
 /** The text of a `string[]` field, as it was concatenated into the window. */
 function joinStrings(value: unknown): string {
-  if (!Array.isArray(value)) return '';
-  return value.filter((v): v is string => typeof v === 'string').join('\n');
+  if (!Array.isArray(value)) return ''
+  return value.filter((v): v is string => typeof v === 'string').join('\n')
 }
 
 /**
@@ -149,34 +145,34 @@ function joinStrings(value: unknown): string {
  * tokens are still accounted for.
  */
 function catalogueEntries(lines: string[]): { entries: ContextEntry[]; count: number } {
-  const entries: ContextEntry[] = [];
-  let named = 0;
-  let current: ContextEntry | null = null;
+  const entries: ContextEntry[] = []
+  let named = 0
+  let current: ContextEntry | null = null
 
   for (const line of lines) {
-    const tokens = estimateTokens(line);
-    if (!tokens) continue;
-    const m = /^\s*-\s*([^:]+):/.exec(line);
+    const tokens = estimateTokens(line)
+    if (!tokens) continue
+    const m = /^\s*-\s*([^:]+):/.exec(line)
     if (m?.[1]) {
-      named++;
-      current = { label: m[1].trim(), tokens };
-      entries.push(current);
+      named++
+      current = { label: m[1].trim(), tokens }
+      entries.push(current)
     } else if (current) {
-      current.tokens += tokens; // continuation of the entry above
+      current.tokens += tokens // continuation of the entry above
     } else {
-      current = { label: t('context.preamble'), tokens };
-      entries.push(current);
+      current = { label: t('context.preamble'), tokens }
+      entries.push(current)
     }
   }
-  return { entries, count: named };
+  return { entries, count: named }
 }
 
 /** The file body an attachment carries under `content.file.content`. */
 function nestedFileText(value: unknown): { text: string; path: string } {
-  const a = value as Record<string, unknown>;
-  const content = a.content as Record<string, unknown> | undefined;
-  const file = content?.file as Record<string, unknown> | undefined;
-  return { text: str(file?.content), path: str(a.filename, str(file?.filePath)) };
+  const a = value as Record<string, unknown>
+  const content = a.content as Record<string, unknown> | undefined
+  const file = content?.file as Record<string, unknown> | undefined
+  return { text: str(file?.content), path: str(a.filename, str(file?.filePath)) }
 }
 
 /**
@@ -197,16 +193,16 @@ function nestedFileText(value: unknown): { text: string; path: string } {
  * The two always come together. Counting both would double the same text.
  */
 export function classifyAttachment(value: unknown): AttachmentInjection | null {
-  if (!value || typeof value !== 'object') return null;
-  const a = value as Record<string, unknown>;
+  if (!value || typeof value !== 'object') return null
+  const a = value as Record<string, unknown>
 
   switch (str(a.type)) {
     // ── Contenu de la session ────────────────────────────────────────────────
     case 'nested_memory': {
-      const content = a.content as Record<string, unknown> | undefined;
-      const text = str(content?.content);
-      if (!text) return null;
-      const path = str(a.path);
+      const content = a.content as Record<string, unknown> | undefined
+      const text = str(content?.content)
+      if (!text) return null
+      const path = str(a.path)
       return {
         category: 'memory',
         // Une règle chargée par glob (`.claude/rules/…`) arrive ici comme une
@@ -215,211 +211,208 @@ export function classifyAttachment(value: unknown): AttachmentInjection | null {
         path,
         tokens: estimateTokens(text),
         dedupeKey: `memory:${path}`,
-      };
+      }
     }
     // Le *catalogue* des skills, injecté une fois au démarrage : le menu de ce que
     // le modèle peut invoquer, pas une invocation. `invoked_skills` porte, lui, le
     // corps d'un skill réellement lancé.
     case 'skill_listing': {
-      const text = str(a.content);
-      if (!text) return null;
-      const { entries } = catalogueEntries(text.split('\n'));
+      const text = str(a.content)
+      if (!text) return null
+      const { entries } = catalogueEntries(text.split('\n'))
       // La comparaison porte sur le libellé traduit, pas sur le mot français :
       // ce `label` sort de `catalogueEntries`, qui le pose déjà dans la langue
       // de la requête. Le figer ici ferait compter le préambule comme un skill
       // dès que l'interface n'est plus en français.
-      const count =
-        num(a.skillCount) || entries.filter((e) => e.label !== t('context.preamble')).length;
+      const count = num(a.skillCount) || entries.filter((e) => e.label !== t('context.preamble')).length
       return {
         category: 'skills',
         label: count ? `Catalogue — ${count} skills disponibles` : 'Catalogue de skills',
         tokens: estimateTokens(text),
         entries,
-      };
+      }
     }
     // Le corps du skill, pas seulement son nom dans la liste.
     case 'invoked_skills': {
-      const skills = Array.isArray(a.skills) ? (a.skills as Record<string, unknown>[]) : [];
-      const text = skills.map((s) => str(s.content)).join('\n');
-      if (!text) return null;
-      const names = skills.map((s) => str(s.name)).filter(Boolean);
+      const skills = Array.isArray(a.skills) ? (a.skills as Record<string, unknown>[]) : []
+      const text = skills.map((s) => str(s.content)).join('\n')
+      if (!text) return null
+      const names = skills.map((s) => str(s.name)).filter(Boolean)
       return {
         category: 'skills',
-        label: names.length
-          ? t('context.skillNamed', { names: names.join(', ') })
-          : t('context.skillInvoked'),
+        label: names.length ? t('context.skillNamed', { names: names.join(', ') }) : t('context.skillInvoked'),
         tokens: estimateTokens(text),
         dedupeKey: `skill:${names.join(',')}`,
-      };
+      }
     }
     case 'file': {
-      const { text, path } = nestedFileText(a);
-      if (!text) return null;
+      const { text, path } = nestedFileText(a)
+      if (!text) return null
       return {
         category: 'files',
         label: label(path),
         path,
         tokens: estimateTokens(text),
         dedupeKey: `file:${path}`,
-      };
+      }
     }
     // Le harness redit qu'un fichier est déjà lu — et en rejoint le contenu. La
     // clé de dédoublonnage est celle de `file` : si ce chemin est déjà entré dans
     // la fenêtre, il n'y entre pas deux fois.
     case 'already_read_file': {
-      const { text, path } = nestedFileText(a);
-      if (!text) return null;
+      const { text, path } = nestedFileText(a)
+      if (!text) return null
       return {
         category: 'files',
         label: label(path),
         path,
         tokens: estimateTokens(text),
         dedupeKey: `file:${path}`,
-      };
+      }
     }
     // Un extrait neuf à chaque édition : aucune clé, ou l'on perdrait les suivants.
     case 'edited_text_file': {
-      const text = str(a.snippet);
-      if (!text) return null;
-      const path = str(a.filename);
-      return { category: 'files', label: label(path), path, tokens: estimateTokens(text) };
+      const text = str(a.snippet)
+      if (!text) return null
+      const path = str(a.filename)
+      return { category: 'files', label: label(path), path, tokens: estimateTokens(text) }
     }
     case 'plan_file_reference': {
-      const text = str(a.planContent);
-      if (!text) return null;
-      const path = str(a.planFilePath);
+      const text = str(a.planContent)
+      if (!text) return null
+      const path = str(a.planFilePath)
       return {
         category: 'files',
         label: label(path),
         path,
         tokens: estimateTokens(text),
         dedupeKey: `file:${path}`,
-      };
+      }
     }
     case 'directory': {
-      const text = str(a.content);
-      if (!text) return null;
-      const path = str(a.path);
+      const text = str(a.content)
+      if (!text) return null
+      const path = str(a.path)
       return {
         category: 'files',
         label: str(a.displayPath, label(path)),
         path,
         tokens: estimateTokens(text),
-      };
+      }
     }
 
     // ── Machinerie du harness ────────────────────────────────────────────────
     // Le catalogue des sous-agents disponibles — un menu, chargé au démarrage.
     case 'agent_listing_delta': {
-      const lines = Array.isArray(a.addedLines) ? (a.addedLines as string[]) : [];
-      const text = joinStrings(a.addedLines);
-      if (!text) return null;
-      const { entries, count } = catalogueEntries(lines);
-      const n = (Array.isArray(a.addedTypes) ? a.addedTypes.length : 0) || count;
+      const lines = Array.isArray(a.addedLines) ? (a.addedLines as string[]) : []
+      const text = joinStrings(a.addedLines)
+      if (!text) return null
+      const { entries, count } = catalogueEntries(lines)
+      const n = (Array.isArray(a.addedTypes) ? a.addedTypes.length : 0) || count
       return {
         category: 'harness',
         label: `Catalogue — ${n} agents disponibles`,
         tokens: estimateTokens(text),
         entries,
-      };
+      }
     }
     // Les schémas des outils différés ne sont pas ici — seulement leurs noms, qui
     // sont bien dans la fenêtre. Les schémas, eux, restent dans le socle.
     case 'deferred_tools_delta': {
-      const text = joinStrings(a.addedLines);
-      if (!text) return null;
-      const n = Array.isArray(a.addedNames) ? a.addedNames.length : 0;
+      const text = joinStrings(a.addedLines)
+      if (!text) return null
+      const n = Array.isArray(a.addedNames) ? a.addedNames.length : 0
       return {
         category: 'harness',
         label: t('context.deferredTools', { count: n }),
         tokens: estimateTokens(text),
-      };
+      }
     }
     case 'mcp_instructions_delta': {
-      const text = joinStrings(a.addedBlocks);
-      if (!text) return null;
-      const names = Array.isArray(a.addedNames) ? (a.addedNames as string[]) : [];
+      const text = joinStrings(a.addedBlocks)
+      if (!text) return null
+      const names = Array.isArray(a.addedNames) ? (a.addedNames as string[]) : []
       return {
         category: 'harness',
         label: names.length ? `MCP : ${names.join(', ')}` : 'Instructions MCP',
         tokens: estimateTokens(text),
-      };
+      }
     }
     case 'hook_additional_context': {
-      const text = joinStrings(a.content);
-      if (!text) return null;
+      const text = joinStrings(a.content)
+      if (!text) return null
       return {
         category: 'harness',
         label: `Hook ${str(a.hookName, '?')}`,
         tokens: estimateTokens(text),
-      };
+      }
     }
     case 'hook_non_blocking_error': {
-      const text = str(a.stderr);
-      if (!text) return null;
+      const text = str(a.stderr)
+      if (!text) return null
       return {
         category: 'harness',
         label: `Hook ${str(a.hookName, '?')} — erreur`,
         tokens: estimateTokens(text),
-      };
+      }
     }
     case 'hook_blocking_error': {
-      const err = a.blockingError as Record<string, unknown> | undefined;
-      const text = str(err?.blockingError);
-      if (!text) return null;
+      const err = a.blockingError as Record<string, unknown> | undefined
+      const text = str(err?.blockingError)
+      if (!text) return null
       return {
         category: 'harness',
         label: t('context.hookBlocked', { name: str(a.hookName, '?') }),
         tokens: estimateTokens(text),
-      };
+      }
     }
     // La notification qu'une tâche ou un sous-agent renvoie au fil principal.
     case 'queued_command': {
-      const text = str(a.prompt);
-      if (!text) return null;
+      const text = str(a.prompt)
+      if (!text) return null
       return {
         category: 'harness',
         label: str(a.commandMode, 'Commande en file'),
         tokens: estimateTokens(text),
-      };
+      }
     }
     case 'context_tip': {
-      const tip = a.tip as Record<string, unknown> | undefined;
-      const text = str(tip?.tip);
-      if (!text) return null;
-      return { category: 'harness', label: 'Conseil', tokens: estimateTokens(text) };
+      const tip = a.tip as Record<string, unknown> | undefined
+      const text = str(tip?.tip)
+      if (!text) return null
+      return { category: 'harness', label: 'Conseil', tokens: estimateTokens(text) }
     }
     // Ces deux-là ne gardent que des champs structurés ; le harness en compose un
     // texte que le transcript n'écrit pas. Le JSON des champs en est le plus
     // proche relevé — un ordre de grandeur, comme tout ce qui porte un « ~ ».
     case 'task_reminder': {
-      const items = Array.isArray(a.content) ? a.content : [];
-      if (!items.length) return null;
+      const items = Array.isArray(a.content) ? a.content : []
+      if (!items.length) return null
       return {
         category: 'harness',
         label: t('context.todoReminder', { count: items.length }),
         tokens: estimateTokens(JSON.stringify(items)),
-      };
+      }
     }
     case 'diagnostics': {
-      const files = Array.isArray(a.files) ? a.files : [];
-      if (!files.length) return null;
+      const files = Array.isArray(a.files) ? a.files : []
+      if (!files.length) return null
       return {
         category: 'harness',
         label: `Diagnostics (${files.length})`,
         tokens: estimateTokens(JSON.stringify(files)),
-      };
+      }
     }
 
     default:
-      return null;
+      return null
   }
 }
 
 /** The `compactMetadata` of a `compact_boundary` row, or `null` if unusable. */
 export function readCompaction(row: Record<string, unknown>, timestamp: number): Compaction | null {
-  const meta = row.compactMetadata as Record<string, unknown> | undefined;
-  if (!meta) return null;
+  const meta = row.compactMetadata as Record<string, unknown> | undefined
+  if (!meta) return null
   return {
     uuid: str(row.uuid),
     timestamp,
@@ -427,7 +420,7 @@ export function readCompaction(row: Record<string, unknown>, timestamp: number):
     preTokens: num(meta.preTokens),
     postTokens: num(meta.postTokens),
     durationMs: num(meta.durationMs),
-  };
+  }
 }
 
 /**
@@ -439,14 +432,14 @@ export function readCompaction(row: Record<string, unknown>, timestamp: number):
  */
 export class ContextAccumulator {
   /** Cumulative estimates since the last compaction. */
-  private running = zeroed();
-  private readonly turns: TurnContext[] = [];
-  private readonly compactions: Compaction[] = [];
-  private readonly injections: ContextInjection[] = [];
+  private running = zeroed()
+  private readonly turns: TurnContext[] = []
+  private readonly compactions: Compaction[] = []
+  private readonly injections: ContextInjection[] = []
   /** Compaction segment we are in; a compaction empties the window. */
-  private phase = 0;
+  private phase = 0
   /** `dedupeKey`s already admitted into the current phase's window. */
-  private seenKeys = new Set<string>();
+  private seenKeys = new Set<string>()
   /**
    * Text produced *during* a turn, gathered per (turn, category) so the panel can
    * show one row — "3 outils au tour 12" — instead of a hundred fragments.
@@ -454,18 +447,18 @@ export class ContextAccumulator {
    * `input` / `output` are filled for the `tools` category only, and are two
    * slices of `tokens`, not additions to it.
    */
-  private readonly perTurn = new Map<string, Cell>();
+  private readonly perTurn = new Map<string, Cell>()
 
   private cell(category: ContextCategory, turnIndex: number): Cell {
-    const key = `${this.phase}\0${turnIndex}\0${category}`;
-    const found = this.perTurn.get(key) ?? newCell();
-    this.perTurn.set(key, found);
-    return found;
+    const key = `${this.phase}\0${turnIndex}\0${category}`
+    const found = this.perTurn.get(key) ?? newCell()
+    this.perTurn.set(key, found)
+    return found
   }
 
   /** The turn a not-yet-begun injection will first weigh on. */
   private get nextTurnIndex(): number {
-    return this.turns.length;
+    return this.turns.length
   }
 
   /**
@@ -478,11 +471,11 @@ export class ContextAccumulator {
    */
   add(injection: Omit<ContextInjection, 'turnIndex' | 'phase'>): void {
     if (injection.dedupeKey) {
-      if (this.seenKeys.has(injection.dedupeKey)) return;
-      this.seenKeys.add(injection.dedupeKey);
+      if (this.seenKeys.has(injection.dedupeKey)) return
+      this.seenKeys.add(injection.dedupeKey)
     }
-    this.running[injection.category] += injection.tokens;
-    this.injections.push({ ...injection, turnIndex: this.nextTurnIndex, phase: this.phase });
+    this.running[injection.category] += injection.tokens
+    this.injections.push({ ...injection, turnIndex: this.nextTurnIndex, phase: this.phase })
   }
 
   /**
@@ -491,12 +484,12 @@ export class ContextAccumulator {
    * a time: a turn with forty tool calls should read as one line, not forty.
    */
   addText(category: ContextCategory, text: string, turnIndex: number): void {
-    if (!text) return;
-    this.running[category] += estimateTokens(text);
+    if (!text) return
+    this.running[category] += estimateTokens(text)
 
-    const cell = this.cell(category, turnIndex);
-    cell.tokens += estimateTokens(text);
-    cell.count++;
+    const cell = this.cell(category, turnIndex)
+    cell.tokens += estimateTokens(text)
+    cell.count++
   }
 
   /**
@@ -524,24 +517,24 @@ export class ContextAccumulator {
      */
     imageTokens = 0,
   ): void {
-    const inTokens = estimateTokens(input);
-    const outTokens = estimateTokens(output) + imageTokens;
-    if (!inTokens && !outTokens) return;
-
-    this.running.tools += inTokens + outTokens;
-    const cell = this.cell('tools', turnIndex);
-    cell.tokens += inTokens + outTokens;
-    cell.input += inTokens;
-    cell.output += outTokens;
-    cell.count++;
-
-    const key = name || 'Outil';
-    const tool = cell.byTool.get(key) ?? { tokens: 0, count: 0, isError: false };
-    tool.tokens += inTokens + outTokens;
-    tool.count++;
+    const inTokens = estimateTokens(input)
+    const outTokens = estimateTokens(output) + imageTokens
+    if (!inTokens && !outTokens) return
+
+    this.running.tools += inTokens + outTokens
+    const cell = this.cell('tools', turnIndex)
+    cell.tokens += inTokens + outTokens
+    cell.input += inTokens
+    cell.output += outTokens
+    cell.count++
+
+    const key = name || 'Outil'
+    const tool = cell.byTool.get(key) ?? { tokens: 0, count: 0, isError: false }
+    tool.tokens += inTokens + outTokens
+    tool.count++
     // One failed call among ten marks the row: the reader should look.
-    tool.isError ||= isError;
-    cell.byTool.set(key, tool);
+    tool.isError ||= isError
+    cell.byTool.set(key, tool)
   }
 
   /**
@@ -551,19 +544,19 @@ export class ContextAccumulator {
    * kept apart because only one of them shrinks when you ask for less thinking.
    */
   addThinking(turnIndex: number, kind: 'thinking' | 'text', text: string): void {
-    const tokens = estimateTokens(text);
-    if (!tokens) return;
-
-    this.running.thinking += tokens;
-    const cell = this.cell('thinking', turnIndex);
-    cell.tokens += tokens;
-    cell.count++;
-    cell[kind] += tokens;
+    const tokens = estimateTokens(text)
+    if (!tokens) return
+
+    this.running.thinking += tokens
+    const cell = this.cell('thinking', turnIndex)
+    cell.tokens += tokens
+    cell.count++
+    cell[kind] += tokens
   }
 
   /** Index of the turn currently being produced, for `addText`. */
   currentTurnIndex(): number {
-    return Math.max(0, this.turns.length - 1);
+    return Math.max(0, this.turns.length - 1)
   }
 
   /**
@@ -584,9 +577,9 @@ export class ContextAccumulator {
       total: 0,
       byCategory: { ...this.running },
       unattributed: 0,
-    };
-    this.turns.push(turn);
-    return turn;
+    }
+    this.turns.push(turn)
+    return turn
   }
 
   /**
@@ -596,26 +589,26 @@ export class ContextAccumulator {
    * paid for a second time, and must be counted a second time.
    */
   compact(compaction: Compaction): void {
-    this.compactions.push(compaction);
-    this.running = zeroed();
-    this.seenKeys = new Set();
-    this.phase++;
+    this.compactions.push(compaction)
+    this.running = zeroed()
+    this.seenKeys = new Set()
+    this.phase++
   }
 
   /** One row per (turn, category) of message-borne text, largest first downstream. */
   private flushPerTurn(): void {
     for (const [key, cell] of this.perTurn) {
-      const [rawPhase, rawTurn, category] = key.split('\0') as [string, string, ContextCategory];
-      const turnIndex = Number(rawTurn);
-      const human = turnIndex + 1; // Turns are 1-based for the reader.
+      const [rawPhase, rawTurn, category] = key.split('\0') as [string, string, ContextCategory]
+      const turnIndex = Number(rawTurn)
+      const human = turnIndex + 1 // Turns are 1-based for the reader.
 
-      let text: string;
+      let text: string
       if (category === 'tools') {
-        text = `${cell.count} ${cell.count > 1 ? 'appels d’outil' : 'appel d’outil'} au tour ${human}`;
+        text = `${cell.count} ${cell.count > 1 ? 'appels d’outil' : 'appel d’outil'} au tour ${human}`
       } else if (category === 'thinking') {
-        text = t('context.turnReasoning', { turn: human });
+        text = t('context.turnReasoning', { turn: human })
       } else {
-        text = `Tour ${human} — votre message`;
+        text = `Tour ${human} — votre message`
       }
 
       this.injections.push({
@@ -629,17 +622,13 @@ export class ContextAccumulator {
               toolCount: cell.count,
               inputTokens: cell.input,
               outputTokens: cell.output,
-              tools: [...cell.byTool]
-                .map(([name, t]) => ({ name, ...t }))
-                .sort((a, b) => b.tokens - a.tokens),
+              tools: [...cell.byTool].map(([name, t]) => ({ name, ...t })).sort((a, b) => b.tokens - a.tokens),
             }
           : {}),
-        ...(category === 'thinking'
-          ? { thinkingTokens: cell.thinking, textTokens: cell.text }
-          : {}),
-      });
+        ...(category === 'thinking' ? { thinkingTokens: cell.thinking, textTokens: cell.text } : {}),
+      })
     }
-    this.perTurn.clear();
+    this.perTurn.clear()
   }
 
   /**
@@ -655,21 +644,21 @@ export class ContextAccumulator {
    * "unknown" and does not draw.
    */
   private measureBaseline(): number {
-    const first = this.turns[0];
-    if (!first || first.total <= 0) return 0;
-    let injected = 0;
-    for (const c of CONTEXT_CATEGORIES) injected += first.byCategory[c];
-    return Math.max(0, first.total - injected);
+    const first = this.turns[0]
+    if (!first || first.total <= 0) return 0
+    let injected = 0
+    for (const c of CONTEXT_CATEGORIES) injected += first.byCategory[c]
+    return Math.max(0, first.total - injected)
   }
 
   result(models: Iterable<string>, configuredLong = false): SessionContext {
-    this.flushPerTurn();
+    this.flushPerTurn()
 
-    let observedMax = 0;
-    for (const t of this.turns) if (t.total > observedMax) observedMax = t.total;
+    let observedMax = 0
+    for (const t of this.turns) if (t.total > observedMax) observedMax = t.total
     // A compaction proves the window reached `preTokens`, even if no single turn
     // we anchored did — the harness saw a fuller window than any row records.
-    for (const c of this.compactions) if (c.preTokens > observedMax) observedMax = c.preTokens;
+    for (const c of this.compactions) if (c.preTokens > observedMax) observedMax = c.preTokens
 
     return {
       limit: contextLimitFor(models, observedMax, configuredLong),
@@ -677,6 +666,6 @@ export class ContextAccumulator {
       turns: this.turns,
       compactions: this.compactions,
       injections: this.injections,
-    };
+    }
   }
 }
diff --git a/server/diagnostics/behaviour.ts b/server/diagnostics/behaviour.ts
index 95c668a..6ece8ca 100644
--- a/server/diagnostics/behaviour.ts
+++ b/server/diagnostics/behaviour.ts
@@ -20,66 +20,64 @@
 //     sessions retenues, deux quarts ne sont que deux poignées : `comparable`
 //     passe à faux et l'UI doit s'abstenir de conclure.
 
-import type { SessionSignal } from './signals.ts';
+import type { SessionSignal } from './signals.ts'
 
 // ── Ce qu'on publie ──────────────────────────────────────────────────────────
 
 /** Un geste, vu chez les deux extrêmes du rendement. */
 export interface BehaviourStat {
   /** Médiane sur toutes les sessions retenues. */
-  median: number;
+  median: number
   /** Médiane du quart qui produit le plus d'éditions par heure. */
-  top: number;
+  top: number
   /** Médiane du quart qui en produit le moins. */
-  bottom: number;
+  bottom: number
 }
 
 export interface Behaviour {
   /** Sessions retenues : assez longues et ayant produit une modification. */
-  sessions: number;
+  sessions: number
   /** Faux quand l'échantillon est trop maigre pour opposer deux quarts. */
-  comparable: boolean;
+  comparable: boolean
   /** Éditions par heure — le rendement qui définit les quarts, pas une valeur. */
-  editsPerHour: BehaviourStat;
-  explorationRatio: BehaviourStat;
-  turnsPerPrompt: BehaviourStat;
+  editsPerHour: BehaviourStat
+  explorationRatio: BehaviourStat
+  turnsPerPrompt: BehaviourStat
   /** Part des sessions du quart qui portent au moins une interruption. */
-  interruptedShare: { top: number; bottom: number };
+  interruptedShare: { top: number; bottom: number }
 }
 
 /**
  * Deux quarts de moins de huit sessions chacun ne s'opposent pas : une seule
  * session atypique y déplacerait la médiane de moitié.
  */
-const MIN_SESSIONS = 32;
+const MIN_SESSIONS = 32
 
 /** Une session trop courte n'a pas de rendement : elle n'a pas eu le temps. */
-const MIN_TURNS = 10;
+const MIN_TURNS = 10
 
 // ── Outillage ────────────────────────────────────────────────────────────────
 
 function median(values: number[]): number {
-  if (!values.length) return 0;
-  const sorted = [...values].sort((a, b) => a - b);
-  const mid = sorted.length >> 1;
-  return sorted.length % 2
-    ? (sorted[mid] as number)
-    : ((sorted[mid - 1] as number) + (sorted[mid] as number)) / 2;
+  if (!values.length) return 0
+  const sorted = [...values].sort((a, b) => a - b)
+  const mid = sorted.length >> 1
+  return sorted.length % 2 ? (sorted[mid] as number) : ((sorted[mid - 1] as number) + (sorted[mid] as number)) / 2
 }
 
 /** Les heures d'une session, d'après ses bornes. Zéro si elles sont illisibles. */
 function hoursOf(s: SessionSignal): number {
-  const start = Date.parse(s.firstTs);
-  const end = Date.parse(s.lastTs);
-  if (!Number.isFinite(start) || !Number.isFinite(end) || end <= start) return 0;
-  return (end - start) / 3_600_000;
+  const start = Date.parse(s.firstTs)
+  const end = Date.parse(s.lastTs)
+  if (!Number.isFinite(start) || !Number.isFinite(end) || end <= start) return 0
+  return (end - start) / 3_600_000
 }
 
 const stat = (all: number[], top: number[], bottom: number[]): BehaviourStat => ({
   median: median(all),
   top: median(top),
   bottom: median(bottom),
-});
+})
 
 // ── Le calcul ────────────────────────────────────────────────────────────────
 
@@ -101,18 +99,16 @@ export function buildBehaviour(signals: SessionSignal[]): Behaviour {
       // Une session sans prompt identifiable (transcript ancien, reprise) n'a pas
       // de rapport tours/prompt : on la laisse hors de ce geste-là seulement.
       turnsPerPrompt: s.userTurns > 0 ? s.turns / s.userTurns : null,
-    }));
+    }))
 
-  const comparable = kept.length >= MIN_SESSIONS;
-  const sorted = [...kept].sort((a, b) => a.editsPerHour - b.editsPerHour);
-  const quarter = Math.floor(sorted.length / 4);
-  const bottom = comparable ? sorted.slice(0, quarter) : [];
-  const top = comparable ? sorted.slice(sorted.length - quarter) : [];
+  const comparable = kept.length >= MIN_SESSIONS
+  const sorted = [...kept].sort((a, b) => a.editsPerHour - b.editsPerHour)
+  const quarter = Math.floor(sorted.length / 4)
+  const bottom = comparable ? sorted.slice(0, quarter) : []
+  const top = comparable ? sorted.slice(sorted.length - quarter) : []
 
-  const perPrompt = (list: typeof kept): number[] =>
-    list.map((k) => k.turnsPerPrompt).filter((v): v is number => v !== null);
-  const interrupted = (list: typeof kept): number =>
-    list.length ? list.filter((k) => k.signal.interruptions > 0).length / list.length : 0;
+  const perPrompt = (list: typeof kept): number[] => list.map((k) => k.turnsPerPrompt).filter((v): v is number => v !== null)
+  const interrupted = (list: typeof kept): number => (list.length ? list.filter((k) => k.signal.interruptions > 0).length / list.length : 0)
 
   return {
     sessions: kept.length,
@@ -129,5 +125,5 @@ export function buildBehaviour(signals: SessionSignal[]): Behaviour {
     ),
     turnsPerPrompt: stat(perPrompt(kept), perPrompt(top), perPrompt(bottom)),
     interruptedShare: { top: interrupted(top), bottom: interrupted(bottom) },
-  };
+  }
 }
diff --git a/server/diagnostics/format.ts b/server/diagnostics/format.ts
index d6cb562..901ba7e 100644
--- a/server/diagnostics/format.ts
+++ b/server/diagnostics/format.ts
@@ -8,7 +8,7 @@
 // `Intl` sait déjà tout cela — séparateur décimal, place du symbole, espace
 // avant le pourcentage — et le sait pour les deux langues à la fois.
 
-import { locale } from '../i18n/index.ts';
+import { locale } from '../i18n/index.ts'
 
 /** Un montant en dollars, au prix catalogue de l'API. */
 export function usd(n: number): string {
@@ -18,7 +18,7 @@ export function usd(n: number): string {
     currencyDisplay: 'narrowSymbol',
     minimumFractionDigits: 2,
     maximumFractionDigits: 2,
-  }).format(n);
+  }).format(n)
 }
 
 /**
@@ -31,7 +31,7 @@ export function ratio(n: number): string {
   return new Intl.NumberFormat(locale(), {
     minimumFractionDigits: 1,
     maximumFractionDigits: 1,
-  }).format(n);
+  }).format(n)
 }
 
 /** Une part, en pourcentage entier : `78 %` / `78%`. */
@@ -39,7 +39,7 @@ export function pct(n: number): string {
   return new Intl.NumberFormat(locale(), {
     style: 'percent',
     maximumFractionDigits: 0,
-  }).format(n);
+  }).format(n)
 }
 
 /**
@@ -56,10 +56,10 @@ export function tok(n: number): string {
     new Intl.NumberFormat(locale(), {
       minimumFractionDigits: digits,
       maximumFractionDigits: digits,
-    }).format(v);
-  const space = locale() === 'fr' ? ' ' : '';
+    }).format(v)
+  const space = locale() === 'fr' ? ' ' : ''
 
-  if (n >= 1_000_000) return `${num(n / 1_000_000, 1)}${space}M`;
-  if (n >= 1_000) return `${num(Math.round(n / 1_000), 0)}${space}k`;
-  return num(Math.round(n), 0);
+  if (n >= 1_000_000) return `${num(n / 1_000_000, 1)}${space}M`
+  if (n >= 1_000) return `${num(Math.round(n / 1_000), 0)}${space}k`
+  return num(Math.round(n), 0)
 }
diff --git a/server/diagnostics/index.ts b/server/diagnostics/index.ts
index 20d7343..db9cd8e 100644
--- a/server/diagnostics/index.ts
+++ b/server/diagnostics/index.ts
@@ -5,42 +5,36 @@
 // il existe pour que la route, les tests et un script aient un seul appel à
 // faire, et pour qu'on ne puisse pas les enchaîner dans le mauvais ordre.
 
-import { getSignals } from './signals.ts';
-import { calibrate, type MetricName } from './thresholds.ts';
-import { detect, type RuleName } from './rules.ts';
-import { buildReport, type DiagnosticReport } from './recommend.ts';
-import { buildPace } from './pace.ts';
-import { buildBehaviour } from './behaviour.ts';
+import { buildBehaviour } from './behaviour.ts'
+import { buildPace } from './pace.ts'
+import { buildReport, type DiagnosticReport } from './recommend.ts'
+import { detect, type RuleName } from './rules.ts'
+import { getSignals } from './signals.ts'
+import { calibrate, type MetricName } from './thresholds.ts'
 
-export type { SessionSignal, InjectionCost, ModelCost, SubagentCost, ToolCost } from './signals.ts';
-export type { Calibration, MetricName, Thresholds } from './thresholds.ts';
-export type { Finding, Impact, RuleName, Scope, Severity, Trigger } from './rules.ts';
-export type {
-  DiagnosticReport,
-  ExecutiveSummary,
-  Recommendation,
-  Target,
-  TopAction,
-} from './recommend.ts';
-export type { CostBreakdown, SessionDiagnostic, SessionRank } from './session.ts';
-export type { Pace, PaceConcurrency, PaceCurrent, PaceWindows } from './pace.ts';
-export type { Behaviour, BehaviourStat } from './behaviour.ts';
-export { getPace, resetPaceCache } from './pace.ts';
-export { RULE_NAMES } from './rules.ts';
-export { METRIC_NAMES, MIN_SAMPLE, percentileRank } from './thresholds.ts';
-export { getSignals, resetSignalsCache } from './signals.ts';
-export { diagnoseSession } from './session.ts';
+export type { SessionSignal, InjectionCost, ModelCost, SubagentCost, ToolCost } from './signals.ts'
+export type { Calibration, MetricName, Thresholds } from './thresholds.ts'
+export type { Finding, Impact, RuleName, Scope, Severity, Trigger } from './rules.ts'
+export type { DiagnosticReport, ExecutiveSummary, Recommendation, Target, TopAction } from './recommend.ts'
+export type { CostBreakdown, SessionDiagnostic, SessionRank } from './session.ts'
+export type { Pace, PaceConcurrency, PaceCurrent, PaceWindows } from './pace.ts'
+export type { Behaviour, BehaviourStat } from './behaviour.ts'
+export { getPace, resetPaceCache } from './pace.ts'
+export { RULE_NAMES } from './rules.ts'
+export { METRIC_NAMES, MIN_SAMPLE, percentileRank } from './thresholds.ts'
+export { getSignals, resetSignalsCache } from './signals.ts'
+export { diagnoseSession } from './session.ts'
 
 export interface DiagnoseOptions {
   /** Bornes `AAAA-MM-JJ` inclusives sur le jour de démarrage d'une session. */
-  from?: string;
-  to?: string;
+  from?: string
+  to?: string
   /** Constats à taire, par `id` stable. */
-  ignore?: string[];
+  ignore?: string[]
   /** Règles désactivées. */
-  disabled?: RuleName[];
+  disabled?: RuleName[]
   /** Seuils imposés par l'utilisateur, qui priment sur la calibration. */
-  overrides?: Partial<Record<MetricName, number>>;
+  overrides?: Partial<Record<MetricName, number>>
 }
 
 /**
@@ -51,27 +45,25 @@ export interface DiagnoseOptions {
  * semaine écoulée comparerait des sessions à un passé qu'on a justement exclu.
  */
 export async function diagnose(options: DiagnoseOptions = {}): Promise<DiagnosticReport> {
-  const { signals: all, points: allPoints } = await getSignals();
+  const { signals: all, points: allPoints } = await getSignals()
   const signals = all.filter(
-    (s) =>
-      (!options.from || (s.firstDay && s.firstDay >= options.from)) &&
-      (!options.to || (s.firstDay && s.firstDay <= options.to)),
-  );
+    (s) => (!options.from || (s.firstDay && s.firstDay >= options.from)) && (!options.to || (s.firstDay && s.firstDay <= options.to)),
+  )
 
   // Le rythme suit le même filtre, par les sessions retenues : un point est daté
   // de sa réponse, alors qu'une session appartient à la période par son *premier*
   // jour. Filtrer les points sur leur propre date couperait en deux les sessions
   // à cheval sur la borne, et la fenêtre de 5 h qui l'enjambe avec.
-  const kept = new Set(signals.map((s) => s.sessionId));
-  const points = allPoints.filter((p) => kept.has(p.sessionId));
-  const pace = buildPace(signals, points, Date.now());
+  const kept = new Set(signals.map((s) => s.sessionId))
+  const points = allPoints.filter((p) => kept.has(p.sessionId))
+  const pace = buildPace(signals, points, Date.now())
 
-  const thresholds = calibrate(signals, options.overrides ?? {});
+  const thresholds = calibrate(signals, options.overrides ?? {})
   const findings = detect(signals, thresholds, {
     pace,
     ...(options.ignore ? { ignore: options.ignore } : {}),
     ...(options.disabled ? { disabled: options.disabled } : {}),
-  });
+  })
 
-  return buildReport(signals, thresholds, findings, pace, buildBehaviour(signals));
+  return buildReport(signals, thresholds, findings, pace, buildBehaviour(signals))
 }
diff --git a/server/diagnostics/pace.ts b/server/diagnostics/pace.ts
index b3ee388..e4cd893 100644
--- a/server/diagnostics/pace.ts
+++ b/server/diagnostics/pace.ts
@@ -25,66 +25,66 @@
 //    qui vont de sa première à sa dernière ligne. Une session laissée ouverte
 //    sans qu'on y touche compte donc comme ouverte : c'est ce qu'elle était.
 
-import { calibrateFrom, type MetricNumbers } from './thresholds.ts';
-import { getSignals, type CostPoint, type SessionSignal } from './signals.ts';
+import { getSignals, type CostPoint, type SessionSignal } from './signals.ts'
+import { calibrateFrom, type MetricNumbers } from './thresholds.ts'
 
 // ── Ce qu'on publie ──────────────────────────────────────────────────────────
 
 /** La fenêtre glissante de la limite d'usage : cinq heures. */
-export const WINDOW_MS = 5 * 60 * 60 * 1000;
+export const WINDOW_MS = 5 * 60 * 60 * 1000
 
-const HOUR_MS = 60 * 60 * 1000;
+const HOUR_MS = 60 * 60 * 1000
 
 export interface PaceWindows {
   /** Fenêtres mesurées — une par réponse API. */
-  samples: number;
+  samples: number
   /** Ce que valent ces fenêtres, en dollars. */
-  quantiles: { p50: number; p75: number; p90: number; max: number };
+  quantiles: { p50: number; p75: number; p90: number; max: number }
   /** La plus chère, et quand elle s'est achevée. */
-  peak: { cost: number; at: string };
+  peak: { cost: number; at: string }
   /**
    * Au-delà de quoi la fenêtre courante mérite qu'on en parle :
    * `max(P90 de vos fenêtres, un garde-fou)`. Même règle que partout ailleurs —
    * voir `thresholds.ts`.
    */
-  threshold: number;
+  threshold: number
   /** Faux quand le parc n'offre pas assez de fenêtres pour un percentile. */
-  calibrated: boolean;
+  calibrated: boolean
 }
 
 export interface PaceCurrent {
   /** Dépense des cinq dernières heures, tous projets confondus. */
-  cost: number;
+  cost: number
   /** Bornes ISO de cette fenêtre. */
-  from: string;
-  to: string;
+  from: string
+  to: string
   /** Sessions distinctes qui y ont dépensé. */
-  sessions: number;
+  sessions: number
   /** Place de cette fenêtre parmi les autres, entre 0 et 1. */
-  rank: number;
+  rank: number
 }
 
 export interface PaceConcurrency {
   /** Le plus grand nombre de sessions ouvertes en même temps. */
-  max: number;
+  max: number
   /** Heures passées avec au moins deux sessions ouvertes. */
-  hoursAtLeast2: number;
+  hoursAtLeast2: number
   /** Heures par niveau : `hoursByLevel[0]` = une seule session ouverte. */
-  hoursByLevel: number[];
+  hoursByLevel: number[]
   /** Total des heures pendant lesquelles au moins une session était ouverte. */
-  activeHours: number;
+  activeHours: number
   /**
    * À partir de combien d'heures « de front » on en parle. Garde-fou seul : le
    * parc ne fournit qu'une valeur de ce signal, dont aucun percentile ne sort.
    */
-  threshold: number;
+  threshold: number
 }
 
 export interface Pace {
-  windowHours: number;
-  current: PaceCurrent;
-  windows: PaceWindows;
-  concurrency: PaceConcurrency;
+  windowHours: number
+  current: PaceCurrent
+  windows: PaceWindows
+  concurrency: PaceConcurrency
 }
 
 /**
@@ -96,10 +96,10 @@ export interface Pace {
  * constante ne sert que sur une machine dont l'usage est trop maigre pour se
  * calibrer.
  */
-const WINDOW_GUARD = 30;
+const WINDOW_GUARD = 30
 
 /** Idem pour le temps passé à mener plusieurs sessions de front. */
-const CONCURRENCY_GUARD_HOURS = 10;
+const CONCURRENCY_GUARD_HOURS = 10
 
 // Les mots du signal ne sont pas ici : `calibrateFrom` les lit au catalogue sous
 // son nom, `paceWindow`. Ne reste que ce qui se calibre.
@@ -108,7 +108,7 @@ const WINDOW_METRIC: MetricNumbers = {
   direction: 'high',
   rank: 0.9,
   guard: WINDOW_GUARD,
-};
+}
 
 // ── La somme mobile ──────────────────────────────────────────────────────────
 
@@ -122,35 +122,35 @@ const WINDOW_METRIC: MetricNumbers = {
  * `points` doit être trié par `t` croissant ; `getSignals` s'en charge.
  */
 export function rollingWindows(points: CostPoint[], windowMs = WINDOW_MS): number[] {
-  const out: number[] = [];
-  let sum = 0;
-  let left = 0;
+  const out: number[] = []
+  let sum = 0
+  let left = 0
   for (let i = 0; i < points.length; i++) {
-    sum += points[i]!.cost;
+    sum += points[i]!.cost
     // La fenêtre est ouverte à gauche et fermée à droite : un point vieux d'exactement
     // cinq heures n'y est plus, ce qui est aussi la lecture d'une limite glissante.
     while (points[left]!.t <= points[i]!.t - windowMs) {
-      sum -= points[left]!.cost;
-      left++;
+      sum -= points[left]!.cost
+      left++
     }
-    out.push(sum);
+    out.push(sum)
   }
-  return out;
+  return out
 }
 
 /** La dépense d'une fenêtre qui s'achève à `at`, et les sessions qui y ont part. */
 function windowAt(points: CostPoint[], at: number, windowMs = WINDOW_MS): PaceCurrent {
-  const from = at - windowMs;
-  let cost = 0;
-  const sessions = new Set<string>();
+  const from = at - windowMs
+  let cost = 0
+  const sessions = new Set<string>()
   // À rebours : les points récents sont à la fin, et on s'arrête dès qu'on sort
   // de la fenêtre plutôt que de balayer tout le corpus.
   for (let i = points.length - 1; i >= 0; i--) {
-    const p = points[i]!;
-    if (p.t <= from) break;
-    if (p.t > at) continue;
-    cost += p.cost;
-    sessions.add(p.sessionId);
+    const p = points[i]!
+    if (p.t <= from) break
+    if (p.t > at) continue
+    cost += p.cost
+    sessions.add(p.sessionId)
   }
   return {
     cost,
@@ -158,7 +158,7 @@ function windowAt(points: CostPoint[], at: number, windowMs = WINDOW_MS): PaceCu
     to: new Date(at).toISOString(),
     sessions: sessions.size,
     rank: 0,
-  };
+  }
 }
 
 // ── Le recouvrement des sessions ─────────────────────────────────────────────
@@ -173,40 +173,37 @@ function windowAt(points: CostPoint[], at: number, windowMs = WINDOW_MS): PaceCu
  * Une session sans bornes lisibles, ou dont la fin précède le début, est écartée
  * plutôt que corrigée : une durée négative fausserait tous les niveaux à la fois.
  */
-export function concurrency(
-  spans: { start: number; end: number }[],
-  guardHours = CONCURRENCY_GUARD_HOURS,
-): PaceConcurrency {
-  const events: { t: number; delta: number }[] = [];
+export function concurrency(spans: { start: number; end: number }[], guardHours = CONCURRENCY_GUARD_HOURS): PaceConcurrency {
+  const events: { t: number; delta: number }[] = []
   for (const s of spans) {
-    if (!Number.isFinite(s.start) || !Number.isFinite(s.end) || s.end < s.start) continue;
-    events.push({ t: s.start, delta: 1 });
-    events.push({ t: s.end, delta: -1 });
+    if (!Number.isFinite(s.start) || !Number.isFinite(s.end) || s.end < s.start) continue
+    events.push({ t: s.start, delta: 1 })
+    events.push({ t: s.end, delta: -1 })
   }
   // Les fermetures avant les ouvertures à date égale : deux sessions bord à bord
   // ne se recouvrent pas, et les compter ensemble inventerait du parallélisme.
-  events.sort((a, b) => a.t - b.t || a.delta - b.delta);
+  events.sort((a, b) => a.t - b.t || a.delta - b.delta)
 
-  const hoursByLevel: number[] = [];
-  let level = 0;
-  let max = 0;
-  let previous = 0;
+  const hoursByLevel: number[] = []
+  let level = 0
+  let max = 0
+  let previous = 0
 
   for (const e of events) {
     if (level > 0 && e.t > previous) {
-      const hours = (e.t - previous) / HOUR_MS;
-      hoursByLevel[level - 1] = (hoursByLevel[level - 1] ?? 0) + hours;
+      const hours = (e.t - previous) / HOUR_MS
+      hoursByLevel[level - 1] = (hoursByLevel[level - 1] ?? 0) + hours
     }
-    level += e.delta;
-    if (level > max) max = level;
-    previous = e.t;
+    level += e.delta
+    if (level > max) max = level
+    previous = e.t
   }
 
-  for (let i = 0; i < max; i++) hoursByLevel[i] ??= 0;
-  const activeHours = hoursByLevel.reduce((a, b) => a + b, 0);
-  const hoursAtLeast2 = hoursByLevel.slice(1).reduce((a, b) => a + b, 0);
+  for (let i = 0; i < max; i++) hoursByLevel[i] ??= 0
+  const activeHours = hoursByLevel.reduce((a, b) => a + b, 0)
+  const hoursAtLeast2 = hoursByLevel.slice(1).reduce((a, b) => a + b, 0)
 
-  return { max, hoursAtLeast2, hoursByLevel, activeHours, threshold: guardHours };
+  return { max, hoursAtLeast2, hoursByLevel, activeHours, threshold: guardHours }
 }
 
 // ── Composition ──────────────────────────────────────────────────────────────
@@ -218,24 +215,24 @@ export function concurrency(
  * courante vérifiable sur des points fabriqués.
  */
 export function buildPace(signals: SessionSignal[], points: CostPoint[], now: number): Pace {
-  const sums = rollingWindows(points);
-  const calibration = calibrateFrom('paceWindow', WINDOW_METRIC, sums);
+  const sums = rollingWindows(points)
+  const calibration = calibrateFrom('paceWindow', WINDOW_METRIC, sums)
 
-  let peakCost = 0;
-  let peakAt = 0;
+  let peakCost = 0
+  let peakAt = 0
   for (let i = 0; i < sums.length; i++) {
     if (sums[i]! > peakCost) {
-      peakCost = sums[i]!;
-      peakAt = points[i]!.t;
+      peakCost = sums[i]!
+      peakAt = points[i]!.t
     }
   }
 
-  const current = windowAt(points, now);
+  const current = windowAt(points, now)
   // Le rang de la fenêtre courante parmi les autres — « plus chargée que 80 % de
   // vos fenêtres » se lit, là où un montant nu ne dit rien.
-  let below = 0;
-  for (const v of sums) if (v < current.cost) below++;
-  current.rank = sums.length ? below / sums.length : 0;
+  let below = 0
+  for (const v of sums) if (v < current.cost) below++
+  current.rank = sums.length ? below / sums.length : 0
 
   return {
     windowHours: WINDOW_MS / HOUR_MS,
@@ -252,10 +249,8 @@ export function buildPace(signals: SessionSignal[], points: CostPoint[], now: nu
       threshold: calibration.value,
       calibrated: calibration.calibrated,
     },
-    concurrency: concurrency(
-      signals.map((s) => ({ start: Date.parse(s.firstTs), end: Date.parse(s.lastTs) })),
-    ),
-  };
+    concurrency: concurrency(signals.map((s) => ({ start: Date.parse(s.firstTs), end: Date.parse(s.lastTs) }))),
+  }
 }
 
 // ── Cache court ──────────────────────────────────────────────────────────────
@@ -266,20 +261,20 @@ export function buildPace(signals: SessionSignal[], points: CostPoint[], now: nu
 // suffisent à rendre l'appel gratuit sans qu'un utilisateur voie jamais un
 // chiffre qui traîne : la fenêtre de 5 h ne bouge pas en une demi-minute.
 
-const CACHE_MS = 30_000;
+const CACHE_MS = 30_000
 
-let cached: { at: number; pace: Pace } | null = null;
+let cached: { at: number; pace: Pace } | null = null
 
 /** Vide le cache du rythme. Réservé aux tests. */
 export function resetPaceCache(): void {
-  cached = null;
+  cached = null
 }
 
 export async function getPace(): Promise<Pace> {
-  const now = Date.now();
-  if (cached && now - cached.at < CACHE_MS) return cached.pace;
-  const { signals, points } = await getSignals();
-  const pace = buildPace(signals, points, now);
-  cached = { at: now, pace };
-  return pace;
+  const now = Date.now()
+  if (cached && now - cached.at < CACHE_MS) return cached.pace
+  const { signals, points } = await getSignals()
+  const pace = buildPace(signals, points, now)
+  cached = { at: now, pace }
+  return pace
 }
diff --git a/server/diagnostics/recommend.ts b/server/diagnostics/recommend.ts
index 4aeb8ae..a413125 100644
--- a/server/diagnostics/recommend.ts
+++ b/server/diagnostics/recommend.ts
@@ -19,82 +19,82 @@
 //    tout cela figure dans `caveats`, et l'UI doit le rendre. Un rapport qui tait
 //    ses angles morts se lit comme un devis.
 
-import { createHash } from 'node:crypto';
-import { t } from '../i18n/index.ts';
-import { pct, ratio, tok, usd } from './format.ts';
-import type { SessionSignal } from './signals.ts';
-import type { Finding, Impact, RuleName, Severity } from './rules.ts';
-import type { Thresholds } from './thresholds.ts';
-import type { Pace } from './pace.ts';
-import type { Behaviour } from './behaviour.ts';
+import { createHash } from 'node:crypto'
+import { t } from '../i18n/index.ts'
+import type { Behaviour } from './behaviour.ts'
+import { pct, ratio, tok, usd } from './format.ts'
+import type { Pace } from './pace.ts'
+import type { Finding, Impact, RuleName, Severity } from './rules.ts'
+import type { SessionSignal } from './signals.ts'
+import type { Thresholds } from './thresholds.ts'
 
 // ── Ce qu'on publie ──────────────────────────────────────────────────────────
 
 /** Une session (ou un projet) désignée par une recommandation, prête au clic. */
 export interface Target {
   /** `sessionId` pour une session, slug pour un projet, `''` pour le parc. */
-  id: string;
-  project: string;
+  id: string
+  project: string
   /** Ce qu'on affiche : identifiant court et chiffre du constat. */
-  label: string;
-  usd?: number;
-  tokens?: number;
-  severity: Severity;
+  label: string
+  usd?: number
+  tokens?: number
+  severity: Severity
 }
 
 export interface Recommendation {
   /** Stable : dérivé de la seule règle. */
-  id: string;
-  rule: RuleName;
+  id: string
+  rule: RuleName
   /** La plus haute gravité parmi les constats regroupés. */
-  severity: Severity;
-  title: string;
+  severity: Severity
+  title: string
   /** Ce qui a été observé, en deux ou trois phrases. */
-  body: string;
+  body: string
   /** Ce qu'il y a à faire, dit par AURA. Une à deux phrases. */
-  action: string;
-  affected: number;
-  impact: Impact;
+  action: string
+  affected: number
+  impact: Impact
   /** Les cas les plus lourds, pour aller voir. */
-  targets: Target[];
-  findingIds: string[];
+  targets: Target[]
+  findingIds: string[]
   /**
    * Faux quand le seuil qui a déclenché ces constats venait du garde-fou faute
    * d'échantillon. L'UI doit le dire : ces cas sont plausibles, pas calibrés.
    */
-  calibrated: boolean;
+  calibrated: boolean
 }
 
 export interface TopAction {
-  recommendationId: string;
-  title: string;
+  recommendationId: string
+  title: string
   /** Le problème, chiffré, en une phrase. */
-  problem: string;
-  action: string;
-  impact: Impact;
+  problem: string
+  action: string
+  impact: Impact
 }
 
 export interface ExecutiveSummary {
-  period: { from: string; to: string };
-  sessions: number;
+  period: { from: string; to: string }
+  sessions: number
   /** Coût total du parc sur la période, aux tarifs API. */
-  cost: number;
-  findings: number;
-  top: TopAction[];
+  cost: number
+  findings: number
+  top: TopAction[]
   /** Ce que ce rapport ne sait pas. Toujours rendu à l'utilisateur. */
-  caveats: string[];
+  caveats: string[]
 }
 
 export interface DiagnosticReport {
-  summary: ExecutiveSummary;
-  recommendations: Recommendation[];
+  summary: ExecutiveSummary
+  recommendations: Recommendation[]
   /** Tous les constats, pour le détail et le drill-down. */
-  findings: Finding[];
-  thresholds: Thresholds;
+  findings: Finding[]
+  thresholds: Thresholds
   /** Le rythme de la période : fenêtre de 5 h et sessions de front. */
-  pace: Pace;
+  pace: Pace
   /** Ce que les sessions qui aboutissent font différemment, mesuré sur ce parc. */
-  behaviour: Behaviour;
+  behaviour: Behaviour
 }
 
 // ── Le texte, par règle ──────────────────────────────────────────────────────
@@ -107,32 +107,30 @@ export interface DiagnosticReport {
 // recommandation (`bodyFor`) restent en voix neutre : ce sont des mesures, et
 // une mesure n'appartient à personne. Le conseil, lui, engage celle qui le donne
 // — voir docs/voix.md.
-const titleOf = (rule: RuleName): string => t(`diagnostics.recommendations.titles.${rule}`);
-const actionOf = (rule: RuleName): string => t(`diagnostics.recommendations.actions.${rule}`);
+const titleOf = (rule: RuleName): string => t(`diagnostics.recommendations.titles.${rule}`)
+const actionOf = (rule: RuleName): string => t(`diagnostics.recommendations.actions.${rule}`)
 
 // ── Outillage ────────────────────────────────────────────────────────────────
 
-const SEVERITY_RANK: Record<Severity, number> = { info: 0, warn: 1, critical: 2 };
+const SEVERITY_RANK: Record<Severity, number> = { info: 0, warn: 1, critical: 2 }
 
 function makeId(rule: RuleName): string {
-  return createHash('sha1').update(`reco|${rule}`).digest('hex').slice(0, 12);
+  return createHash('sha1').update(`reco|${rule}`).digest('hex').slice(0, 12)
 }
 
 /** Le chiffre d'un impact, tel qu'on l'écrit dans une phrase. */
 function amount(impact: Impact): string {
-  const parts: string[] = [];
-  if (impact.usd !== undefined) parts.push(usd(impact.usd));
-  if (impact.tokens !== undefined) parts.push(`~${tok(impact.tokens)} tokens`);
-  return parts.join(', ') || '—';
+  const parts: string[] = []
+  if (impact.usd !== undefined) parts.push(usd(impact.usd))
+  if (impact.tokens !== undefined) parts.push(`~${tok(impact.tokens)} tokens`)
+  return parts.join(', ') || '—'
 }
 
 function median(values: number[]): number {
-  if (!values.length) return 0;
-  const sorted = [...values].sort((a, b) => a - b);
-  const mid = sorted.length >> 1;
-  return sorted.length % 2
-    ? (sorted[mid] as number)
-    : ((sorted[mid - 1] as number) + (sorted[mid] as number)) / 2;
+  if (!values.length) return 0
+  const sorted = [...values].sort((a, b) => a - b)
+  const mid = sorted.length >> 1
+  return sorted.length % 2 ? (sorted[mid] as number) : ((sorted[mid - 1] as number) + (sorted[mid] as number)) / 2
 }
 
 /**
@@ -142,22 +140,22 @@ function median(values: number[]): number {
  * jamais plus sûre que son terme le plus faible.
  */
 function sumImpacts(findings: Finding[]): Impact {
-  let usdTotal = 0;
-  let tokensTotal = 0;
-  let hasUsd = false;
-  let hasTokens = false;
-  let kind: Impact['kind'] = 'measured';
+  let usdTotal = 0
+  let tokensTotal = 0
+  let hasUsd = false
+  let hasTokens = false
+  let kind: Impact['kind'] = 'measured'
 
   for (const f of findings) {
     if (f.impact.usd !== undefined) {
-      usdTotal += f.impact.usd;
-      hasUsd = true;
+      usdTotal += f.impact.usd
+      hasUsd = true
     }
     if (f.impact.tokens !== undefined) {
-      tokensTotal += f.impact.tokens;
-      hasTokens = true;
+      tokensTotal += f.impact.tokens
+      hasTokens = true
     }
-    if (f.impact.kind === 'estimated') kind = 'estimated';
+    if (f.impact.kind === 'estimated') kind = 'estimated'
   }
 
   return {
@@ -165,13 +163,13 @@ function sumImpacts(findings: Finding[]): Impact {
     ...(hasTokens ? { tokens: tokensTotal } : {}),
     kind,
     basis: findings[0]?.impact.basis ?? '',
-  };
+  }
 }
 
 /** Le poids d'une recommandation. Un dollar prime ; les tokens ordonnent le reste. */
 function weight(impact: Impact): number {
-  if (impact.usd !== undefined) return impact.usd;
-  return -1 / ((impact.tokens ?? 0) + 1);
+  if (impact.usd !== undefined) return impact.usd
+  return -1 / ((impact.tokens ?? 0) + 1)
 }
 
 // ── Le corps d'une recommandation ────────────────────────────────────────────
@@ -184,79 +182,72 @@ function weight(impact: Impact): number {
  * rempli au hasard.
  */
 function bodyFor(rule: RuleName, findings: Finding[], signals: SessionSignal[]): string {
-  const n = findings.length;
-  const sessions =
-    n > 1
-      ? t('diagnostics.recommendations.manySessions', { n })
-      : t('diagnostics.recommendations.oneSession');
-  const metric = (key: string): number[] => findings.map((f) => f.metrics[key] ?? 0);
+  const n = findings.length
+  const sessions = n > 1 ? t('diagnostics.recommendations.manySessions', { n }) : t('diagnostics.recommendations.oneSession')
+  const metric = (key: string): number[] => findings.map((f) => f.metrics[key] ?? 0)
 
   switch (rule) {
     case 'historique-relu': {
-      const shares = metric('share');
-      const turns = metric('turns');
-      const peak = metric('peakContext');
+      const shares = metric('share')
+      const turns = metric('turns')
+      const peak = metric('peakContext')
       return t('diagnostics.recommendations.bodies.historique-relu', {
         sessions,
         share: pct(median(shares)),
         turns: Math.round(median(turns)),
         peak: tok(median(peak)),
-      });
+      })
     }
     case 'cache-faible': {
-      const ratios = metric('cacheHitRatio');
-      const parc = findings[0]?.metrics.parcMedian ?? 0;
+      const ratios = metric('cacheHitRatio')
+      const parc = findings[0]?.metrics.parcMedian ?? 0
       return t('diagnostics.recommendations.bodies.cache-faible', {
         sessions,
         ratio: pct(median(ratios)),
         median: pct(parc),
-      });
+      })
     }
     case 'sous-agents-couteux': {
-      const shares = metric('share');
-      const agents = metric('agents').reduce((a, b) => a + b, 0);
+      const shares = metric('share')
+      const agents = metric('agents').reduce((a, b) => a + b, 0)
       return t('diagnostics.recommendations.bodies.sous-agents-couteux', {
         sessions,
         agents,
         share: pct(median(shares)),
-      });
+      })
     }
     case 'outils-gourmands': {
-      const tools = new Map<string, number>();
-      for (const s of signals)
-        for (const t of s.tools) tools.set(t.name, (tools.get(t.name) ?? 0) + t.tokens);
-      const top = [...tools].sort((a, b) => b[1] - a[1]).slice(0, 3);
-      const all = [...tools.values()].reduce((a, b) => a + b, 0);
+      const tools = new Map<string, number>()
+      for (const s of signals) for (const t of s.tools) tools.set(t.name, (tools.get(t.name) ?? 0) + t.tokens)
+      const top = [...tools].sort((a, b) => b[1] - a[1]).slice(0, 3)
+      const all = [...tools.values()].reduce((a, b) => a + b, 0)
       return t('diagnostics.recommendations.bodies.outils-gourmands', {
         sessions,
         top: top.map(([name, v]) => `${name} ${pct(v / (all || 1))}`).join(', '),
-      });
+      })
     }
     case 'outils-en-echec': {
-      const rates = metric('errorRate');
-      const errors = metric('errors').reduce((a, b) => a + b, 0);
+      const rates = metric('errorRate')
+      const errors = metric('errors').reduce((a, b) => a + b, 0)
       return t('diagnostics.recommendations.bodies.outils-en-echec', {
         sessions,
         errors,
         rate: pct(median(rates)),
-      });
+      })
     }
     case 'compaction-lourde': {
-      const discarded = metric('discardedTokens');
-      const auto = metric('autoCompactions').reduce((a, b) => a + b, 0);
+      const discarded = metric('discardedTokens')
+      const auto = metric('autoCompactions').reduce((a, b) => a + b, 0)
       return t('diagnostics.recommendations.bodies.compaction-lourde', {
         sessions,
         tokens: tok(median(discarded)),
-        auto: auto
-          ? t('diagnostics.recommendations.bodies.compactionAuto', { n: auto })
-          : t('diagnostics.recommendations.bodies.compactionManual'),
-      });
+        auto: auto ? t('diagnostics.recommendations.bodies.compactionAuto', { n: auto }) : t('diagnostics.recommendations.bodies.compactionManual'),
+      })
     }
     case 'contexte-injecte': {
-      const labels = new Map<string, number>();
-      for (const s of signals)
-        for (const i of s.topInjections) labels.set(i.label, (labels.get(i.label) ?? 0) + i.tokens);
-      const top = [...labels].sort((a, b) => b[1] - a[1]).slice(0, 3);
+      const labels = new Map<string, number>()
+      for (const s of signals) for (const i of s.topInjections) labels.set(i.label, (labels.get(i.label) ?? 0) + i.tokens)
+      const top = [...labels].sort((a, b) => b[1] - a[1]).slice(0, 3)
       return t('diagnostics.recommendations.bodies.contexte-injecte', {
         sessions,
         top: top.length
@@ -264,63 +255,61 @@ function bodyFor(rule: RuleName, findings: Finding[], signals: SessionSignal[]):
               list: top.map(([l, v]) => `${l} (~${tok(v)})`).join(', '),
             })
           : '',
-      });
+      })
     }
     case 'socle-gaspille': {
-      const f = findings[0];
+      const f = findings[0]
       return t('diagnostics.recommendations.bodies.socle-gaspille', {
         sessions: f?.metrics.sessions ?? 0,
         turns: f?.metrics.turns ?? 0,
-      });
+      })
     }
     case 'exploration-sans-fin': {
-      const ratios = metric('explorationRatio');
-      const parc = findings[0]?.metrics.parcMedian ?? 0;
+      const ratios = metric('explorationRatio')
+      const parc = findings[0]?.metrics.parcMedian ?? 0
       return t('diagnostics.recommendations.bodies.exploration-sans-fin', {
         sessions,
         ratio: ratio(median(ratios)),
         median: ratio(parc),
-      });
+      })
     }
     case 'brief-morcele': {
-      const perPrompt = metric('turnsPerPrompt');
-      const parc = findings[0]?.metrics.parcMedian ?? 0;
+      const perPrompt = metric('turnsPerPrompt')
+      const parc = findings[0]?.metrics.parcMedian ?? 0
       return t('diagnostics.recommendations.bodies.brief-morcele', {
         sessions,
         ratio: ratio(median(perPrompt)),
         median: ratio(parc),
-      });
+      })
     }
     case 'reorientations': {
-      const total = metric('interruptions').reduce((a, b) => a + b, 0);
-      return t('diagnostics.recommendations.bodies.reorientations', { sessions, total });
+      const total = metric('interruptions').reduce((a, b) => a + b, 0)
+      return t('diagnostics.recommendations.bodies.reorientations', { sessions, total })
     }
     case 'relectures': {
-      const tokens = metric('rereadTokens').reduce((a, b) => a + b, 0);
-      const calls = metric('rereadCalls').reduce((a, b) => a + b, 0);
+      const tokens = metric('rereadTokens').reduce((a, b) => a + b, 0)
+      const calls = metric('rereadCalls').reduce((a, b) => a + b, 0)
       return t('diagnostics.recommendations.bodies.relectures', {
         sessions,
         calls,
         tokens: tok(tokens),
-      });
+      })
     }
     case 'fenetre-proche-limite': {
-      const fills = metric('contextFill');
-      const auto = metric('autoCompactions').reduce((a, b) => a + b, 0);
+      const fills = metric('contextFill')
+      const auto = metric('autoCompactions').reduce((a, b) => a + b, 0)
       return t('diagnostics.recommendations.bodies.fenetre-proche-limite', {
         sessions,
         fill: pct(median(fills)),
-        auto: auto
-          ? t('diagnostics.recommendations.bodies.windowAuto', { n: auto })
-          : t('diagnostics.recommendations.bodies.windowNoAuto'),
-      });
+        auto: auto ? t('diagnostics.recommendations.bodies.windowAuto', { n: auto }) : t('diagnostics.recommendations.bodies.windowNoAuto'),
+      })
     }
     case 'rythme-5h':
     case 'sessions-paralleles': {
       // Ces deux-là décrivent un état du parc, pas un lot de sessions : leur
       // constat unique porte déjà toute la phrase, et la reformuler ici la
       // dédoublerait.
-      return findings[0]?.message ?? '';
+      return findings[0]?.message ?? ''
     }
   }
 }
@@ -335,107 +324,90 @@ function bodyFor(rule: RuleName, findings: Finding[], signals: SessionSignal[]):
  * des deux côtés. C'est ce qui distingue une cause d'un symptôme.
  */
 function applyCrossings(recommendations: Recommendation[], findings: Finding[]): void {
-  const targetsOf = (rule: RuleName): Set<string> =>
-    new Set(findings.filter((f) => f.rule === rule && f.scope === 'session').map((f) => f.target));
-  const find = (rule: RuleName): Recommendation | undefined =>
-    recommendations.find((r) => r.rule === rule);
+  const targetsOf = (rule: RuleName): Set<string> => new Set(findings.filter((f) => f.rule === rule && f.scope === 'session').map((f) => f.target))
+  const find = (rule: RuleName): Recommendation | undefined => recommendations.find((r) => r.rule === rule)
 
   const overlap = (a: Set<string>, b: Set<string>): number => {
-    let n = 0;
-    for (const x of a) if (b.has(x)) n++;
-    return n;
-  };
+    let n = 0
+    for (const x of a) if (b.has(x)) n++
+    return n
+  }
 
-  const relu = targetsOf('historique-relu');
-  const outils = targetsOf('outils-gourmands');
-  const compact = targetsOf('compaction-lourde');
-  const agents = targetsOf('sous-agents-couteux');
+  const relu = targetsOf('historique-relu')
+  const outils = targetsOf('outils-gourmands')
+  const compact = targetsOf('compaction-lourde')
+  const agents = targetsOf('sous-agents-couteux')
 
   const cross = (reco: Recommendation | undefined, n: number, key: string): void => {
-    if (reco && n >= 1) reco.body += ` ${t(`diagnostics.recommendations.crossings.${key}`, { n })}`;
-  };
+    if (reco && n >= 1) reco.body += ` ${t(`diagnostics.recommendations.crossings.${key}`, { n })}`
+  }
 
-  cross(find('historique-relu'), overlap(relu, outils), 'reluOutils');
-  cross(find('compaction-lourde'), overlap(compact, relu), 'compactRelu');
-  cross(find('sous-agents-couteux'), overlap(agents, relu), 'agentsRelu');
+  cross(find('historique-relu'), overlap(relu, outils), 'reluOutils')
+  cross(find('compaction-lourde'), overlap(compact, relu), 'compactRelu')
+  cross(find('sous-agents-couteux'), overlap(agents, relu), 'agentsRelu')
 }
 
 // ── Les avertissements du rapport ────────────────────────────────────────────
 
-function buildCaveats(
-  signals: SessionSignal[],
-  thresholds: Thresholds,
-  recommendations: Recommendation[],
-  behaviour: Behaviour,
-): string[] {
+function buildCaveats(signals: SessionSignal[], thresholds: Thresholds, recommendations: Recommendation[], behaviour: Behaviour): string[] {
   // Le seul endroit du rapport où AURA dit « je ne sais pas ». C'est exactement
   // ce que la charte réserve à la première personne : une limite appartient à
   // celle qui la constate.
-  const caveats: string[] = [];
+  const caveats: string[] = []
 
   if (behaviour.comparable) {
-    caveats.push(t('diagnostics.recommendations.caveats.throughput'));
+    caveats.push(t('diagnostics.recommendations.caveats.throughput'))
   }
 
-  caveats.push(t('diagnostics.recommendations.caveats.listPrices'));
+  caveats.push(t('diagnostics.recommendations.caveats.listPrices'))
 
   // `<synthetic>` n'est pas un modèle : c'est la marque d'un message fabriqué par
   // le harness (annulation, erreur). Le compter parmi les tarifs manquants ferait
   // douter d'un total qui, lui, ne lui doit rien.
-  const unpriced = [...new Set(signals.flatMap((s) => s.unpricedModels))]
-    .filter((m) => m !== '<synthetic>')
-    .sort();
+  const unpriced = [...new Set(signals.flatMap((s) => s.unpricedModels))].filter((m) => m !== '<synthetic>').sort()
   if (unpriced.length) {
     caveats.push(
       t('diagnostics.recommendations.caveats.unpriced', {
         count: unpriced.length,
         models: unpriced.join(', '),
       }),
-    );
+    )
   }
 
-  const uncalibrated = recommendations.filter((r) => !r.calibrated).map((r) => r.title);
+  const uncalibrated = recommendations.filter((r) => !r.calibrated).map((r) => r.title)
   if (uncalibrated.length) {
-    caveats.push(
-      t('diagnostics.recommendations.caveats.uncalibrated', { rules: uncalibrated.join(', ') }),
-    );
+    caveats.push(t('diagnostics.recommendations.caveats.uncalibrated', { rules: uncalibrated.join(', ') }))
   }
 
   if (recommendations.some((r) => r.impact.kind === 'estimated')) {
-    caveats.push(t('diagnostics.recommendations.caveats.estimates'));
+    caveats.push(t('diagnostics.recommendations.caveats.estimates'))
   }
 
-  void thresholds;
-  return caveats;
+  void thresholds
+  return caveats
 }
 
 // ── Construction ─────────────────────────────────────────────────────────────
 
 /** La phrase-problème d'une action, tirée de son impact et de son ampleur. */
 function problemOf(reco: Recommendation): string {
-  const where =
-    reco.affected > 1
-      ? t('diagnostics.recommendations.manySessions', { n: reco.affected })
-      : t('diagnostics.recommendations.oneSession');
+  const where = reco.affected > 1 ? t('diagnostics.recommendations.manySessions', { n: reco.affected }) : t('diagnostics.recommendations.oneSession')
   return t('diagnostics.recommendations.problem', {
     where,
     amount: amount(reco.impact),
     estimated: reco.impact.kind === 'estimated' ? t('diagnostics.recommendations.estimated') : '',
-  });
+  })
 }
 
 function toTarget(f: Finding): Target {
   return {
     id: f.target,
     project: f.project,
-    label:
-      f.scope === 'session'
-        ? `${f.target.slice(0, 8)}…`
-        : f.target || t('diagnostics.recommendations.wholeFleet'),
+    label: f.scope === 'session' ? `${f.target.slice(0, 8)}…` : f.target || t('diagnostics.recommendations.wholeFleet'),
     ...(f.impact.usd !== undefined ? { usd: f.impact.usd } : {}),
     ...(f.impact.tokens !== undefined ? { tokens: f.impact.tokens } : {}),
     severity: f.severity,
-  };
+  }
 }
 
 /**
@@ -451,23 +423,20 @@ export function buildReport(
   pace: Pace,
   behaviour: Behaviour,
 ): DiagnosticReport {
-  const groups = new Map<RuleName, Finding[]>();
+  const groups = new Map<RuleName, Finding[]>()
   for (const f of findings) {
-    const list = groups.get(f.rule);
-    if (list) list.push(f);
-    else groups.set(f.rule, [f]);
+    const list = groups.get(f.rule)
+    if (list) list.push(f)
+    else groups.set(f.rule, [f])
   }
 
-  const recommendations: Recommendation[] = [];
+  const recommendations: Recommendation[] = []
   for (const [rule, group] of groups) {
-    const impact = sumImpacts(group);
+    const impact = sumImpacts(group)
     recommendations.push({
       id: makeId(rule),
       rule,
-      severity: group.reduce<Severity>(
-        (worst, f) => (SEVERITY_RANK[f.severity] > SEVERITY_RANK[worst] ? f.severity : worst),
-        'info',
-      ),
+      severity: group.reduce<Severity>((worst, f) => (SEVERITY_RANK[f.severity] > SEVERITY_RANK[worst] ? f.severity : worst), 'info'),
       title: titleOf(rule),
       body: bodyFor(rule, group, signals),
       action: actionOf(rule),
@@ -480,22 +449,20 @@ export function buildReport(
       findingIds: group.map((f) => f.id),
       // Un seul constat sur un seuil de repli suffit à marquer le groupe.
       calibrated: group.every((f) => f.trigger?.calibrated !== false),
-    });
+    })
   }
 
-  recommendations.sort(
-    (a, b) => weight(b.impact) - weight(a.impact) || a.rule.localeCompare(b.rule),
-  );
-  applyCrossings(recommendations, findings);
+  recommendations.sort((a, b) => weight(b.impact) - weight(a.impact) || a.rule.localeCompare(b.rule))
+  applyCrossings(recommendations, findings)
 
   // ── Résumé ────────────────────────────────────────────────────────────────
-  let from = '';
-  let to = '';
-  let cost = 0;
+  let from = ''
+  let to = ''
+  let cost = 0
   for (const s of signals) {
-    cost += s.cost;
-    if (s.firstDay && (!from || s.firstDay < from)) from = s.firstDay;
-    if (s.firstDay && s.firstDay > to) to = s.firstDay;
+    cost += s.cost
+    if (s.firstDay && (!from || s.firstDay < from)) from = s.firstDay
+    if (s.firstDay && s.firstDay > to) to = s.firstDay
   }
 
   const summary: ExecutiveSummary = {
@@ -512,7 +479,7 @@ export function buildReport(
       impact: r.impact,
     })),
     caveats: buildCaveats(signals, thresholds, recommendations, behaviour),
-  };
+  }
 
-  return { summary, recommendations, findings, thresholds, pace, behaviour };
+  return { summary, recommendations, findings, thresholds, pace, behaviour }
 }
diff --git a/server/diagnostics/rules.ts b/server/diagnostics/rules.ts
index db72836..bdd08c3 100644
--- a/server/diagnostics/rules.ts
+++ b/server/diagnostics/rules.ts
@@ -26,23 +26,17 @@
 //     est un avertissement. Un parc qui se calme voit ses `critical` s'éteindre
 //     tout seuls, sans qu'on ait retouché quoi que ce soit.
 
-import { createHash } from 'node:crypto';
-import { t } from '../i18n/index.ts';
-import { pct, ratio, tok, usd } from './format.ts';
-import type { SessionSignal } from './signals.ts';
-import type { Pace } from './pace.ts';
-import {
-  exceeds,
-  valueOf,
-  type Calibration,
-  type MetricName,
-  type Thresholds,
-} from './thresholds.ts';
+import { createHash } from 'node:crypto'
+import { t } from '../i18n/index.ts'
+import { pct, ratio, tok, usd } from './format.ts'
+import type { Pace } from './pace.ts'
+import type { SessionSignal } from './signals.ts'
+import { exceeds, valueOf, type Calibration, type MetricName, type Thresholds } from './thresholds.ts'
 
 // ── Ce qu'on publie ──────────────────────────────────────────────────────────
 
-export type Severity = 'info' | 'warn' | 'critical';
-export type Scope = 'session' | 'project' | 'global';
+export type Severity = 'info' | 'warn' | 'critical'
+export type Scope = 'session' | 'project' | 'global'
 
 /**
  * Le chiffre qui porte le constat.
@@ -57,39 +51,39 @@ export type Scope = 'session' | 'project' | 'global';
  * n'a pas causée. `basis` porte alors ce qui a été compté, et rien de plus.
  */
 export interface Impact {
-  usd?: number;
-  tokens?: number;
-  kind: 'measured' | 'estimated';
+  usd?: number
+  tokens?: number
+  kind: 'measured' | 'estimated'
   /** D'où sort le chiffre, en une phrase. Rendu à l'utilisateur. */
-  basis: string;
+  basis: string
 }
 
 /** Le seuil qui a déclenché, tel qu'il a été calibré — pour que l'UI puisse douter. */
 export interface Trigger {
-  metric: MetricName;
-  value: number;
-  threshold: number;
+  metric: MetricName
+  value: number
+  threshold: number
   /** Faux quand l'échantillon était trop maigre : le seuil vient du garde-fou. */
-  calibrated: boolean;
-  bound: Calibration['bound'];
+  calibrated: boolean
+  bound: Calibration['bound']
 }
 
 export interface Finding {
   /** Stable d'un scan à l'autre : c'est lui qu'on met en liste d'exclusion. */
-  id: string;
-  rule: RuleName;
-  severity: Severity;
-  scope: Scope;
+  id: string
+  rule: RuleName
+  severity: Severity
+  scope: Scope
   /** `sessionId`, slug de projet, ou `''` pour un constat de parc. */
-  target: string;
+  target: string
   /** Le projet concerné, pour le renvoi vers la session. */
-  project: string;
-  title: string;
-  message: string;
+  project: string
+  title: string
+  message: string
   /** Ce que l'UI peut afficher en détail. Toujours des nombres, jamais du texte. */
-  metrics: Record<string, number>;
-  impact: Impact;
-  trigger?: Trigger;
+  metrics: Record<string, number>
+  impact: Impact
+  trigger?: Trigger
 }
 
 export const RULE_NAMES = [
@@ -111,20 +105,20 @@ export const RULE_NAMES = [
   // Ce qui consomme la ressource — des rythmes, lisibles en direct
   'rythme-5h',
   'sessions-paralleles',
-] as const;
+] as const
 
-export type RuleName = (typeof RULE_NAMES)[number];
+export type RuleName = (typeof RULE_NAMES)[number]
 
 export interface DetectOptions {
   /** Constats à taire, par `id`. Un faux positif se fait taire sans bouger un seuil. */
-  ignore?: string[];
+  ignore?: string[]
   /** Règles désactivées. */
-  disabled?: RuleName[];
+  disabled?: RuleName[]
   /**
    * Le rythme du parc, quand on l'a calculé. Sans lui, les deux règles qui en
    * dépendent se taisent : elles ne portent aucun jugement par défaut.
    */
-  pace?: Pace;
+  pace?: Pace
 }
 
 // ── Outillage commun ─────────────────────────────────────────────────────────
@@ -137,7 +131,7 @@ export interface DetectOptions {
  * d'exclusion de l'utilisateur se viderait à chaque relecture du corpus.
  */
 function makeId(rule: RuleName, scope: Scope, target: string): string {
-  return createHash('sha1').update(`${rule}|${scope}|${target}`).digest('hex').slice(0, 12);
+  return createHash('sha1').update(`${rule}|${scope}|${target}`).digest('hex').slice(0, 12)
 }
 
 /**
@@ -147,13 +141,10 @@ function makeId(rule: RuleName, scope: Scope, target: string): string {
  * 35 % sous un seuil de 70 % dépasse d'autant qu'un coût double de son seuil.
  */
 function severityOf(calibration: Calibration, value: number): Severity {
-  const ratio =
-    calibration.direction === 'high'
-      ? value / (calibration.value || 1)
-      : (calibration.value || 1) / (value || calibration.value || 1);
-  if (ratio >= 2) return 'critical';
-  if (ratio >= 1.3) return 'warn';
-  return 'info';
+  const ratio = calibration.direction === 'high' ? value / (calibration.value || 1) : (calibration.value || 1) / (value || calibration.value || 1)
+  if (ratio >= 2) return 'critical'
+  if (ratio >= 1.3) return 'warn'
+  return 'info'
 }
 
 function triggerOf(metric: MetricName, calibration: Calibration, value: number): Trigger {
@@ -163,7 +154,7 @@ function triggerOf(metric: MetricName, calibration: Calibration, value: number):
     threshold: calibration.value,
     calibrated: calibration.calibrated,
     bound: calibration.bound,
-  };
+  }
 }
 
 /**
@@ -176,11 +167,11 @@ function triggerOf(metric: MetricName, calibration: Calibration, value: number):
  * est donc absent, et l'impact retombe sur ses tokens, qui eux sont comptés.
  */
 function money(n: number): number | undefined {
-  return n > 0 ? n : undefined;
+  return n > 0 ? n : undefined
 }
 
 /** Le début d'un `sessionId`, seule forme lisible dans une phrase. */
-const short = (id: string): string => `${id.slice(0, 8)}…`;
+const short = (id: string): string => `${id.slice(0, 8)}…`
 
 /**
  * Le contexte réellement attribué d'une session.
@@ -190,7 +181,7 @@ const short = (id: string): string => `${id.slice(0, 8)}…`;
  * sait nommer*, jamais une part de la fenêtre — les messages le disent.
  */
 function attributed(s: SessionSignal): number {
-  return Object.values(s.byCategory).reduce((a, b) => a + b, 0);
+  return Object.values(s.byCategory).reduce((a, b) => a + b, 0)
 }
 
 // ── Les règles, une par constat ──────────────────────────────────────────────
@@ -199,15 +190,15 @@ function attributed(s: SessionSignal): number {
 // `null`. Le déclenchement est toujours délégué à `exceeds` : aucune règle ne
 // compare elle-même à un nombre.
 
-type SessionRule = (s: SessionSignal, t: Thresholds) => Finding | null;
+type SessionRule = (s: SessionSignal, t: Thresholds) => Finding | null
 
 /** Ce que coûte la seule relecture de l'historique déjà lu. */
 const historiqueRelu: SessionRule = (s, th) => {
-  const c = th.metrics.cacheReadCost;
-  const value = valueOf('cacheReadCost', s);
-  if (!exceeds(c, value) || value === null) return null;
+  const c = th.metrics.cacheReadCost
+  const value = valueOf('cacheReadCost', s)
+  if (!exceeds(c, value) || value === null) return null
 
-  const share = s.cost > 0 ? value / s.cost : 0;
+  const share = s.cost > 0 ? value / s.cost : 0
   return {
     id: makeId('historique-relu', 'session', s.sessionId),
     rule: 'historique-relu',
@@ -238,21 +229,21 @@ const historiqueRelu: SessionRule = (s, th) => {
       basis: t('diagnostics.rules.historique-relu.basis'),
     },
     trigger: triggerOf('cacheReadCost', c, value),
-  };
-};
+  }
+}
 
 /** Une fenêtre reconstruite plutôt que relue : le cache ne prend pas. */
 const cacheFaible: SessionRule = (s, th) => {
-  const c = th.metrics.cacheHitRatio;
-  const value = valueOf('cacheHitRatio', s);
-  if (!exceeds(c, value) || value === null) return null;
+  const c = th.metrics.cacheHitRatio
+  const value = valueOf('cacheHitRatio', s)
+  if (!exceeds(c, value) || value === null) return null
 
   // Le prix de *construction* de la fenêtre : l'entrée jamais mise en cache, plus
   // le cache qu'il a fallu écrire. C'est ce que la session n'a pas amorti — et
   // c'est non nul par construction, puisque la règle ne tire qu'en dessous de
   // 70 % de relecture.
-  const building = s.inputCost + s.cacheCreateCost;
-  const buildingTokens = s.tokens.input + s.tokens.cacheCreate;
+  const building = s.inputCost + s.cacheCreateCost
+  const buildingTokens = s.tokens.input + s.tokens.cacheCreate
 
   return {
     id: makeId('cache-faible', 'session', s.sessionId),
@@ -270,9 +261,7 @@ const cacheFaible: SessionRule = (s, th) => {
         median: pct(c.quantiles.p50),
         tokens: tok(buildingTokens),
       }) +
-      (s.unpricedModels.length
-        ? t('diagnostics.rules.cache-faible.unpriced')
-        : t('diagnostics.rules.cache-faible.priced', { cost: usd(building) })),
+      (s.unpricedModels.length ? t('diagnostics.rules.cache-faible.unpriced') : t('diagnostics.rules.cache-faible.priced', { cost: usd(building) })),
     metrics: {
       cacheHitRatio: value,
       parcMedian: c.quantiles.p50,
@@ -293,17 +282,17 @@ const cacheFaible: SessionRule = (s, th) => {
       basis: t('diagnostics.rules.cache-faible.basis'),
     },
     trigger: triggerOf('cacheHitRatio', c, value),
-  };
-};
+  }
+}
 
 /** Ce que les délégations ont coûté, lu dans leurs propres fichiers. */
 const sousAgentsCouteux: SessionRule = (s, th) => {
-  const c = th.metrics.subagentCost;
-  const value = valueOf('subagentCost', s);
-  if (!exceeds(c, value) || value === null) return null;
+  const c = th.metrics.subagentCost
+  const value = valueOf('subagentCost', s)
+  if (!exceeds(c, value) || value === null) return null
 
-  const share = s.cost > 0 ? value / s.cost : 0;
-  const types = [...new Set(s.subagents.map((a) => a.agentType).filter(Boolean))];
+  const share = s.cost > 0 ? value / s.cost : 0
+  const types = [...new Set(s.subagents.map((a) => a.agentType).filter(Boolean))]
   return {
     id: makeId('sous-agents-couteux', 'session', s.sessionId),
     rule: 'sous-agents-couteux',
@@ -315,9 +304,7 @@ const sousAgentsCouteux: SessionRule = (s, th) => {
     message: t('diagnostics.rules.sous-agents-couteux.message', {
       id: short(s.sessionId),
       count: s.subagents.length,
-      types: types.length
-        ? types.join(', ')
-        : t('diagnostics.rules.sous-agents-couteux.unknownType'),
+      types: types.length ? types.join(', ') : t('diagnostics.rules.sous-agents-couteux.unknownType'),
       cost: usd(value),
       share: pct(share),
       turns: s.subagentTurns,
@@ -335,17 +322,17 @@ const sousAgentsCouteux: SessionRule = (s, th) => {
       basis: t('diagnostics.rules.sous-agents-couteux.basis'),
     },
     trigger: triggerOf('subagentCost', c, value),
-  };
-};
+  }
+}
 
 /** Les outils occupent la fenêtre — et c'est le premier poste du parc. */
 const outilsGourmands: SessionRule = (s, th) => {
-  const c = th.metrics.toolTokens;
-  const value = valueOf('toolTokens', s);
-  if (!exceeds(c, value) || value === null) return null;
+  const c = th.metrics.toolTokens
+  const value = valueOf('toolTokens', s)
+  if (!exceeds(c, value) || value === null) return null
 
-  const top = s.tools[0];
-  const known = attributed(s);
+  const top = s.tools[0]
+  const known = attributed(s)
   return {
     id: makeId('outils-gourmands', 'session', s.sessionId),
     rule: 'outils-gourmands',
@@ -385,23 +372,20 @@ const outilsGourmands: SessionRule = (s, th) => {
       basis: t('diagnostics.rules.outils-gourmands.basis'),
     },
     trigger: triggerOf('toolTokens', c, value),
-  };
-};
+  }
+}
 
 /** Des appels qui échouent : des tokens dépensés sans rien produire. */
 const outilsEnEchec: SessionRule = (s, th) => {
-  const c = th.metrics.toolErrorRate;
-  const value = valueOf('toolErrorRate', s);
-  if (!exceeds(c, value) || value === null) return null;
+  const c = th.metrics.toolErrorRate
+  const value = valueOf('toolErrorRate', s)
+  if (!exceeds(c, value) || value === null) return null
 
-  const calls = s.tools.reduce((n, x) => n + x.calls, 0);
-  const worst = [...s.tools].sort((a, b) => b.errors - a.errors)[0];
+  const calls = s.tools.reduce((n, x) => n + x.calls, 0)
+  const worst = [...s.tools].sort((a, b) => b.errors - a.errors)[0]
   // Le coût d'un appel raté n'est pas relevé : on prorate le poids de l'outil par
   // sa part d'échecs. Ordre de grandeur, et rien de plus.
-  const wasted = s.tools.reduce(
-    (n, x) => n + (x.calls > 0 ? (x.tokens * x.errors) / x.calls : 0),
-    0,
-  );
+  const wasted = s.tools.reduce((n, x) => n + (x.calls > 0 ? (x.tokens * x.errors) / x.calls : 0), 0)
 
   return {
     id: makeId('outils-en-echec', 'session', s.sessionId),
@@ -439,16 +423,16 @@ const outilsEnEchec: SessionRule = (s, th) => {
       basis: t('diagnostics.rules.outils-en-echec.basis'),
     },
     trigger: triggerOf('toolErrorRate', c, value),
-  };
-};
+  }
+}
 
 /** Une compaction jette du contexte qu'il a fallu payer pour construire. */
 const compactionLourde: SessionRule = (s, th) => {
-  const c = th.metrics.compactionWaste;
-  const value = valueOf('compactionWaste', s);
-  if (!exceeds(c, value) || value === null) return null;
+  const c = th.metrics.compactionWaste
+  const value = valueOf('compactionWaste', s)
+  if (!exceeds(c, value) || value === null) return null
 
-  const auto = s.compactions.filter((x) => x.trigger === 'auto').length;
+  const auto = s.compactions.filter((x) => x.trigger === 'auto').length
   return {
     id: makeId('compaction-lourde', 'session', s.sessionId),
     rule: 'compaction-lourde',
@@ -460,9 +444,7 @@ const compactionLourde: SessionRule = (s, th) => {
     message: t('diagnostics.rules.compaction-lourde.message', {
       id: short(s.sessionId),
       count: s.compactions.length,
-      kind: auto
-        ? t('diagnostics.rules.compaction-lourde.auto', { count: auto })
-        : t('diagnostics.rules.compaction-lourde.manual'),
+      kind: auto ? t('diagnostics.rules.compaction-lourde.auto', { count: auto }) : t('diagnostics.rules.compaction-lourde.manual'),
       tokens: tok(value),
       peak: tok(s.peakContext),
     }),
@@ -479,16 +461,16 @@ const compactionLourde: SessionRule = (s, th) => {
       basis: t('diagnostics.rules.compaction-lourde.basis'),
     },
     trigger: triggerOf('compactionWaste', c, value),
-  };
-};
+  }
+}
 
 /** Des mémoires, catalogues et hooks qui entrent dans chaque fenêtre. */
 const contexteInjecte: SessionRule = (s, th) => {
-  const c = th.metrics.injectedContext;
-  const value = valueOf('injectedContext', s);
-  if (!exceeds(c, value) || value === null) return null;
+  const c = th.metrics.injectedContext
+  const value = valueOf('injectedContext', s)
+  if (!exceeds(c, value) || value === null) return null
 
-  const top = s.topInjections.slice(0, 3);
+  const top = s.topInjections.slice(0, 3)
   return {
     id: makeId('contexte-injecte', 'session', s.sessionId),
     rule: 'contexte-injecte',
@@ -520,8 +502,8 @@ const contexteInjecte: SessionRule = (s, th) => {
       basis: t('diagnostics.rules.contexte-injecte.basis'),
     },
     trigger: triggerOf('injectedContext', c, value),
-  };
-};
+  }
+}
 
 // ── Ce qui fait patiner ──────────────────────────────────────────────────────
 //
@@ -538,11 +520,11 @@ const contexteInjecte: SessionRule = (s, th) => {
 
 /** Chercher plus qu'on ne construit. */
 const explorationSansFin: SessionRule = (s, th) => {
-  const c = th.metrics.explorationRatio;
-  const value = valueOf('explorationRatio', s);
-  if (!exceeds(c, value) || value === null) return null;
+  const c = th.metrics.explorationRatio
+  const value = valueOf('explorationRatio', s)
+  if (!exceeds(c, value) || value === null) return null
 
-  const f = s.families;
+  const f = s.families
   return {
     id: makeId('exploration-sans-fin', 'session', s.sessionId),
     rule: 'exploration-sans-fin',
@@ -574,8 +556,8 @@ const explorationSansFin: SessionRule = (s, th) => {
       basis: t('diagnostics.rules.exploration-sans-fin.basis'),
     },
     trigger: triggerOf('explorationRatio', c, value),
-  };
-};
+  }
+}
 
 /**
  * La tâche donnée en morceaux.
@@ -586,9 +568,9 @@ const explorationSansFin: SessionRule = (s, th) => {
  * plus font 23 tours par prompt ; celles qui produisent le moins, 11,7.
  */
 const briefMorcele: SessionRule = (s, th) => {
-  const c = th.metrics.turnsPerPrompt;
-  const value = valueOf('turnsPerPrompt', s);
-  if (!exceeds(c, value) || value === null) return null;
+  const c = th.metrics.turnsPerPrompt
+  const value = valueOf('turnsPerPrompt', s)
+  if (!exceeds(c, value) || value === null) return null
 
   return {
     id: makeId('brief-morcele', 'session', s.sessionId),
@@ -620,14 +602,14 @@ const briefMorcele: SessionRule = (s, th) => {
       basis: t('diagnostics.rules.brief-morcele.basis'),
     },
     trigger: triggerOf('turnsPerPrompt', c, value),
-  };
-};
+  }
+}
 
 /** Le travail partait ailleurs qu'attendu. */
 const reorientations: SessionRule = (s, th) => {
-  const c = th.metrics.interruptions;
-  const value = valueOf('interruptions', s);
-  if (!exceeds(c, value) || value === null) return null;
+  const c = th.metrics.interruptions
+  const value = valueOf('interruptions', s)
+  if (!exceeds(c, value) || value === null) return null
 
   return {
     id: makeId('reorientations', 'session', s.sessionId),
@@ -653,17 +635,17 @@ const reorientations: SessionRule = (s, th) => {
       basis: t('diagnostics.rules.reorientations.basis'),
     },
     trigger: triggerOf('interruptions', c, value),
-  };
-};
+  }
+}
 
 /** Les mêmes fichiers relus plusieurs fois dans la même session. */
 const relectures: SessionRule = (s, th) => {
-  const c = th.metrics.rereadTokens;
-  const value = valueOf('rereadTokens', s);
-  if (!exceeds(c, value) || value === null) return null;
+  const c = th.metrics.rereadTokens
+  const value = valueOf('rereadTokens', s)
+  if (!exceeds(c, value) || value === null) return null
 
-  const readTool = s.tools.find((x) => x.name === 'Read');
-  const share = readTool && readTool.tokens > 0 ? value / readTool.tokens : 0;
+  const readTool = s.tools.find((x) => x.name === 'Read')
+  const share = readTool && readTool.tokens > 0 ? value / readTool.tokens : 0
   return {
     id: makeId('relectures', 'session', s.sessionId),
     rule: 'relectures',
@@ -677,10 +659,7 @@ const relectures: SessionRule = (s, th) => {
         id: short(s.sessionId),
         calls: s.rereadCalls,
         tokens: tok(value),
-      }) +
-      (share > 0
-        ? t('diagnostics.rules.relectures.share', { share: pct(share) })
-        : t('diagnostics.rules.relectures.noShare')),
+      }) + (share > 0 ? t('diagnostics.rules.relectures.share', { share: pct(share) }) : t('diagnostics.rules.relectures.noShare')),
     metrics: {
       rereadTokens: value,
       rereadCalls: s.rereadCalls,
@@ -695,16 +674,16 @@ const relectures: SessionRule = (s, th) => {
       basis: t('diagnostics.rules.relectures.basis'),
     },
     trigger: triggerOf('rereadTokens', c, value),
-  };
-};
+  }
+}
 
 /** La fenêtre approche de ce que le modèle peut tenir. */
 const fenetreProcheLimite: SessionRule = (s, th) => {
-  const c = th.metrics.contextFill;
-  const value = valueOf('contextFill', s);
-  if (!exceeds(c, value) || value === null) return null;
+  const c = th.metrics.contextFill
+  const value = valueOf('contextFill', s)
+  if (!exceeds(c, value) || value === null) return null
 
-  const auto = s.compactions.filter((x) => x.trigger === 'auto').length;
+  const auto = s.compactions.filter((x) => x.trigger === 'auto').length
   return {
     id: makeId('fenetre-proche-limite', 'session', s.sessionId),
     rule: 'fenetre-proche-limite',
@@ -719,10 +698,7 @@ const fenetreProcheLimite: SessionRule = (s, th) => {
         peak: tok(s.peakContext),
         fill: pct(value),
         limit: tok(s.contextLimit),
-      }) +
-      (auto
-        ? t('diagnostics.rules.fenetre-proche-limite.auto', { count: auto })
-        : t('diagnostics.rules.fenetre-proche-limite.noAuto')),
+      }) + (auto ? t('diagnostics.rules.fenetre-proche-limite.auto', { count: auto }) : t('diagnostics.rules.fenetre-proche-limite.noAuto')),
     metrics: {
       contextFill: value,
       peakContext: s.peakContext,
@@ -737,8 +713,8 @@ const fenetreProcheLimite: SessionRule = (s, th) => {
       basis: t('diagnostics.rules.fenetre-proche-limite.basis'),
     },
     trigger: triggerOf('contextFill', c, value),
-  };
-};
+  }
+}
 
 // ── La règle de parc ─────────────────────────────────────────────────────────
 
@@ -751,14 +727,14 @@ const fenetreProcheLimite: SessionRule = (s, th) => {
  * qu'y tient le socle.
  */
 function socleGaspille(signals: SessionSignal[], th: Thresholds): Finding | null {
-  const c = th.metrics.shortSessionBaseline;
-  const shortOnes = signals.filter((s) => exceeds(c, valueOf('shortSessionBaseline', s)));
+  const c = th.metrics.shortSessionBaseline
+  const shortOnes = signals.filter((s) => exceeds(c, valueOf('shortSessionBaseline', s)))
   // Un cas isolé n'est pas un motif ; c'est l'accumulation qui en fait un.
-  if (shortOnes.length < 5) return null;
+  if (shortOnes.length < 5) return null
 
-  const baseline = shortOnes.reduce((n, s) => n + s.firstTurnContext, 0);
-  const cost = shortOnes.reduce((n, s) => n + s.cost, 0);
-  const turns = shortOnes.reduce((n, s) => n + s.turns, 0);
+  const baseline = shortOnes.reduce((n, s) => n + s.firstTurnContext, 0)
+  const cost = shortOnes.reduce((n, s) => n + s.cost, 0)
+  const turns = shortOnes.reduce((n, s) => n + s.turns, 0)
 
   return {
     id: makeId('socle-gaspille', 'global', ''),
@@ -789,7 +765,7 @@ function socleGaspille(signals: SessionSignal[], th: Thresholds): Finding | null
       basis: t('diagnostics.rules.socle-gaspille.basis'),
     },
     trigger: triggerOf('shortSessionBaseline', c, c.value),
-  };
+  }
 }
 
 // ── Les règles de rythme ─────────────────────────────────────────────────────
@@ -801,11 +777,11 @@ function socleGaspille(signals: SessionSignal[], th: Thresholds): Finding | null
 
 /** Où en est la fenêtre de 5 h. */
 function rythme5h(pace: Pace): Finding | null {
-  const w = pace.windows;
-  const value = pace.current.cost;
-  if (value <= w.threshold) return null;
+  const w = pace.windows
+  const value = pace.current.cost
+  if (value <= w.threshold) return null
 
-  const ratio = value / (w.threshold || 1);
+  const ratio = value / (w.threshold || 1)
   return {
     id: makeId('rythme-5h', 'global', ''),
     rule: 'rythme-5h',
@@ -842,15 +818,15 @@ function rythme5h(pace: Pace): Finding | null {
       calibrated: w.calibrated,
       bound: w.calibrated ? 'percentile' : 'guard',
     },
-  };
+  }
 }
 
 /** Plusieurs sessions menées en même temps : la ressource part d'autant plus vite. */
 function sessionsParalleles(pace: Pace): Finding | null {
-  const c = pace.concurrency;
-  if (c.max < 2 || c.hoursAtLeast2 <= c.threshold) return null;
+  const c = pace.concurrency
+  if (c.max < 2 || c.hoursAtLeast2 <= c.threshold) return null
 
-  const share = c.activeHours > 0 ? c.hoursAtLeast2 / c.activeHours : 0;
+  const share = c.activeHours > 0 ? c.hoursAtLeast2 / c.activeHours : 0
   return {
     id: makeId('sessions-paralleles', 'global', ''),
     rule: 'sessions-paralleles',
@@ -878,15 +854,12 @@ function sessionsParalleles(pace: Pace): Finding | null {
       kind: 'measured',
       basis: t('diagnostics.rules.sessions-paralleles.basis'),
     },
-  };
+  }
 }
 
 // ── Composition ──────────────────────────────────────────────────────────────
 
-const SESSION_RULES: Record<
-  Exclude<RuleName, 'socle-gaspille' | 'rythme-5h' | 'sessions-paralleles'>,
-  SessionRule
-> = {
+const SESSION_RULES: Record<Exclude<RuleName, 'socle-gaspille' | 'rythme-5h' | 'sessions-paralleles'>, SessionRule> = {
   'historique-relu': historiqueRelu,
   'cache-faible': cacheFaible,
   'sous-agents-couteux': sousAgentsCouteux,
@@ -899,16 +872,16 @@ const SESSION_RULES: Record<
   reorientations,
   relectures,
   'fenetre-proche-limite': fenetreProcheLimite,
-};
+}
 
-const SEVERITY_RANK: Record<Severity, number> = { info: 0, warn: 1, critical: 2 };
+const SEVERITY_RANK: Record<Severity, number> = { info: 0, warn: 1, critical: 2 }
 
 /** Le poids d'un constat, pour trier. Un dollar prime sur un token, faute de taux. */
 function weight(f: Finding): number {
-  if (f.impact.usd !== undefined) return f.impact.usd;
+  if (f.impact.usd !== undefined) return f.impact.usd
   // Les constats en tokens passent après ceux en dollars, mais restent ordonnés
   // entre eux. Aucun taux de change n'est inventé pour les mêler.
-  return -1 / ((f.impact.tokens ?? 0) + 1);
+  return -1 / ((f.impact.tokens ?? 0) + 1)
 }
 
 /**
@@ -918,45 +891,36 @@ function weight(f: Finding): number {
  * donnent huit constats. Les rassembler en une recommandation est le travail de
  * l'étape suivante, qui a besoin de les voir tous.
  */
-export function detect(
-  signals: SessionSignal[],
-  thresholds: Thresholds,
-  options: DetectOptions = {},
-): Finding[] {
-  const disabled = new Set(options.disabled ?? []);
-  const ignored = new Set(options.ignore ?? []);
-  const findings: Finding[] = [];
+export function detect(signals: SessionSignal[], thresholds: Thresholds, options: DetectOptions = {}): Finding[] {
+  const disabled = new Set(options.disabled ?? [])
+  const ignored = new Set(options.ignore ?? [])
+  const findings: Finding[] = []
 
   for (const signal of signals) {
     for (const [name, rule] of Object.entries(SESSION_RULES) as [RuleName, SessionRule][]) {
-      if (disabled.has(name)) continue;
-      const found = rule(signal, thresholds);
-      if (found) findings.push(found);
+      if (disabled.has(name)) continue
+      const found = rule(signal, thresholds)
+      if (found) findings.push(found)
     }
   }
 
   if (!disabled.has('socle-gaspille')) {
-    const found = socleGaspille(signals, thresholds);
-    if (found) findings.push(found);
+    const found = socleGaspille(signals, thresholds)
+    if (found) findings.push(found)
   }
 
   if (options.pace) {
     if (!disabled.has('rythme-5h')) {
-      const found = rythme5h(options.pace);
-      if (found) findings.push(found);
+      const found = rythme5h(options.pace)
+      if (found) findings.push(found)
     }
     if (!disabled.has('sessions-paralleles')) {
-      const found = sessionsParalleles(options.pace);
-      if (found) findings.push(found);
+      const found = sessionsParalleles(options.pace)
+      if (found) findings.push(found)
     }
   }
 
   return findings
     .filter((f) => !ignored.has(f.id))
-    .sort(
-      (a, b) =>
-        SEVERITY_RANK[b.severity] - SEVERITY_RANK[a.severity] ||
-        weight(b) - weight(a) ||
-        a.rule.localeCompare(b.rule),
-    );
+    .sort((a, b) => SEVERITY_RANK[b.severity] - SEVERITY_RANK[a.severity] || weight(b) - weight(a) || a.rule.localeCompare(b.rule))
 }
diff --git a/server/diagnostics/session.ts b/server/diagnostics/session.ts
index 8f10251..eed27f3 100644
--- a/server/diagnostics/session.ts
+++ b/server/diagnostics/session.ts
@@ -20,7 +20,8 @@
 // Rien n'est estimé ici qui ne le soit déjà ailleurs : les montants sont exacts,
 // les tokens d'outils portent leur `~` comme partout.
 
-import { getSignals, type SessionSignal } from './signals.ts';
+import { detect, type Finding } from './rules.ts'
+import { getSignals, type SessionSignal } from './signals.ts'
 import {
   calibrate,
   percentileRank,
@@ -29,50 +30,49 @@ import {
   valueOf as valueFor,
   type MetricName,
   type Unit,
-} from './thresholds.ts';
-import { detect, type Finding } from './rules.ts';
+} from './thresholds.ts'
 
 /** Un signal de cette session, situé dans le parc. */
 export interface SessionRank {
-  metric: MetricName;
-  label: string;
-  unit: Unit;
+  metric: MetricName
+  label: string
+  unit: Unit
   /** La valeur de cette session. */
-  value: number;
+  value: number
   /** Sa place dans le parc, entre 0 et 1 — voir `percentileRank`. */
-  rank: number;
+  rank: number
   /** La médiane du parc, pour donner un repère au rang. */
-  median: number;
+  median: number
   /** Sessions du parc qui portent ce signal. */
-  sampleSize: number;
+  sampleSize: number
   /** `high` : plus haut est pire. Le rang se lit à l'endroit ou à l'envers. */
-  direction: 'high' | 'low';
+  direction: 'high' | 'low'
 }
 
 export interface CostBreakdown {
-  total: number;
+  total: number
   /** Entrée jamais mise en cache. */
-  input: number;
+  input: number
   /** Écriture du cache — construire la fenêtre. */
-  cacheCreate: number;
+  cacheCreate: number
   /** Relecture du cache — la repasser au modèle, tour après tour. */
-  cacheRead: number;
+  cacheRead: number
   /** Le reste : la génération. Déduit, jamais négatif. */
-  output: number;
+  output: number
   /** Vrai si un modèle sans tarif a servi : le total est un plancher. */
-  partial: boolean;
-  unpricedModels: string[];
+  partial: boolean
+  unpricedModels: string[]
 }
 
 export interface SessionDiagnostic {
-  found: boolean;
-  sessionId: string;
-  project: string;
-  cost: CostBreakdown;
-  ranks: SessionRank[];
-  findings: Finding[];
+  found: boolean
+  sessionId: string
+  project: string
+  cost: CostBreakdown
+  ranks: SessionRank[]
+  findings: Finding[]
   /** Sessions du parc auxquelles celle-ci est comparée. */
-  parcSessions: number;
+  parcSessions: number
 }
 
 /**
@@ -82,15 +82,7 @@ export interface SessionDiagnostic {
  * construire, et relire ce qui était déjà là. Les deux derniers ne parlent plus
  * d'argent — c'est voulu, et c'est pourquoi le tiroir ne s'appelle plus « coût ».
  */
-const RANKED: MetricName[] = [
-  'sessionCost',
-  'cacheReadCost',
-  'toolTokens',
-  'toolErrorRate',
-  'cacheHitRatio',
-  'explorationRatio',
-  'rereadTokens',
-];
+const RANKED: MetricName[] = ['sessionCost', 'cacheReadCost', 'toolTokens', 'toolErrorRate', 'cacheHitRatio', 'explorationRatio', 'rereadTokens']
 
 function emptyDiagnostic(project: string, sessionId: string): SessionDiagnostic {
   return {
@@ -109,7 +101,7 @@ function emptyDiagnostic(project: string, sessionId: string): SessionDiagnostic
     ranks: [],
     findings: [],
     parcSessions: 0,
-  };
+  }
 }
 
 /**
@@ -122,7 +114,7 @@ function emptyDiagnostic(project: string, sessionId: string): SessionDiagnostic
  * peuvent dépasser un total lui-même incomplet.
  */
 function breakdown(s: SessionSignal): CostBreakdown {
-  const known = s.inputCost + s.cacheCreateCost + s.cacheReadCost;
+  const known = s.inputCost + s.cacheCreateCost + s.cacheReadCost
   return {
     total: s.cost,
     input: s.inputCost,
@@ -131,7 +123,7 @@ function breakdown(s: SessionSignal): CostBreakdown {
     output: Math.max(0, s.cost - known),
     partial: s.unpricedModels.length > 0,
     unpricedModels: s.unpricedModels,
-  };
+  }
 }
 
 /**
@@ -145,30 +137,27 @@ function breakdown(s: SessionSignal): CostBreakdown {
  * `found: false` quand la session n'a produit aucune réponse : rien à dire, et
  * un diagnostic vide vaut mieux qu'un zéro qui se ferait passer pour une mesure.
  */
-export async function diagnoseSession(
-  project: string,
-  sessionId: string,
-): Promise<SessionDiagnostic> {
-  const { signals } = await getSignals();
-  const signal = signals.find((s) => s.sessionId === sessionId && s.project === project);
-  if (!signal) return emptyDiagnostic(project, sessionId);
+export async function diagnoseSession(project: string, sessionId: string): Promise<SessionDiagnostic> {
+  const { signals } = await getSignals()
+  const signal = signals.find((s) => s.sessionId === sessionId && s.project === project)
+  if (!signal) return emptyDiagnostic(project, sessionId)
 
-  const thresholds = calibrate(signals);
+  const thresholds = calibrate(signals)
 
   // Les règles jugent session par session : ne lui passer qu'elle donne
   // exactement ses constats. Seule `socle-gaspille` raisonne sur l'ensemble, et
   // se tait ici — c'est juste, elle ne parle pas d'une session en particulier.
-  const findings = detect([signal], thresholds);
+  const findings = detect([signal], thresholds)
 
-  const ranks: SessionRank[] = [];
+  const ranks: SessionRank[] = []
   for (const metric of RANKED) {
-    const calibration = thresholds.metrics[metric];
-    const value = valueFor(metric, signal);
-    if (value === null) continue;
+    const calibration = thresholds.metrics[metric]
+    const value = valueFor(metric, signal)
+    if (value === null) continue
     // L'échantillon du parc pour ce signal, tel que la calibration l'a défini :
     // les sessions qui ne le portent pas ne sont pas des zéros, elles sont hors
     // sujet, et les compter fausserait le rang.
-    const sample = signals.map((s) => valueFor(metric, s)).filter((v): v is number => v !== null);
+    const sample = signals.map((s) => valueFor(metric, s)).filter((v): v is number => v !== null)
     ranks.push({
       metric,
       label: calibration.label,
@@ -178,7 +167,7 @@ export async function diagnoseSession(
       median: calibration.quantiles.p50,
       sampleSize: calibration.sampleSize,
       direction: calibration.direction,
-    });
+    })
   }
 
   return {
@@ -189,5 +178,5 @@ export async function diagnoseSession(
     ranks,
     findings,
     parcSessions: signals.length,
-  };
+  }
 }
diff --git a/server/diagnostics/signals.ts b/server/diagnostics/signals.ts
index 78d819c..102e0aa 100644
--- a/server/diagnostics/signals.ts
+++ b/server/diagnostics/signals.ts
@@ -26,45 +26,34 @@
 //
 // Ce module ne juge rien. Il mesure. Les seuils sont à l'étape suivante.
 
-import { createReadStream } from 'node:fs';
-import { readFile, readdir, stat } from 'node:fs/promises';
-import { createInterface } from 'node:readline';
-import { join } from 'node:path';
-import { CLAUDE_DIR } from '../claude/paths.ts';
-import { str, num } from '../json.ts';
-import { costOf, isPriced, type TokenCounts } from '../pricing.ts';
-import { ZERO, addTokens, growth, localDay, zeroTokens } from '../tokens.ts';
-import { classifyAttachment, contextLimitFor, readCompaction } from '../context.ts';
-import {
-  eachImage,
-  imageSize,
-  isHiResVisionModel,
-  resultToText,
-  visualTokens,
-} from '../transcript.ts';
-import {
-  CONTEXT_CATEGORIES,
-  estimateTokens,
-  type Compaction,
-  type ContextCategory,
-} from '../../shared/context.ts';
+import { createReadStream } from 'node:fs'
+import { readFile, readdir, stat } from 'node:fs/promises'
+import { join } from 'node:path'
+import { createInterface } from 'node:readline'
+import { CONTEXT_CATEGORIES, estimateTokens, type Compaction, type ContextCategory } from '../../shared/context.ts'
+import { CLAUDE_DIR } from '../claude/paths.ts'
+import { classifyAttachment, contextLimitFor, readCompaction } from '../context.ts'
+import { str, num } from '../json.ts'
+import { costOf, isPriced, type TokenCounts } from '../pricing.ts'
+import { ZERO, addTokens, growth, localDay, zeroTokens } from '../tokens.ts'
+import { eachImage, imageSize, isHiResVisionModel, resultToText, visualTokens } from '../transcript.ts'
 
 // ── Ce qu'on publie ──────────────────────────────────────────────────────────
 
 /** Ce qu'un outil a pesé sur une session. Estimation — voir l'en-tête. */
 export interface ToolCost {
-  name: string;
+  name: string
   /** `inputTokens + outputTokens`, le poids total de l'outil sur la fenêtre. */
-  tokens: number;
+  tokens: number
   /** Ce qui est parti vers l'outil : le corps d'un `Write`, le patch d'un `Edit`. */
-  inputTokens: number;
+  inputTokens: number
   /** Ce qu'il a rendu, images comprises. */
-  outputTokens: number;
+  outputTokens: number
   /** Part de `outputTokens` due aux images rendues. */
-  imageTokens: number;
-  calls: number;
+  imageTokens: number
+  calls: number
   /** Appels revenus en erreur — des tokens dépensés sans résultat. */
-  errors: number;
+  errors: number
 }
 
 /**
@@ -76,12 +65,12 @@ export interface ToolCost {
  * et rien à décider : c'est le travail de la session.
  */
 export interface InjectionCost {
-  category: ContextCategory;
+  category: ContextCategory
   /** Le libellé produit par `classifyAttachment` : `rules/foo.md`, `Hook lint`… */
-  label: string;
-  tokens: number;
+  label: string
+  tokens: number
   /** Combien de fois cette injection est entrée dans la fenêtre. */
-  count: number;
+  count: number
 }
 
 /**
@@ -94,41 +83,41 @@ export interface InjectionCost {
  * travailler.
  */
 export interface ToolFamilies {
-  explorationCalls: number;
-  explorationErrors: number;
+  explorationCalls: number
+  explorationErrors: number
   /** Poids de ces appels dans la fenêtre, entrée et sortie. Estimation. */
-  explorationTokens: number;
-  productionCalls: number;
-  productionErrors: number;
-  productionTokens: number;
+  explorationTokens: number
+  productionCalls: number
+  productionErrors: number
+  productionTokens: number
 }
 
 /** Un point de dépense : une réponse API, à sa date et à son prix. */
 export interface CostPoint {
   /** Millisecondes epoch — l'horodatage de la réponse. */
-  t: number;
-  cost: number;
-  sessionId: string;
+  t: number
+  cost: number
+  sessionId: string
 }
 
 /** Un sous-agent, chiffré depuis son propre fichier. */
 export interface SubagentCost {
-  agentId: string;
+  agentId: string
   /** Le type d'agent, quand le `.meta.json` le nomme. */
-  agentType: string | null;
-  turns: number;
-  tokens: TokenCounts;
-  cost: number;
+  agentType: string | null
+  turns: number
+  tokens: TokenCounts
+  cost: number
 }
 
 /** Un modèle, tel qu'il a servi dans cette session. */
 export interface ModelCost {
-  model: string;
-  turns: number;
-  tokens: TokenCounts;
-  cost: number;
+  model: string
+  turns: number
+  tokens: TokenCounts
+  cost: number
   /** Faux quand aucun tarif n'est connu : ses tokens comptent, pas son coût. */
-  priced: boolean;
+  priced: boolean
 }
 
 /**
@@ -139,20 +128,20 @@ export interface ModelCost {
  * « la longueur d'une session » parle de la conversation, pas de ses délégations.
  */
 export interface SessionSignal {
-  sessionId: string;
+  sessionId: string
   /** Le slug du répertoire sous `~/.claude/projects`. */
-  project: string;
-  branch: string;
+  project: string
+  branch: string
   /** Bornes ISO observées, tous fichiers de la session confondus. */
-  firstTs: string;
-  lastTs: string;
+  firstTs: string
+  lastTs: string
   /** Jour local du premier événement — la clé de tout regroupement temporel. */
-  firstDay: string;
+  firstDay: string
 
   /** Réponses API du fil principal, dédupées. Jamais un nombre de lignes. */
-  turns: number;
+  turns: number
   /** Réponses API produites dans les sidecars de sous-agents. */
-  subagentTurns: number;
+  subagentTurns: number
   /**
    * Réponses portant `isSidechain` **dans le fichier principal**.
    *
@@ -161,22 +150,22 @@ export interface SessionSignal {
    * ferait diverger le total de celui de la page Usage, qui les compte aussi.
    * Le champ existe pour qu'une règle sache qu'une session mélange les deux.
    */
-  sidechainTurns: number;
+  sidechainTurns: number
 
-  tokens: TokenCounts;
+  tokens: TokenCounts
   /** Dollars aux tarifs API. Somme des cellules (jour × modèle) de la session. */
-  cost: number;
+  cost: number
   /** `cacheRead / (input + cacheRead + cacheCreate)`. 0 si rien n'est entré. */
-  cacheHitRatio: number;
+  cacheHitRatio: number
   /** Ce que coûte la seule relecture de l'historique, en dollars. */
-  cacheReadCost: number;
+  cacheReadCost: number
   /**
    * Ce qu'a coûté la *construction* du cache, en dollars.
    *
    * Le pendant du précédent : ce qu'on paie une fois pour n'avoir à relire qu'au
    * dixième du prix ensuite. Une session dont ce poste domine n'amortit pas.
    */
-  cacheCreateCost: number;
+  cacheCreateCost: number
   /**
    * Ce qu'a coûté l'entrée jamais mise en cache, en dollars.
    *
@@ -184,17 +173,17 @@ export interface SessionSignal {
    * `cacheReadCost` celui de sa relecture. Les trois se somment au coût d'entrée
    * total ; leur rapport dit si une session amortit ou recommence.
    */
-  inputCost: number;
+  inputCost: number
 
-  models: ModelCost[];
+  models: ModelCost[]
   /** Modèles de la session dont on ignore le tarif — leur coût manque au total. */
-  unpricedModels: string[];
+  unpricedModels: string[]
 
   /**
    * La plus grande fenêtre observée : `max(input + cacheRead + cacheCreate)`.
    * Exact. Une compaction prouve aussi une fenêtre — voir `compactions`.
    */
-  peakContext: number;
+  peakContext: number
   /**
    * La fenêtre de la toute première réponse. Exact.
    *
@@ -204,29 +193,29 @@ export interface SessionSignal {
    * borne haute, celle qu'on peut lire sans rien estimer. 0 si la première
    * réponse ne porte pas d'`usage`.
    */
-  firstTurnContext: number;
+  firstTurnContext: number
   /** Chaque compaction, avec ses champs tels que le harness les a écrits. */
-  compactions: Compaction[];
+  compactions: Compaction[]
 
-  subagents: SubagentCost[];
+  subagents: SubagentCost[]
   /** Les outils de la session, les plus lourds d'abord. Estimation. */
-  tools: ToolCost[];
+  tools: ToolCost[]
   /** Total des appels d'outil revenus en erreur. */
-  toolErrors: number;
+  toolErrors: number
   /** Tokens visuels de toutes les images entrées dans la fenêtre. Estimation. */
-  imageTokens: number;
+  imageTokens: number
   /**
    * Ce qui est entré dans la fenêtre, par catégorie, cumulé sur la session.
    * Estimation, et **cumul, non instantané** : ce qu'une compaction a vidé puis
    * réinjecté compte deux fois, parce qu'il a été payé deux fois.
    */
-  byCategory: Record<ContextCategory, number>;
+  byCategory: Record<ContextCategory, number>
   /**
    * Les injections nommées les plus lourdes (mémoires, catalogues, hooks), les
    * plus grosses d'abord. Estimation — c'est ce qui permet à un diagnostic de
    * désigner un fichier plutôt qu'une catégorie.
    */
-  topInjections: InjectionCost[];
+  topInjections: InjectionCost[]
 
   // ── Ce que la session a *fait* ─────────────────────────────────────────────
   //
@@ -237,7 +226,7 @@ export interface SessionSignal {
   // serait la moins productive de toutes selon un décompte d'éditions.
 
   /** Les appels d'outil par famille, fil principal et sous-agents réunis. */
-  families: ToolFamilies;
+  families: ToolFamilies
   /**
    * Les tours réellement pris par l'humain — ni les échos de résultats d'outil,
    * ni les injections du harness, ni les lignes de commande locales.
@@ -247,18 +236,18 @@ export interface SessionSignal {
    * le plus en font nettement plus. Un brief complet qu'on laisse courir bat dix
    * relances courtes.
    */
-  userTurns: number;
+  userTurns: number
   /**
    * Les `[Request interrupted by user]` du transcript.
    *
    * Leur coût direct est négligeable ; ce qu'elles marquent ne l'est pas : le
    * travail partait ailleurs qu'attendu.
    */
-  interruptions: number;
+  interruptions: number
   /** Appels de `Read` sur un chemin déjà lu dans la session. */
-  rereadCalls: number;
+  rereadCalls: number
   /** Ce que ces relectures ont remis dans la fenêtre. Estimation. */
-  rereadTokens: number;
+  rereadTokens: number
   /**
    * La taille de la fenêtre du modèle, déduite de ce que la session a fait.
    *
@@ -266,14 +255,14 @@ export interface SessionSignal {
    * une session sur fenêtre longue écrit `claude-opus-4-8` tout court. On la
    * déduit donc de la plus grande fenêtre observée.
    */
-  contextLimit: number;
+  contextLimit: number
 
   /** Fichiers lus pour bâtir ce relevé (principal + sidecars). */
-  files: number;
+  files: number
 }
 
 export interface SignalsReport {
-  signals: SessionSignal[];
+  signals: SessionSignal[]
   /**
    * Chaque réponse API du parc, à sa date et à son prix, en ordre chronologique.
    *
@@ -282,9 +271,9 @@ export interface SignalsReport {
    * axe : les relevés par session ne savent rien dire d'une fenêtre de 5 h, qui
    * traverse les sessions et les coupe. Voir `pace.ts`.
    */
-  points: CostPoint[];
+  points: CostPoint[]
   /** Fichiers relus lors de cet appel — 0 quand tout venait du cache. */
-  filesScanned: number;
+  filesScanned: number
 }
 
 // ── Le relevé d'un fichier ───────────────────────────────────────────────────
@@ -295,59 +284,59 @@ export interface SignalsReport {
 
 /** Une cellule (jour × modèle) : l'unité de chiffrage, comme dans `usage.ts`. */
 interface Cell extends TokenCounts {
-  day: string;
-  model: string;
-  turns: number;
+  day: string
+  model: string
+  turns: number
 }
 
 interface ToolTally {
-  inputTokens: number;
-  outputTokens: number;
-  imageTokens: number;
-  calls: number;
-  errors: number;
+  inputTokens: number
+  outputTokens: number
+  imageTokens: number
+  calls: number
+  errors: number
 }
 
 /** Une image en attente de chiffrage : son palier dépend des modèles du fichier. */
 interface PendingImage {
-  toolUseId: string;
-  width: number;
-  height: number;
+  toolUseId: string
+  width: number
+  height: number
 }
 
 export interface FileScan {
-  sessionId: string;
-  project: string;
-  branch: string;
-  firstTs: string;
-  lastTs: string;
+  sessionId: string
+  project: string
+  branch: string
+  firstTs: string
+  lastTs: string
   /** `null` pour le fil principal ; sinon le sidecar d'un sous-agent. */
-  agentId: string | null;
-  agentType: string | null;
-  cells: Cell[];
-  turns: number;
-  sidechainTurns: number;
-  peakContext: number;
-  firstTurnContext: number;
-  compactions: Compaction[];
-  tools: Map<string, ToolTally>;
-  toolErrors: number;
-  imageTokens: number;
-  byCategory: Record<ContextCategory, number>;
+  agentId: string | null
+  agentType: string | null
+  cells: Cell[]
+  turns: number
+  sidechainTurns: number
+  peakContext: number
+  firstTurnContext: number
+  compactions: Compaction[]
+  tools: Map<string, ToolTally>
+  toolErrors: number
+  imageTokens: number
+  byCategory: Record<ContextCategory, number>
   /** Par `catégorie|libellé`, pour les seules catégories décidables. */
-  injections: Map<string, InjectionCost>;
-  families: ToolFamilies;
-  userTurns: number;
-  interruptions: number;
-  rereadCalls: number;
-  rereadTokens: number;
-  models: Set<string>;
+  injections: Map<string, InjectionCost>
+  families: ToolFamilies
+  userTurns: number
+  interruptions: number
+  rereadCalls: number
+  rereadTokens: number
+  models: Set<string>
   /** Les réponses de ce fichier, horodatées et chiffrées. Voir `CostPoint`. */
-  points: { t: number; cost: number }[];
+  points: { t: number; cost: number }[]
 }
 
 /** Les catégories dont on retient les libellés — voir `InjectionCost`. */
-const NAMED_CATEGORIES = new Set<ContextCategory>(['memory', 'skills', 'harness']);
+const NAMED_CATEGORIES = new Set<ContextCategory>(['memory', 'skills', 'harness'])
 
 /**
  * Les deux familles d'outils qui décrivent une manière de travailler.
@@ -357,11 +346,11 @@ const NAMED_CATEGORIES = new Set<ContextCategory>(['memory', 'skills', 'harness'
  * il peut lister un répertoire, et le ranger d'un côté fabriquerait un ratio que
  * rien ne soutient.
  */
-const EXPLORATION_TOOLS = new Set(['Read', 'Grep', 'Glob', 'WebFetch', 'WebSearch']);
-const PRODUCTION_TOOLS = new Set(['Edit', 'Write', 'NotebookEdit']);
+const EXPLORATION_TOOLS = new Set(['Read', 'Grep', 'Glob', 'WebFetch', 'WebSearch'])
+const PRODUCTION_TOOLS = new Set(['Edit', 'Write', 'NotebookEdit'])
 
 /** Ce que le harness écrit quand l'utilisateur coupe la parole. */
-const INTERRUPTED = '[Request interrupted by user';
+const INTERRUPTED = '[Request interrupted by user'
 
 function zeroFamilies(): ToolFamilies {
   return {
@@ -371,14 +360,14 @@ function zeroFamilies(): ToolFamilies {
     productionCalls: 0,
     productionErrors: 0,
     productionTokens: 0,
-  };
+  }
 }
 
 /** La famille d'un outil, ou `null` s'il n'en a pas. */
 function familyOf(name: string): 'exploration' | 'production' | null {
-  if (EXPLORATION_TOOLS.has(name)) return 'exploration';
-  if (PRODUCTION_TOOLS.has(name)) return 'production';
-  return null;
+  if (EXPLORATION_TOOLS.has(name)) return 'exploration'
+  if (PRODUCTION_TOOLS.has(name)) return 'production'
+  return null
 }
 
 /**
@@ -389,36 +378,36 @@ function familyOf(name: string): 'exploration' | 'production' | null {
  * libellés dont aucun diagnostic n'a l'usage. Vingt suffisent largement à trouver
  * les plus lourds d'une session.
  */
-const MAX_NAMED_INJECTIONS = 20;
+const MAX_NAMED_INJECTIONS = 20
 
 function zeroCategories(): Record<ContextCategory, number> {
-  const out = {} as Record<ContextCategory, number>;
-  for (const c of CONTEXT_CATEGORIES) out[c] = 0;
-  return out;
+  const out = {} as Record<ContextCategory, number>
+  for (const c of CONTEXT_CATEGORIES) out[c] = 0
+  return out
 }
 
 /** Le texte qu'un appel d'outil emporte, tel que la fenêtre l'a reçu. */
 function toolInputText(input: unknown): string {
-  if (input === undefined || input === null) return '';
-  if (typeof input === 'string') return input;
+  if (input === undefined || input === null) return ''
+  if (typeof input === 'string') return input
   try {
-    return JSON.stringify(input);
+    return JSON.stringify(input)
   } catch {
-    return '';
+    return ''
   }
 }
 
 function tally(tools: Map<string, ToolTally>, name: string): ToolTally {
-  const key = name || 'Outil';
+  const key = name || 'Outil'
   const found = tools.get(key) ?? {
     inputTokens: 0,
     outputTokens: 0,
     imageTokens: 0,
     calls: 0,
     errors: 0,
-  };
-  tools.set(key, found);
-  return found;
+  }
+  tools.set(key, found)
+  return found
 }
 
 // ── Le scan d'un fichier ─────────────────────────────────────────────────────
@@ -432,11 +421,11 @@ function tally(tools: Map<string, ToolTally>, name: string): ToolTally {
  * pas `CLAUDE_DIR`.
  */
 export interface FileRef {
-  path: string;
-  sessionId: string;
-  project: string;
-  agentId: string | null;
-  agentType: string | null;
+  path: string
+  sessionId: string
+  project: string
+  agentId: string | null
+  agentType: string | null
 }
 
 /**
@@ -479,156 +468,153 @@ export async function scanFile(ref: FileRef): Promise<FileScan> {
     rereadTokens: 0,
     models: new Set(),
     points: [],
-  };
+  }
 
-  const cells = new Map<string, Cell>();
+  const cells = new Map<string, Cell>()
   /** Par `message.id` : la cellule où la réponse a atterri, et son compte courant. */
-  const seen = new Map<string, { cell: Cell; counted: TokenCounts }>();
+  const seen = new Map<string, { cell: Cell; counted: TokenCounts }>()
   /** Par `tool_use_id` : le nom de l'outil, pour recoller l'appel à son résultat. */
-  const toolNames = new Map<string, string>();
+  const toolNames = new Map<string, string>()
   /** Par `message.id` : l'index du point de dépense, pour le compléter. */
-  const pointOf = new Map<string, number>();
+  const pointOf = new Map<string, number>()
   /** Les chemins déjà lus : un `Read` qui y revient est une relecture. */
-  const readPaths = new Set<string>();
+  const readPaths = new Set<string>()
   /** Les `tool_use_id` des relectures, pour peser leur résultat quand il arrive. */
-  const rereadIds = new Set<string>();
+  const rereadIds = new Set<string>()
   /** Les images, chiffrées à la fin : leur palier dépend des modèles du fichier. */
-  const pendingImages: PendingImage[] = [];
+  const pendingImages: PendingImage[] = []
   /**
    * Les clés déjà admises dans la fenêtre courante. Une compaction la vide, donc
    * le jeu se vide avec elle : une mémoire réinjectée après coup est repayée.
    */
-  let seenKeys = new Set<string>();
-  let hiRes = false;
-  let firstTurnSeen = false;
+  let seenKeys = new Set<string>()
+  let hiRes = false
+  let firstTurnSeen = false
 
   const rl = createInterface({
     input: createReadStream(ref.path, { encoding: 'utf8' }),
     crlfDelay: Infinity,
-  });
+  })
 
   try {
     for await (const line of rl) {
-      if (!line.trim()) continue;
-      let row: Record<string, unknown>;
+      if (!line.trim()) continue
+      let row: Record<string, unknown>
       try {
-        row = JSON.parse(line) as Record<string, unknown>;
+        row = JSON.parse(line) as Record<string, unknown>
       } catch {
-        continue; // une ligne illisible est une ligne de moins, pas un scan perdu
+        continue // une ligne illisible est une ligne de moins, pas un scan perdu
       }
 
-      const ts = str(row.timestamp);
+      const ts = str(row.timestamp)
       if (ts) {
-        if (!scan.firstTs || ts < scan.firstTs) scan.firstTs = ts;
-        if (ts > scan.lastTs) scan.lastTs = ts;
+        if (!scan.firstTs || ts < scan.firstTs) scan.firstTs = ts
+        if (ts > scan.lastTs) scan.lastTs = ts
       }
-      if (!scan.branch) scan.branch = str(row.gitBranch);
+      if (!scan.branch) scan.branch = str(row.gitBranch)
 
-      const type = str(row.type);
-      const msg = row.message as Record<string, unknown> | undefined;
+      const type = str(row.type)
+      const msg = row.message as Record<string, unknown> | undefined
 
       // ── Les images de la ligne, mises de côté ────────────────────────────
       eachImage(msg?.content, (source, toolUseId) => {
-        const data = str(source.data);
-        if (!data) return;
-        const size = imageSize(data, str(source.media_type, 'image/png'));
-        if (size) pendingImages.push({ toolUseId, ...size });
-      });
+        const data = str(source.data)
+        if (!data) return
+        const size = imageSize(data, str(source.media_type, 'image/png'))
+        if (size) pendingImages.push({ toolUseId, ...size })
+      })
 
       // ── Une compaction : la fenêtre est vidée ────────────────────────────
       if (type === 'system' && str(row.subtype) === 'compact_boundary') {
-        const compaction = readCompaction(row, ts ? Date.parse(ts) : 0);
+        const compaction = readCompaction(row, ts ? Date.parse(ts) : 0)
         if (compaction) {
-          scan.compactions.push(compaction);
-          seenKeys = new Set();
+          scan.compactions.push(compaction)
+          seenKeys = new Set()
         }
-        continue;
+        continue
       }
 
       // ── Ce que le harness a poussé dans la fenêtre ───────────────────────
       if (type === 'attachment') {
-        const injection = classifyAttachment(row.attachment);
-        if (!injection) continue;
+        const injection = classifyAttachment(row.attachment)
+        if (!injection) continue
         if (injection.dedupeKey) {
-          if (seenKeys.has(injection.dedupeKey)) continue;
-          seenKeys.add(injection.dedupeKey);
+          if (seenKeys.has(injection.dedupeKey)) continue
+          seenKeys.add(injection.dedupeKey)
         }
-        scan.byCategory[injection.category] += injection.tokens;
+        scan.byCategory[injection.category] += injection.tokens
         if (NAMED_CATEGORIES.has(injection.category)) {
-          const key = `${injection.category}|${injection.label}`;
-          const named = scan.injections.get(key);
+          const key = `${injection.category}|${injection.label}`
+          const named = scan.injections.get(key)
           if (named) {
-            named.tokens += injection.tokens;
-            named.count++;
+            named.tokens += injection.tokens
+            named.count++
           } else {
             scan.injections.set(key, {
               category: injection.category,
               label: injection.label,
               tokens: injection.tokens,
               count: 1,
-            });
+            })
           }
         }
-        continue;
+        continue
       }
 
-      if (!msg) continue;
+      if (!msg) continue
 
       // ── Le tour de l'utilisateur, et les résultats d'outils ──────────────
       if (type === 'user') {
-        const content = msg.content;
+        const content = msg.content
         /** Du texte que quelqu'un a tapé — ni balise du harness, ni écho d'outil. */
-        let typed = '';
-        let interrupted = false;
+        let typed = ''
+        let interrupted = false
 
         if (typeof content === 'string') {
-          scan.byCategory.userMessage += estimateTokens(content);
-          typed = content;
+          scan.byCategory.userMessage += estimateTokens(content)
+          typed = content
         } else if (Array.isArray(content)) {
           for (const b of content as Record<string, unknown>[]) {
             if (b.type === 'text') {
-              const text = str(b.text);
-              scan.byCategory.userMessage += estimateTokens(text);
-              if (!typed) typed = text;
-              if (text.includes(INTERRUPTED)) interrupted = true;
+              const text = str(b.text)
+              scan.byCategory.userMessage += estimateTokens(text)
+              if (!typed) typed = text
+              if (text.includes(INTERRUPTED)) interrupted = true
             } else if (b.type === 'tool_result') {
-              const id = str(b.tool_use_id);
-              const name = toolNames.get(id) ?? 'Outil';
-              const t = tally(scan.tools, name);
-              const text = resultToText(b.content);
-              const tokens = estimateTokens(text);
-              t.outputTokens += tokens;
-              if (text.includes(INTERRUPTED)) interrupted = true;
+              const id = str(b.tool_use_id)
+              const name = toolNames.get(id) ?? 'Outil'
+              const t = tally(scan.tools, name)
+              const text = resultToText(b.content)
+              const tokens = estimateTokens(text)
+              t.outputTokens += tokens
+              if (text.includes(INTERRUPTED)) interrupted = true
               // Une relecture pèse ce que son résultat a remis dans la fenêtre :
               // le fichier était déjà là, on le repaie en entier.
-              if (rereadIds.has(id)) scan.rereadTokens += tokens;
-              const family = familyOf(name);
-              if (family === 'exploration') scan.families.explorationTokens += tokens;
-              else if (family === 'production') scan.families.productionTokens += tokens;
+              if (rereadIds.has(id)) scan.rereadTokens += tokens
+              const family = familyOf(name)
+              if (family === 'exploration') scan.families.explorationTokens += tokens
+              else if (family === 'production') scan.families.productionTokens += tokens
               if (b.is_error) {
-                t.errors++;
-                scan.toolErrors++;
-                if (family === 'exploration') scan.families.explorationErrors++;
-                else if (family === 'production') scan.families.productionErrors++;
+                t.errors++
+                scan.toolErrors++
+                if (family === 'exploration') scan.families.explorationErrors++
+                else if (family === 'production') scan.families.productionErrors++
               }
             }
           }
         }
 
-        if (interrupted) scan.interruptions++;
+        if (interrupted) scan.interruptions++
 
         // Un tour de l'humain, et non l'un des trois autres genres de lignes qui
         // portent `type: 'user'` : l'écho d'un résultat d'outil, une injection du
         // harness (résumé de compaction, notification d'agent, sortie de hook), ou
         // la trace d'une commande locale. Même filtre que `summariseTranscript`,
         // qui décide de la même chose pour le titre d'une session.
-        const origin = row.origin as Record<string, unknown> | undefined;
-        const originKind = str(origin?.kind);
-        const injectedUser =
-          row.isCompactSummary === true ||
-          row.promptSource === 'system' ||
-          (originKind !== '' && originKind !== 'human');
-        const trimmed = typed.trimStart();
+        const origin = row.origin as Record<string, unknown> | undefined
+        const originKind = str(origin?.kind)
+        const injectedUser = row.isCompactSummary === true || row.promptSource === 'system' || (originKind !== '' && originKind !== 'human')
+        const trimmed = typed.trimStart()
         if (
           !row.isMeta &&
           !row.isSidechain &&
@@ -643,56 +629,56 @@ export async function scanFile(ref: FileRef): Promise<FileScan> {
           // une balise, qu'aucun prompt tapé ne porte en tête.
           !trimmed.startsWith('<')
         ) {
-          scan.userTurns++;
+          scan.userTurns++
         }
-        continue;
+        continue
       }
 
-      if (type !== 'assistant') continue;
+      if (type !== 'assistant') continue
 
       // ── La réponse : ses blocs, puis son usage ───────────────────────────
-      const model = str(msg.model, 'unknown');
-      scan.models.add(model);
-      if (!hiRes && isHiResVisionModel(model)) hiRes = true;
+      const model = str(msg.model, 'unknown')
+      scan.models.add(model)
+      if (!hiRes && isHiResVisionModel(model)) hiRes = true
 
       if (Array.isArray(msg.content)) {
         for (const b of msg.content as Record<string, unknown>[]) {
           if (b.type === 'text') {
-            scan.byCategory.thinking += estimateTokens(str(b.text));
+            scan.byCategory.thinking += estimateTokens(str(b.text))
           } else if (b.type === 'thinking') {
             // Claude Code n'écrit que la `signature` du raisonnement, jamais son
             // texte : ce qui est compté ici est ce qui reste sur le disque, pas
             // ce que le modèle a produit. Le manque tombe dans `unattributed`.
-            scan.byCategory.thinking += estimateTokens(str(b.thinking));
+            scan.byCategory.thinking += estimateTokens(str(b.thinking))
           } else if (b.type === 'tool_use') {
-            const name = str(b.name);
-            const id = str(b.id);
-            if (id) toolNames.set(id, name);
-            const t = tally(scan.tools, name);
-            t.calls++;
-            const inputTokens = estimateTokens(toolInputText(b.input));
-            t.inputTokens += inputTokens;
-
-            const family = familyOf(name);
+            const name = str(b.name)
+            const id = str(b.id)
+            if (id) toolNames.set(id, name)
+            const t = tally(scan.tools, name)
+            t.calls++
+            const inputTokens = estimateTokens(toolInputText(b.input))
+            t.inputTokens += inputTokens
+
+            const family = familyOf(name)
             if (family === 'exploration') {
-              scan.families.explorationCalls++;
-              scan.families.explorationTokens += inputTokens;
+              scan.families.explorationCalls++
+              scan.families.explorationTokens += inputTokens
             } else if (family === 'production') {
-              scan.families.productionCalls++;
-              scan.families.productionTokens += inputTokens;
+              scan.families.productionCalls++
+              scan.families.productionTokens += inputTokens
             }
 
             // Un `Read` sur un chemin déjà lu : le fichier n'a pas changé de
             // camp, il rentre une seconde fois dans la fenêtre. Le premier
             // passage, lui, est le travail de la session — il ne compte pas.
             if (name === 'Read') {
-              const path = str((b.input as Record<string, unknown> | undefined)?.file_path);
+              const path = str((b.input as Record<string, unknown> | undefined)?.file_path)
               if (path) {
                 if (readPaths.has(path)) {
-                  scan.rereadCalls++;
-                  if (id) rereadIds.add(id);
+                  scan.rereadCalls++
+                  if (id) rereadIds.add(id)
                 } else {
-                  readPaths.add(path);
+                  readPaths.add(path)
                 }
               }
             }
@@ -700,110 +686,103 @@ export async function scanFile(ref: FileRef): Promise<FileScan> {
         }
       }
 
-      const usage = msg.usage as Record<string, unknown> | undefined;
-      if (!usage) continue;
+      const usage = msg.usage as Record<string, unknown> | undefined
+      if (!usage) continue
 
       const tokens: TokenCounts = {
         input: num(usage.input_tokens),
         output: num(usage.output_tokens),
         cacheRead: num(usage.cache_read_input_tokens),
         cacheCreate: num(usage.cache_creation_input_tokens),
-      };
+      }
 
       // La fenêtre que cette réponse a reçue. Les instantanés ne font que
       // croître, donc le maximum ligne à ligne est bien celui de la réponse.
-      const context = tokens.input + tokens.cacheRead + tokens.cacheCreate;
-      if (context > scan.peakContext) scan.peakContext = context;
+      const context = tokens.input + tokens.cacheRead + tokens.cacheCreate
+      if (context > scan.peakContext) scan.peakContext = context
       if (!firstTurnSeen && context > 0) {
-        scan.firstTurnContext = context;
-        firstTurnSeen = true;
+        scan.firstTurnContext = context
+        firstTurnSeen = true
       }
 
       // Une répétition d'une réponse déjà comptée : son `usage` en est un
       // instantané plus tardif, on complète de la différence.
-      const id = str(msg.id);
-      const prior = id ? seen.get(id) : undefined;
+      const id = str(msg.id)
+      const prior = id ? seen.get(id) : undefined
       if (prior) {
-        const delta = growth(prior.counted, tokens);
-        addTokens(prior.cell, delta);
+        const delta = growth(prior.counted, tokens)
+        addTokens(prior.cell, delta)
         // Le point de cette réponse existe déjà : il grandit du même delta, au
         // même tarif. `costOf` est linéaire en tokens, donc la somme des points
         // et celle des cellules ne peuvent pas diverger.
-        const at = pointOf.get(id);
-        const point = at !== undefined ? scan.points[at] : undefined;
-        if (point) point.cost += costOf(prior.cell.model, delta, prior.cell.day) ?? 0;
-        continue;
+        const at = pointOf.get(id)
+        const point = at !== undefined ? scan.points[at] : undefined
+        if (point) point.cost += costOf(prior.cell.model, delta, prior.cell.day) ?? 0
+        continue
       }
 
-      const day = localDay(ts);
-      if (!day) continue;
+      const day = localDay(ts)
+      if (!day) continue
 
-      const key = `${day}\0${model}`;
-      let cell = cells.get(key);
+      const key = `${day}\0${model}`
+      let cell = cells.get(key)
       if (!cell) {
-        cell = { ...ZERO, day, model, turns: 0 };
-        cells.set(key, cell);
+        cell = { ...ZERO, day, model, turns: 0 }
+        cells.set(key, cell)
       }
-      cell.turns++;
-      addTokens(cell, tokens);
-      scan.turns++;
-      if (row.isSidechain) scan.sidechainTurns++;
-      if (id) seen.set(id, { cell, counted: { ...tokens } });
+      cell.turns++
+      addTokens(cell, tokens)
+      scan.turns++
+      if (row.isSidechain) scan.sidechainTurns++
+      if (id) seen.set(id, { cell, counted: { ...tokens } })
 
       // Le point de dépense de cette réponse. Une ligne sans horodatage lisible
       // n'en produit pas : un point sans date ne peut entrer dans aucune fenêtre,
       // et lui en inventer une le rangerait dans la mauvaise.
-      const at = ts ? Date.parse(ts) : NaN;
+      const at = ts ? Date.parse(ts) : NaN
       if (Number.isFinite(at)) {
-        if (id) pointOf.set(id, scan.points.length);
-        scan.points.push({ t: at, cost: costOf(model, tokens, day) ?? 0 });
+        if (id) pointOf.set(id, scan.points.length)
+        scan.points.push({ t: at, cost: costOf(model, tokens, day) ?? 0 })
       }
     }
   } finally {
-    rl.close();
+    rl.close()
   }
 
   // ── Les images, une fois le palier du fichier connu ───────────────────────
   for (const img of pendingImages) {
-    const tokens = visualTokens(img.width, img.height, hiRes);
-    scan.imageTokens += tokens;
+    const tokens = visualTokens(img.width, img.height, hiRes)
+    scan.imageTokens += tokens
     if (img.toolUseId) {
-      const t = tally(scan.tools, toolNames.get(img.toolUseId) ?? 'Outil');
-      t.outputTokens += tokens;
-      t.imageTokens += tokens;
+      const t = tally(scan.tools, toolNames.get(img.toolUseId) ?? 'Outil')
+      t.outputTokens += tokens
+      t.imageTokens += tokens
     } else {
       // Une image collée par l'utilisateur : elle pèse sur son message.
-      scan.byCategory.userMessage += tokens;
+      scan.byCategory.userMessage += tokens
     }
   }
-  scan.byCategory.tools = [...scan.tools.values()].reduce(
-    (sum, t) => sum + t.inputTokens + t.outputTokens,
-    0,
-  );
+  scan.byCategory.tools = [...scan.tools.values()].reduce((sum, t) => sum + t.inputTokens + t.outputTokens, 0)
 
   // Le relevé reste en cache : on n'y garde que les injections qui pèsent.
   if (scan.injections.size > MAX_NAMED_INJECTIONS) {
-    scan.injections = new Map(
-      [...scan.injections].sort((a, b) => b[1].tokens - a[1].tokens).slice(0, MAX_NAMED_INJECTIONS),
-    );
+    scan.injections = new Map([...scan.injections].sort((a, b) => b[1].tokens - a[1].tokens).slice(0, MAX_NAMED_INJECTIONS))
   }
 
-  scan.cells = [...cells.values()];
-  return scan;
+  scan.cells = [...cells.values()]
+  return scan
 }
 
 // ── Le recensement des fichiers ──────────────────────────────────────────────
 
 async function readAgentMeta(dir: string, agentId: string): Promise<string | null> {
   try {
-    const raw = JSON.parse(
-      await readFile(join(dir, `agent-${agentId}.meta.json`), 'utf8'),
-    ) as Record<string, unknown>;
-    return str(raw.agentType) || null;
+    const raw = JSON.parse(await readFile(join(dir, `agent-${agentId}.meta.json`), 'utf8')) as Record<string, unknown>
+    return str(raw.agentType) || null
   } catch {
     // Les anciens sidecars n'en écrivaient pas : l'agent reste anonyme, son
     // coût est compté quand même.
-    return null;
+    return null
   }
 }
 
@@ -816,22 +795,22 @@ async function readAgentMeta(dir: string, agentId: string): Promise<string | nul
  * sous-agents comptés en nombre d'appels et jamais en dollars.
  */
 async function listFiles(): Promise<FileRef[]> {
-  const root = join(CLAUDE_DIR, 'projects');
-  const out: FileRef[] = [];
-  let slugs: string[];
+  const root = join(CLAUDE_DIR, 'projects')
+  const out: FileRef[] = []
+  let slugs: string[]
   try {
-    slugs = await readdir(root);
+    slugs = await readdir(root)
   } catch {
-    return out;
+    return out
   }
 
   for (const project of slugs) {
-    const dir = join(root, project);
-    let entries: string[];
+    const dir = join(root, project)
+    let entries: string[]
     try {
-      entries = await readdir(dir);
+      entries = await readdir(dir)
     } catch {
-      continue;
+      continue
     }
 
     for (const entry of entries) {
@@ -842,39 +821,39 @@ async function listFiles(): Promise<FileRef[]> {
           project,
           agentId: null,
           agentType: null,
-        });
-        continue;
+        })
+        continue
       }
 
-      const subDir = join(dir, entry, 'subagents');
-      let agents: string[];
+      const subDir = join(dir, entry, 'subagents')
+      let agents: string[]
       try {
-        agents = await readdir(subDir);
+        agents = await readdir(subDir)
       } catch {
-        continue; // ce n'est pas un répertoire de session
+        continue // ce n'est pas un répertoire de session
       }
       for (const f of agents) {
-        if (!f.endsWith('.jsonl')) continue;
-        const agentId = f.replace(/^agent-/, '').replace(/\.jsonl$/, '');
+        if (!f.endsWith('.jsonl')) continue
+        const agentId = f.replace(/^agent-/, '').replace(/\.jsonl$/, '')
         out.push({
           path: join(subDir, f),
           sessionId: entry,
           project,
           agentId,
           agentType: await readAgentMeta(subDir, agentId),
-        });
+        })
       }
     }
   }
-  return out;
+  return out
 }
 
 // ── Cache incrémental ────────────────────────────────────────────────────────
 
 interface CacheEntry {
-  mtimeMs: number;
-  size: number;
-  scan: FileScan;
+  mtimeMs: number
+  size: number
+  scan: FileScan
 }
 
 /**
@@ -883,58 +862,58 @@ interface CacheEntry {
  * neufs. Seuls les quelques fichiers touchés depuis le dernier appel sont relus —
  * ce qui rend supportable le fait de tout analyser, ligne à ligne.
  */
-const cache = new Map<string, CacheEntry>();
+const cache = new Map<string, CacheEntry>()
 
 /** Vide le cache. Réservé aux tests et à un rechargement explicite. */
 export function resetSignalsCache(): void {
-  cache.clear();
+  cache.clear()
 }
 
 async function collect(): Promise<{ scans: FileScan[]; scanned: number }> {
-  const files = await listFiles();
-  const live = new Set<string>();
-  const scans: FileScan[] = [];
-  let scanned = 0;
+  const files = await listFiles()
+  const live = new Set<string>()
+  const scans: FileScan[] = []
+  let scanned = 0
 
   for (const ref of files) {
-    live.add(ref.path);
-    let mtimeMs: number, size: number;
+    live.add(ref.path)
+    let mtimeMs: number, size: number
     try {
-      const s = await stat(ref.path);
-      mtimeMs = s.mtimeMs;
-      size = s.size;
+      const s = await stat(ref.path)
+      mtimeMs = s.mtimeMs
+      size = s.size
     } catch {
-      continue;
+      continue
     }
 
-    const hit = cache.get(ref.path);
+    const hit = cache.get(ref.path)
     if (hit && hit.mtimeMs === mtimeMs && hit.size === size) {
-      scans.push(hit.scan);
-      continue;
+      scans.push(hit.scan)
+      continue
     }
-    const fresh = await scanFile(ref);
-    scanned++;
-    cache.set(ref.path, { mtimeMs, size, scan: fresh });
-    scans.push(fresh);
+    const fresh = await scanFile(ref)
+    scanned++
+    cache.set(ref.path, { mtimeMs, size, scan: fresh })
+    scans.push(fresh)
   }
 
-  for (const path of cache.keys()) if (!live.has(path)) cache.delete(path);
-  return { scans, scanned };
+  for (const path of cache.keys()) if (!live.has(path)) cache.delete(path)
+  return { scans, scanned }
 }
 
 // ── L'assemblage en sessions ─────────────────────────────────────────────────
 
 /** Le coût d'une liste de cellules, chacune à son propre tarif. */
 function costOfCells(cells: Cell[]): number {
-  let total = 0;
-  for (const c of cells) total += costOf(c.model, c, c.day) ?? 0;
-  return total;
+  let total = 0
+  for (const c of cells) total += costOf(c.model, c, c.day) ?? 0
+  return total
 }
 
 function foldModels(cells: Cell[]): ModelCost[] {
-  const byModel = new Map<string, ModelCost>();
+  const byModel = new Map<string, ModelCost>()
   for (const c of cells) {
-    let m = byModel.get(c.model);
+    let m = byModel.get(c.model)
     if (!m) {
       m = {
         model: c.model,
@@ -942,90 +921,79 @@ function foldModels(cells: Cell[]): ModelCost[] {
         tokens: zeroTokens(),
         cost: 0,
         priced: isPriced(c.model),
-      };
-      byModel.set(c.model, m);
+      }
+      byModel.set(c.model, m)
     }
-    m.turns += c.turns;
-    addTokens(m.tokens, c);
-    m.cost += costOf(c.model, c, c.day) ?? 0;
+    m.turns += c.turns
+    addTokens(m.tokens, c)
+    m.cost += costOf(c.model, c, c.day) ?? 0
   }
-  return [...byModel.values()].sort((a, b) => b.cost - a.cost || b.tokens.output - a.tokens.output);
+  return [...byModel.values()].sort((a, b) => b.cost - a.cost || b.tokens.output - a.tokens.output)
 }
 
 function mergeTools(scans: FileScan[]): { tools: ToolCost[]; errors: number } {
-  const merged = new Map<string, ToolTally>();
-  let errors = 0;
+  const merged = new Map<string, ToolTally>()
+  let errors = 0
   for (const s of scans) {
-    errors += s.toolErrors;
+    errors += s.toolErrors
     for (const [name, t] of s.tools) {
-      const found = tally(merged, name);
-      found.inputTokens += t.inputTokens;
-      found.outputTokens += t.outputTokens;
-      found.imageTokens += t.imageTokens;
-      found.calls += t.calls;
-      found.errors += t.errors;
+      const found = tally(merged, name)
+      found.inputTokens += t.inputTokens
+      found.outputTokens += t.outputTokens
+      found.imageTokens += t.imageTokens
+      found.calls += t.calls
+      found.errors += t.errors
     }
   }
-  const tools = [...merged.entries()]
-    .map(([name, t]) => ({ name, tokens: t.inputTokens + t.outputTokens, ...t }))
-    .sort((a, b) => b.tokens - a.tokens);
-  return { tools, errors };
+  const tools = [...merged.entries()].map(([name, t]) => ({ name, tokens: t.inputTokens + t.outputTokens, ...t })).sort((a, b) => b.tokens - a.tokens)
+  return { tools, errors }
 }
 
 /** Les injections nommées d'une session, tous ses fichiers réunis. */
 function mergeInjections(scans: FileScan[]): InjectionCost[] {
-  const merged = new Map<string, InjectionCost>();
+  const merged = new Map<string, InjectionCost>()
   for (const s of scans) {
     for (const [key, i] of s.injections) {
-      const found = merged.get(key);
+      const found = merged.get(key)
       if (found) {
-        found.tokens += i.tokens;
-        found.count += i.count;
+        found.tokens += i.tokens
+        found.count += i.count
       } else {
-        merged.set(key, { ...i });
+        merged.set(key, { ...i })
       }
     }
   }
-  return [...merged.values()].sort((a, b) => b.tokens - a.tokens);
+  return [...merged.values()].sort((a, b) => b.tokens - a.tokens)
 }
 
 /** Assemble les fichiers d'une même session en un relevé. */
 function foldSession(sessionId: string, scans: FileScan[]): SessionSignal {
-  const main = scans.filter((s) => !s.agentId);
-  const sidecars = scans.filter((s) => s.agentId);
-  const allCells = scans.flatMap((s) => s.cells);
+  const main = scans.filter((s) => !s.agentId)
+  const sidecars = scans.filter((s) => s.agentId)
+  const allCells = scans.flatMap((s) => s.cells)
 
-  const tokens = zeroTokens();
-  for (const c of allCells) addTokens(tokens, c);
+  const tokens = zeroTokens()
+  for (const c of allCells) addTokens(tokens, c)
 
-  const denominator = tokens.input + tokens.cacheRead + tokens.cacheCreate;
-  const byCategory = zeroCategories();
-  for (const s of scans) for (const c of CONTEXT_CATEGORIES) byCategory[c] += s.byCategory[c];
+  const denominator = tokens.input + tokens.cacheRead + tokens.cacheCreate
+  const byCategory = zeroCategories()
+  for (const s of scans) for (const c of CONTEXT_CATEGORIES) byCategory[c] += s.byCategory[c]
 
-  const { tools, errors } = mergeTools(scans);
-  const models = foldModels(allCells);
+  const { tools, errors } = mergeTools(scans)
+  const models = foldModels(allCells)
 
   // Les deux faces du cache, au tarif de chaque modèle et de chaque jour.
-  const cacheReadCost = allCells.reduce(
-    (sum, c) => sum + (costOf(c.model, { ...ZERO, cacheRead: c.cacheRead }, c.day) ?? 0),
-    0,
-  );
-  const cacheCreateCost = allCells.reduce(
-    (sum, c) => sum + (costOf(c.model, { ...ZERO, cacheCreate: c.cacheCreate }, c.day) ?? 0),
-    0,
-  );
-  const inputCost = allCells.reduce(
-    (sum, c) => sum + (costOf(c.model, { ...ZERO, input: c.input }, c.day) ?? 0),
-    0,
-  );
+  const cacheReadCost = allCells.reduce((sum, c) => sum + (costOf(c.model, { ...ZERO, cacheRead: c.cacheRead }, c.day) ?? 0), 0)
+  const cacheCreateCost = allCells.reduce((sum, c) => sum + (costOf(c.model, { ...ZERO, cacheCreate: c.cacheCreate }, c.day) ?? 0), 0)
+  const inputCost = allCells.reduce((sum, c) => sum + (costOf(c.model, { ...ZERO, input: c.input }, c.day) ?? 0), 0)
 
-  const timestamps = scans.map((s) => s.firstTs).filter(Boolean);
-  const firstTs = timestamps.length ? timestamps.reduce((a, b) => (a < b ? a : b)) : '';
-  const lastTs = scans.map((s) => s.lastTs).reduce((a, b) => (a > b ? a : b), '');
+  const timestamps = scans.map((s) => s.firstTs).filter(Boolean)
+  const firstTs = timestamps.length ? timestamps.reduce((a, b) => (a < b ? a : b)) : ''
+  const lastTs = scans.map((s) => s.lastTs).reduce((a, b) => (a > b ? a : b), '')
 
   // Le fil principal fait foi pour l'identité : un sidecar n'a ni la branche de
   // la session ni sa première fenêtre.
-  const head = main[0] ?? scans[0];
+  const head = main[0] ?? scans[0]
 
   const peakContext = Math.max(
     0,
@@ -1033,7 +1001,7 @@ function foldSession(sessionId: string, scans: FileScan[]): SessionSignal {
     // Une compaction prouve que la fenêtre a atteint `preTokens`, même si aucune
     // réponse relevée ne l'a montré.
     ...main.flatMap((s) => s.compactions.map((c) => c.preTokens)),
-  );
+  )
 
   return {
     sessionId,
@@ -1066,21 +1034,21 @@ function foldSession(sessionId: string, scans: FileScan[]): SessionSignal {
 
     subagents: sidecars
       .map((s) => {
-        const agentTokens = zeroTokens();
-        for (const c of s.cells) addTokens(agentTokens, c);
+        const agentTokens = zeroTokens()
+        for (const c of s.cells) addTokens(agentTokens, c)
         return {
           agentId: s.agentId ?? '',
           agentType: s.agentType,
           turns: s.turns,
           tokens: agentTokens,
           cost: costOfCells(s.cells),
-        };
+        }
       })
       .sort((a, b) => b.cost - a.cost),
 
     families: scans.reduce((acc, s) => {
-      for (const k of Object.keys(acc) as (keyof ToolFamilies)[]) acc[k] += s.families[k];
-      return acc;
+      for (const k of Object.keys(acc) as (keyof ToolFamilies)[]) acc[k] += s.families[k]
+      return acc
     }, zeroFamilies()),
     // Du fil principal seulement : dans un sidecar, une ligne `user` est
     // l'orchestrateur qui brieffe son agent, pas l'humain qui prend un tour.
@@ -1099,7 +1067,7 @@ function foldSession(sessionId: string, scans: FileScan[]): SessionSignal {
     byCategory,
     topInjections: mergeInjections(scans),
     files: scans.length,
-  };
+  }
 }
 
 // ── API publique ─────────────────────────────────────────────────────────────
@@ -1112,27 +1080,27 @@ function foldSession(sessionId: string, scans: FileScan[]): SessionSignal {
  * l'étape suivante calculera.
  */
 export async function getSignals(): Promise<SignalsReport> {
-  const { scans, scanned } = await collect();
+  const { scans, scanned } = await collect()
 
-  const bySession = new Map<string, FileScan[]>();
+  const bySession = new Map<string, FileScan[]>()
   for (const s of scans) {
-    const list = bySession.get(s.sessionId);
-    if (list) list.push(s);
-    else bySession.set(s.sessionId, [s]);
+    const list = bySession.get(s.sessionId)
+    if (list) list.push(s)
+    else bySession.set(s.sessionId, [s])
   }
 
   const signals = [...bySession.entries()]
     .map(([id, list]) => foldSession(id, list))
     .filter((s) => s.turns + s.subagentTurns > 0)
-    .sort((a, b) => b.cost - a.cost);
+    .sort((a, b) => b.cost - a.cost)
 
   // Les points de tout le parc, en ordre chronologique : c'est ce que suppose
   // toute somme mobile, et le tri se fait une fois ici plutôt qu'à chaque appel.
-  const points: CostPoint[] = [];
+  const points: CostPoint[] = []
   for (const s of scans) {
-    for (const p of s.points) points.push({ ...p, sessionId: s.sessionId });
+    for (const p of s.points) points.push({ ...p, sessionId: s.sessionId })
   }
-  points.sort((a, b) => a.t - b.t);
+  points.sort((a, b) => a.t - b.t)
 
-  return { signals, points, filesScanned: scanned };
+  return { signals, points, filesScanned: scanned }
 }
diff --git a/server/diagnostics/thresholds.ts b/server/diagnostics/thresholds.ts
index b6d9031..2a20a36 100644
--- a/server/diagnostics/thresholds.ts
+++ b/server/diagnostics/thresholds.ts
@@ -26,13 +26,13 @@
 // Ce module ne lit aucun transcript et ne juge aucune session. Il ne fait que
 // répondre, signal par signal : « à partir de combien ? ».
 
-import { t } from '../i18n/index.ts';
-import type { SessionSignal } from './signals.ts';
+import { t } from '../i18n/index.ts'
+import type { SessionSignal } from './signals.ts'
 
 // ── Ce qu'on publie ──────────────────────────────────────────────────────────
 
 /** Sens du signal : « plus haut est pire », ou l'inverse (le taux de cache). */
-export type Direction = 'high' | 'low';
+export type Direction = 'high' | 'low'
 
 /**
  * `ratio` est une part, qui s'écrit en pour-cent ; `rate` un rapport entre deux
@@ -40,12 +40,12 @@ export type Direction = 'high' | 'low';
  * prompt — qu'aucun pour-cent ne rendrait lisible. La distinction n'existe que
  * pour l'affichage, et c'est déjà une raison suffisante.
  */
-export type Unit = 'usd' | 'tokens' | 'ratio' | 'count' | 'rate';
+export type Unit = 'usd' | 'tokens' | 'ratio' | 'count' | 'rate'
 
 export interface Calibration {
-  metric: string;
+  metric: string
   /** Libellé destiné à l'UI. */
-  label: string;
+  label: string
   /**
    * Ce que le signal mesure, en une phrase ou deux, destiné à l'UI.
    *
@@ -53,20 +53,20 @@ export interface Calibration {
    * calcule : un libellé et une explication qui s'éloignent de leur `of()`
    * finissent par décrire autre chose que ce qui est mesuré.
    */
-  help: string;
-  unit: Unit;
-  direction: Direction;
+  help: string
+  unit: Unit
+  direction: Direction
   /** Le seuil retenu. Une valeur au-delà (ou en deçà, si `low`) est un signal. */
-  value: number;
+  value: number
   /** Le percentile calculé sur le parc, ou `null` si l'échantillon est trop maigre. */
-  percentile: number | null;
+  percentile: number | null
   /** Le rang visé — 0.9 pour le décile supérieur. */
-  rank: number;
+  rank: number
   /**
    * La borne absolue, qui ne peut que faire taire (`max` si `high`, `min` si
    * `low`). Elle porte l'unique jugement écrit à la main de ce module.
    */
-  guard: number;
+  guard: number
   /**
    * D'où sort ce garde-fou — l'ordre de grandeur qui le justifie, en une phrase.
    *
@@ -74,20 +74,20 @@ export interface Calibration {
    * phrase, la seule réponse à « pourquoi 200 000 ? » serait « parce que ». Elle
    * est aussi ce qu'on relit pour décider s'il faut le réviser.
    */
-  guardBasis: string;
+  guardBasis: string
   /**
    * Qui a décidé le seuil. `guard` signifie que **le parc est sain sur ce
    * signal** : le décile le moins bon reste sous ce qui vaut une action.
    */
-  bound: 'percentile' | 'guard';
+  bound: 'percentile' | 'guard'
   /** Sessions où le signal a un sens — les autres ne sont pas des zéros, elles sont hors sujet. */
-  sampleSize: number;
+  sampleSize: number
   /** Faux sous `MIN_SAMPLE` : le percentile n'est pas fiable, seul le garde-fou parle. */
-  calibrated: boolean;
+  calibrated: boolean
   /** Combien de sessions de l'échantillon franchissent le seuil. */
-  hits: number;
+  hits: number
   /** Ce que pèsent ces sessions, en dollars. `null` quand les coûts n'ont pas été fournis. */
-  hitsCost: number | null;
+  hitsCost: number | null
   /**
    * Ce que le garde-fou fait taire : les sessions au-delà du percentile mais en
    * deçà du seuil retenu.
@@ -98,8 +98,8 @@ export interface Calibration {
    * percentile décide : il n'y a alors rien à taire.
    */
   silenced: {
-    sessions: number;
-    cost: number | null;
+    sessions: number
+    cost: number | null
     /**
      * La part de cette bande qu'aucun *autre* signal ne désigne — la seule perte
      * d'information réelle, et donc le vrai prix du plancher.
@@ -111,10 +111,10 @@ export interface Calibration {
      * seul le parc complet permet de séparer — d'où `null` quand on calibre un
      * signal isolé.
      */
-    orphans: { sessions: number; cost: number } | null;
-  } | null;
+    orphans: { sessions: number; cost: number } | null
+  } | null
   /** Des repères, pour l'UI et pour le doute. */
-  quantiles: { p50: number; p75: number; p90: number; min: number; max: number };
+  quantiles: { p50: number; p75: number; p90: number; min: number; max: number }
 }
 
 /**
@@ -122,7 +122,7 @@ export interface Calibration {
  * sessions donnent un « P90 » qui n'est que la pire des trois. Seuil repris du CLI
  * d'origine, qui avait raison sur ce point.
  */
-export const MIN_SAMPLE = 30;
+export const MIN_SAMPLE = 30
 
 /**
  * En dessous de ce coût, une session n'a rien à gagner à être optimisée.
@@ -132,7 +132,7 @@ export const MIN_SAMPLE = 30;
  * est mauvaise et l'enjeu nul. Les signaux qui mesurent déjà des dollars ou des
  * tokens n'en ont pas besoin — leur grandeur porte sa propre matérialité.
  */
-export const MIN_MATERIAL_COST = 1;
+export const MIN_MATERIAL_COST = 1
 
 // ── Les signaux calibrés ─────────────────────────────────────────────────────
 
@@ -144,13 +144,13 @@ export const MIN_MATERIAL_COST = 1;
  * catalogue sous `diagnostics.metrics.<signal>`.
  */
 export interface MetricMeta {
-  label: string;
-  help: string;
-  unit: Unit;
-  direction: Direction;
-  rank: number;
-  guard: number;
-  guardBasis: string;
+  label: string
+  help: string
+  unit: Unit
+  direction: Direction
+  rank: number
+  guard: number
+  guardBasis: string
 }
 
 /**
@@ -160,7 +160,7 @@ export interface MetricMeta {
  * passe à `calibrateFrom`. Un signal n'a donc plus à porter ses phrases : il
  * suffit qu'il ait un nom.
  */
-export type MetricNumbers = Omit<MetricMeta, 'label' | 'help' | 'guardBasis'>;
+export type MetricNumbers = Omit<MetricMeta, 'label' | 'help' | 'guardBasis'>
 
 interface MetricSpec extends MetricNumbers {
   /**
@@ -169,7 +169,7 @@ interface MetricSpec extends MetricNumbers {
    * compactions » sur les sessions qui n'en ont aucune — l'écrasante majorité —
    * donnerait un P90 à zéro, et le signal ne se déclencherait plus jamais.
    */
-  of: (s: SessionSignal) => number | null;
+  of: (s: SessionSignal) => number | null
 }
 
 /**
@@ -184,7 +184,7 @@ interface MetricSpec extends MetricNumbers {
  * disaient long sur l'installation qui a servi de référence, et n'apprenaient
  * rien à qui lit le rapport chez lui.
  */
-export const GUARDS_REVIEWED = { on: '2026-08-05' } as const;
+export const GUARDS_REVIEWED = { on: '2026-08-05' } as const
 
 /**
  * Les planchers ci-dessous sont des ordres de grandeur écrits à la main, chacun
@@ -231,9 +231,9 @@ const SPECS = {
     rank: 0.9,
     guard: 0.15,
     of: (s) => {
-      const calls = s.tools.reduce((n, t) => n + t.calls, 0);
+      const calls = s.tools.reduce((n, t) => n + t.calls, 0)
       // Sous une vingtaine d'appels, un taux n'est qu'un accident d'arrondi.
-      return calls >= 20 ? s.toolErrors / calls : null;
+      return calls >= 20 ? s.toolErrors / calls : null
     },
   },
   /**
@@ -249,10 +249,7 @@ const SPECS = {
     direction: 'high',
     rank: 0.9,
     guard: 500_000,
-    of: (s) =>
-      s.compactions.length
-        ? s.compactions.reduce((n, c) => n + Math.max(0, c.preTokens - c.postTokens), 0)
-        : null,
+    of: (s) => (s.compactions.length ? s.compactions.reduce((n, c) => n + Math.max(0, c.preTokens - c.postTokens), 0) : null),
   },
   /**
    * Ce que les délégations ont coûté, en dollars. Ne concerne que les sessions
@@ -283,8 +280,8 @@ const SPECS = {
     // d'un outil qui, lui, travaille.
     guard: 10_000,
     of: (s) => {
-      const injected = s.byCategory.memory + s.byCategory.skills + s.byCategory.harness;
-      return injected > 0 ? injected : null;
+      const injected = s.byCategory.memory + s.byCategory.skills + s.byCategory.harness
+      return injected > 0 ? injected : null
     },
   },
   /**
@@ -319,10 +316,10 @@ const SPECS = {
     rank: 0.9,
     guard: 2,
     of: (s) => {
-      const { explorationCalls, productionCalls } = s.families;
+      const { explorationCalls, productionCalls } = s.families
       // Sous une vingtaine d'appels, un rapport n'est qu'un accident d'arrondi.
-      if (productionCalls === 0 || explorationCalls + productionCalls < 20) return null;
-      return explorationCalls / productionCalls;
+      if (productionCalls === 0 || explorationCalls + productionCalls < 20) return null
+      return explorationCalls / productionCalls
     },
   },
   /**
@@ -413,20 +410,20 @@ const SPECS = {
     guard: 0.7,
     of: (s) => (s.turns >= 5 && s.cost >= MIN_MATERIAL_COST ? s.cacheHitRatio : null),
   },
-} satisfies Record<string, MetricSpec>;
+} satisfies Record<string, MetricSpec>
 
-export type MetricName = keyof typeof SPECS;
+export type MetricName = keyof typeof SPECS
 
-export const METRIC_NAMES = Object.keys(SPECS) as MetricName[];
+export const METRIC_NAMES = Object.keys(SPECS) as MetricName[]
 
 export interface Thresholds {
   /** Sessions fournies en entrée, tous signaux confondus. */
-  sessions: number;
+  sessions: number
   /** Vrai si *tous* les signaux ont pu être calibrés sur un échantillon suffisant. */
-  reliable: boolean;
+  reliable: boolean
   /** Quand les garde-fous ont été revus, et sur quel corpus. */
-  reviewed: { on: string };
-  metrics: Record<MetricName, Calibration>;
+  reviewed: { on: string }
+  metrics: Record<MetricName, Calibration>
 }
 
 // ── Percentiles ──────────────────────────────────────────────────────────────
@@ -441,15 +438,15 @@ export interface Thresholds {
  * sans qu'aucune donnée ne l'ait demandé.
  */
 export function percentile(values: number[], rank: number): number {
-  if (!values.length) return 0;
-  if (values.length === 1) return values[0] as number;
-  const clamped = Math.min(1, Math.max(0, rank));
-  const position = clamped * (values.length - 1);
-  const low = Math.floor(position);
-  const high = Math.ceil(position);
-  const lower = values[low] as number;
-  if (low === high) return lower;
-  return lower + (position - low) * ((values[high] as number) - lower);
+  if (!values.length) return 0
+  if (values.length === 1) return values[0] as number
+  const clamped = Math.min(1, Math.max(0, rank))
+  const position = clamped * (values.length - 1)
+  const low = Math.floor(position)
+  const high = Math.ceil(position)
+  const lower = values[low] as number
+  if (low === high) return lower
+  return lower + (position - low) * ((values[high] as number) - lower)
 }
 
 /**
@@ -466,14 +463,14 @@ export function percentile(values: number[], rank: number): number {
  * n'est vrai.
  */
 export function percentileRank(values: number[], value: number): number {
-  if (!values.length) return 0;
-  let below = 0;
-  let equal = 0;
+  if (!values.length) return 0
+  let below = 0
+  let equal = 0
   for (const v of values) {
-    if (v < value) below++;
-    else if (v === value) equal++;
+    if (v < value) below++
+    else if (v === value) equal++
   }
-  return (below + equal / 2) / values.length;
+  return (below + equal / 2) / values.length
 }
 
 // ── Calibration ──────────────────────────────────────────────────────────────
@@ -500,36 +497,29 @@ export function calibrateFrom(
 ): Calibration {
   // Trier les paires et non les seules valeurs : c'est ce qui garde chaque coût
   // avec la valeur qu'il accompagne.
-  const pairs = values.map((v, i) => ({ v, cost: costs?.[i] ?? null })).sort((a, b) => a.v - b.v);
-  const sorted = pairs.map((p) => p.v);
-  const size = sorted.length;
-  const calibrated = size >= MIN_SAMPLE;
-  const computed = calibrated ? percentile(sorted, spec.rank) : null;
+  const pairs = values.map((v, i) => ({ v, cost: costs?.[i] ?? null })).sort((a, b) => a.v - b.v)
+  const sorted = pairs.map((p) => p.v)
+  const size = sorted.length
+  const calibrated = size >= MIN_SAMPLE
+  const computed = calibrated ? percentile(sorted, spec.rank) : null
 
   // Sans échantillon fiable, le garde-fou parle seul : c'est la position prudente,
   // puisqu'il ne sait que faire taire.
-  const fromParc = computed ?? spec.guard;
-  const value =
-    override ??
-    (spec.direction === 'high' ? Math.max(fromParc, spec.guard) : Math.min(fromParc, spec.guard));
+  const fromParc = computed ?? spec.guard
+  const value = override ?? (spec.direction === 'high' ? Math.max(fromParc, spec.guard) : Math.min(fromParc, spec.guard))
 
-  const beyond = (v: number): boolean => (spec.direction === 'high' ? v > value : v < value);
-  const hits = pairs.filter((p) => beyond(p.v));
+  const beyond = (v: number): boolean => (spec.direction === 'high' ? v > value : v < value)
+  const hits = pairs.filter((p) => beyond(p.v))
 
   /** La somme des coûts connus, ou `null` si aucun ne l'est. */
-  const costOf = (list: typeof pairs): number | null =>
-    costs ? list.reduce((n, p) => n + (p.cost ?? 0), 0) : null;
+  const costOf = (list: typeof pairs): number | null => (costs ? list.reduce((n, p) => n + (p.cost ?? 0), 0) : null)
 
   // La bande que le garde-fou étouffe : au-delà du percentile, en deçà du seuil.
   // Vide par construction quand le percentile décide — les deux bornes coïncident.
   const band =
     computed === null || value === computed
       ? null
-      : pairs.filter((p) =>
-          spec.direction === 'high'
-            ? p.v > computed && p.v <= value
-            : p.v < computed && p.v >= value,
-        );
+      : pairs.filter((p) => (spec.direction === 'high' ? p.v > computed && p.v <= value : p.v < computed && p.v >= value))
 
   return {
     metric,
@@ -544,8 +534,7 @@ export function calibrateFrom(
     rank: spec.rank,
     guard: spec.guard,
     guardBasis: t(`diagnostics.metrics.${metric}.guardBasis`),
-    bound:
-      override !== undefined || computed === null || value !== computed ? 'guard' : 'percentile',
+    bound: override !== undefined || computed === null || value !== computed ? 'guard' : 'percentile',
     sampleSize: size,
     calibrated,
     hits: hits.length,
@@ -560,7 +549,7 @@ export function calibrateFrom(
       p90: percentile(sorted, 0.9),
       max: size ? (sorted[size - 1] as number) : 0,
     },
-  };
+  }
 }
 
 /**
@@ -569,66 +558,61 @@ export function calibrateFrom(
  * `overrides` porte les seuils que l'utilisateur a fixés lui-même (destinés à
  * venir des préférences AURA) ; un signal absent de la table est calibré.
  */
-export function calibrate(
-  signals: SessionSignal[],
-  overrides: Partial<Record<MetricName, number>> = {},
-): Thresholds {
-  const metrics = {} as Record<MetricName, Calibration>;
-  let reliable = true;
+export function calibrate(signals: SessionSignal[], overrides: Partial<Record<MetricName, number>> = {}): Thresholds {
+  const metrics = {} as Record<MetricName, Calibration>
+  let reliable = true
 
   for (const name of METRIC_NAMES) {
-    const spec = SPECS[name] as MetricSpec;
-    const values: number[] = [];
-    const costs: number[] = [];
+    const spec = SPECS[name] as MetricSpec
+    const values: number[] = []
+    const costs: number[] = []
     for (const s of signals) {
-      const v = spec.of(s);
+      const v = spec.of(s)
       if (v !== null && Number.isFinite(v)) {
-        values.push(v);
-        costs.push(s.cost);
+        values.push(v)
+        costs.push(s.cost)
       }
     }
-    const calibration = calibrateFrom(name, spec, values, overrides[name], costs);
-    if (!calibration.calibrated) reliable = false;
-    metrics[name] = calibration;
+    const calibration = calibrateFrom(name, spec, values, overrides[name], costs)
+    if (!calibration.calibrated) reliable = false
+    metrics[name] = calibration
   }
 
   // Seconde passe : ce que chaque garde-fou tait *et que personne d'autre ne
   // voit*. Elle exige tous les seuils arrêtés, d'où le second tour.
   for (const name of METRIC_NAMES) {
-    const c = metrics[name];
-    if (!c.silenced || c.percentile === null) continue;
-    const p = c.percentile;
+    const c = metrics[name]
+    if (!c.silenced || c.percentile === null) continue
+    const p = c.percentile
 
-    let sessions = 0;
-    let cost = 0;
+    let sessions = 0
+    let cost = 0
     for (const s of signals) {
-      const v = valueOf(name, s);
-      if (v === null) continue;
-      const inBand = c.direction === 'high' ? v > p && v <= c.value : v < p && v >= c.value;
-      if (!inBand) continue;
+      const v = valueOf(name, s)
+      if (v === null) continue
+      const inBand = c.direction === 'high' ? v > p && v <= c.value : v < p && v >= c.value
+      if (!inBand) continue
       // Orpheline : la taire la fait disparaître du rapport, elle n'y figure
       // sous aucun autre titre.
-      const seenElsewhere = METRIC_NAMES.some(
-        (other) => other !== name && exceeds(metrics[other], valueOf(other, s)),
-      );
+      const seenElsewhere = METRIC_NAMES.some((other) => other !== name && exceeds(metrics[other], valueOf(other, s)))
       if (!seenElsewhere) {
-        sessions++;
-        cost += s.cost;
+        sessions++
+        cost += s.cost
       }
     }
-    c.silenced.orphans = { sessions, cost };
+    c.silenced.orphans = { sessions, cost }
   }
 
-  return { sessions: signals.length, reliable, reviewed: GUARDS_REVIEWED, metrics };
+  return { sessions: signals.length, reliable, reviewed: GUARDS_REVIEWED, metrics }
 }
 
 /** La valeur d'un signal pour une session — ce que les règles interrogeront. */
 export function valueOf(metric: MetricName, signal: SessionSignal): number | null {
-  return (SPECS[metric] as MetricSpec).of(signal);
+  return (SPECS[metric] as MetricSpec).of(signal)
 }
 
 /** La session franchit-elle ce seuil ? Faux quand elle ne porte pas le signal. */
 export function exceeds(calibration: Calibration, value: number | null): boolean {
-  if (value === null) return false;
-  return calibration.direction === 'high' ? value > calibration.value : value < calibration.value;
+  if (value === null) return false
+  return calibration.direction === 'high' ? value > calibration.value : value < calibration.value
 }
diff --git a/server/env.ts b/server/env.ts
index 57067ab..5b15eb4 100644
--- a/server/env.ts
+++ b/server/env.ts
@@ -11,21 +11,21 @@
 // que tout le serveur importe — il reste dans le seul module qui en a besoin, et
 // aucune route n'est en mesure de le renvoyer par mégarde.
 
-import { homedir } from 'node:os';
-import { join, normalize, sep } from 'node:path';
+import { homedir } from 'node:os'
+import { join, normalize, sep } from 'node:path'
 
 export interface ServerEnv {
   /** Port the Fastify server listens on (Quasar's dev proxy targets it). */
-  port: number;
+  port: number
   /** Absolute path of the .claude directory AURA manages. */
-  claudeDir: string;
+  claudeDir: string
 }
 
 /** Read the server environment; everything has a sensible local default. */
 export function loadEnv(): ServerEnv {
-  const port = Number(process.env.PORT ?? 8800);
-  const raw = process.env.AURA_CLAUDE_DIR?.trim() || join(homedir(), '.claude');
-  return { port, claudeDir: normalizeRoot(raw) };
+  const port = Number(process.env.PORT ?? 8800)
+  const raw = process.env.AURA_CLAUDE_DIR?.trim() || join(homedir(), '.claude')
+  return { port, claudeDir: normalizeRoot(raw) }
 }
 
 /**
@@ -43,6 +43,6 @@ export function loadEnv(): ServerEnv {
  * déjà `sep`, et une racine qui le porte déjà ne correspondrait plus.
  */
 function normalizeRoot(dir: string): string {
-  const n = normalize(dir);
-  return n.length > 1 && n.endsWith(sep) ? n.slice(0, -1) : n;
+  const n = normalize(dir)
+  return n.length > 1 && n.endsWith(sep) ? n.slice(0, -1) : n
 }
diff --git a/server/errors.ts b/server/errors.ts
index e1bc7bf..2d10e7e 100644
--- a/server/errors.ts
+++ b/server/errors.ts
@@ -18,12 +18,12 @@
 // Le nom du compte, l'arborescence du poste. Elles restent donc au serveur, dans
 // le journal, et le client reçoit un constat.
 
-import { ConflictError } from './claude/fs.ts';
-import { PathError } from './claude/paths.ts';
-import { McpConflictError } from './mcp.ts';
-import { ProjectError } from './projects.ts';
-import { PickerUnavailable } from './agent/folder.ts';
-import { t } from './i18n/index.ts';
+import { PickerUnavailable } from './agent/folder.ts'
+import { ConflictError } from './claude/fs.ts'
+import { PathError } from './claude/paths.ts'
+import { t } from './i18n/index.ts'
+import { McpConflictError } from './mcp.ts'
+import { ProjectError } from './projects.ts'
 
 /**
  * Les erreurs dont le message est rédigé pour l'utilisateur.
@@ -33,16 +33,10 @@ import { t } from './i18n/index.ts';
  * traduit par un message plus vague, jamais par une fuite — c'est le sens dans
  * lequel on veut se tromper.
  */
-const SPEAKABLE = [
-  PathError,
-  ConflictError,
-  McpConflictError,
-  ProjectError,
-  PickerUnavailable,
-] as const;
+const SPEAKABLE = [PathError, ConflictError, McpConflictError, ProjectError, PickerUnavailable] as const
 
 /** Le message à servir : celui d'AURA, ou un constat qui ne dit rien du disque. */
 export function publicMessage(e: unknown): string {
-  if (SPEAKABLE.some((cls) => e instanceof cls)) return (e as Error).message;
-  return t('errors.unexpected');
+  if (SPEAKABLE.some((cls) => e instanceof cls)) return (e as Error).message
+  return t('errors.unexpected')
 }
diff --git a/server/guard.ts b/server/guard.ts
index a316899..0d52b62 100644
--- a/server/guard.ts
+++ b/server/guard.ts
@@ -22,29 +22,29 @@
 // l'interface est sans conséquence — elle ne porte aucune donnée, et n'obtient
 // rien sans franchir ce qui précède.
 
-import type { FastifyInstance } from 'fastify';
-import { t } from './i18n/index.ts';
+import type { FastifyInstance } from 'fastify'
+import { t } from './i18n/index.ts'
 
 /** Les noms sous lesquels cette machine accepte d'être appelée. */
-const LOCAL_NAMES = new Set(['127.0.0.1', 'localhost', '[::1]']);
+const LOCAL_NAMES = new Set(['127.0.0.1', 'localhost', '[::1]'])
 
 /** Le nom d'hôte d'un en-tête `Host`, sans le port. */
 function hostname(header: string | undefined): string {
-  if (!header) return '';
+  if (!header) return ''
   // `[::1]:8800` — les crochets tiennent l'adresse IPv6 d'un seul tenant.
-  if (header.startsWith('[')) return header.slice(0, header.indexOf(']') + 1).toLowerCase();
-  const i = header.lastIndexOf(':');
-  return (i === -1 ? header : header.slice(0, i)).toLowerCase();
+  if (header.startsWith('[')) return header.slice(0, header.indexOf(']') + 1).toLowerCase()
+  const i = header.lastIndexOf(':')
+  return (i === -1 ? header : header.slice(0, i)).toLowerCase()
 }
 
 /** Branche la garde sur toutes les requêtes `/api/*`. */
 export function registerGuard(app: FastifyInstance): void {
   app.addHook('onRequest', (req, reply, done) => {
-    if (!req.url.startsWith('/api/')) return done();
+    if (!req.url.startsWith('/api/')) return done()
 
     if (!LOCAL_NAMES.has(hostname(req.headers.host))) {
-      void reply.code(403).send({ error: t('guard.badHost') });
-      return;
+      void reply.code(403).send({ error: t('guard.badHost') })
+      return
     }
 
     // `none` est le cas d'une requête qui ne vient d'aucune page : la barre
@@ -52,13 +52,13 @@ export function registerGuard(app: FastifyInstance): void {
     // des clients qui ne sont pas des navigateurs — ils ne portent pas de
     // cookie d'une autre origine, et n'ont donc rien à usurper.
     if (req.method !== 'GET' && req.method !== 'HEAD') {
-      const site = req.headers['sec-fetch-site'];
+      const site = req.headers['sec-fetch-site']
       if (typeof site === 'string' && site !== 'same-origin' && site !== 'none') {
-        void reply.code(403).send({ error: t('guard.crossSite') });
-        return;
+        void reply.code(403).send({ error: t('guard.crossSite') })
+        return
       }
     }
 
-    done();
-  });
+    done()
+  })
 }
diff --git a/server/i18n/en-diagnostics.ts b/server/i18n/en-diagnostics.ts
index 3d419ce..06493da 100644
--- a/server/i18n/en-diagnostics.ts
+++ b/server/i18n/en-diagnostics.ts
@@ -1,4 +1,4 @@
-import type { DiagnosticsCatalog } from './fr-diagnostics.ts';
+import type { DiagnosticsCatalog } from './fr-diagnostics.ts'
 
 // Le diagnostic, en anglais. Charte `docs/voice.md` : sobre et direct, et le
 // vocabulaire arbitré là-bas — Atelier → Workshop, seuil → threshold,
@@ -9,14 +9,12 @@ const enDiagnostics: DiagnosticsCatalog = {
     sessionCost: {
       label: 'Session cost',
       help: 'What the session cost in total, at API rates — main-thread turns and subagents included. Carried by every session whose cost is known and non-zero.',
-      guardBasis:
-        'A few dollars: below that, no optimisation pays back the time spent reading the session. No effect once your P90 rises above it.',
+      guardBasis: 'A few dollars: below that, no optimisation pays back the time spent reading the session. No effect once your P90 rises above it.',
     },
     cacheReadCost: {
       label: 'History re-reads',
       help: 'What the tokens re-read from cache cost. At every turn the whole history goes back to the model: it is the largest single expense across the fleet, and it grows with the length of the conversation, not with the work done.',
-      guardBasis:
-        'Three dollars of re-reading alone: half the total-cost floor, since this item can never account for the whole session.',
+      guardBasis: 'Three dollars of re-reading alone: half the total-cost floor, since this item can never account for the whole session.',
     },
     toolTokens: {
       label: 'Context consumed by tools',
@@ -39,8 +37,7 @@ const enDiagnostics: DiagnosticsCatalog = {
     subagentCost: {
       label: 'Subagent cost',
       help: 'What delegations cost, across the sessions that delegate. In dollars rather than as a share of cost: a session whose main thread only starts agents owes them 100% of its spend, and a ratio that saturates no longer singles anyone out.',
-      guardBasis:
-        'Three dollars of delegation: the price below which running it another way would cost more than it saves.',
+      guardBasis: 'Three dollars of delegation: the price below which running it another way would cost more than it saves.',
     },
     injectedContext: {
       label: 'Context injected by the harness',
@@ -57,8 +54,7 @@ const enDiagnostics: DiagnosticsCatalog = {
     explorationRatio: {
       label: 'Explorations per edit',
       help: 'How many reads and searches for one write. It describes a way of working, it does not grade it: hunting a bug for two hours and fixing it in one line gives a huge ratio and excellent work. On sessions that changed something and made at least 20 calls.',
-      guardBasis:
-        'Two explorations for one edit: below that, the ratio describes ordinary work. No effect once your P90 rises above it.',
+      guardBasis: 'Two explorations for one edit: below that, the ratio describes ordinary work. No effect once your P90 rises above it.',
     },
     turnsPerPrompt: {
       label: 'Turns per prompt',
@@ -69,8 +65,7 @@ const enDiagnostics: DiagnosticsCatalog = {
     interruptions: {
       label: 'Interruptions',
       help: 'The times you cut in (Esc). Their direct cost is negligible; what they signal is not: each time, the work was heading somewhere other than expected. On sessions carrying at least one.',
-      guardBasis:
-        'The threshold is crossed beyond two, so on the third interruption: one happens, two are arguable, three make a pattern.',
+      guardBasis: 'The threshold is crossed beyond two, so on the third interruption: one happens, two are arguable, three make a pattern.',
     },
     rereadTokens: {
       label: 'File re-reads',
@@ -100,10 +95,8 @@ const enDiagnostics: DiagnosticsCatalog = {
   rules: {
     'historique-relu': {
       title: 'History re-reads',
-      message:
-        'Session {id}: {cost} spent re-reading history, {share} of its {total}, over {turns} turns and a window that peaked at {peak} tokens.',
-      basis:
-        'Cache-read tokens × the model’s rate, day by day. A measured cost, not a promised saving.',
+      message: 'Session {id}: {cost} spent re-reading history, {share} of its {total}, over {turns} turns and a window that peaked at {peak} tokens.',
+      basis: 'Cache-read tokens × the model’s rate, day by day. A measured cost, not a promised saving.',
     },
     'cache-faible': {
       title: 'Cache poorly used',
@@ -111,13 +104,11 @@ const enDiagnostics: DiagnosticsCatalog = {
         'Session {id}: only {ratio} cache over {turns} turns (the fleet sits at {median}). {tokens} tokens came in at full price rather than a tenth of it',
       unpriced: ', on a model with no known rate.',
       priced: ', which is {cost}.',
-      basis:
-        'Uncached input, plus the cache written (1.25× the input rate). Some of it was unavoidable — the first pass is always paid for.',
+      basis: 'Uncached input, plus the cache written (1.25× the input rate). Some of it was unavoidable — the first pass is always paid for.',
     },
     'sous-agents-couteux': {
       title: 'Expensive subagents',
-      message:
-        'Session {id}: {count} subagent(s) ({types}) for {cost}, {share} of the session’s cost, over {turns} delegated turns.',
+      message: 'Session {id}: {count} subagent(s) ({types}) for {cost}, {share} of the session’s cost, over {turns} delegated turns.',
       unknownType: 'unknown type',
       basis:
         'Measured cost of the session’s subagent files, at their model’s rate. A recorded expense, not waste: delegating was often the right call.',
@@ -126,8 +117,7 @@ const enDiagnostics: DiagnosticsCatalog = {
       title: 'Tools heavy on context',
       message: 'Session {id}: ~{tokens} tokens of tools, {share} of the window we can name. ',
       top: '{name} accounts for ~{tokens} across {calls} calls ({inputShare} on input).',
-      basis:
-        'Text of the calls and their results, estimated at 4 characters per token; images counted in 28px tiles.',
+      basis: 'Text of the calls and their results, estimated at 4 characters per token; images counted in 28px tiles.',
     },
     'outils-en-echec': {
       title: 'Failed tool calls',
@@ -135,13 +125,11 @@ const enDiagnostics: DiagnosticsCatalog = {
       worst: ', mostly {name} ({errors}).',
       noWorst: '.',
       wasted: ' ~{tokens} tokens spent for nothing.',
-      basis:
-        'Each tool’s weight prorated by its failures — the transcript does not price a failed call separately.',
+      basis: 'Each tool’s weight prorated by its failures — the transcript does not price a failed call separately.',
     },
     'compaction-lourde': {
       title: 'Heavy compactions',
-      message:
-        'Session {id}: {count} compaction(s) ({kind}) dropped {tokens} tokens of context, from a window that peaked at {peak}.',
+      message: 'Session {id}: {count} compaction(s) ({kind}) dropped {tokens} tokens of context, from a window that peaked at {peak}.',
       auto: '{count} forced',
       manual: 'all triggered by hand',
       basis: '`preTokens − postTokens` of each compaction, two figures written by the harness.',
@@ -151,8 +139,7 @@ const enDiagnostics: DiagnosticsCatalog = {
       message: 'Session {id}: ~{tokens} tokens of memories, catalogues and hooks',
       top: ' — mostly {list}.',
       noTop: '.',
-      basis:
-        'Text of the harness attachments, estimated at 4 characters per token. Paid once per window, and again after every compaction.',
+      basis: 'Text of the harness attachments, estimated at 4 characters per token. Paid once per window, and again after every compaction.',
     },
     'exploration-sans-fin': {
       title: 'Much searched, little built',
@@ -177,8 +164,7 @@ const enDiagnostics: DiagnosticsCatalog = {
     },
     relectures: {
       title: 'Files re-read',
-      message:
-        'Session {id}: {calls} reads were of a file already read, ~{tokens} tokens put back in',
+      message: 'Session {id}: {calls} reads were of a file already read, ~{tokens} tokens put back in',
       share: ' — {share} of what Read brought in.',
       noShare: '.',
       basis:
@@ -189,15 +175,13 @@ const enDiagnostics: DiagnosticsCatalog = {
       message: 'Session {id}: the window reached {peak} tokens, {fill} of the {limit} limit',
       auto: ', and {count} compaction(s) were forced.',
       noAuto: '.',
-      basis:
-        'Largest window recorded across the session’s replies, against the model’s limit as its usage reveals it (see `contextLimitFor`).',
+      basis: 'Largest window recorded across the session’s replies, against the model’s limit as its usage reveals it (see `contextLimitFor`).',
     },
     'socle-gaspille': {
       title: 'Sessions opened for nothing',
       message:
         '{sessions} sessions of 3 turns or fewer each paid more than {threshold} tokens of baseline before saying anything: {tokens} tokens in total for {turns} turns, which is {cost}.',
-      basis:
-        'Measured cost of these sessions, and the exact window size of their first reply — system prompt, tool schemas and memories included.',
+      basis: 'Measured cost of these sessions, and the exact window size of their first reply — system prompt, tool schemas and memories included.',
     },
     'rythme-5h': {
       title: '5-hour window loaded',
@@ -250,8 +234,7 @@ const enDiagnostics: DiagnosticsCatalog = {
         'Go and look at these sessions: a tool failing in series points to a malformed command or a path that does not exist, and I bill you for every attempt.',
       'compaction-lourde':
         'Compact earlier: dropping 600k tokens means you paid to build them, then paid to re-read them all the way up to that point.',
-      'contexte-injecte':
-        'I’d suggest trimming your memories and skill descriptions: they enter every window, and again after every compaction.',
+      'contexte-injecte': 'I’d suggest trimming your memories and skill descriptions: they enter every window, and again after every compaction.',
       'socle-gaspille':
         'Group short questions into a session that is already open: the system prompt and the tool schemas are paid for at every opening.',
       'exploration-sans-fin':
@@ -272,8 +255,7 @@ const enDiagnostics: DiagnosticsCatalog = {
     bodies: {
       'historique-relu':
         '{sessions} spend {share} of their cost (median) re-reading what they had already read. They run for {turns} turns at the median, with a window that peaked at {peak} tokens. The cache divides that price by ten, it does not cancel it: at every turn, the whole conversation goes back through.',
-      'cache-faible':
-        '{sessions} run at {ratio} cache (median) where the fleet sits at {median}. Their window is rebuilt rather than re-read.',
+      'cache-faible': '{sessions} run at {ratio} cache (median) where the fleet sits at {median}. Their window is rebuilt rather than re-read.',
       'sous-agents-couteux':
         '{sessions} delegated to {agents} subagents in total, carrying {share} of their session’s cost (median). A subagent does not share its parent’s cache: it rebuilds its own context.',
       'outils-gourmands':
@@ -307,22 +289,19 @@ const enDiagnostics: DiagnosticsCatalog = {
         'Worth noting: {n} of these sessions also have a window filled by tool output — that is the volume they are re-reading. Bounding reads acts on both fronts.',
       compactRelu:
         'Worth noting: {n} of these sessions are also among the most expensive in re-reading — the compaction came after the bill had been paid.',
-      agentsRelu:
-        'Worth noting: {n} of these sessions also re-read a great deal of their own history; delegation did not lighten the main thread.',
+      agentsRelu: 'Worth noting: {n} of these sessions also re-read a great deal of their own history; delegation did not lighten the main thread.',
     },
     caveats: {
       throughput:
         'The throughput separating the two quarters is a number of edits per hour: I measure activity, not value. A session that hunts a subtle bug for two hours and fixes it in one line sits at the very bottom of my ranking, and it did good work.',
       listPrices:
         'I count at public API rates. A Pro or Max subscription is billed as a flat fee: my amounts say what this usage would have cost the API, not what you paid.',
-      unpriced:
-        'I don’t know the rate for {count} model(s) ({models}): I counted their tokens, but their cost is missing from my amounts.',
-      uncalibrated:
-        'I don’t have enough cases to calibrate the threshold for {rules}: those findings rest on a fallback value, not on your fleet.',
+      unpriced: 'I don’t know the rate for {count} model(s) ({models}): I counted their tokens, but their cost is missing from my amounts.',
+      uncalibrated: 'I don’t have enough cases to calibrate the threshold for {rules}: those findings rest on a fallback value, not on your fleet.',
       estimates:
         'The token figures marked “~” I estimate at 4 characters per token: they are indications, never a count. The dollar amounts come from counters written by the harness.',
     },
   },
-};
+}
 
-export default enDiagnostics;
+export default enDiagnostics
diff --git a/server/i18n/en.ts b/server/i18n/en.ts
index 0c40b1c..b692d34 100644
--- a/server/i18n/en.ts
+++ b/server/i18n/en.ts
@@ -1,5 +1,5 @@
-import type { Catalog } from './index.ts';
-import diagnostics from './en-diagnostics.ts';
+import diagnostics from './en-diagnostics.ts'
+import type { Catalog } from './index.ts'
 
 // Anglais du BFF. La charte `docs/voice.md` s'applique : sobre et direct, jamais
 // de `please`, jamais de `sorry`, et une erreur qui dit ce qui reste possible.
@@ -13,10 +13,8 @@ const en: Catalog = {
     backupNotFound: 'Backup not found.',
     planNotFound: 'Plan not found.',
     unknownSession: 'Unknown session.',
-    processNotFound:
-      'I cannot find that process among Claude’s. It may have just exited — reload the list.',
-    cannotKillSelf:
-      'I do not terminate myself. Use the shutdown: it stops the Workshop sessions first.',
+    processNotFound: 'I cannot find that process among Claude’s. It may have just exited — reload the list.',
+    cannotKillSelf: 'I do not terminate myself. Use the shutdown: it stops the Workshop sessions first.',
     paramRequired: 'The "{name}" parameter is required.',
     paramsRequired: 'The "{first}" and "{second}" parameters are required.',
     bodyExpected: 'Expected body: {shape}.',
@@ -27,14 +25,11 @@ const en: Catalog = {
     invalidPreferences: 'Invalid preferences.',
     serverNameRequired: 'A server name is required.',
     workdirRequired: 'A working folder is required.',
-    tooManySessions:
-      'I am not opening another session: {max} are already running, and each holds a process. Close one and I will open this one.',
+    tooManySessions: 'I am not opening another session: {max} are already running, and each holds a process. Close one and I will open this one.',
     emptyMessage: 'Empty message.',
     attachmentsShape: 'I could not read the attached images. The turn was not sent.',
-    attachmentType:
-      'I cannot attach an image of type {type}. The turn was not sent — PNG, JPEG, GIF and WebP work.',
-    attachmentTooBig:
-      'This image is over 5 MB, which the API refuses. The turn was not sent; a smaller capture will go through.',
+    attachmentType: 'I cannot attach an image of type {type}. The turn was not sent — PNG, JPEG, GIF and WebP work.',
+    attachmentTooBig: 'This image is over 5 MB, which the API refuses. The turn was not sent; a smaller capture will go through.',
     unknownAttachment: 'This image is no longer in memory. It remains in the transcript.',
     /** La sortie d'un shell de fond : le fichier est temporaire, il s'efface. */
     unknownShell: "I can't find this shell's output. The temporary file is gone.",
@@ -64,15 +59,12 @@ const en: Catalog = {
   },
 
   agent: {
-    permissionTimeout:
-      'Nobody answered this permission request within fifteen minutes; I am denying it by default.',
+    permissionTimeout: 'Nobody answered this permission request within fifteen minutes; I am denying it by default.',
     sessionStopped: 'Session stopped.',
     deniedFromAtelier: 'Denied from the Workshop.',
     sessionEnded: 'The session stopped: {message}',
-    cleared:
-      'I am opening a new session. The context is empty; the previous exchange stays on disk.',
-    clearedByCommand:
-      'I am opening a new session: /clear emptied the context. The previous exchange stays on disk.',
+    cleared: 'I am opening a new session. The context is empty; the previous exchange stays on disk.',
+    clearedByCommand: 'I am opening a new session: /clear emptied the context. The previous exchange stays on disk.',
     pickerUnavailable: 'No folder picker available on {platform}.',
     noPowerShell: 'No PowerShell host found.',
   },
@@ -183,6 +175,6 @@ const en: Catalog = {
     'shell-snapshots': 'Shell snapshots',
     plans: 'Generated plans',
   },
-};
+}
 
-export default en;
+export default en
diff --git a/server/i18n/fr-diagnostics.ts b/server/i18n/fr-diagnostics.ts
index 45c972b..9adaef9 100644
--- a/server/i18n/fr-diagnostics.ts
+++ b/server/i18n/fr-diagnostics.ts
@@ -42,8 +42,7 @@ const frDiagnostics = {
     subagentCost: {
       label: 'Coût des sous-agents',
       help: 'Ce que les délégations ont coûté, sur les seules sessions qui délèguent. En dollars et non en part du coût : une session dont le fil principal ne fait que lancer des agents leur doit 100 % de sa dépense, et un ratio qui sature ne désigne plus personne.',
-      guardBasis:
-        "Trois dollars de délégation : le prix en dessous duquel relancer autrement coûterait plus cher que ce qu'on économiserait.",
+      guardBasis: "Trois dollars de délégation : le prix en dessous duquel relancer autrement coûterait plus cher que ce qu'on économiserait.",
     },
     injectedContext: {
       label: 'Contexte injecté par le harness',
@@ -72,8 +71,7 @@ const frDiagnostics = {
     interruptions: {
       label: 'Interruptions',
       help: "Les fois où vous avez coupé la parole (Échap). Leur coût direct est négligeable ; ce qu'elles signalent ne l'est pas : à chaque fois, le travail partait ailleurs qu'attendu. Sur les sessions qui en portent au moins une.",
-      guardBasis:
-        'Le seuil est franchi au-delà de deux, soit à la troisième interruption : une arrive, deux se discutent, trois dessinent un motif.',
+      guardBasis: 'Le seuil est franchi au-delà de deux, soit à la troisième interruption : une arrive, deux se discutent, trois dessinent un motif.',
     },
     rereadTokens: {
       label: 'Relectures de fichiers',
@@ -114,8 +112,7 @@ const frDiagnostics = {
       title: "Relecture d'historique",
       message:
         "Session {id} : {cost} passés à relire l'historique, soit {share} de ses {total}, sur {turns} tours et une fenêtre montée à {peak} tokens.",
-      basis:
-        'Tokens de cache relus × tarif du modèle, jour par jour. Coût constaté, pas économie promise.',
+      basis: 'Tokens de cache relus × tarif du modèle, jour par jour. Coût constaté, pas économie promise.',
     },
     'cache-faible': {
       title: 'Cache mal exploité',
@@ -128,19 +125,16 @@ const frDiagnostics = {
     },
     'sous-agents-couteux': {
       title: 'Sous-agents coûteux',
-      message:
-        'Session {id} : {count} sous-agent(s) ({types}) pour {cost}, soit {share} du coût de la session, en {turns} tours délégués.',
+      message: 'Session {id} : {count} sous-agent(s) ({types}) pour {cost}, soit {share} du coût de la session, en {turns} tours délégués.',
       unknownType: 'type inconnu',
       basis:
         'Coût relevé des fichiers de sous-agents de la session, au tarif de leur modèle. Dépense constatée, pas gaspillage : déléguer a souvent été le bon choix.',
     },
     'outils-gourmands': {
       title: 'Outils gourmands en contexte',
-      message:
-        "Session {id} : ~{tokens} tokens d'outils, {share} de ce qu'on sait nommer de sa fenêtre. ",
+      message: "Session {id} : ~{tokens} tokens d'outils, {share} de ce qu'on sait nommer de sa fenêtre. ",
       top: '{name} en concentre ~{tokens} sur {calls} appels ({inputShare} en entrée).',
-      basis:
-        'Texte des appels et des résultats, estimé à 4 caractères par token ; images chiffrées en pavés de 28 px.',
+      basis: 'Texte des appels et des résultats, estimé à 4 caractères par token ; images chiffrées en pavés de 28 px.',
     },
     'outils-en-echec': {
       title: "Appels d'outil en échec",
@@ -148,13 +142,11 @@ const frDiagnostics = {
       worst: ', surtout {name} ({errors}).',
       noWorst: '.',
       wasted: ' ~{tokens} tokens dépensés sans résultat.',
-      basis:
-        'Poids de chaque outil au prorata de ses échecs — le transcript ne chiffre pas un appel raté à part.',
+      basis: 'Poids de chaque outil au prorata de ses échecs — le transcript ne chiffre pas un appel raté à part.',
     },
     'compaction-lourde': {
       title: 'Compactions lourdes',
-      message:
-        'Session {id} : {count} compaction(s) ({kind}) ont jeté {tokens} tokens de contexte, sur une fenêtre montée à {peak}.',
+      message: 'Session {id} : {count} compaction(s) ({kind}) ont jeté {tokens} tokens de contexte, sur une fenêtre montée à {peak}.',
       auto: '{count} subie(s)',
       manual: 'toutes déclenchées à la main',
       basis: '`preTokens − postTokens` de chaque compaction, deux chiffres écrits par le harness.',
@@ -190,8 +182,7 @@ const frDiagnostics = {
     },
     relectures: {
       title: 'Fichiers relus',
-      message:
-        'Session {id} : {calls} lectures portaient sur un fichier déjà lu, ~{tokens} tokens réinjectés',
+      message: 'Session {id} : {calls} lectures portaient sur un fichier déjà lu, ~{tokens} tokens réinjectés',
       share: ' — {share} de ce que Read a rapporté.',
       noShare: '.',
       basis:
@@ -199,8 +190,7 @@ const frDiagnostics = {
     },
     'fenetre-proche-limite': {
       title: 'Fenêtre proche de la limite',
-      message:
-        'Session {id} : la fenêtre a atteint {peak} tokens, soit {fill} de la limite de {limit}',
+      message: 'Session {id} : la fenêtre a atteint {peak} tokens, soit {fill} de la limite de {limit}',
       auto: ', et {count} compaction(s) ont été subies.',
       noAuto: '.',
       basis:
@@ -329,25 +319,22 @@ const frDiagnostics = {
         "À noter : {n} de ces sessions ont aussi une fenêtre remplie par les sorties d'outils — c'est ce volume qu'elles relisent. Borner les lectures agit sur les deux fronts.",
       compactRelu:
         'À noter : {n} de ces sessions figurent aussi parmi les plus coûteuses en relecture — la compaction est arrivée après que la facture a été payée.',
-      agentsRelu:
-        "À noter : {n} de ces sessions relisent aussi beaucoup leur propre historique ; la délégation n'a pas allégé le fil principal.",
+      agentsRelu: "À noter : {n} de ces sessions relisent aussi beaucoup leur propre historique ; la délégation n'a pas allégé le fil principal.",
     },
     caveats: {
       throughput:
         'Le rendement qui sépare les deux quarts est un nombre d’éditions par heure : je mesure une activité, pas une valeur. Une session qui traque deux heures un bug subtil et le corrige en une ligne figure tout en bas de mon classement, et elle a pourtant bien travaillé.',
       listPrices:
         'Je compte aux tarifs API publics. Un abonnement Pro ou Max est facturé au forfait : mes montants disent ce que cet usage aurait coûté à l’API, pas ce que vous avez payé.',
-      unpriced:
-        "Je ne connais pas le tarif de {count} modèle(s) ({models}) : j'ai compté leurs tokens, mais leur coût manque à mes montants.",
-      uncalibrated:
-        "Je n'ai pas assez de cas pour calibrer le seuil de {rules} : ces constats reposent sur une valeur de repli, pas sur votre parc.",
+      unpriced: "Je ne connais pas le tarif de {count} modèle(s) ({models}) : j'ai compté leurs tokens, mais leur coût manque à mes montants.",
+      uncalibrated: "Je n'ai pas assez de cas pour calibrer le seuil de {rules} : ces constats reposent sur une valeur de repli, pas sur votre parc.",
       estimates:
         'Les chiffres en tokens marqués « ~ », je les estime à 4 caractères par token : ce sont des indications, jamais un décompte. Les montants en dollars, eux, viennent de compteurs écrits par le harness.',
     },
   },
-};
+}
 
 /** La forme du catalogue de diagnostic — l'anglais s'y conforme. */
-export type DiagnosticsCatalog = typeof frDiagnostics;
+export type DiagnosticsCatalog = typeof frDiagnostics
 
-export default frDiagnostics;
+export default frDiagnostics
diff --git a/server/i18n/fr.ts b/server/i18n/fr.ts
index f416719..0460fa8 100644
--- a/server/i18n/fr.ts
+++ b/server/i18n/fr.ts
@@ -3,7 +3,7 @@
 // La charte de voix (`docs/voix.md`) vaut ici comme à l'écran : une erreur dit
 // ce qu'AURA voulait faire, ce qui a échoué, et ce qui reste possible.
 
-import diagnostics from './fr-diagnostics.ts';
+import diagnostics from './fr-diagnostics.ts'
 
 export default {
   diagnostics,
@@ -16,10 +16,8 @@ export default {
     planNotFound: 'Plan introuvable.',
     unknownSession: 'Session inconnue.',
     /** Le processus visé n'est plus là, ou n'a jamais été un processus Claude. */
-    processNotFound:
-      "Je ne trouve pas ce processus parmi ceux de Claude. Il vient peut-être de s'arrêter — rechargez la liste.",
-    cannotKillSelf:
-      "Je ne me termine pas moi-même. Utilisez l'extinction : elle coupe d'abord les sessions de l'Atelier.",
+    processNotFound: "Je ne trouve pas ce processus parmi ceux de Claude. Il vient peut-être de s'arrêter — rechargez la liste.",
+    cannotKillSelf: "Je ne me termine pas moi-même. Utilisez l'extinction : elle coupe d'abord les sessions de l'Atelier.",
     paramRequired: 'Paramètre "{name}" requis.',
     paramsRequired: 'Paramètres "{first}" et "{second}" requis.',
     bodyExpected: 'Corps attendu : {shape}.',
@@ -31,15 +29,12 @@ export default {
     serverNameRequired: 'Nom de serveur requis.',
     workdirRequired: 'Dossier de travail requis.',
     /** Le plafond du parc : un refus qu'un geste de l'utilisateur lève aussitôt. */
-    tooManySessions:
-      "Je n'ouvre pas de session de plus : {max} tournent déjà, et chacune tient un processus. Fermez-en une et j'ouvre celle-ci.",
+    tooManySessions: "Je n'ouvre pas de session de plus : {max} tournent déjà, et chacune tient un processus. Fermez-en une et j'ouvre celle-ci.",
     emptyMessage: 'Message vide.',
     /** Les images jointes à un tour : refusées avant l'envoi, jamais après. */
     attachmentsShape: "Je n'ai pas reconnu les images jointes. Le tour n'a pas été envoyé.",
-    attachmentType:
-      "Je ne sais pas joindre une image de type {type}. Le tour n'a pas été envoyé — PNG, JPEG, GIF et WebP passent.",
-    attachmentTooBig:
-      "Cette image dépasse 5 Mo, ce que l'API refuse. Le tour n'a pas été envoyé ; une capture réduite passera.",
+    attachmentType: "Je ne sais pas joindre une image de type {type}. Le tour n'a pas été envoyé — PNG, JPEG, GIF et WebP passent.",
+    attachmentTooBig: "Cette image dépasse 5 Mo, ce que l'API refuse. Le tour n'a pas été envoyé ; une capture réduite passera.",
     unknownAttachment: "Cette image n'est plus en mémoire. Elle reste dans le transcript.",
     /** La sortie d'un shell de fond : le fichier est temporaire, il s'efface. */
     unknownShell: "Je ne retrouve pas la sortie de ce shell. Le fichier temporaire n'est plus là.",
@@ -72,16 +67,13 @@ export default {
 
   /** L'Atelier : ce qu'AURA écrit dans le fil d'une session qu'elle possède. */
   agent: {
-    permissionTimeout:
-      "Personne n'a répondu à cette demande d'autorisation dans le quart d'heure ; je la refuse par défaut.",
+    permissionTimeout: "Personne n'a répondu à cette demande d'autorisation dans le quart d'heure ; je la refuse par défaut.",
     sessionStopped: 'Session arrêtée.',
     deniedFromAtelier: "Refusé depuis l'Atelier.",
     sessionEnded: "La session s'est arrêtée : {message}",
     /** Le fil vient d'être vidé : ces deux lignes sont tout ce qui reste à l'écran. */
-    cleared:
-      "J'ouvre une nouvelle session. Le contexte est vide ; l'échange précédent reste sur disque.",
-    clearedByCommand:
-      "J'ouvre une nouvelle session : /clear a vidé le contexte. L'échange précédent reste sur disque.",
+    cleared: "J'ouvre une nouvelle session. Le contexte est vide ; l'échange précédent reste sur disque.",
+    clearedByCommand: "J'ouvre une nouvelle session : /clear a vidé le contexte. L'échange précédent reste sur disque.",
     pickerUnavailable: 'Sélecteur de dossier indisponible sur {platform}.',
     noPowerShell: 'Aucun hôte PowerShell trouvé.',
   },
@@ -145,8 +137,7 @@ export default {
     projets: 'Les projets que je connais. Le numéro sert à /projet et à /atelier.',
     aucunProjet: 'Claude Code n’a encore travaillé sur aucun projet ici.',
     /** La garde de l'Atelier à distance : on n'ouvre que ce qui est déjà connu. */
-    projetInconnu:
-      'Je ne reconnais pas ce projet. /projets donne ceux que j’ouvre, avec leur numéro.',
+    projetInconnu: 'Je ne reconnais pas ce projet. /projets donne ceux que j’ouvre, avec leur numéro.',
     dossier: '{ou} — {total} fichiers.',
     ouvrirIci: '▶ Ouvrir l’Atelier ici',
     retourProjets: '◀ Projets',
@@ -208,8 +199,7 @@ export default {
      * `docs/voix.md` range la recommandation parmi les surfaces où AURA parle
      * d'elle : elle conseille, elle ne se contente pas de mesurer.
      */
-    fenetrePleine:
-      'Je vous signale que la fenêtre est occupée à {pourcent} % — une compaction approche.',
+    fenetrePleine: 'Je vous signale que la fenêtre est occupée à {pourcent} % — une compaction approche.',
     permission: 'Je voudrais utiliser {outil}.',
     autoriser: 'Autoriser',
     /**
@@ -232,8 +222,7 @@ export default {
     questionMultiple: 'Plusieurs réponses possibles.',
     questionLibre: 'Pressez une option, ou écrivez votre réponse.',
     questionValider: 'Valider',
-    questionExpiree:
-      'Personne n’a répondu à cette question dans le quart d’heure ; je l’ai laissée passer.',
+    questionExpiree: 'Personne n’a répondu à cette question dans le quart d’heure ; je l’ai laissée passer.',
     commandeInconnue: 'Je ne connais pas {commande}. /aide donne ce que je sais faire.',
     /**
      * La bulle éphémère montrée pendant qu'un tour travaille.
@@ -282,4 +271,4 @@ export default {
     'shell-snapshots': 'Snapshots de shell',
     plans: 'Plans générés',
   },
-};
+}
diff --git a/server/i18n/index.ts b/server/i18n/index.ts
index d826058..4513c31 100644
--- a/server/i18n/index.ts
+++ b/server/i18n/index.ts
@@ -20,27 +20,27 @@
 // HTTP. Threader la locale jusque-là aurait touché toute la chaîne pour un
 // besoin qui n'est pas le sien.
 
-import { AsyncLocalStorage } from 'node:async_hooks';
-import fr from './fr.ts';
-import en from './en.ts';
+import { AsyncLocalStorage } from 'node:async_hooks'
+import en from './en.ts'
+import fr from './fr.ts'
 
-export const SUPPORTED_LOCALES = ['fr', 'en'] as const;
-export type Locale = (typeof SUPPORTED_LOCALES)[number];
+export const SUPPORTED_LOCALES = ['fr', 'en'] as const
+export type Locale = (typeof SUPPORTED_LOCALES)[number]
 
 /** Le français est la langue de référence : celle du repli comme celle du départ. */
-export const DEFAULT_LOCALE: Locale = 'fr';
+export const DEFAULT_LOCALE: Locale = 'fr'
 
-export type Catalog = typeof fr;
+export type Catalog = typeof fr
 
-const CATALOGS: Record<Locale, Catalog> = { fr, en };
+const CATALOGS: Record<Locale, Catalog> = { fr, en }
 
-type Params = Record<string, string | number>;
+type Params = Record<string, string | number>
 
 function isLocale(v: unknown): v is Locale {
-  return typeof v === 'string' && (SUPPORTED_LOCALES as readonly string[]).includes(v);
+  return typeof v === 'string' && (SUPPORTED_LOCALES as readonly string[]).includes(v)
 }
 
-const context = new AsyncLocalStorage<Locale>();
+const context = new AsyncLocalStorage<Locale>()
 
 /**
  * Fixe la langue de la requête en cours.
@@ -51,12 +51,12 @@ const context = new AsyncLocalStorage<Locale>();
  * qui en descendent — ce qui est exactement la durée d'une requête.
  */
 export function enterLocale(locale: Locale | null): void {
-  context.enterWith(locale ?? DEFAULT_LOCALE);
+  context.enterWith(locale ?? DEFAULT_LOCALE)
 }
 
 /** Exécute `fn` dans une langue donnée — pour les tests, et le hors-requête. */
 export function withLocale<T>(locale: Locale, fn: () => T): T {
-  return context.run(locale, fn);
+  return context.run(locale, fn)
 }
 
 /**
@@ -67,27 +67,27 @@ export function withLocale<T>(locale: Locale, fn: () => T): T {
  * complète n'auraient rien à départager ici.
  */
 export function localeFromHeader(header: string | undefined): Locale | null {
-  if (!header) return null;
+  if (!header) return null
   for (const part of header.split(',')) {
-    const tag = part.split(';')[0]?.trim().toLowerCase() ?? '';
-    const base = tag.split('-')[0];
-    if (isLocale(base)) return base;
+    const tag = part.split(';')[0]?.trim().toLowerCase() ?? ''
+    const base = tag.split('-')[0]
+    if (isLocale(base)) return base
   }
-  return null;
+  return null
 }
 
 /** La langue en vigueur : celle de la requête, ou la référence hors requête. */
 export function locale(): Locale {
-  return context.getStore() ?? DEFAULT_LOCALE;
+  return context.getStore() ?? DEFAULT_LOCALE
 }
 
 function lookup(catalog: Catalog, path: string): unknown {
-  let node: unknown = catalog;
+  let node: unknown = catalog
   for (const part of path.split('.')) {
-    if (typeof node !== 'object' || node === null) return undefined;
-    node = (node as Record<string, unknown>)[part];
+    if (typeof node !== 'object' || node === null) return undefined
+    node = (node as Record<string, unknown>)[part]
   }
-  return node;
+  return node
 }
 
 /**
@@ -98,10 +98,8 @@ function lookup(catalog: Catalog, path: string): unknown {
  * phrase dans la mauvaise langue qu'un identifiant à l'écran.
  */
 export function t(path: string, params?: Params): string {
-  const found = lookup(CATALOGS[locale()], path) ?? lookup(fr, path);
-  if (typeof found !== 'string') return path;
-  if (!params) return found;
-  return found.replace(/\{(\w+)\}/g, (whole, name: string) =>
-    name in params ? String(params[name]) : whole,
-  );
+  const found = lookup(CATALOGS[locale()], path) ?? lookup(fr, path)
+  if (typeof found !== 'string') return path
+  if (!params) return found
+  return found.replace(/\{(\w+)\}/g, (whole, name: string) => (name in params ? String(params[name]) : whole))
 }
diff --git a/server/index.ts b/server/index.ts
index 881858c..5135314 100644
--- a/server/index.ts
+++ b/server/index.ts
@@ -8,90 +8,90 @@
 //     deployable unit. In dev, Quasar serves the front on :9100 and proxies
 //     /api here, so the static block below stays inert.
 
-import Fastify from 'fastify';
-import fastifyStatic from '@fastify/static';
-import { join } from 'node:path';
-import { existsSync } from 'node:fs';
-import { spawn } from 'node:child_process';
-import { APP_DIR, IS_BUNDLE } from './paths';
-import { loadEnv } from './env';
-import { enterLocale, localeFromHeader } from './i18n/index.ts';
-import { registerGuard } from './guard.ts';
-import { publicMessage } from './errors.ts';
-import { registerPreferences } from './routes/preferences';
-import { registerClaude } from './routes/claude';
-import { registerBackups } from './routes/backups';
-import { registerMcp } from './routes/mcp';
-import { registerMaintenance } from './routes/maintenance';
-import { registerProjects } from './routes/projects';
-import { registerUsage } from './routes/usage.ts';
-import { registerDiagnostics } from './routes/diagnostics.ts';
-import { registerEvents } from './routes/events.ts';
-import { registerAgent } from './routes/agent.ts';
-import { arretePasserelle, demarrePasserelle } from './passerelle/index.ts';
-import { stopAll } from './agent/registry.ts';
-import { stopPool } from './parse-pool.ts';
+import { spawn } from 'node:child_process'
+import { existsSync } from 'node:fs'
+import { join } from 'node:path'
+import fastifyStatic from '@fastify/static'
+import Fastify from 'fastify'
+import { stopAll } from './agent/registry.ts'
+import { loadEnv } from './env'
+import { publicMessage } from './errors.ts'
+import { registerGuard } from './guard.ts'
+import { enterLocale, localeFromHeader } from './i18n/index.ts'
+import { stopPool } from './parse-pool.ts'
+import { arretePasserelle, demarrePasserelle } from './passerelle/index.ts'
+import { APP_DIR, IS_BUNDLE } from './paths'
+import { registerAgent } from './routes/agent.ts'
+import { registerBackups } from './routes/backups'
+import { registerClaude } from './routes/claude'
+import { registerDiagnostics } from './routes/diagnostics.ts'
+import { registerEvents } from './routes/events.ts'
+import { registerMaintenance } from './routes/maintenance'
+import { registerMcp } from './routes/mcp'
+import { registerPreferences } from './routes/preferences'
+import { registerProjects } from './routes/projects'
+import { registerUsage } from './routes/usage.ts'
 
 async function main(): Promise<void> {
-  const env = loadEnv();
-  const app = Fastify({ logger: true, bodyLimit: 8 * 1024 * 1024 });
+  const env = loadEnv()
+  const app = Fastify({ logger: true, bodyLimit: 8 * 1024 * 1024 })
 
-  app.log.info(`Dossier .claude géré : ${env.claudeDir}`);
+  app.log.info(`Dossier .claude géré : ${env.claudeDir}`)
 
   // La langue de la réponse suit celle de la requête, et rien d'autre. Le
   // contexte est ouvert au plus tôt — avant toute route — et tenu jusqu'au bout
   // de la pile : `t()` le lit sans que rien, entre les deux, ait à connaître HTTP.
   app.addHook('onRequest', (req, _reply, done) => {
-    enterLocale(localeFromHeader(req.headers['accept-language']));
-    done();
-  });
+    enterLocale(localeFromHeader(req.headers['accept-language']))
+    done()
+  })
 
   // Puis qui appelle, avant toute route : voir guard.ts. L'ordre compte — la
   // garde répond dans la langue que le crochet ci-dessus vient d'établir.
-  registerGuard(app);
+  registerGuard(app)
 
   // Ce qu'une exception non rattrapée a le droit de dire. Sans cela, Fastify
   // sert le message brut de Node — chemin absolu compris, donc le nom du compte
   // Windows. Le détail va au journal, le client reçoit un constat. Voir errors.ts.
   app.setErrorHandler((err: unknown, _req, reply) => {
-    app.log.error(err);
+    app.log.error(err)
     // Le statut que Fastify a posé lui-même — 400 sur un corps illisible, 415
     // sur un type inattendu — vaut mieux qu'un 500 uniforme : il dit à l'appelant
     // si la faute est de son côté.
-    const status = (err as { statusCode?: number }).statusCode;
-    void reply.code(status && status >= 400 ? status : 500).send({ error: publicMessage(err) });
-  });
+    const status = (err as { statusCode?: number }).statusCode
+    void reply.code(status && status >= 400 ? status : 500).send({ error: publicMessage(err) })
+  })
 
   // File-backed UI preferences (replaces the browser's localStorage).
-  registerPreferences(app);
+  registerPreferences(app)
 
   // The core: guarded read/write access to the managed .claude directory.
-  registerClaude(app);
+  registerClaude(app)
 
   // Read/purge the safety backups (restore reuses the claude propose/apply flow).
-  registerBackups(app);
+  registerBackups(app)
 
   // Read-only MCP inventory (connected + file-configured servers).
-  registerMcp(app);
+  registerMcp(app)
 
   // Observability & maintenance (storage/purge, sessions, projects, plans).
-  registerMaintenance(app);
+  registerMaintenance(app)
 
   // First-class Projects: per-project .claude inventory + transcript replay (read-only).
-  registerProjects(app);
+  registerProjects(app)
 
   // Token usage & estimated cost across every transcript (read-only).
-  registerUsage(app);
+  registerUsage(app)
 
   // Cost diagnostics: what the usage figures mean, and what to do about them.
-  registerDiagnostics(app);
+  registerDiagnostics(app)
 
   // Push notifications of changes under ~/.claude, so the SPA needn't poll.
-  registerEvents(app);
+  registerEvents(app)
 
   // L'Atelier : les sessions qu'AURA lance et possède, par opposition à celles
   // qu'il se contente d'observer.
-  registerAgent(app);
+  registerAgent(app)
 
   // La Passerelle : piloter l'Atelier depuis une messagerie. Inerte tant
   // qu'aucun jeton n'est configuré — c'est le cas par défaut, et il le reste.
@@ -100,15 +100,15 @@ async function main(): Promise<void> {
   demarrePasserelle({
     info: (m) => app.log.info(m),
     warn: (m) => app.log.warn(m),
-  });
+  })
 
   // Un processus `claude` par session survivrait au serveur sans cela — et un
   // thread de lecture de transcript avec eux.
   app.addHook('onClose', () => {
-    arretePasserelle();
-    stopAll();
-    stopPool();
-  });
+    arretePasserelle()
+    stopAll()
+    stopPool()
+  })
 
   // Encore faut-il que ce crochet s'exécute.
   //
@@ -119,23 +119,21 @@ async function main(): Promise<void> {
   // plutôt que de relancer une extinction déjà en cours.
   for (const signal of ['SIGINT', 'SIGTERM'] as const) {
     process.once(signal, () => {
-      void app.close().finally(() => process.exit(0));
-    });
+      void app.close().finally(() => process.exit(0))
+    })
   }
 
   // Production SPA hosting: activated by the presence of the build.
-  const spaDir = [join(APP_DIR, 'spa'), join(APP_DIR, 'dist', 'spa')].find((d) =>
-    existsSync(join(d, 'index.html')),
-  );
+  const spaDir = [join(APP_DIR, 'spa'), join(APP_DIR, 'dist', 'spa')].find((d) => existsSync(join(d, 'index.html')))
   if (spaDir) {
-    await app.register(fastifyStatic, { root: spaDir });
+    await app.register(fastifyStatic, { root: spaDir })
     app.setNotFoundHandler((req, reply) => {
       if (req.raw.url?.startsWith('/api/')) {
-        void reply.code(404).send({ error: 'Not found' });
-        return;
+        void reply.code(404).send({ error: 'Not found' })
+        return
       }
-      void reply.sendFile('index.html'); // SPA fallback for client-side routes
-    });
+      void reply.sendFile('index.html') // SPA fallback for client-side routes
+    })
   }
 
   // La boucle locale, et rien d'autre — écrit en dur, sans variable pour en
@@ -147,38 +145,38 @@ async function main(): Promise<void> {
   // `127.0.0.1` et non `localhost` : le nom se résout d'abord en `::1`, que rien
   // n'écoute ici, et le navigateur attend ~300 ms avant de se rabattre sur IPv4
   // — à chaque requête, soit quinze fois le temps de réponse du BFF.
-  const url = `http://127.0.0.1:${env.port}`;
+  const url = `http://127.0.0.1:${env.port}`
   try {
-    await app.listen({ port: env.port, host: '127.0.0.1' });
+    await app.listen({ port: env.port, host: '127.0.0.1' })
   } catch (err) {
     if (IS_BUNDLE && (err as NodeJS.ErrnoException).code === 'EADDRINUSE') {
-      openBrowser(url);
-      process.exit(0);
+      openBrowser(url)
+      process.exit(0)
     }
-    throw err;
+    throw err
   }
-  if (IS_BUNDLE) openBrowser(url);
+  if (IS_BUNDLE) openBrowser(url)
 }
 
 /** Best-effort: open the default browser (Windows / Linux; no-op on error). */
 function openBrowser(url: string): void {
-  let cmd: string;
-  let args: string[];
+  let cmd: string
+  let args: string[]
   if (process.platform === 'win32') {
-    cmd = 'cmd';
-    args = ['/c', 'start', '', url];
+    cmd = 'cmd'
+    args = ['/c', 'start', '', url]
   } else {
-    cmd = 'xdg-open';
-    args = [url];
+    cmd = 'xdg-open'
+    args = [url]
   }
   try {
-    spawn(cmd, args, { detached: true, stdio: 'ignore' }).unref();
+    spawn(cmd, args, { detached: true, stdio: 'ignore' }).unref()
   } catch {
     /* opening the browser is a convenience, not a requirement */
   }
 }
 
 main().catch((err: unknown) => {
-  console.error(err instanceof Error ? err.message : err);
-  process.exit(1);
-});
+  console.error(err instanceof Error ? err.message : err)
+  process.exit(1)
+})
diff --git a/server/json.ts b/server/json.ts
index 1670ae1..4c0b1ff 100644
--- a/server/json.ts
+++ b/server/json.ts
@@ -11,10 +11,10 @@
 
 /** The value if it is a string, else `fallback` (default `''`). */
 export function str(v: unknown, fallback = ''): string {
-  return typeof v === 'string' ? v : fallback;
+  return typeof v === 'string' ? v : fallback
 }
 
 /** The value if it is a finite number, else `fallback` (default `0`). */
 export function num(v: unknown, fallback = 0): number {
-  return typeof v === 'number' && Number.isFinite(v) ? v : fallback;
+  return typeof v === 'number' && Number.isFinite(v) ? v : fallback
 }
diff --git a/server/maintenance.ts b/server/maintenance.ts
index 012f912..c5fec12 100644
--- a/server/maintenance.ts
+++ b/server/maintenance.ts
@@ -6,15 +6,15 @@
 // and plan-delete are restricted to an explicit allowlist — never the transcripts
 // or anything outside a known-safe set.
 
-import { readdir, stat, readFile, rm } from 'node:fs/promises';
-import { join, sep, dirname } from 'node:path';
-import { existsSync } from 'node:fs';
-import { loadEnv } from './env';
-import { t } from './i18n/index.ts';
-import { BACKUPS_DIR } from './paths';
+import { existsSync } from 'node:fs'
+import { readdir, stat, readFile, rm } from 'node:fs/promises'
+import { join, sep, dirname } from 'node:path'
+import { loadEnv } from './env'
+import { t } from './i18n/index.ts'
+import { BACKUPS_DIR } from './paths'
 
-const CLAUDE_DIR = loadEnv().claudeDir;
-const HOME_JSON = join(dirname(CLAUDE_DIR), '.claude.json');
+const CLAUDE_DIR = loadEnv().claudeDir
+const HOME_JSON = join(dirname(CLAUDE_DIR), '.claude.json')
 
 /**
  * Encode an absolute path the way Claude Code names its project dir: every
@@ -24,7 +24,7 @@ const HOME_JSON = join(dirname(CLAUDE_DIR), '.claude.json');
  * separators-only encoding would miss.
  */
 export function encodeProjectPath(path: string): string {
-  return path.replace(/[^A-Za-z0-9]/g, '-').toLowerCase();
+  return path.replace(/[^A-Za-z0-9]/g, '-').toLowerCase()
 }
 
 /**
@@ -33,46 +33,46 @@ export function encodeProjectPath(path: string): string {
  * by re-encoding each and matching (case-insensitively).
  */
 export async function realProjectPaths(): Promise<Map<string, string>> {
-  const map = new Map<string, string>();
+  const map = new Map<string, string>()
   try {
     const j = JSON.parse(await readFile(HOME_JSON, 'utf8')) as {
-      projects?: Record<string, unknown>;
-    };
+      projects?: Record<string, unknown>
+    }
     for (const p of Object.keys(j.projects ?? {})) {
-      map.set(encodeProjectPath(p), p);
+      map.set(encodeProjectPath(p), p)
     }
   } catch {
     /* ~/.claude.json unreadable → no real paths */
   }
-  return map;
+  return map
 }
 
 /** Recursively sum file sizes under a directory (0 if absent). */
 async function dirSize(abs: string): Promise<number> {
-  if (!existsSync(abs)) return 0;
-  let total = 0;
-  const stack = [abs];
+  if (!existsSync(abs)) return 0
+  let total = 0
+  const stack = [abs]
   while (stack.length) {
-    const d = stack.pop() as string;
-    let entries;
+    const d = stack.pop() as string
+    let entries
     try {
-      entries = await readdir(d, { withFileTypes: true });
+      entries = await readdir(d, { withFileTypes: true })
     } catch {
-      continue;
+      continue
     }
     for (const e of entries) {
-      const p = join(d, e.name);
-      if (e.isDirectory()) stack.push(p);
+      const p = join(d, e.name)
+      if (e.isDirectory()) stack.push(p)
       else {
         try {
-          total += (await stat(p)).size;
+          total += (await stat(p)).size
         } catch {
           /* skip unreadable */
         }
       }
     }
   }
-  return total;
+  return total
 }
 
 // Le nom affiché n'est pas dans la table : il dépend de la langue, et la table
@@ -85,72 +85,70 @@ const STORAGE_AREAS: { key: string; rel: string; purgeable: boolean }[] = [
   { key: 'paste-cache', rel: 'paste-cache', purgeable: true },
   { key: 'shell-snapshots', rel: 'shell-snapshots', purgeable: true },
   { key: 'plans', rel: 'plans', purgeable: true },
-];
+]
 
-const PURGEABLE = new Set(STORAGE_AREAS.filter((a) => a.purgeable).map((a) => a.key));
+const PURGEABLE = new Set(STORAGE_AREAS.filter((a) => a.purgeable).map((a) => a.key))
 
 export interface StorageArea {
-  key: string;
-  label: string;
-  size: number;
-  purgeable: boolean;
+  key: string
+  label: string
+  size: number
+  purgeable: boolean
 }
 
 export async function getStorage(): Promise<{
-  areas: StorageArea[];
-  backups: number;
-  total: number;
+  areas: StorageArea[]
+  backups: number
+  total: number
 }> {
-  const areas: StorageArea[] = [];
+  const areas: StorageArea[] = []
   for (const a of STORAGE_AREAS) {
     areas.push({
       key: a.key,
       label: t(`storage.${a.key}`),
       size: await dirSize(join(CLAUDE_DIR, a.rel)),
       purgeable: a.purgeable,
-    });
+    })
   }
-  const backups = await dirSize(BACKUPS_DIR);
-  const total = areas.reduce((s, a) => s + a.size, 0) + backups;
-  return { areas, backups, total };
+  const backups = await dirSize(BACKUPS_DIR)
+  const total = areas.reduce((s, a) => s + a.size, 0) + backups
+  return { areas, backups, total }
 }
 
 export async function purgeArea(key: string): Promise<void> {
   if (key === 'backups') {
-    await rm(BACKUPS_DIR, { recursive: true, force: true });
-    return;
+    await rm(BACKUPS_DIR, { recursive: true, force: true })
+    return
   }
-  if (!PURGEABLE.has(key)) throw new Error(`Zone non purgeable : ${key}`);
-  await rm(join(CLAUDE_DIR, key), { recursive: true, force: true });
+  if (!PURGEABLE.has(key)) throw new Error(`Zone non purgeable : ${key}`)
+  await rm(join(CLAUDE_DIR, key), { recursive: true, force: true })
 }
 
 // ── Sessions ─────────────────────────────────────────────────────────────────
 export interface SessionInfo {
-  pid?: number;
-  sessionId: string;
-  cwd: string;
-  name?: string;
-  status?: string;
+  pid?: number
+  sessionId: string
+  cwd: string
+  name?: string
+  status?: string
   /** When `status` is `waiting`, what it's blocked on (e.g. `permission prompt`). */
-  waitingFor?: string;
-  kind?: string;
-  startedAt?: number;
-  updatedAt?: number;
-  version?: string;
+  waitingFor?: string
+  kind?: string
+  startedAt?: number
+  updatedAt?: number
+  version?: string
   /** Project dir holding this session's transcript (`<sessionId>.jsonl`); '' if not located. */
-  slug: string;
+  slug: string
 }
 
 /** Names of every project transcript dir under the managed tree. */
 async function projectDirNames(): Promise<string[]> {
-  const dir = join(CLAUDE_DIR, 'projects');
-  if (!existsSync(dir)) return [];
+  const dir = join(CLAUDE_DIR, 'projects')
+  if (!existsSync(dir)) return []
   try {
-    return (await readdir(dir, { withFileTypes: true }))
-      .filter((d) => d.isDirectory())
-      .map((d) => d.name);
+    return (await readdir(dir, { withFileTypes: true })).filter((d) => d.isDirectory()).map((d) => d.name)
   } catch {
-    return [];
+    return []
   }
 }
 
@@ -160,9 +158,9 @@ async function projectDirNames(): Promise<string[]> {
  * slug is the real on-disk name whatever its case.
  */
 function slugForCwd(cwd: string, dirs: string[]): string {
-  if (!cwd) return '';
-  const enc = encodeProjectPath(cwd);
-  return dirs.find((d) => d.toLowerCase() === enc) ?? '';
+  if (!cwd) return ''
+  const enc = encodeProjectPath(cwd)
+  return dirs.find((d) => d.toLowerCase() === enc) ?? ''
 }
 
 /**
@@ -182,31 +180,31 @@ function slugForCwd(cwd: string, dirs: string[]): string {
  * qui trancherait, mais Node ne donne pas la date de démarrage d'un PID tiers.
  */
 export function alive(pid?: number): boolean {
-  if (!pid) return true;
+  if (!pid) return true
   try {
-    process.kill(pid, 0);
-    return true;
+    process.kill(pid, 0)
+    return true
   } catch (e) {
-    return (e as NodeJS.ErrnoException).code === 'EPERM';
+    return (e as NodeJS.ErrnoException).code === 'EPERM'
   }
 }
 
 export async function listSessions(): Promise<SessionInfo[]> {
-  const dir = join(CLAUDE_DIR, 'sessions');
-  if (!existsSync(dir)) return [];
-  const dirs = await projectDirNames();
-  const out: SessionInfo[] = [];
+  const dir = join(CLAUDE_DIR, 'sessions')
+  if (!existsSync(dir)) return []
+  const dirs = await projectDirNames()
+  const out: SessionInfo[] = []
   for (const f of await readdir(dir)) {
-    if (!f.endsWith('.json')) continue;
-    let j: Record<string, unknown>;
+    if (!f.endsWith('.json')) continue
+    let j: Record<string, unknown>
     try {
-      j = JSON.parse(await readFile(join(dir, f), 'utf8')) as Record<string, unknown>;
+      j = JSON.parse(await readFile(join(dir, f), 'utf8')) as Record<string, unknown>
     } catch {
-      continue;
+      continue
     }
-    const cwd = typeof j.cwd === 'string' ? j.cwd : '';
-    const pid = typeof j.pid === 'number' ? j.pid : undefined;
-    if (!alive(pid)) continue;
+    const cwd = typeof j.cwd === 'string' ? j.cwd : ''
+    const pid = typeof j.pid === 'number' ? j.pid : undefined
+    if (!alive(pid)) continue
     out.push({
       pid,
       sessionId: typeof j.sessionId === 'string' ? j.sessionId : '',
@@ -219,22 +217,18 @@ export async function listSessions(): Promise<SessionInfo[]> {
       updatedAt: typeof j.updatedAt === 'number' ? j.updatedAt : undefined,
       version: typeof j.version === 'string' ? j.version : undefined,
       slug: slugForCwd(cwd, dirs),
-    });
+    })
   }
   // Busy sessions first, then most recently updated.
-  return out.sort(
-    (a, b) =>
-      (a.status === 'busy' ? 0 : 1) - (b.status === 'busy' ? 0 : 1) ||
-      (b.updatedAt ?? 0) - (a.updatedAt ?? 0),
-  );
+  return out.sort((a, b) => (a.status === 'busy' ? 0 : 1) - (b.status === 'busy' ? 0 : 1) || (b.updatedAt ?? 0) - (a.updatedAt ?? 0))
 }
 
 // ── Plans ────────────────────────────────────────────────────────────────────
 const safePlan = (name: string): string => {
-  const base = name.split(/[\\/]/).pop() ?? '';
-  if (!/^[A-Za-z0-9._-]+\.md$/.test(base)) throw new Error('Nom de plan invalide.');
-  return base;
-};
+  const base = name.split(/[\\/]/).pop() ?? ''
+  if (!/^[A-Za-z0-9._-]+\.md$/.test(base)) throw new Error('Nom de plan invalide.')
+  return base
+}
 
 /**
  * Map each plan file name → its owning project slug by scanning transcripts for
@@ -249,49 +243,47 @@ const safePlan = (name: string): string => {
  * pass `slug` to restrict the pass to one project when only its plans matter.
  */
 async function planProjectIndex(slug?: string): Promise<Map<string, string>> {
-  const map = new Map<string, string>();
-  const root = join(CLAUDE_DIR, 'projects');
-  if (!existsSync(root)) return map;
-  const re = /"planFilePath":"[^"]*?([A-Za-z0-9._-]+\.md)"/g;
-  let dirs: string[];
+  const map = new Map<string, string>()
+  const root = join(CLAUDE_DIR, 'projects')
+  if (!existsSync(root)) return map
+  const re = /"planFilePath":"[^"]*?([A-Za-z0-9._-]+\.md)"/g
+  let dirs: string[]
   if (slug) {
-    dirs = [slug];
+    dirs = [slug]
   } else {
-    dirs = (await readdir(root, { withFileTypes: true }))
-      .filter((d) => d.isDirectory())
-      .map((d) => d.name);
+    dirs = (await readdir(root, { withFileTypes: true })).filter((d) => d.isDirectory()).map((d) => d.name)
   }
   for (const dir of dirs) {
-    let files: string[];
+    let files: string[]
     try {
-      files = (await readdir(join(root, dir))).filter((f) => f.endsWith('.jsonl'));
+      files = (await readdir(join(root, dir))).filter((f) => f.endsWith('.jsonl'))
     } catch {
-      continue;
+      continue
     }
     for (const f of files) {
-      let raw: string;
+      let raw: string
       try {
-        raw = await readFile(join(root, dir, f), 'utf8');
+        raw = await readFile(join(root, dir, f), 'utf8')
       } catch {
-        continue;
+        continue
       }
       for (const m of raw.matchAll(re)) {
-        const planPath = m[1];
-        if (planPath && !map.has(planPath)) map.set(planPath, dir);
+        const planPath = m[1]
+        if (planPath && !map.has(planPath)) map.set(planPath, dir)
       }
     }
   }
-  return map;
+  return map
 }
 
 export interface PlanEntry {
-  name: string;
-  title: string;
-  mtime: number;
-  size: number;
+  name: string
+  title: string
+  mtime: number
+  size: number
   /** Owning project slug + real path, empty when the plan predates `planFilePath`. */
-  projectSlug: string;
-  projectPath: string;
+  projectSlug: string
+  projectPath: string
 }
 
 /**
@@ -299,23 +291,23 @@ export interface PlanEntry {
  * built from its transcripts alone, so any plan it doesn't claim is dropped.
  */
 export async function listPlans(slug?: string): Promise<PlanEntry[]> {
-  const dir = join(CLAUDE_DIR, 'plans');
-  if (!existsSync(dir)) return [];
-  const [index, realPaths] = await Promise.all([planProjectIndex(slug), realProjectPaths()]);
-  const out: PlanEntry[] = [];
+  const dir = join(CLAUDE_DIR, 'plans')
+  if (!existsSync(dir)) return []
+  const [index, realPaths] = await Promise.all([planProjectIndex(slug), realProjectPaths()])
+  const out: PlanEntry[] = []
   for (const f of await readdir(dir)) {
-    if (!f.endsWith('.md')) continue;
-    const projectSlug = index.get(f) ?? '';
-    if (slug && !projectSlug) continue;
-    const abs = join(dir, f);
-    let title = f;
+    if (!f.endsWith('.md')) continue
+    const projectSlug = index.get(f) ?? ''
+    if (slug && !projectSlug) continue
+    const abs = join(dir, f)
+    let title = f
     try {
-      const head = (await readFile(abs, 'utf8')).split('\n').find((l) => l.trim());
-      if (head) title = head.replace(/^#+\s*/, '').slice(0, 120);
+      const head = (await readFile(abs, 'utf8')).split('\n').find((l) => l.trim())
+      if (head) title = head.replace(/^#+\s*/, '').slice(0, 120)
     } catch {
       /* ignore */
     }
-    const s = await stat(abs);
+    const s = await stat(abs)
     out.push({
       name: f,
       title,
@@ -323,19 +315,19 @@ export async function listPlans(slug?: string): Promise<PlanEntry[]> {
       size: s.size,
       projectSlug,
       projectPath: projectSlug ? (realPaths.get(projectSlug.toLowerCase()) ?? '') : '',
-    });
+    })
   }
-  return out.sort((a, b) => b.mtime - a.mtime);
+  return out.sort((a, b) => b.mtime - a.mtime)
 }
 
 export async function readPlan(name: string): Promise<string> {
-  return readFile(join(CLAUDE_DIR, 'plans', safePlan(name)), 'utf8');
+  return readFile(join(CLAUDE_DIR, 'plans', safePlan(name)), 'utf8')
 }
 
 export async function deletePlan(name: string): Promise<void> {
-  const abs = join(CLAUDE_DIR, 'plans', safePlan(name));
+  const abs = join(CLAUDE_DIR, 'plans', safePlan(name))
   // Belt-and-braces: never escape the plans dir.
-  const root = join(CLAUDE_DIR, 'plans');
-  if (abs !== root && !abs.startsWith(root + sep)) throw new Error('Chemin invalide.');
-  await rm(abs, { force: true });
+  const root = join(CLAUDE_DIR, 'plans')
+  if (abs !== root && !abs.startsWith(root + sep)) throw new Error('Chemin invalide.')
+  await rm(abs, { force: true })
 }
diff --git a/server/mcp.ts b/server/mcp.ts
index 48e5848..c848d9b 100644
--- a/server/mcp.ts
+++ b/server/mcp.ts
@@ -11,32 +11,32 @@
 // out-of-band edits with a content hash (optimistic concurrency). Per-project
 // servers stay read-only here.
 
-import { readFile, writeFile, copyFile, mkdir, stat } from 'node:fs/promises';
-import { t } from './i18n/index.ts';
-import { createHash } from 'node:crypto';
-import { join, dirname } from 'node:path';
-import { loadEnv } from './env';
-import { BACKUPS_DIR } from './paths';
+import { createHash } from 'node:crypto'
+import { readFile, writeFile, copyFile, mkdir, stat } from 'node:fs/promises'
+import { join, dirname } from 'node:path'
+import { loadEnv } from './env'
+import { t } from './i18n/index.ts'
+import { BACKUPS_DIR } from './paths'
 
-const CLAUDE_DIR = loadEnv().claudeDir;
-const HOME_JSON = join(dirname(CLAUDE_DIR), '.claude.json');
-const AUTH_CACHE = join(CLAUDE_DIR, 'mcp-needs-auth-cache.json');
+const CLAUDE_DIR = loadEnv().claudeDir
+const HOME_JSON = join(dirname(CLAUDE_DIR), '.claude.json')
+const AUTH_CACHE = join(CLAUDE_DIR, 'mcp-needs-auth-cache.json')
 
 export interface McpInventory {
-  connected: { name: string; id: string; timestamp: number }[];
-  fileServers: { name: string; scope: string; transport: string; detail: string }[];
+  connected: { name: string; id: string; timestamp: number }[]
+  fileServers: { name: string; scope: string; transport: string; detail: string }[]
   /** Raw global server configs (for lossless edit). Keyed by server name. */
-  globalServers: Record<string, ServerCfg>;
+  globalServers: Record<string, ServerCfg>
 }
 
 interface ServerCfg {
-  type?: string;
-  command?: string;
-  args?: string[];
-  url?: string;
-  env?: Record<string, string>;
+  type?: string
+  command?: string
+  args?: string[]
+  url?: string
+  env?: Record<string, string>
   /** Les noms des variables d'environnement, quand les valeurs sont retenues. */
-  envKeys?: string[];
+  envKeys?: string[]
 }
 
 /**
@@ -53,104 +53,100 @@ interface ServerCfg {
  * modification d'un serveur effacerait son environnement.
  */
 function redactEnv(servers: Record<string, ServerCfg>): Record<string, ServerCfg> {
-  const out: Record<string, ServerCfg> = {};
+  const out: Record<string, ServerCfg> = {}
   for (const [name, cfg] of Object.entries(servers)) {
-    const { env, ...rest } = cfg;
-    out[name] = env && Object.keys(env).length ? { ...rest, envKeys: Object.keys(env) } : rest;
+    const { env, ...rest } = cfg
+    out[name] = env && Object.keys(env).length ? { ...rest, envKeys: Object.keys(env) } : rest
   }
-  return out;
+  return out
 }
 
 export async function getMcpInventory(): Promise<McpInventory> {
-  const connected: McpInventory['connected'] = [];
+  const connected: McpInventory['connected'] = []
   try {
-    const cache = JSON.parse(await readFile(AUTH_CACHE, 'utf8')) as Record<
-      string,
-      { id?: string; timestamp?: number }
-    >;
+    const cache = JSON.parse(await readFile(AUTH_CACHE, 'utf8')) as Record<string, { id?: string; timestamp?: number }>
     for (const [name, v] of Object.entries(cache)) {
-      connected.push({ name, id: v.id ?? '', timestamp: v.timestamp ?? 0 });
+      connected.push({ name, id: v.id ?? '', timestamp: v.timestamp ?? 0 })
     }
   } catch {
     /* no cache → no connected servers */
   }
 
-  const fileServers: McpInventory['fileServers'] = [];
-  let globalServers: Record<string, ServerCfg> = {};
+  const fileServers: McpInventory['fileServers'] = []
+  let globalServers: Record<string, ServerCfg> = {}
   const collect = (obj: Record<string, ServerCfg> | undefined, scope: string): void => {
     for (const [name, cfg] of Object.entries(obj ?? {})) {
-      const transport = cfg.type ?? (cfg.command ? 'stdio' : cfg.url ? 'http' : '?');
-      const detail = cfg.command ? [cfg.command, ...(cfg.args ?? [])].join(' ') : (cfg.url ?? '');
-      fileServers.push({ name, scope, transport, detail });
+      const transport = cfg.type ?? (cfg.command ? 'stdio' : cfg.url ? 'http' : '?')
+      const detail = cfg.command ? [cfg.command, ...(cfg.args ?? [])].join(' ') : (cfg.url ?? '')
+      fileServers.push({ name, scope, transport, detail })
     }
-  };
+  }
   try {
     const j = JSON.parse(await readFile(HOME_JSON, 'utf8')) as {
-      mcpServers?: Record<string, ServerCfg>;
-      projects?: Record<string, { mcpServers?: Record<string, ServerCfg> }>;
-    };
-    globalServers = redactEnv(j.mcpServers ?? {});
-    collect(j.mcpServers, 'global');
+      mcpServers?: Record<string, ServerCfg>
+      projects?: Record<string, { mcpServers?: Record<string, ServerCfg> }>
+    }
+    globalServers = redactEnv(j.mcpServers ?? {})
+    collect(j.mcpServers, 'global')
     for (const [proj, cfg] of Object.entries(j.projects ?? {})) {
       if (cfg?.mcpServers && Object.keys(cfg.mcpServers).length) {
-        collect(cfg.mcpServers, `projet · ${proj.split(/[\\/]/).pop() ?? proj}`);
+        collect(cfg.mcpServers, `projet · ${proj.split(/[\\/]/).pop() ?? proj}`)
       }
     }
   } catch {
     /* ~/.claude.json unreadable/absent → no file servers */
   }
 
-  return { connected, fileServers, globalServers };
+  return { connected, fileServers, globalServers }
 }
 
 // ── Global mcpServers write (add / update / delete) ──────────────────────────
 
 /** A single MCP server entry as stored in ~/.claude.json. */
 export interface McpServerConfig {
-  type?: string;
-  command?: string;
-  args?: string[];
-  url?: string;
-  env?: Record<string, string>;
+  type?: string
+  command?: string
+  args?: string[]
+  url?: string
+  env?: Record<string, string>
   /** Vue seule : les noms des variables, quand les valeurs sont retenues. */
-  envKeys?: string[];
+  envKeys?: string[]
 }
 
 /** Validate a server config; returns an error message or null when valid. */
 export function validateServer(s: McpServerConfig): string | null {
-  const transport = s.type ?? (s.command ? 'stdio' : s.url ? 'http' : '');
+  const transport = s.type ?? (s.command ? 'stdio' : s.url ? 'http' : '')
   if (transport === 'stdio') {
-    if (!s.command || typeof s.command !== 'string')
-      return 'Un serveur stdio requiert une commande.';
-    if (s.args !== undefined && !Array.isArray(s.args)) return t('mcp.argsMustBeStrings');
-    return null;
+    if (!s.command || typeof s.command !== 'string') return 'Un serveur stdio requiert une commande.'
+    if (s.args !== undefined && !Array.isArray(s.args)) return t('mcp.argsMustBeStrings')
+    return null
   }
   if (transport === 'http' || transport === 'sse') {
-    if (!s.url || typeof s.url !== 'string') return 'Un serveur http/sse requiert une URL.';
-    return null;
+    if (!s.url || typeof s.url !== 'string') return 'Un serveur http/sse requiert une URL.'
+    return null
   }
-  return t('mcp.unknownTransport');
+  return t('mcp.unknownTransport')
 }
 
 /** Mismatch between the file the client previewed and the file on disk now. */
 export class McpConflictError extends Error {
   constructor() {
-    super(t('guard.claudeJsonChanged'));
+    super(t('guard.claudeJsonChanged'))
   }
 }
 
 async function readHomeText(): Promise<string | null> {
   try {
-    return await readFile(HOME_JSON, 'utf8');
+    return await readFile(HOME_JSON, 'utf8')
   } catch (e) {
-    if ((e as NodeJS.ErrnoException).code === 'ENOENT') return null;
-    throw e;
+    if ((e as NodeJS.ErrnoException).code === 'ENOENT') return null
+    throw e
   }
 }
 
 /** SHA-256 of the whole file (null when absent) — the concurrency token. */
 function hashText(text: string | null): string | null {
-  return text === null ? null : createHash('sha256').update(text).digest('hex');
+  return text === null ? null : createHash('sha256').update(text).digest('hex')
 }
 
 /**
@@ -162,56 +158,49 @@ function hashText(text: string | null): string | null {
  * clés du serveur. `envKeys` ne s'écrit jamais sur le disque — c'est une vue,
  * pas une donnée.
  */
-function mutateServers(
-  current: Record<string, McpServerConfig>,
-  name: string,
-  server: McpServerConfig | null,
-): Record<string, McpServerConfig> {
-  const next = { ...current };
+function mutateServers(current: Record<string, McpServerConfig>, name: string, server: McpServerConfig | null): Record<string, McpServerConfig> {
+  const next = { ...current }
   if (server === null) {
-    delete next[name];
-    return next;
+    delete next[name]
+    return next
   }
-  const clean = { ...server };
-  delete clean.envKeys;
-  const kept = current[name]?.env;
-  next[name] = !clean.env && kept ? { ...clean, env: kept } : clean;
-  return next;
+  const clean = { ...server }
+  delete clean.envKeys
+  const kept = current[name]?.env
+  next[name] = !clean.env && kept ? { ...clean, env: kept } : clean
+  return next
 }
 
 export interface McpWriteProposal {
   /** Current global mcpServers block, pretty-printed. */
-  before: string;
+  before: string
   /** Proposed global mcpServers block, pretty-printed. */
-  after: string;
+  after: string
   /** Hash of the whole ~/.claude.json (echoed back on apply for concurrency). */
-  expectedHash: string | null;
+  expectedHash: string | null
 }
 
 /** Preview a global-server mutation: returns the scoped before/after diff. */
-export async function proposeMcpWrite(
-  name: string,
-  server: McpServerConfig | null,
-): Promise<McpWriteProposal> {
-  const text = await readHomeText();
-  const obj = text ? (JSON.parse(text) as { mcpServers?: Record<string, McpServerConfig> }) : {};
-  const current = obj.mcpServers ?? {};
-  const next = mutateServers(current, name, server);
+export async function proposeMcpWrite(name: string, server: McpServerConfig | null): Promise<McpWriteProposal> {
+  const text = await readHomeText()
+  const obj = text ? (JSON.parse(text) as { mcpServers?: Record<string, McpServerConfig> }) : {}
+  const current = obj.mcpServers ?? {}
+  const next = mutateServers(current, name, server)
   return {
     before: JSON.stringify(current, null, 2),
     after: JSON.stringify(next, null, 2),
     expectedHash: hashText(text),
-  };
+  }
 }
 
 /** Copy ~/.claude.json into the timestamped backup tree before overwriting. */
 async function backupHomeJson(): Promise<string> {
-  const s = await stat(HOME_JSON);
-  const stamp = new Date(s.mtimeMs).toISOString().replace(/[:.]/g, '-');
-  const dest = join(BACKUPS_DIR, stamp, '.claude.json');
-  await mkdir(dirname(dest), { recursive: true });
-  await copyFile(HOME_JSON, dest);
-  return dest;
+  const s = await stat(HOME_JSON)
+  const stamp = new Date(s.mtimeMs).toISOString().replace(/[:.]/g, '-')
+  const dest = join(BACKUPS_DIR, stamp, '.claude.json')
+  await mkdir(dirname(dest), { recursive: true })
+  await copyFile(HOME_JSON, dest)
+  return dest
 }
 
 /**
@@ -224,16 +213,16 @@ export async function applyMcpWrite(
   server: McpServerConfig | null,
   expectedHash: string | null,
 ): Promise<{ ok: true; backupPath: string | null }> {
-  const text = await readHomeText();
-  if (hashText(text) !== expectedHash) throw new McpConflictError();
+  const text = await readHomeText()
+  if (hashText(text) !== expectedHash) throw new McpConflictError()
 
-  const obj = text ? (JSON.parse(text) as Record<string, unknown>) : {};
-  const current = (obj.mcpServers as Record<string, McpServerConfig> | undefined) ?? {};
-  obj.mcpServers = mutateServers(current, name, server);
+  const obj = text ? (JSON.parse(text) as Record<string, unknown>) : {}
+  const current = (obj.mcpServers as Record<string, McpServerConfig> | undefined) ?? {}
+  obj.mcpServers = mutateServers(current, name, server)
 
-  let backupPath: string | null = null;
-  if (text !== null) backupPath = await backupHomeJson();
+  let backupPath: string | null = null
+  if (text !== null) backupPath = await backupHomeJson()
 
-  await writeFile(HOME_JSON, JSON.stringify(obj, null, 2) + '\n', 'utf8');
-  return { ok: true, backupPath };
+  await writeFile(HOME_JSON, JSON.stringify(obj, null, 2) + '\n', 'utf8')
+  return { ok: true, backupPath }
 }
diff --git a/server/net.ts b/server/net.ts
index 8d70d1f..89a2635 100644
--- a/server/net.ts
+++ b/server/net.ts
@@ -17,14 +17,11 @@
  * en entier, car la boucle locale ne se limite pas à `127.0.0.1`.
  */
 export function isLoopback(address: string | undefined): boolean {
-  if (!address) return false;
+  if (!address) return false
   // `::ffff:127.0.0.1` — l'IPv4 déguisée en IPv6. On la déshabille avant de juger.
-  const addr = address.startsWith('::ffff:') ? address.slice(7) : address;
-  if (addr === '::1') return true;
-  const octets = addr.split('.');
-  if (octets.length !== 4) return false;
-  return (
-    octets[0] === '127' &&
-    octets.every((o) => o.length > 0 && o.length <= 3 && /^\d+$/.test(o) && Number(o) <= 255)
-  );
+  const addr = address.startsWith('::ffff:') ? address.slice(7) : address
+  if (addr === '::1') return true
+  const octets = addr.split('.')
+  if (octets.length !== 4) return false
+  return octets[0] === '127' && octets.every((o) => o.length > 0 && o.length <= 3 && /^\d+$/.test(o) && Number(o) <= 255)
 }
diff --git a/server/parse-pool.ts b/server/parse-pool.ts
index 4ab5494..33463e1 100644
--- a/server/parse-pool.ts
+++ b/server/parse-pool.ts
@@ -15,10 +15,10 @@
 // besoin de pool. Ce qui suit est le strict nécessaire : répartir, rendre la
 // réponse à son appelant, survivre à un thread qui meurt.
 
-import { Worker } from 'node:worker_threads';
-import { cpus } from 'node:os';
-import { fileURLToPath } from 'node:url';
-import type { ParseRequest, ParseResponse } from './transcript-worker.ts';
+import { cpus } from 'node:os'
+import { fileURLToPath } from 'node:url'
+import { Worker } from 'node:worker_threads'
+import type { ParseRequest, ParseResponse } from './transcript-worker.ts'
 
 /**
  * Combien de threads.
@@ -29,10 +29,10 @@ import type { ParseRequest, ParseResponse } from './transcript-worker.ts';
  * quelques sessions consultées et jamais du dossier entier. Un transcript de
  * 20 Mo en cours de parse pèse plusieurs fois sa taille.
  */
-const SIZE = Math.max(1, Math.min(4, cpus().length - 1));
+const SIZE = Math.max(1, Math.min(4, cpus().length - 1))
 
 /** Le module que chaque thread exécute. */
-const ENTRY = fileURLToPath(new URL('./transcript-worker.ts', import.meta.url));
+const ENTRY = fileURLToPath(new URL('./transcript-worker.ts', import.meta.url))
 
 /**
  * La mort du thread, distincte de l'échec du transcript.
@@ -44,24 +44,24 @@ const ENTRY = fileURLToPath(new URL('./transcript-worker.ts', import.meta.url));
 class WorkerDied extends Error {}
 
 interface Pending {
-  resolve: (body: Uint8Array) => void;
-  reject: (e: Error) => void;
+  resolve: (body: Uint8Array) => void
+  reject: (e: Error) => void
   /** Le thread qui l'a prise en charge, pour solder ses demandes s'il meurt. */
-  worker: Slot;
+  worker: Slot
 }
 
 interface Slot {
-  worker: Worker;
+  worker: Worker
   /** Combien de demandes ce thread a en vol. Sert à répartir. */
-  load: number;
+  load: number
   /** A-t-il déjà répondu une fois ? Voir `die` : un thread mort-né condamne le pool. */
-  answered: boolean;
+  answered: boolean
 }
 
-const slots: Slot[] = [];
-const pending = new Map<number, Pending>();
-let seq = 0;
-let stopped = false;
+const slots: Slot[] = []
+const pending = new Map<number, Pending>()
+let seq = 0
+let stopped = false
 /**
  * Le pool a-t-il renoncé ?
  *
@@ -70,58 +70,58 @@ let stopped = false;
  * on ne réessaie pas à chaque requête, ce qui transformerait une panne en
  * tempête de spawns.
  */
-let unavailable = false;
+let unavailable = false
 
 function settleAll(slot: Slot, error: Error): void {
   for (const [id, p] of pending) {
-    if (p.worker !== slot) continue;
-    pending.delete(id);
-    p.reject(error);
+    if (p.worker !== slot) continue
+    pending.delete(id)
+    p.reject(error)
   }
 }
 
 function spawn(): Slot | null {
   try {
-    const worker = new Worker(ENTRY);
-    const slot: Slot = { worker, load: 0, answered: false };
+    const worker = new Worker(ENTRY)
+    const slot: Slot = { worker, load: 0, answered: false }
 
     worker.on('message', (res: ParseResponse) => {
-      const p = pending.get(res.seq);
-      if (!p) return;
-      pending.delete(res.seq);
-      slot.load--;
-      slot.answered = true;
+      const p = pending.get(res.seq)
+      if (!p) return
+      pending.delete(res.seq)
+      slot.load--
+      slot.answered = true
       // Au repos, un thread ne doit plus retenir Node en vie ; en vol, il le
       // doit — sans quoi un process dont c'est le seul travail en cours (un
       // test, un script) sortirait en laissant la promesse pendante.
-      if (slot.load === 0) worker.unref();
-      if ('error' in res) p.reject(new Error(res.error));
-      else p.resolve(res.body);
-    });
+      if (slot.load === 0) worker.unref()
+      if ('error' in res) p.reject(new Error(res.error))
+      else p.resolve(res.body)
+    })
 
     // Un thread mort ne doit pas laisser ses appelants suspendus pour toujours :
     // une fois retiré du pool, plus personne ne pourra les solder.
     const die = (reason: string): void => {
-      const at = slots.indexOf(slot);
-      if (at >= 0) slots.splice(at, 1);
+      const at = slots.indexOf(slot)
+      if (at >= 0) slots.splice(at, 1)
       // Mort sans avoir jamais répondu : ce n'est pas un accident, c'est que le
       // module ne se charge pas dans ce contexte — un chargeur absent, un import
       // qu'il ne sait pas résoudre. Réessayer n'en ferait qu'une tempête de
       // threads mort-nés ; on renonce au pool et on lit sur place.
-      if (!slot.answered) unavailable = true;
-      settleAll(slot, new WorkerDied(reason));
-    };
-    worker.on('error', (e: Error) => die(e.message));
+      if (!slot.answered) unavailable = true
+      settleAll(slot, new WorkerDied(reason))
+    }
+    worker.on('error', (e: Error) => die(e.message))
     worker.on('exit', (code) => {
-      if (code !== 0) die(`Le thread de lecture s'est arrêté (code ${code}).`);
-    });
+      if (code !== 0) die(`Le thread de lecture s'est arrêté (code ${code}).`)
+    })
     // Au repos dès la naissance : il ne sera référencé que le temps d'un parse.
-    worker.unref();
+    worker.unref()
 
-    slots.push(slot);
-    return slot;
+    slots.push(slot)
+    return slot
   } catch {
-    return null;
+    return null
   }
 }
 
@@ -130,21 +130,21 @@ function pick(): Slot | null {
   // Un thread au repos avant d'en démarrer un : sur un usage à une session, le
   // pool doit rester à un seul thread plutôt que d'en ouvrir quatre au fil des
   // requêtes.
-  const idle = slots.find((s) => s.load === 0);
-  if (idle) return idle;
+  const idle = slots.find((s) => s.load === 0)
+  if (idle) return idle
 
   if (slots.length < SIZE) {
-    const fresh = spawn();
-    if (fresh) return fresh;
+    const fresh = spawn()
+    if (fresh) return fresh
   }
   // Aucun thread nulle part : le pool n'existe pas sur cette machine.
   if (!slots.length) {
-    unavailable = true;
-    return null;
+    unavailable = true
+    return null
   }
   // Au moins-chargé et non en tourniquet : un thread occupé par un transcript de
   // 20 Mo ne doit pas recevoir la demande suivante.
-  return slots.reduce((best, s) => (s.load < best.load ? s : best));
+  return slots.reduce((best, s) => (s.load < best.load ? s : best))
 }
 
 /**
@@ -154,55 +154,55 @@ function pick(): Slot | null {
  * process si le pool est indisponible — voir `unavailable`.
  */
 export async function serialiseInPool(abs: string, id: string): Promise<Uint8Array> {
-  if (stopped || unavailable) return fallback(abs, id);
+  if (stopped || unavailable) return fallback(abs, id)
 
-  const slot = pick();
-  if (!slot) return fallback(abs, id);
+  const slot = pick()
+  if (!slot) return fallback(abs, id)
 
   try {
-    return await dispatch(slot, abs, id);
+    return await dispatch(slot, abs, id)
   } catch (e) {
     // Le thread est mort, le transcript n'y est pour rien : on relit sur place
     // plutôt que de rendre une erreur à un utilisateur qui n'a rien fait de mal.
-    if (e instanceof WorkerDied) return fallback(abs, id);
-    throw e;
+    if (e instanceof WorkerDied) return fallback(abs, id)
+    throw e
   }
 }
 
 function dispatch(slot: Slot, abs: string, id: string): Promise<Uint8Array> {
-  const request: ParseRequest = { seq: seq++, abs, id };
-  slot.load++;
+  const request: ParseRequest = { seq: seq++, abs, id }
+  slot.load++
   // Référencé le temps du parse : au repos un thread ne doit pas retenir Node en
   // vie, en vol il le doit — sans quoi un process dont c'est le seul travail
   // sortirait en laissant la promesse pendante.
-  slot.worker.ref();
+  slot.worker.ref()
   return new Promise<Uint8Array>((resolve, reject) => {
-    pending.set(request.seq, { resolve, reject, worker: slot });
-    slot.worker.postMessage(request);
-  });
+    pending.set(request.seq, { resolve, reject, worker: slot })
+    slot.worker.postMessage(request)
+  })
 }
 
 /** Le même travail, sur le thread principal. Le filet, jamais la voie normale. */
 async function fallback(abs: string, id: string): Promise<Uint8Array> {
-  const { serialiseTranscript } = await import('./transcript-worker.ts');
-  return serialiseTranscript(abs, id);
+  const { serialiseTranscript } = await import('./transcript-worker.ts')
+  return serialiseTranscript(abs, id)
 }
 
 /** Rendre les threads. Sans cela, ils survivraient à l'extinction du serveur. */
 export function stopPool(): void {
-  stopped = true;
+  stopped = true
   for (const slot of slots.splice(0)) {
-    settleAll(slot, new WorkerDied('Le serveur s’arrête.'));
-    void slot.worker.terminate();
+    settleAll(slot, new WorkerDied('Le serveur s’arrête.'))
+    void slot.worker.terminate()
   }
 }
 
 /** Ce que le pool a sous la main. Pour les tests et le diagnostic, rien d'autre. */
 export function poolState(): {
-  size: number;
-  workers: number;
-  inFlight: number;
-  unavailable: boolean;
+  size: number
+  workers: number
+  inFlight: number
+  unavailable: boolean
 } {
-  return { size: SIZE, workers: slots.length, inFlight: pending.size, unavailable };
+  return { size: SIZE, workers: slots.length, inFlight: pending.size, unavailable }
 }
diff --git a/server/passerelle/activite.ts b/server/passerelle/activite.ts
index e8dc428..da33fa8 100644
--- a/server/passerelle/activite.ts
+++ b/server/passerelle/activite.ts
@@ -20,8 +20,8 @@
 //    rien, et c'est pourquoi l'action de saisie l'accompagne : elle, marche
 //    partout.
 
-import type { AgentActivity } from '../../shared/agent.ts';
-import { t } from '../i18n/index.ts';
+import type { AgentActivity } from '../../shared/agent.ts'
+import { t } from '../i18n/index.ts'
 
 /**
  * Le battement, plus court que l'expiration.
@@ -29,7 +29,7 @@ import { t } from '../i18n/index.ts';
  * Trente secondes est la borne ; vingt laisse de quoi encaisser une requête
  * lente sans que la bulle clignote.
  */
-export const BATTEMENT_MS = 20_000;
+export const BATTEMENT_MS = 20_000
 
 /**
  * Le pas minimal entre deux émissions.
@@ -39,7 +39,7 @@ export const BATTEMENT_MS = 20_000;
  * dessous de deux secondes, un libellé qui se remplace se lit comme un
  * scintillement, pas comme une information.
  */
-export const PAS_MINIMAL_MS = 2_000;
+export const PAS_MINIMAL_MS = 2_000
 
 /**
  * Sous ce seuil, on n'affiche pas de durée.
@@ -47,17 +47,17 @@ export const PAS_MINIMAL_MS = 2_000;
  * Un chrono qui démarre à « 1 s » n'apprend rien et attire l'œil sur le seul
  * moment où il n'y a rien à s'expliquer. C'est le même seuil qu'à l'écran.
  */
-const DUREE_MUETTE_S = 5;
+const DUREE_MUETTE_S = 5
 
 /** Combien d'outils se nomment avant qu'on se mette à les compter. */
-const OUTILS_NOMMES = 2;
+const OUTILS_NOMMES = 2
 
 /** Une durée telle qu'on la lit d'un coup d'œil, jamais au dixième. */
 function duree(secondes: number): string {
-  if (secondes < 60) return t('passerelle.activite.secondes', { n: Math.floor(secondes) });
-  const minutes = Math.floor(secondes / 60);
-  const reste = String(Math.floor(secondes % 60)).padStart(2, '0');
-  return t('passerelle.activite.minutes', { min: minutes, s: reste });
+  if (secondes < 60) return t('passerelle.activite.secondes', { n: Math.floor(secondes) })
+  const minutes = Math.floor(secondes / 60)
+  const reste = String(Math.floor(secondes % 60)).padStart(2, '0')
+  return t('passerelle.activite.minutes', { min: minutes, s: reste })
 }
 
 /**
@@ -70,34 +70,34 @@ function duree(secondes: number): string {
  * se demande vraiment.
  */
 export function ligne(activite: AgentActivity, maintenant: number): string | null {
-  const { phase, tools, retry, turnStartedAt } = activite;
-  if (!phase) return null;
+  const { phase, tools, retry, turnStartedAt } = activite
+  if (!phase) return null
 
-  let quoi: string;
+  let quoi: string
   if (phase === 'retrying' && retry) {
-    quoi = t('passerelle.activite.retrying', { attempt: retry.attempt, max: retry.maxRetries });
+    quoi = t('passerelle.activite.retrying', { attempt: retry.attempt, max: retry.maxRetries })
   } else if (phase !== 'tool') {
-    quoi = t(`passerelle.activite.${phase}`);
+    quoi = t(`passerelle.activite.${phase}`)
   } else if (!tools.length) {
-    quoi = t('passerelle.activite.toolUnnamed');
+    quoi = t('passerelle.activite.toolUnnamed')
   } else {
     // Deux noms plutôt que les trois de l'écran : la bulle d'une messagerie est
     // plus étroite qu'une ligne d'Atelier, et un libellé qui déborde y pousse
     // le chrono hors de vue.
-    const vus = tools.slice(0, OUTILS_NOMMES).map((o) => o.name);
-    const reste = tools.length - vus.length;
-    quoi = reste > 0 ? `${vus.join(', ')} +${reste}` : vus.join(', ');
+    const vus = tools.slice(0, OUTILS_NOMMES).map((o) => o.name)
+    const reste = tools.length - vus.length
+    quoi = reste > 0 ? `${vus.join(', ')} +${reste}` : vus.join(', ')
   }
 
-  const secondes = turnStartedAt ? (maintenant - turnStartedAt) / 1000 : 0;
-  if (secondes < DUREE_MUETTE_S) return quoi;
-  return t('passerelle.activite.ligne', { quoi, duree: duree(secondes) });
+  const secondes = turnStartedAt ? (maintenant - turnStartedAt) / 1000 : 0
+  if (secondes < DUREE_MUETTE_S) return quoi
+  return t('passerelle.activite.ligne', { quoi, duree: duree(secondes) })
 }
 
 /** Ce qu'il faut savoir émettre pour qu'un battement existe. */
 export interface Emetteur {
-  brouillon: (chatId: number, draftId: number, texte: string) => Promise<void>;
-  saisie: (chatId: number) => Promise<void>;
+  brouillon: (chatId: number, draftId: number, texte: string) => Promise<void>
+  saisie: (chatId: number) => Promise<void>
 }
 
 /**
@@ -109,10 +109,10 @@ export interface Emetteur {
  * permission, session close —, jamais une échéance.
  */
 export class Battement {
-  private minuteur: ReturnType<typeof setTimeout> | null = null;
-  private derniere = '';
-  private emisA = 0;
-  private enAttente = false;
+  private minuteur: ReturnType<typeof setTimeout> | null = null
+  private derniere = ''
+  private emisA = 0
+  private enAttente = false
 
   constructor(
     private readonly emetteur: Emetteur,
@@ -127,51 +127,48 @@ export class Battement {
    * qui distingue « tenir la bulle en vie » de « la redessiner ».
    */
   montre(activite: AgentActivity, maintenant: number = Date.now()): void {
-    const texte = ligne(activite, maintenant);
+    const texte = ligne(activite, maintenant)
     if (texte === null) {
-      this.arrete();
-      return;
+      this.arrete()
+      return
     }
-    const change = texte !== this.derniere;
-    const assezVieux = maintenant - this.emisA >= PAS_MINIMAL_MS;
-    this.derniere = texte;
+    const change = texte !== this.derniere
+    const assezVieux = maintenant - this.emisA >= PAS_MINIMAL_MS
+    this.derniere = texte
     if (change && !assezVieux) {
       // Trop tôt pour celui-ci, mais le minuteur en cours reprendra le dernier
       // texte connu : rien ne se perd, seul le rythme est borné.
-      this.programme(PAS_MINIMAL_MS - (maintenant - this.emisA));
-      return;
+      this.programme(PAS_MINIMAL_MS - (maintenant - this.emisA))
+      return
     }
-    this.emet(maintenant);
+    this.emet(maintenant)
   }
 
   /** Coupe le battement. La bulle s'efface d'elle-même en trente secondes. */
   arrete(): void {
-    if (this.minuteur) clearTimeout(this.minuteur);
-    this.minuteur = null;
-    this.derniere = '';
+    if (this.minuteur) clearTimeout(this.minuteur)
+    this.minuteur = null
+    this.derniere = ''
   }
 
   private emet(maintenant: number): void {
-    this.emisA = maintenant;
-    const texte = this.derniere;
+    this.emisA = maintenant
+    const texte = this.derniere
     if (!this.enAttente) {
-      this.enAttente = true;
-      void Promise.all([
-        this.emetteur.brouillon(this.chatId, this.draftId, texte),
-        this.emetteur.saisie(this.chatId),
-      ]).finally(() => {
-        this.enAttente = false;
-      });
+      this.enAttente = true
+      void Promise.all([this.emetteur.brouillon(this.chatId, this.draftId, texte), this.emetteur.saisie(this.chatId)]).finally(() => {
+        this.enAttente = false
+      })
     }
-    this.programme(BATTEMENT_MS);
+    this.programme(BATTEMENT_MS)
   }
 
   private programme(delai: number): void {
-    if (this.minuteur) clearTimeout(this.minuteur);
+    if (this.minuteur) clearTimeout(this.minuteur)
     // `unref` : un battement ne doit pas retenir le process à l'extinction.
     this.minuteur = setTimeout(() => {
-      if (this.derniere) this.emet(Date.now());
-    }, delai);
-    this.minuteur.unref?.();
+      if (this.derniere) this.emet(Date.now())
+    }, delai)
+    this.minuteur.unref?.()
   }
 }
diff --git a/server/passerelle/commandes.ts b/server/passerelle/commandes.ts
index 7283886..efb2263 100644
--- a/server/passerelle/commandes.ts
+++ b/server/passerelle/commandes.ts
@@ -15,21 +15,21 @@
 // intention, ce qui n'est pas mécanique —, mais un test tient les deux listes
 // égales. Rien n'est engendré ; ce qui est engendré, c'est l'accord.
 
-import { t } from '../i18n/index.ts';
+import { t } from '../i18n/index.ts'
 
 /** Ce que Telegram accepte comme nom : minuscules, chiffres, soulignés, 32 max. */
 export interface Commande {
   /** Le mot, **sans** la barre oblique : `setMyCommands` la refuse. */
-  nom: string;
+  nom: string
   /**
    * L'argument attendu, s'il y en a un.
    *
    * Il ne sert qu'à l'aide : la liste de Telegram ne montre pas la forme d'une
    * commande, seulement son nom et ce qu'elle fait.
    */
-  argument?: boolean;
+  argument?: boolean
   /** Sous quel intertitre l'aide la range. */
-  groupe: 'consulter' | 'travailler';
+  groupe: 'consulter' | 'travailler'
 }
 
 /**
@@ -53,11 +53,11 @@ export const COMMANDES: readonly Commande[] = [
   { nom: 'stop', groupe: 'travailler' },
   { nom: 'fin', groupe: 'travailler' },
   { nom: 'aide', groupe: 'travailler' },
-];
+]
 
 /** Ce que fait une commande, dans la langue en vigueur. */
 function description(nom: string): string {
-  return t(`passerelle.commandes.${nom}`);
+  return t(`passerelle.commandes.${nom}`)
 }
 
 /**
@@ -67,24 +67,21 @@ function description(nom: string): string {
  * réduite ne doit pas laisser un titre au-dessus du vide.
  */
 export function aide(): string {
-  const lignes: string[] = [t('passerelle.aideEntete')];
-  const argument = t('passerelle.aideArgument');
+  const lignes: string[] = [t('passerelle.aideEntete')]
+  const argument = t('passerelle.aideArgument')
 
   for (const groupe of ['consulter', 'travailler'] as const) {
-    const dedans = COMMANDES.filter((c) => c.groupe === groupe);
-    if (!dedans.length) continue;
-    lignes.push(
-      '',
-      t(groupe === 'consulter' ? 'passerelle.aideConsulter' : 'passerelle.aideTravailler'),
-    );
+    const dedans = COMMANDES.filter((c) => c.groupe === groupe)
+    if (!dedans.length) continue
+    lignes.push('', t(groupe === 'consulter' ? 'passerelle.aideConsulter' : 'passerelle.aideTravailler'))
     for (const c of dedans) {
-      const forme = c.argument ? `/${c.nom} ${argument}` : `/${c.nom}`;
-      lignes.push(`${forme} — ${description(c.nom)}`);
+      const forme = c.argument ? `/${c.nom} ${argument}` : `/${c.nom}`
+      lignes.push(`${forme} — ${description(c.nom)}`)
     }
   }
 
-  lignes.push('', t('passerelle.aidePied'));
-  return lignes.join('\n');
+  lignes.push('', t('passerelle.aidePied'))
+  return lignes.join('\n')
 }
 
 /**
@@ -94,5 +91,5 @@ export function aide(): string {
  * se suffisent à elles-mêmes plutôt que de renvoyer l'une à l'autre.
  */
 export function pourTelegram(): { command: string; description: string }[] {
-  return COMMANDES.map((c) => ({ command: c.nom, description: description(c.nom) }));
+  return COMMANDES.map((c) => ({ command: c.nom, description: description(c.nom) }))
 }
diff --git a/server/passerelle/etat.ts b/server/passerelle/etat.ts
index 842aa4d..61a6863 100644
--- a/server/passerelle/etat.ts
+++ b/server/passerelle/etat.ts
@@ -9,7 +9,7 @@
 // emploie (`transcript.ts`, `settleTurn`). Ce fichier ne fait que le rapporter à
 // la fenêtre du modèle et juger s'il y a lieu d'en parler.
 
-import { locale, t } from '../i18n/index.ts';
+import { locale, t } from '../i18n/index.ts'
 
 /**
  * À partir d'où la fenêtre mérite qu'on en parle sans qu'on ait rien demandé.
@@ -21,7 +21,7 @@ import { locale, t } from '../i18n/index.ts';
  * chose (le diagnostic juge le pic d'une session finie contre le parc, celle-ci
  * lit une session vivante maintenant). Un test tient les deux nombres égaux.
  */
-export const SEUIL_ALERTE = 0.8;
+export const SEUIL_ALERTE = 0.8
 
 /**
  * Un relevé de fenêtre, rapporté à la limite du modèle.
@@ -33,9 +33,9 @@ export const SEUIL_ALERTE = 0.8;
  */
 export interface Fenetre {
   /** Le contexte du dernier tour, exact. `0` quand aucun tour n'a répondu. */
-  tokens: number;
+  tokens: number
   /** La fenêtre du modèle, telle que `contextLimitFor` la déduit. */
-  limite: number;
+  limite: number
 }
 
 /**
@@ -47,8 +47,8 @@ export interface Fenetre {
  * l'écran là où « 100 % » dit déjà tout ce qu'il y a à dire.
  */
 export function part(f: Fenetre): number {
-  if (f.tokens <= 0 || f.limite <= 0) return 0;
-  return Math.min(1, f.tokens / f.limite);
+  if (f.tokens <= 0 || f.limite <= 0) return 0
+  return Math.min(1, f.tokens / f.limite)
 }
 
 /**
@@ -60,12 +60,12 @@ export function part(f: Fenetre): number {
  * reste nominale, comme `docs/voix.md` le demande.
  */
 export function lignes(f: Fenetre, cwd: string, modele: string, mode: string): string[] {
-  const entete = t('passerelle.etatEntete', { cwd, modele, mode });
+  const entete = t('passerelle.etatEntete', { cwd, modele, mode })
 
   // Une session neuve n'a rien fait répondre au modèle : il n'y a pas de
   // fenêtre à annoncer. Le dire vaut mieux que de montrer un zéro, qui se lit
   // comme une mesure alors que c'est une absence de mesure.
-  if (f.tokens <= 0) return [entete, '', t('passerelle.etatSansReleve')];
+  if (f.tokens <= 0) return [entete, '', t('passerelle.etatSansReleve')]
 
   return [
     entete,
@@ -75,7 +75,7 @@ export function lignes(f: Fenetre, cwd: string, modele: string, mode: string): s
       limite: nombre(f.limite),
       pourcent: Math.round(part(f) * 100),
     }),
-  ];
+  ]
 }
 
 /**
@@ -86,7 +86,7 @@ export function lignes(f: Fenetre, cwd: string, modele: string, mode: string): s
  * transformerait un avertissement en bruit de fond.
  */
 export function alerte(deja: boolean, ratio: number): boolean {
-  return !deja && ratio >= SEUIL_ALERTE;
+  return !deja && ratio >= SEUIL_ALERTE
 }
 
 /**
@@ -112,5 +112,5 @@ export function nombre(n: number): string {
   return new Intl.NumberFormat(locale(), {
     notation: 'compact',
     maximumFractionDigits: 0,
-  }).format(n);
+  }).format(n)
 }
diff --git a/server/passerelle/index.ts b/server/passerelle/index.ts
index 3673d59..899d554 100644
--- a/server/passerelle/index.ts
+++ b/server/passerelle/index.ts
@@ -13,56 +13,28 @@
 // (`agent/registry.ts`), la file d'entrée et les demandes en attente
 // (`agent/runner.ts`), la forme des messages (`shared/agent.ts`).
 
-import { DEFAULT_LOCALE, SUPPORTED_LOCALES, t, withLocale } from '../i18n/index.ts';
-import { publicMessage } from '../errors.ts';
-import type { AgentUpsert, PermissionAnswer } from '../../shared/agent.ts';
-import { isPermissionMode } from '../../shared/agent.ts';
-import {
-  atCapacity,
-  createRunner,
-  getRunner,
-  listSessions,
-  MAX_SESSIONS,
-  removeRunner,
-} from '../agent/registry.ts';
-import type { SessionRunner } from '../agent/runner.ts';
-import {
-  getProjectResources,
-  listProjects,
-  readProjectIncludedFile,
-  readProjectMemory,
-  readProjectResource,
-} from '../projects.ts';
-import { listSessions as sessionsActives } from '../maintenance.ts';
-import type { ProjectSummary } from '../../shared/projects.ts';
-import { autorise, lireChats, parseIntention } from './routage.ts';
-import {
-  aplatir,
-  arborescence,
-  compte,
-  descendre,
-  resoudreProjet,
-  type Entree,
-  type Noeud,
-} from './projets.ts';
-import { paginer } from './markdown.ts';
-import { enBlocs, MAX_RICHE, type InputRichBlock } from './riche.ts';
-import { boutons, elargi, grille, Telegram } from './telegram.ts';
-import {
-  ecran as ecranQuestion,
-  formulaire,
-  presse,
-  repondLibre,
-  reponses,
-  type Formulaire,
-} from './questions.ts';
-import { alerte, lignes as lignesEtat, nombre, part, type Fenetre } from './etat.ts';
-import { planPropose } from './plan.ts';
-import { contextLimitFor } from '../context.ts';
-import { configuredLongWindow } from '../claude/model.ts';
-import { Battement } from './activite.ts';
-import { aide, pourTelegram } from './commandes.ts';
-import type { InlineKeyboardMarkup } from 'node-telegram-bot-api';
+import type { InlineKeyboardMarkup } from 'node-telegram-bot-api'
+import type { AgentUpsert, PermissionAnswer } from '../../shared/agent.ts'
+import { isPermissionMode } from '../../shared/agent.ts'
+import type { ProjectSummary } from '../../shared/projects.ts'
+import { atCapacity, createRunner, getRunner, listSessions, MAX_SESSIONS, removeRunner } from '../agent/registry.ts'
+import type { SessionRunner } from '../agent/runner.ts'
+import { configuredLongWindow } from '../claude/model.ts'
+import { contextLimitFor } from '../context.ts'
+import { publicMessage } from '../errors.ts'
+import { DEFAULT_LOCALE, SUPPORTED_LOCALES, t, withLocale } from '../i18n/index.ts'
+import { listSessions as sessionsActives } from '../maintenance.ts'
+import { getProjectResources, listProjects, readProjectIncludedFile, readProjectMemory, readProjectResource } from '../projects.ts'
+import { Battement } from './activite.ts'
+import { aide, pourTelegram } from './commandes.ts'
+import { alerte, lignes as lignesEtat, nombre, part, type Fenetre } from './etat.ts'
+import { paginer } from './markdown.ts'
+import { planPropose } from './plan.ts'
+import { aplatir, arborescence, compte, descendre, resoudreProjet, type Entree, type Noeud } from './projets.ts'
+import { ecran as ecranQuestion, formulaire, presse, repondLibre, reponses, type Formulaire } from './questions.ts'
+import { enBlocs, MAX_RICHE, type InputRichBlock } from './riche.ts'
+import { autorise, lireChats, parseIntention } from './routage.ts'
+import { boutons, elargi, grille, Telegram } from './telegram.ts'
 
 /**
  * Ce qu'une page prend au document source.
@@ -71,19 +43,19 @@ import type { InlineKeyboardMarkup } from 'node-telegram-bot-api';
  * ajoute du JSON autour de chaque morceau de texte, et c'est le total qui est
  * mesuré côté Telegram.
  */
-const PAGE_RICHE = Math.floor(MAX_RICHE * 0.7);
+const PAGE_RICHE = Math.floor(MAX_RICHE * 0.7)
 
 /** Ce que le journal du BFF sait faire, et tout ce que la Passerelle lui demande. */
 interface Journal {
-  info: (message: string) => void;
-  warn: (message: string) => void;
+  info: (message: string) => void
+  warn: (message: string) => void
 }
 
 /** Ce que la Passerelle garde d'une conversation. */
 interface Fil {
-  runId: string;
+  runId: string
   /** Se désabonner du runner quand le fil se défait. */
-  detache: () => void;
+  detache: () => void
   /**
    * L'abonnement a-t-il déjà rendu son premier `snapshot` ?
    *
@@ -91,11 +63,11 @@ interface Fil {
    * est donc celui de l'abonnement par construction, et non par ressemblance.
    * C'est ce qui permet de distinguer les deux sites d'émission sans deviner.
    */
-  abonne: boolean;
+  abonne: boolean
   /** Les textes de l'assistant du tour en cours, par uuid. */
-  tour: Map<string, string>;
+  tour: Map<string, string>
   /** Les formulaires en vol, pour retrouver ce qu'un bouton désigne. */
-  asks: Map<string, Formulaire>;
+  asks: Map<string, Formulaire>
   /**
    * Les messages qui portent encore des boutons de permission, par demande.
    *
@@ -104,7 +76,7 @@ interface Fil {
    * qui voie aussi les réponses données depuis l'Atelier et les refus du
    * garde-fou du quart d'heure.
    */
-  permissions: Map<string, number>;
+  permissions: Map<string, number>
   /**
    * Le formulaire qui capte le prochain message écrit, s'il y en a un.
    *
@@ -112,7 +84,7 @@ interface Fil {
    * Il ne capte que ce qui serait parti comme un tour : les commandes restent
    * des commandes sous une question.
    */
-  attente: string | null;
+  attente: string | null
   /**
    * Le remplissage de la fenêtre a-t-il déjà été signalé ?
    *
@@ -121,9 +93,9 @@ interface Fil {
    * compaction le remet à faux — la fenêtre a le droit de se remplir à nouveau,
    * et de le dire à nouveau.
    */
-  alerte: boolean;
+  alerte: boolean
   /** La bulle éphémère qui dit que ça travaille, et à quoi. */
-  battement: Battement;
+  battement: Battement
 }
 
 /**
@@ -133,7 +105,7 @@ interface Fil {
  * lieu d'en empiler une par changement. Un compteur suffit : rien ne le relie à
  * la session, et un brouillon ne survit pas trente secondes à son émission.
  */
-let prochainBrouillon = 1;
+let prochainBrouillon = 1
 
 /**
  * Ce qu'une conversation a sous les yeux, hors session.
@@ -144,13 +116,13 @@ let prochainBrouillon = 1;
  */
 interface Vue {
   /** La dernière liste de projets montrée — ce que les rangs désignent. */
-  projets: ProjectSummary[];
+  projets: ProjectSummary[]
   /** Le projet choisi, s'il y en a un. */
-  slug: string;
+  slug: string
   /** Les fichiers de ce projet, dans l'ordre où ils ont été numérotés. */
-  entrees: Entree[];
+  entrees: Entree[]
   /** Les mêmes, en arborescence : ce que la navigation parcourt. */
-  racine: Noeud;
+  racine: Noeud
   /**
    * Où l'on est dans cet arbre, segment par segment.
    *
@@ -159,7 +131,7 @@ interface Vue {
    * redescend depuis la racine à chaque pas — l'arbre tient en mémoire, le
    * parcours ne coûte rien.
    */
-  chemin: string[];
+  chemin: string[]
   /**
    * Le message qui porte la navigation, et qu'on réécrit à chaque pas.
    *
@@ -167,16 +139,16 @@ interface Vue {
    * derrière lui une liste périmée, et la conversation deviendrait un empilement
    * d'états morts.
    */
-  messageId: number | null;
+  messageId: number | null
 }
 
-let telegram: Telegram | null = null;
-const fils = new Map<number, Fil>();
-const vues = new Map<number, Vue>();
+let telegram: Telegram | null = null
+const fils = new Map<number, Fil>()
+const vues = new Map<number, Vue>()
 
 function vue(chatId: number): Vue {
-  const existante = vues.get(chatId);
-  if (existante) return existante;
+  const existante = vues.get(chatId)
+  if (existante) return existante
   const neuve: Vue = {
     projets: [],
     slug: '',
@@ -184,9 +156,9 @@ function vue(chatId: number): Vue {
     racine: { nom: '', enfants: [] },
     chemin: [],
     messageId: null,
-  };
-  vues.set(chatId, neuve);
-  return neuve;
+  }
+  vues.set(chatId, neuve)
+  return neuve
 }
 
 /**
@@ -198,16 +170,16 @@ function vue(chatId: number): Vue {
  * un clic sans effet visible.
  */
 async function ecran(chatId: number, texte: string, clavier: InlineKeyboardMarkup): Promise<void> {
-  const tg = telegram;
-  if (!tg) return;
-  const v = vue(chatId);
+  const tg = telegram
+  if (!tg) return
+  const v = vue(chatId)
 
   // Le clavier prend la largeur de la bulle, donc du texte : un en-tête court
   // donnerait des boutons trop étroits pour être lus. Voir `elargi`.
-  const large = elargi(texte);
+  const large = elargi(texte)
 
-  if (v.messageId !== null && (await tg.reecrit(chatId, v.messageId, large, clavier))) return;
-  v.messageId = await tg.envoieSuivi(chatId, large, clavier);
+  if (v.messageId !== null && (await tg.reecrit(chatId, v.messageId, large, clavier))) return
+  v.messageId = await tg.envoieSuivi(chatId, large, clavier)
 }
 
 /**
@@ -219,14 +191,14 @@ async function ecran(chatId: number, texte: string, clavier: InlineKeyboardMarku
  * son contenu.
  */
 async function ecranDossier(chatId: number, projet: ProjectSummary): Promise<void> {
-  const v = vue(chatId);
-  const dossier = descendre(v.racine, v.chemin);
+  const v = vue(chatId)
+  const dossier = descendre(v.racine, v.chemin)
   if (!dossier) {
     // Le chemin ne mène plus nulle part — l'inventaire a changé sous nos pieds.
     // On remonte à la racine plutôt que de laisser un écran vide.
-    v.chemin = [];
-    await ecranDossier(chatId, projet);
-    return;
+    v.chemin = []
+    await ecranDossier(chatId, projet)
+    return
   }
 
   const cases = dossier.enfants.map((n, i) =>
@@ -235,7 +207,7 @@ async function ecranDossier(chatId: number, projet: ProjectSummary): Promise<voi
         // `/voir` emploie, et les deux chemins doivent désigner le même fichier.
         { texte: nomCourt(n.nom), donnee: `n:f:${n.fichier.rang}` }
       : { texte: `${nomCourt(n.nom)}/ ${compte(n)}`, donnee: `n:d:${i}` },
-  );
+  )
 
   // À la racine, il n'y a pas de dossier parent : on remonte aux projets, et
   // c'est là que l'action d'ouverture a sa place.
@@ -244,16 +216,16 @@ async function ecranDossier(chatId: number, projet: ProjectSummary): Promise<voi
     : [
         { texte: t('passerelle.ouvrirIci'), donnee: 'n:a' },
         { texte: t('passerelle.retourProjets'), donnee: 'n:r' },
-      ];
+      ]
 
-  const ou = v.chemin.length ? v.chemin.join('/') : projet.name;
-  await ecran(chatId, t('passerelle.dossier', { ou, total: compte(dossier) }), grille(cases, solo));
+  const ou = v.chemin.length ? v.chemin.join('/') : projet.name
+  await ecran(chatId, t('passerelle.dossier', { ou, total: compte(dossier) }), grille(cases, solo))
 }
 
 /** Le nom d'un fichier, sans son chemin — la place manque sur un bouton. */
 function nomCourt(label: string): string {
-  const nom = label.slice(label.lastIndexOf('/') + 1);
-  return nom.length > 40 ? `${nom.slice(0, 39)}…` : nom;
+  const nom = label.slice(label.lastIndexOf('/') + 1)
+  return nom.length > 40 ? `${nom.slice(0, 39)}…` : nom
 }
 
 /**
@@ -261,21 +233,21 @@ function nomCourt(label: string): string {
  * ce qu'une commande tapée mérite, et qu'un clic ne mérite pas.
  */
 async function ecranProjets(chatId: number, neuf: boolean): Promise<void> {
-  const tg = telegram;
-  if (!tg) return;
-  const v = vue(chatId);
+  const tg = telegram
+  if (!tg) return
+  const v = vue(chatId)
   // La liste devient la référence des rangs : on la garde telle qu'elle a été
   // montrée, sans quoi un `/atelier 3` désignerait autre chose que la troisième
   // ligne lue.
-  v.projets = await listProjects();
-  if (neuf) v.messageId = null;
+  v.projets = await listProjects()
+  if (neuf) v.messageId = null
 
   if (!v.projets.length) {
-    await tg.envoie(chatId, t('passerelle.aucunProjet'));
-    return;
+    await tg.envoie(chatId, t('passerelle.aucunProjet'))
+    return
   }
-  const cases = v.projets.map((p, i) => ({ texte: nomCourt(p.name), donnee: `n:p:${i}` }));
-  await ecran(chatId, t('passerelle.projets'), grille(cases));
+  const cases = v.projets.map((p, i) => ({ texte: nomCourt(p.name), donnee: `n:p:${i}` }))
+  await ecran(chatId, t('passerelle.projets'), grille(cases))
 }
 
 /**
@@ -288,29 +260,29 @@ async function ecranProjets(chatId: number, neuf: boolean): Promise<void> {
  * une session tourner.
  */
 async function etatDesSessions(): Promise<string> {
-  const atelier = listSessions();
-  const systeme = await sessionsActives();
+  const atelier = listSessions()
+  const systeme = await sessionsActives()
   // Une session de l'Atelier a aussi son fichier d'état : sans ce filtre, elle
   // se compterait deux fois.
-  const runIds = new Set(atelier.map((s) => s.sessionId).filter(Boolean));
-  const ailleurs = systeme.filter((s) => !runIds.has(s.sessionId));
+  const runIds = new Set(atelier.map((s) => s.sessionId).filter(Boolean))
+  const ailleurs = systeme.filter((s) => !runIds.has(s.sessionId))
 
-  if (!atelier.length && !ailleurs.length) return t('passerelle.aucuneSession');
+  if (!atelier.length && !ailleurs.length) return t('passerelle.aucuneSession')
 
-  const lignes: string[] = [];
+  const lignes: string[] = []
   if (atelier.length) {
-    lignes.push(t('passerelle.sessionsAtelier'));
-    for (const s of atelier) lignes.push(`• ${s.cwd} — ${s.status}`);
+    lignes.push(t('passerelle.sessionsAtelier'))
+    for (const s of atelier) lignes.push(`• ${s.cwd} — ${s.status}`)
   }
   if (ailleurs.length) {
-    if (lignes.length) lignes.push('');
-    lignes.push(t('passerelle.sessionsAilleurs'));
+    if (lignes.length) lignes.push('')
+    lignes.push(t('passerelle.sessionsAilleurs'))
     for (const s of ailleurs) {
-      const etat = s.status ?? '?';
-      lignes.push(`• ${s.cwd || '?'} — ${etat}${s.waitingFor ? ` (${s.waitingFor})` : ''}`);
+      const etat = s.status ?? '?'
+      lignes.push(`• ${s.cwd || '?'} — ${etat}${s.waitingFor ? ` (${s.waitingFor})` : ''}`)
     }
   }
-  return lignes.join('\n');
+  return lignes.join('\n')
 }
 
 /**
@@ -323,12 +295,12 @@ async function etatDesSessions(): Promise<string> {
  * observé (`max`), et le modèle tel qu'il a été choisi dans les réglages.
  */
 async function fenetreDe(runner: SessionRunner): Promise<Fenetre> {
-  const releve = runner.contextWindow;
-  const { cwd, model, resolvedModel } = runner.session;
+  const releve = runner.contextWindow
+  const { cwd, model, resolvedModel } = runner.session
   return {
     tokens: releve.tokens,
     limite: contextLimitFor([resolvedModel ?? model], releve.max, await configuredLongWindow(cwd)),
-  };
+  }
 }
 
 /**
@@ -340,14 +312,14 @@ async function fenetreDe(runner: SessionRunner): Promise<Fenetre> {
  * Répéter à chaque tour, en revanche, n'apprendrait plus rien.
  */
 async function signaleFenetre(chatId: number, fil: Fil): Promise<void> {
-  const tg = telegram;
-  const runner = getRunner(fil.runId);
-  if (!tg || !runner) return;
-
-  const ratio = part(await fenetreDe(runner));
-  if (!alerte(fil.alerte, ratio)) return;
-  fil.alerte = true;
-  await tg.envoie(chatId, t('passerelle.fenetrePleine', { pourcent: Math.round(ratio * 100) }));
+  const tg = telegram
+  const runner = getRunner(fil.runId)
+  if (!tg || !runner) return
+
+  const ratio = part(await fenetreDe(runner))
+  if (!alerte(fil.alerte, ratio)) return
+  fil.alerte = true
+  await tg.envoie(chatId, t('passerelle.fenetrePleine', { pourcent: Math.round(ratio * 100) }))
 }
 
 /**
@@ -358,26 +330,18 @@ async function signaleFenetre(chatId: number, fil: Fil): Promise<void> {
  * l'affiche ; de loin, il n'y avait rien.
  */
 async function ecranEtat(chatId: number): Promise<void> {
-  const tg = telegram;
-  if (!tg) return;
+  const tg = telegram
+  if (!tg) return
 
-  const runner = courant(chatId);
+  const runner = courant(chatId)
   if (!runner) {
-    await tg.envoie(chatId, t('passerelle.aucunFil'));
-    return;
+    await tg.envoie(chatId, t('passerelle.aucunFil'))
+    return
   }
 
-  const { cwd, model, resolvedModel } = runner.session;
-  const fenetre = await fenetreDe(runner);
-  await tg.envoie(
-    chatId,
-    lignesEtat(
-      fenetre,
-      cwd,
-      resolvedModel || model || t('passerelle.etatModeleInconnu'),
-      mode(),
-    ).join('\n'),
-  );
+  const { cwd, model, resolvedModel } = runner.session
+  const fenetre = await fenetreDe(runner)
+  await tg.envoie(chatId, lignesEtat(fenetre, cwd, resolvedModel || model || t('passerelle.etatModeleInconnu'), mode()).join('\n'))
 }
 
 /**
@@ -394,24 +358,24 @@ async function ecranEtat(chatId: number): Promise<void> {
  * marche du même parcours que l'arborescence, pas un écran à part.
  */
 async function ecranAccueil(chatId: number): Promise<void> {
-  const v = vue(chatId);
-  v.projets = await listProjects();
+  const v = vue(chatId)
+  v.projets = await listProjects()
 
-  const lignes = [t('passerelle.accueil')];
-  if (!v.projets.length) lignes.push(t('passerelle.accueilAucunProjet'));
-  else if (v.projets.length === 1) lignes.push(t('passerelle.accueilUnProjet'));
-  else lignes.push(t('passerelle.accueilProjets', { n: v.projets.length }));
+  const lignes = [t('passerelle.accueil')]
+  if (!v.projets.length) lignes.push(t('passerelle.accueilAucunProjet'))
+  else if (v.projets.length === 1) lignes.push(t('passerelle.accueilUnProjet'))
+  else lignes.push(t('passerelle.accueilProjets', { n: v.projets.length }))
 
   // Ce que cette conversation tient déjà passe avant le parc : c'est la seule
   // ligne qui parle de vous plutôt que de la machine.
-  const sien = courant(chatId);
-  const parc = listSessions().length;
-  if (sien) lignes.push(t('passerelle.accueilSession', { cwd: sien.session.cwd }));
-  else if (parc === 1) lignes.push(t('passerelle.accueilUnTravail'));
-  else if (parc > 1) lignes.push(t('passerelle.accueilTravaux', { n: parc }));
+  const sien = courant(chatId)
+  const parc = listSessions().length
+  if (sien) lignes.push(t('passerelle.accueilSession', { cwd: sien.session.cwd }))
+  else if (parc === 1) lignes.push(t('passerelle.accueilUnTravail'))
+  else if (parc > 1) lignes.push(t('passerelle.accueilTravaux', { n: parc }))
 
   // Une commande tapée mérite son message, à sa date — comme `/projet`.
-  v.messageId = null;
+  v.messageId = null
   await ecran(
     chatId,
     lignes.join('\n'),
@@ -422,34 +386,30 @@ async function ecranAccueil(chatId: number): Promise<void> {
       { texte: t('passerelle.menuSessions'), donnee: 'n:s' },
       { texte: t('passerelle.menuAide'), donnee: 'n:h' },
     ]),
-  );
+  )
 }
 
 /** Charge l'inventaire d'un projet et montre sa fiche. */
 async function ouvreProjet(chatId: number, projet: ProjectSummary): Promise<void> {
-  const tg = telegram;
-  if (!tg) return;
-  const v = vue(chatId);
+  const tg = telegram
+  if (!tg) return
+  const v = vue(chatId)
   try {
     // Le même inventaire que la page Détail : la conversation ne montre ni plus
     // ni moins que l'écran.
-    v.entrees = aplatir(await getProjectResources(projet.slug));
-    v.racine = arborescence(v.entrees);
-    v.chemin = [];
-    v.slug = projet.slug;
+    v.entrees = aplatir(await getProjectResources(projet.slug))
+    v.racine = arborescence(v.entrees)
+    v.chemin = []
+    v.slug = projet.slug
   } catch (e) {
-    await tg.envoie(chatId, publicMessage(e));
-    return;
+    await tg.envoie(chatId, publicMessage(e))
+    return
   }
   if (!v.entrees.length) {
-    await ecran(
-      chatId,
-      t('passerelle.projetVide', { nom: projet.name }),
-      grille([], [{ texte: t('passerelle.retourProjets'), donnee: 'n:r' }]),
-    );
-    return;
+    await ecran(chatId, t('passerelle.projetVide', { nom: projet.name }), grille([], [{ texte: t('passerelle.retourProjets'), donnee: 'n:r' }]))
+    return
   }
-  await ecranDossier(chatId, projet);
+  await ecranDossier(chatId, projet)
 }
 
 /**
@@ -459,27 +419,27 @@ async function ouvreProjet(chatId: number, projet: ProjectSummary): Promise<void
  * elle n'a pas à être refaite ici.
  */
 async function ouvreAtelier(chatId: number, projet: ProjectSummary): Promise<void> {
-  const tg = telegram;
-  if (!tg) return;
+  const tg = telegram
+  if (!tg) return
   // Une conversation ne tient qu'une session : ouvrir en referme une.
-  defait(chatId, true);
+  defait(chatId, true)
   if (atCapacity()) {
-    await tg.envoie(chatId, t('errors.tooManySessions', { max: MAX_SESSIONS }));
-    return;
+    await tg.envoie(chatId, t('errors.tooManySessions', { max: MAX_SESSIONS }))
+    return
   }
   try {
-    const runner = createRunner({ cwd: projet.path, permissionMode: mode() });
-    attache(chatId, runner);
-    await tg.envoie(chatId, t('passerelle.sessionOuverte', { cwd: runner.session.cwd }));
+    const runner = createRunner({ cwd: projet.path, permissionMode: mode() })
+    attache(chatId, runner)
+    await tg.envoie(chatId, t('passerelle.sessionOuverte', { cwd: runner.session.cwd }))
   } catch (e) {
-    await tg.envoie(chatId, publicMessage(e));
+    await tg.envoie(chatId, publicMessage(e))
   }
 }
 
 /** Le projet dont la fiche est ouverte, si elle l'est encore. */
 function projetCourant(chatId: number): ProjectSummary | undefined {
-  const v = vue(chatId);
-  return v.projets.find((p) => p.slug === v.slug);
+  const v = vue(chatId)
+  return v.projets.find((p) => p.slug === v.slug)
 }
 
 /**
@@ -490,13 +450,13 @@ function projetCourant(chatId: number): ProjectSummary | undefined {
  * de ne rien faire — un bouton sans effet passe pour une panne.
  */
 async function navigue(chatId: number, ordre: string, argument: string): Promise<void> {
-  const tg = telegram;
-  if (!tg) return;
-  const v = vue(chatId);
+  const tg = telegram
+  if (!tg) return
+  const v = vue(chatId)
 
   if (ordre === 'r') {
-    await ecranProjets(chatId, false);
-    return;
+    await ecranProjets(chatId, false)
+    return
   }
 
   // Les deux sorties de l'accueil. Elles produisent du **contenu**, pas un pas
@@ -504,58 +464,58 @@ async function navigue(chatId: number, ordre: string, argument: string): Promise
   // l'accueil en place, là où « Les projets » le réécrit. C'est la même règle
   // que `/voir`, qui n'écrase jamais l'arborescence qu'on parcourait.
   if (ordre === 's') {
-    await tg.envoie(chatId, await etatDesSessions());
-    return;
+    await tg.envoie(chatId, await etatDesSessions())
+    return
   }
   if (ordre === 'h') {
-    await tg.envoie(chatId, aide());
-    return;
+    await tg.envoie(chatId, aide())
+    return
   }
 
   if (ordre === 'p') {
-    if (!v.projets.length) v.projets = await listProjects();
-    const projet = v.projets[Number(argument)];
+    if (!v.projets.length) v.projets = await listProjects()
+    const projet = v.projets[Number(argument)]
     if (!projet) {
-      await tg.envoie(chatId, t('passerelle.navigationPerimee'));
-      return;
+      await tg.envoie(chatId, t('passerelle.navigationPerimee'))
+      return
     }
-    await ouvreProjet(chatId, projet);
-    return;
+    await ouvreProjet(chatId, projet)
+    return
   }
 
-  const projet = projetCourant(chatId);
+  const projet = projetCourant(chatId)
   if (!projet) {
-    await tg.envoie(chatId, t('passerelle.navigationPerimee'));
-    return;
+    await tg.envoie(chatId, t('passerelle.navigationPerimee'))
+    return
   }
 
   if (ordre === 'u') {
-    v.chemin.pop();
-    await ecranDossier(chatId, projet);
-    return;
+    v.chemin.pop()
+    await ecranDossier(chatId, projet)
+    return
   }
   if (ordre === 'd') {
-    const dossier = descendre(v.racine, v.chemin);
-    const enfant = dossier?.enfants[Number(argument)];
+    const dossier = descendre(v.racine, v.chemin)
+    const enfant = dossier?.enfants[Number(argument)]
     // L'arbre a changé sous le message : le rang ne désigne plus le dossier
     // qu'on a montré, ou plus un dossier du tout. On le dit, comme partout
     // ailleurs — un bouton sans effet passe pour une panne.
     if (!enfant || enfant.fichier) {
-      await tg.envoie(chatId, t('passerelle.navigationPerimee'));
-      return;
+      await tg.envoie(chatId, t('passerelle.navigationPerimee'))
+      return
     }
-    v.chemin.push(enfant.nom);
-    await ecranDossier(chatId, projet);
-    return;
+    v.chemin.push(enfant.nom)
+    await ecranDossier(chatId, projet)
+    return
   }
   if (ordre === 'f') {
     // Le contenu part dans un message à lui : il est long, il se pagine, et il
     // doit rester lisible après qu'on a continué à naviguer au-dessus.
-    await page(chatId, Number(argument), 1);
-    return;
+    await page(chatId, Number(argument), 1)
+    return
   }
   if (ordre === 'a') {
-    await ouvreAtelier(chatId, projet);
+    await ouvreAtelier(chatId, projet)
   }
 }
 
@@ -569,18 +529,16 @@ async function navigue(chatId: number, ordre: string, argument: string): Promise
  * yeux de qui vient de lire.
  */
 async function trouve(chatId: number, ref: string): Promise<ProjectSummary | undefined> {
-  const v = vue(chatId);
-  if (!v.projets.length) v.projets = await listProjects();
-  return resoudreProjet(v.projets, ref);
+  const v = vue(chatId)
+  if (!v.projets.length) v.projets = await listProjects()
+  return resoudreProjet(v.projets, ref)
 }
 
 /** Le lecteur d'une origine. Chacun a son bac à sable ; aucun ne couvre l'autre. */
-function lecteur(
-  source: Entree['source'],
-): (slug: string, rel: string) => Promise<{ rel: string; content: string }> {
-  if (source === 'claude') return readProjectResource;
-  if (source === 'inclus') return readProjectIncludedFile;
-  return readProjectMemory;
+function lecteur(source: Entree['source']): (slug: string, rel: string) => Promise<{ rel: string; content: string }> {
+  if (source === 'claude') return readProjectResource
+  if (source === 'inclus') return readProjectIncludedFile
+  return readProjectMemory
 }
 
 /**
@@ -592,44 +550,36 @@ function lecteur(
  * personne n'a demandé les ennuis.
  */
 async function page(chatId: number, rang: number, numero: number): Promise<void> {
-  const tg = telegram;
-  const v = vue(chatId);
-  const entree = v.entrees[rang - 1];
-  if (!tg || !entree) return;
+  const tg = telegram
+  const v = vue(chatId)
+  const entree = v.entrees[rang - 1]
+  if (!tg || !entree) return
 
-  let contenu: string;
+  let contenu: string
   try {
-    contenu = (await lecteur(entree.source)(v.slug, entree.rel)).content;
+    contenu = (await lecteur(entree.source)(v.slug, entree.rel)).content
   } catch (e) {
-    await tg.envoie(chatId, publicMessage(e));
-    return;
+    await tg.envoie(chatId, publicMessage(e))
+    return
   }
 
   // La borne est celle du message riche, huit fois celle d'un message ordinaire.
   // Un document qui tenait en sept pages en tient désormais en une.
-  const pages = paginer(contenu, PAGE_RICHE);
-  const index = Math.min(Math.max(numero, 1), pages.length);
-  const source = pages[index - 1] ?? '';
-  const entete =
-    pages.length > 1
-      ? t('passerelle.pageDe', { fichier: entree.label, page: index, total: pages.length })
-      : entree.label;
+  const pages = paginer(contenu, PAGE_RICHE)
+  const index = Math.min(Math.max(numero, 1), pages.length)
+  const source = pages[index - 1] ?? ''
+  const entete = pages.length > 1 ? t('passerelle.pageDe', { fichier: entree.label, page: index, total: pages.length }) : entree.label
 
   // Le rendu ne vaut que pour du Markdown : appliquer la traduction à un JSON ou
   // à un fichier de réglages y verrait des puces et des emphases qui n'existent
   // pas. Les autres partent en chasse fixe, qui est leur forme lisible.
-  const markdown = estMarkdown(entree.rel);
+  const markdown = estMarkdown(entree.rel)
   const blocs: InputRichBlock[] = [
     { type: 'heading', text: entete, size: 3 },
     ...(markdown ? enBlocs(source) : [{ type: 'pre' as const, text: source }]),
-  ];
+  ]
 
-  await tg.envoieRendu(
-    chatId,
-    blocs,
-    `${entete}\n\n${source}`,
-    navigation(rang, index, pages.length),
-  );
+  await tg.envoieRendu(chatId, blocs, `${entete}\n\n${source}`, navigation(rang, index, pages.length))
 }
 
 /**
@@ -647,12 +597,12 @@ async function page(chatId: number, rang: number, numero: number): Promise<void>
  * session.
  */
 async function repond(chatId: number, texte: string): Promise<void> {
-  const tg = telegram;
-  if (!tg) return;
+  const tg = telegram
+  if (!tg) return
   // La borne du riche est huit fois celle d'un message ordinaire : ce qui était
   // coupé à 4 000 caractères passe désormais entier dans presque tous les cas.
-  const source = texte.length > PAGE_RICHE ? `${texte.slice(0, PAGE_RICHE)}…` : texte;
-  await tg.envoieRendu(chatId, enBlocs(source), source);
+  const source = texte.length > PAGE_RICHE ? `${texte.slice(0, PAGE_RICHE)}…` : texte
+  await tg.envoieRendu(chatId, enBlocs(source), source)
 }
 
 /**
@@ -663,13 +613,13 @@ async function repond(chatId: number, texte: string): Promise<void> {
  * pas une perte ici, une question posée ayant sa place dans le fil à sa date.
  */
 async function poseQuestion(chatId: number, fil: Fil, f: Formulaire): Promise<void> {
-  const tg = telegram;
-  if (!tg) return;
-  await desarme(chatId, f);
-  const vue = ecranQuestion(f);
-  const rendu = await tg.envoieRendu(chatId, vue.blocs, vue.brut, vue.clavier);
-  f.messageId = rendu.messageId;
-  fil.attente = f.id;
+  const tg = telegram
+  if (!tg) return
+  await desarme(chatId, f)
+  const vue = ecranQuestion(f)
+  const rendu = await tg.envoieRendu(chatId, vue.blocs, vue.brut, vue.clavier)
+  f.messageId = rendu.messageId
+  fil.attente = f.id
 }
 
 /**
@@ -680,9 +630,9 @@ async function poseQuestion(chatId: number, fil: Fil, f: Formulaire): Promise<vo
  * Un clic destiné à la première question cocherait une option de la deuxième.
  */
 async function desarme(chatId: number, f: Formulaire): Promise<void> {
-  if (f.messageId === null) return;
-  await telegram?.reecritClavier(chatId, f.messageId, { inline_keyboard: [] });
-  f.messageId = null;
+  if (f.messageId === null) return
+  await telegram?.reecritClavier(chatId, f.messageId, { inline_keyboard: [] })
+  f.messageId = null
 }
 
 /**
@@ -691,37 +641,31 @@ async function desarme(chatId: number, f: Formulaire): Promise<void> {
  * `questions.ts` décide, ce qui suit ne fait qu'émettre. Cocher ne réécrit que
  * le clavier — la question au-dessus n'a aucune raison de bouger.
  */
-async function avanceQuestion(
-  chatId: number,
-  fil: Fil,
-  f: Formulaire,
-  quoi: ReturnType<typeof presse>,
-): Promise<void> {
-  const tg = telegram;
-  if (!tg) return;
+async function avanceQuestion(chatId: number, fil: Fil, f: Formulaire, quoi: ReturnType<typeof presse>): Promise<void> {
+  const tg = telegram
+  if (!tg) return
 
   if (quoi === 'coche') {
-    if (f.messageId !== null)
-      await tg.reecritClavier(chatId, f.messageId, ecranQuestion(f).clavier);
-    return;
+    if (f.messageId !== null) await tg.reecritClavier(chatId, f.messageId, ecranQuestion(f).clavier)
+    return
   }
   if (quoi === 'suivant') {
-    await poseQuestion(chatId, fil, f);
-    return;
+    await poseQuestion(chatId, fil, f)
+    return
   }
-  if (quoi !== 'fini') return;
+  if (quoi !== 'fini') return
 
-  await desarme(chatId, f);
-  fil.asks.delete(f.id);
-  fil.attente = null;
+  await desarme(chatId, f)
+  fil.asks.delete(f.id)
+  fil.attente = null
   // Le tour suspendu repart ici : `answerAsk` dénoue la promesse que l'outil
   // MCP tient depuis `ask.ts`. Rien à attendre, la main revient aussitôt.
-  courant(chatId)?.answerAsk(f.id, reponses(f));
+  courant(chatId)?.answerAsk(f.id, reponses(f))
 }
 
 /** Ce fichier se lit-il comme du Markdown ? */
 function estMarkdown(rel: string): boolean {
-  return /\.(md|markdown|mdx)$/i.test(rel);
+  return /\.(md|markdown|mdx)$/i.test(rel)
 }
 
 /**
@@ -731,19 +675,17 @@ function estMarkdown(rel: string): boolean {
  * occupe l'écran et invite à un geste sans effet.
  */
 function navigation(rang: number, index: number, total: number): InlineKeyboardMarkup | undefined {
-  if (total <= 1) return undefined;
-  const paires: { texte: string; donnee: string }[] = [];
-  if (index > 1)
-    paires.push({ texte: t('passerelle.precedent'), donnee: `v:${rang}:${index - 1}` });
-  if (index < total)
-    paires.push({ texte: t('passerelle.suivant'), donnee: `v:${rang}:${index + 1}` });
-  return boutons(paires);
+  if (total <= 1) return undefined
+  const paires: { texte: string; donnee: string }[] = []
+  if (index > 1) paires.push({ texte: t('passerelle.precedent'), donnee: `v:${rang}:${index - 1}` })
+  if (index < total) paires.push({ texte: t('passerelle.suivant'), donnee: `v:${rang}:${index + 1}` })
+  return boutons(paires)
 }
 
 /** Le mode de permission des sessions ouvertes de loin. */
 function mode(): string {
-  const brut = (process.env.AURA_TELEGRAM_MODE ?? '').trim();
-  return brut && isPermissionMode(brut) ? brut : 'default';
+  const brut = (process.env.AURA_TELEGRAM_MODE ?? '').trim()
+  return brut && isPermissionMode(brut) ? brut : 'default'
 }
 
 /**
@@ -755,7 +697,7 @@ function mode(): string {
  * serait ramassée au bout d'une demi-heure, en pleine conversation.
  */
 function attache(chatId: number, runner: SessionRunner): void {
-  const tg = telegram;
+  const tg = telegram
   const fil: Fil = {
     runId: runner.session.runId,
     detache: () => {},
@@ -768,16 +710,16 @@ function attache(chatId: number, runner: SessionRunner): void {
     battement: new Battement(
       {
         brouillon: async (id, draft, texte) => {
-          await tg?.brouillon(id, draft, texte);
+          await tg?.brouillon(id, draft, texte)
         },
         saisie: async (id) => {
-          await tg?.saisie(id);
+          await tg?.saisie(id)
         },
       },
       chatId,
       prochainBrouillon++,
     ),
-  };
+  }
   /**
    * Les événements se traitent **à la file**, jamais de front.
    *
@@ -791,11 +733,11 @@ function attache(chatId: number, runner: SessionRunner): void {
    * propres erreurs, le `catch` n'est là que pour qu'une exception inattendue ne
    * casse pas la file elle-même.
    */
-  let file: Promise<void> = Promise.resolve();
+  let file: Promise<void> = Promise.resolve()
   fil.detache = runner.subscribe((upsert) => {
-    file = file.then(() => applique(chatId, fil, upsert)).catch(() => {});
-  });
-  fils.set(chatId, fil);
+    file = file.then(() => applique(chatId, fil, upsert)).catch(() => {})
+  })
+  fils.set(chatId, fil)
 }
 
 /**
@@ -805,12 +747,12 @@ function attache(chatId: number, runner: SessionRunner): void {
  * dont la session est déjà morte, ou on ferme une session qui vit encore.
  */
 function defait(chatId: number, ferme: boolean): void {
-  const fil = fils.get(chatId);
-  if (!fil) return;
-  fil.detache();
-  fil.battement.arrete();
-  fils.delete(chatId);
-  if (ferme) removeRunner(fil.runId);
+  const fil = fils.get(chatId)
+  if (!fil) return
+  fil.detache()
+  fil.battement.arrete()
+  fils.delete(chatId)
+  if (ferme) removeRunner(fil.runId)
 }
 
 /**
@@ -826,8 +768,8 @@ function defait(chatId: number, ferme: boolean): void {
  * `activite.ts`.
  */
 async function applique(chatId: number, fil: Fil, upsert: AgentUpsert): Promise<void> {
-  const tg = telegram;
-  if (!tg) return;
+  const tg = telegram
+  if (!tg) return
 
   switch (upsert.kind) {
     /**
@@ -846,31 +788,31 @@ async function applique(chatId: number, fil: Fil, upsert: AgentUpsert): Promise<
      */
     case 'snapshot': {
       if (!fil.abonne) {
-        fil.abonne = true;
-        return;
+        fil.abonne = true
+        return
       }
-      fil.battement.arrete();
+      fil.battement.arrete()
       // Les textes du tour en cours parlent d'une conversation qui n'existe
       // plus : les envoyer maintenant serait citer un souvenir effacé.
-      fil.tour.clear();
+      fil.tour.clear()
       // Le contexte est vide : la fenêtre a de nouveau le droit de se remplir,
       // et de le signaler. Même raison qu'après une compaction.
-      fil.alerte = false;
+      fil.alerte = false
       const dit = upsert.events
         .filter((e) => e.kind === 'system')
         .flatMap((e) => e.blocks)
         .map((b) => b.text ?? '')
         .join('\n')
-        .trim();
+        .trim()
       // Les mêmes mots qu'à l'écran (`agent.cleared`), et non une phrase de
       // plus : une session lue de deux endroits ne raconte pas deux histoires.
-      if (dit) await tg.envoie(chatId, dit);
-      return;
+      if (dit) await tg.envoie(chatId, dit)
+      return
     }
 
     case 'append-event':
     case 'replace-event': {
-      const event = upsert.event;
+      const event = upsert.event
 
       /**
        * La compaction : le seul moment où la fenêtre change sans qu'on ait
@@ -895,21 +837,21 @@ async function applique(chatId: number, fil: Fil, upsert: AgentUpsert): Promise<
             .filter((b) => b.kind === 'text')
             .map((b) => b.text ?? '')
             .join('\n\n')
-            .trim();
-          if (!resume) return;
-          const titre = t('passerelle.compactionResume');
-          const source = resume.length > PAGE_RICHE ? `${resume.slice(0, PAGE_RICHE)}…` : resume;
+            .trim()
+          if (!resume) return
+          const titre = t('passerelle.compactionResume')
+          const source = resume.length > PAGE_RICHE ? `${resume.slice(0, PAGE_RICHE)}…` : resume
           // Le repli refusé, on préfère un document déplié à un document perdu :
           // c'est la même règle que la cascade de `envoieRendu`.
           if (!(await tg.envoieReplie(chatId, titre, enBlocs(source)))) {
-            await repond(chatId, `${titre}\n\n${source}`);
+            await repond(chatId, `${titre}\n\n${source}`)
           }
-          return;
+          return
         }
 
         // La fenêtre repart de bas : elle a de nouveau le droit de se remplir,
         // et de le signaler.
-        fil.alerte = false;
+        fil.alerte = false
         await tg.envoie(
           chatId,
           t('passerelle.compaction', {
@@ -919,68 +861,68 @@ async function applique(chatId: number, fil: Fil, upsert: AgentUpsert): Promise<
             avant: nombre(event.compaction.preTokens),
             apres: nombre(event.compaction.postTokens),
           }),
-        );
-        return;
+        )
+        return
       }
 
-      if (event.kind !== 'assistant' || event.isSidechain) return;
+      if (event.kind !== 'assistant' || event.isSidechain) return
       const texte = event.blocks
         .filter((b) => b.kind === 'text')
         .map((b) => b.text ?? '')
         .join('')
-        .trim();
+        .trim()
       // `replace-event` porte le même uuid : la carte écrase, elle n'ajoute pas.
-      if (texte) fil.tour.set(event.uuid, texte);
-      return;
+      if (texte) fil.tour.set(event.uuid, texte)
+      return
     }
 
     // Le seul flux qu'on relaie, et il ne devient pas un message : la bulle
     // éphémère qui dit que ça travaille. Voir `activite.ts`.
     case 'activity':
-      fil.battement.montre(upsert.activity);
-      return;
+      fil.battement.montre(upsert.activity)
+      return
 
     case 'status': {
       if (upsert.status === 'working') {
-        fil.tour.clear();
-        return;
+        fil.tour.clear()
+        return
       }
       // Tout ce qui n'est plus `working` vide le tour, `waiting` compris — et
       // c'est voulu. `waiting`, c'est l'agent qui s'arrête pour vous demander
       // quelque chose : ce qu'il a écrit avant part **maintenant**, et la
       // demande suit avec ses boutons. On voit ce qu'il veut faire avant d'avoir
       // à le trancher, au lieu de choisir à l'aveugle puis de lire pourquoi.
-      fil.battement.arrete();
-      const dit = [...fil.tour.values()].join('\n\n').trim();
-      fil.tour.clear();
-      if (dit) await repond(chatId, dit);
+      fil.battement.arrete()
+      const dit = [...fil.tour.values()].join('\n\n').trim()
+      fil.tour.clear()
+      if (dit) await repond(chatId, dit)
 
       if (upsert.status === 'failed') {
-        await tg.envoie(chatId, t('passerelle.sessionEchouee', { message: upsert.error ?? '' }));
-        defait(chatId, false);
+        await tg.envoie(chatId, t('passerelle.sessionEchouee', { message: upsert.error ?? '' }))
+        defait(chatId, false)
       } else if (upsert.status === 'ended') {
-        await tg.envoie(chatId, t('passerelle.sessionFinie'));
-        defait(chatId, false);
+        await tg.envoie(chatId, t('passerelle.sessionFinie'))
+        defait(chatId, false)
       } else {
         // Après la réponse, jamais avant : ce qu'on attendait passe d'abord, et
         // l'avertissement ne s'interpose pas entre la question et sa réponse.
-        await signaleFenetre(chatId, fil);
+        await signaleFenetre(chatId, fil)
       }
-      return;
+      return
     }
 
     case 'permission-request': {
       // La balle est dans votre camp : ce n'est plus AURA qui travaille, et
       // laisser battre la bulle ferait croire le contraire.
-      fil.battement.arrete();
-      const demande = upsert.request;
-      const plan = planPropose(demande);
+      fil.battement.arrete()
+      const demande = upsert.request
+      const plan = planPropose(demande)
       if (plan) {
         // Le plan est le seul appel dont l'argument *est* la décision : le nom
         // de l'outil n'apprend rien, et deux boutons sans le texte reviennent à
         // faire approuver ce qu'on n'a pas lu.
-        const source = `${t('passerelle.plan')}\n\n${plan}`;
-        const coupe = source.length > PAGE_RICHE ? `${source.slice(0, PAGE_RICHE)}…` : source;
+        const source = `${t('passerelle.plan')}\n\n${plan}`
+        const coupe = source.length > PAGE_RICHE ? `${source.slice(0, PAGE_RICHE)}…` : source
         const rendu = await tg.envoieRendu(
           chatId,
           enBlocs(coupe),
@@ -989,11 +931,11 @@ async function applique(chatId: number, fil: Fil, upsert: AgentUpsert): Promise<
             { texte: t('passerelle.approuver'), donnee: `p:${demande.id}:a` },
             { texte: t('passerelle.refuser'), donnee: `p:${demande.id}:d` },
           ]),
-        );
-        if (rendu.messageId !== null) fil.permissions.set(demande.id, rendu.messageId);
-        return;
+        )
+        if (rendu.messageId !== null) fil.permissions.set(demande.id, rendu.messageId)
+        return
       }
-      const quoi = demande.title || demande.displayName || demande.toolName;
+      const quoi = demande.title || demande.displayName || demande.toolName
       const messageId = await tg.envoieSuivi(
         chatId,
         t('passerelle.permission', { outil: quoi }),
@@ -1001,9 +943,9 @@ async function applique(chatId: number, fil: Fil, upsert: AgentUpsert): Promise<
           { texte: t('passerelle.autoriser'), donnee: `p:${demande.id}:a` },
           { texte: t('passerelle.refuser'), donnee: `p:${demande.id}:d` },
         ]),
-      );
-      if (messageId !== null) fil.permissions.set(demande.id, messageId);
-      return;
+      )
+      if (messageId !== null) fil.permissions.set(demande.id, messageId)
+      return
     }
 
     /**
@@ -1015,23 +957,23 @@ async function applique(chatId: number, fil: Fil, upsert: AgentUpsert): Promise<
      * question attend encore.
      */
     case 'permission-settled': {
-      const messageId = fil.permissions.get(upsert.id);
-      fil.permissions.delete(upsert.id);
-      if (messageId === undefined) return;
-      await tg.reecritClavier(chatId, messageId, { inline_keyboard: [] });
-      return;
+      const messageId = fil.permissions.get(upsert.id)
+      fil.permissions.delete(upsert.id)
+      if (messageId === undefined) return
+      await tg.reecritClavier(chatId, messageId, { inline_keyboard: [] })
+      return
     }
 
     case 'ask-request': {
       // La balle est dans votre camp : laisser battre la bulle ferait croire
       // qu'AURA travaille encore.
-      fil.battement.arrete();
-      const demande = upsert.request;
-      if (!demande.questions.length) return;
-      const f = formulaire(demande.id, demande.questions);
-      fil.asks.set(demande.id, f);
-      await poseQuestion(chatId, fil, f);
-      return;
+      fil.battement.arrete()
+      const demande = upsert.request
+      if (!demande.questions.length) return
+      const f = formulaire(demande.id, demande.questions)
+      fil.asks.set(demande.id, f)
+      await poseQuestion(chatId, fil, f)
+      return
     }
 
     /**
@@ -1040,21 +982,21 @@ async function applique(chatId: number, fil: Fil, upsert: AgentUpsert): Promise<
      * c'est nous qui répondons, l'entrée est déjà partie.
      */
     case 'ask-settled': {
-      const perime = fil.asks.get(upsert.id);
-      fil.asks.delete(upsert.id);
-      if (fil.attente === upsert.id) fil.attente = null;
-      if (!perime) return;
+      const perime = fil.asks.get(upsert.id)
+      fil.asks.delete(upsert.id)
+      if (fil.attente === upsert.id) fil.attente = null
+      if (!perime) return
       // Sans cela, des boutons morts resteraient pressables sous une question
       // que plus rien n'attend.
       if (perime.messageId !== null) {
-        await tg.reecritClavier(chatId, perime.messageId, { inline_keyboard: [] });
+        await tg.reecritClavier(chatId, perime.messageId, { inline_keyboard: [] })
       }
-      await tg.envoie(chatId, t('passerelle.questionExpiree'));
-      return;
+      await tg.envoie(chatId, t('passerelle.questionExpiree'))
+      return
     }
 
     default:
-      return;
+      return
   }
 }
 
@@ -1065,148 +1007,145 @@ async function applique(chatId: number, fil: Fil, upsert: AgentUpsert): Promise<
  * alors plus rien, et il vaut mieux l'oublier que de parler dans le vide.
  */
 function courant(chatId: number): SessionRunner | undefined {
-  const fil = fils.get(chatId);
-  if (!fil) return undefined;
-  const runner = getRunner(fil.runId);
+  const fil = fils.get(chatId)
+  if (!fil) return undefined
+  const runner = getRunner(fil.runId)
   if (!runner) {
-    defait(chatId, false);
-    return undefined;
+    defait(chatId, false)
+    return undefined
   }
-  return runner;
+  return runner
 }
 
 /** Exécute ce qu'un message voulait dire. */
 async function traite(chatId: number, brut: string): Promise<void> {
-  const tg = telegram;
-  if (!tg) return;
-  const intention = parseIntention(brut);
+  const tg = telegram
+  if (!tg) return
+  const intention = parseIntention(brut)
 
   switch (intention.kind) {
     case 'ignorer':
       // Un message vide ne mérite pas de réponse ; une commande inconnue, si —
       // sans quoi une faute de frappe passerait pour une panne.
       if (intention.raison === 'commande-inconnue') {
-        await tg.envoie(
-          chatId,
-          t('passerelle.commandeInconnue', { commande: intention.commande ?? '' }),
-        );
+        await tg.envoie(chatId, t('passerelle.commandeInconnue', { commande: intention.commande ?? '' }))
       }
-      return;
+      return
 
     case 'aide':
-      await tg.envoie(chatId, aide());
-      return;
+      await tg.envoie(chatId, aide())
+      return
 
     case 'etat':
-      await ecranEtat(chatId);
-      return;
+      await ecranEtat(chatId)
+      return
 
     case 'compacter': {
-      const runner = courant(chatId);
+      const runner = courant(chatId)
       if (!runner) {
-        await tg.envoie(chatId, t('passerelle.aucunFil'));
-        return;
+        await tg.envoie(chatId, t('passerelle.aucunFil'))
+        return
       }
       // La seule commande de Claude Code qu'on relaie, et elle passe par la file
       // d'entrée comme un tour : c'est le CLI qui compacte, pas nous. Rien à
       // annoncer ici — la frontière de compaction s'annoncera d'elle-même, avec
       // ses chiffres, quand elle arrivera.
-      runner.send('/compact');
-      return;
+      runner.send('/compact')
+      return
     }
 
     case 'sessions':
-      await tg.envoie(chatId, await etatDesSessions());
-      return;
+      await tg.envoie(chatId, await etatDesSessions())
+      return
 
     case 'accueil':
-      await ecranAccueil(chatId);
-      return;
+      await ecranAccueil(chatId)
+      return
 
     case 'projets':
-      await ecranProjets(chatId, true);
-      return;
+      await ecranProjets(chatId, true)
+      return
 
     case 'projet': {
-      const projet = await trouve(chatId, intention.ref);
+      const projet = await trouve(chatId, intention.ref)
       if (!projet) {
-        await tg.envoie(chatId, t('passerelle.projetInconnu'));
-        return;
+        await tg.envoie(chatId, t('passerelle.projetInconnu'))
+        return
       }
       // Un nouvel écran, et non une réécriture : la commande a été tapée, donc
       // elle a sa place dans le fil, à sa date.
-      vue(chatId).messageId = null;
-      await ouvreProjet(chatId, projet);
-      return;
+      vue(chatId).messageId = null
+      await ouvreProjet(chatId, projet)
+      return
     }
 
     case 'voir': {
-      const v = vue(chatId);
+      const v = vue(chatId)
       if (!v.entrees.length) {
-        await tg.envoie(chatId, t('passerelle.aucuneListe'));
-        return;
+        await tg.envoie(chatId, t('passerelle.aucuneListe'))
+        return
       }
-      const rang = Number(intention.ref);
+      const rang = Number(intention.ref)
       if (!/^\d+$/.test(intention.ref.trim()) || !v.entrees[rang - 1]) {
-        await tg.envoie(chatId, t('passerelle.fichierInconnu'));
-        return;
+        await tg.envoie(chatId, t('passerelle.fichierInconnu'))
+        return
       }
-      await page(chatId, rang, 1);
-      return;
+      await page(chatId, rang, 1)
+      return
     }
 
     case 'ouvrir': {
-      const projet = await trouve(chatId, intention.ref);
+      const projet = await trouve(chatId, intention.ref)
       // La garde de l'Atelier à distance : on n'ouvre que sur un projet que
       // Claude Code connaît déjà. Un chemin quelconque de la machine ne tombe
       // sur rien — il n'y a donc pas de règle à contourner, seulement une liste
       // dans laquelle être.
       if (!projet) {
-        await tg.envoie(chatId, t('passerelle.projetInconnu'));
-        return;
+        await tg.envoie(chatId, t('passerelle.projetInconnu'))
+        return
       }
-      await ouvreAtelier(chatId, projet);
-      return;
+      await ouvreAtelier(chatId, projet)
+      return
     }
 
     case 'fin': {
       if (!fils.has(chatId)) {
-        await tg.envoie(chatId, t('passerelle.aucunFil'));
-        return;
+        await tg.envoie(chatId, t('passerelle.aucunFil'))
+        return
       }
-      defait(chatId, true);
-      await tg.envoie(chatId, t('agent.sessionStopped'));
-      return;
+      defait(chatId, true)
+      await tg.envoie(chatId, t('agent.sessionStopped'))
+      return
     }
 
     case 'stop': {
-      const runner = courant(chatId);
+      const runner = courant(chatId)
       if (!runner) {
-        await tg.envoie(chatId, t('passerelle.aucunFil'));
-        return;
+        await tg.envoie(chatId, t('passerelle.aucunFil'))
+        return
       }
-      await runner.interrupt();
-      return;
+      await runner.interrupt()
+      return
     }
 
     case 'parler': {
-      const runner = courant(chatId);
+      const runner = courant(chatId)
       if (!runner) {
-        await tg.envoie(chatId, t('passerelle.aucunFil'));
-        return;
+        await tg.envoie(chatId, t('passerelle.aucunFil'))
+        return
       }
       // Une question qui attend capte ce qui serait parti comme un tour : c'est
       // le « Other » du harnais, et la seule façon de répondre ce qu'aucun
       // bouton ne dit. L'interception vit **ici**, après `parseIntention` : sous
       // une question, `/stop` et `/fin` restent des commandes.
-      const fil = fils.get(chatId);
-      const f = fil?.attente ? fil.asks.get(fil.attente) : undefined;
+      const fil = fils.get(chatId)
+      const f = fil?.attente ? fil.asks.get(fil.attente) : undefined
       if (fil && f) {
-        await avanceQuestion(chatId, fil, f, repondLibre(f, intention.texte));
-        return;
+        await avanceQuestion(chatId, fil, f, repondLibre(f, intention.texte))
+        return
       }
-      runner.send(intention.texte);
-      return;
+      runner.send(intention.texte)
+      return
     }
   }
 }
@@ -1226,8 +1165,8 @@ async function traite(chatId: number, brut: string): Promise<void> {
  * suspendu qui repart, pas cet appel.
  */
 async function tranche(chatId: number, donnee: string): Promise<void> {
-  const [type, id, suffixe] = donnee.split(':');
-  if (!type || !id) return;
+  const [type, id, suffixe] = donnee.split(':')
+  if (!type || !id) return
 
   // Naviguer et tourner une page ne tranchent rien et ne demandent aucune
   // session : ces cas passent donc **avant** la garde ci-dessous, qui refuserait
@@ -1236,33 +1175,29 @@ async function tranche(chatId: number, donnee: string): Promise<void> {
   // La navigation seule admet un ordre sans argument — « retour », « ouvrir
   // ici » n'ont rien à désigner.
   if (type === 'n') {
-    await navigue(chatId, id, suffixe ?? '');
-    return;
+    await navigue(chatId, id, suffixe ?? '')
+    return
   }
-  if (!suffixe) return;
+  if (!suffixe) return
   if (type === 'v') {
-    await page(chatId, Number(id), Number(suffixe));
-    return;
+    await page(chatId, Number(id), Number(suffixe))
+    return
   }
 
-  const runner = courant(chatId);
-  const fil = fils.get(chatId);
-  if (!runner || !fil) return;
+  const runner = courant(chatId)
+  const fil = fils.get(chatId)
+  if (!runner || !fil) return
 
   if (type === 'p') {
-    const reponse: PermissionAnswer = suffixe === 'a' ? 'allow' : 'deny';
-    runner.answerPermission(
-      id,
-      reponse,
-      reponse === 'deny' ? t('passerelle.refuseDeLoin') : undefined,
-    );
-    return;
+    const reponse: PermissionAnswer = suffixe === 'a' ? 'allow' : 'deny'
+    runner.answerPermission(id, reponse, reponse === 'deny' ? t('passerelle.refuseDeLoin') : undefined)
+    return
   }
 
   if (type === 'q') {
-    const f = fil.asks.get(id);
-    if (!f) return;
-    await avanceQuestion(chatId, fil, f, presse(f, suffixe));
+    const f = fil.asks.get(id)
+    if (!f) return
+    await avanceQuestion(chatId, fil, f, presse(f, suffixe))
   }
 }
 
@@ -1275,21 +1210,18 @@ async function tranche(chatId: number, donnee: string): Promise<void> {
  * indéfiniment.
  */
 export function demarrePasserelle(journal: Journal): void {
-  const token = (process.env.AURA_TELEGRAM_TOKEN ?? '').trim();
-  if (!token) return;
+  const token = (process.env.AURA_TELEGRAM_TOKEN ?? '').trim()
+  if (!token) return
 
-  const chats = lireChats(process.env.AURA_TELEGRAM_CHATS);
+  const chats = lireChats(process.env.AURA_TELEGRAM_CHATS)
   if (chats.size === 0) {
-    journal.warn(
-      "Passerelle : un jeton est configuré mais aucune conversation n'est autorisée " +
-        '(AURA_TELEGRAM_CHATS). Je ne démarre pas.',
-    );
-    return;
+    journal.warn("Passerelle : un jeton est configuré mais aucune conversation n'est autorisée " + '(AURA_TELEGRAM_CHATS). Je ne démarre pas.')
+    return
   }
 
-  const tg = new Telegram(token);
-  telegram = tg;
-  void boucle(tg, chats, journal);
+  const tg = new Telegram(token)
+  telegram = tg
+  void boucle(tg, chats, journal)
 }
 
 /**
@@ -1318,39 +1250,38 @@ export function demarrePasserelle(journal: Journal): void {
  * ce qui est chez Telegram y reste tant qu'on ne le retire pas.
  */
 async function declareCommandes(tg: Telegram, chats: Set<number>, journal: Journal): Promise<void> {
-  const rate = (quoi: string): void =>
-    journal.warn(`Passerelle : Telegram a refusé la liste des commandes (${quoi}).`);
+  const rate = (quoi: string): void => journal.warn(`Passerelle : Telegram a refusé la liste des commandes (${quoi}).`)
 
   for (const chatId of chats) {
     // Le repli de la conversation : ce que voit un client dont la langue n'est
     // pas des nôtres.
     if (!(await tg.declare(withLocale(DEFAULT_LOCALE, pourTelegram), undefined, chatId))) {
-      rate('défaut');
+      rate('défaut')
     }
 
     for (const langue of SUPPORTED_LOCALES) {
-      if (!(await tg.declare(withLocale(langue, pourTelegram), langue, chatId))) rate(langue);
+      if (!(await tg.declare(withLocale(langue, pourTelegram), langue, chatId))) rate(langue)
     }
   }
 
   // Telegram garde une liste par langue : les effacer toutes, sans quoi la
   // langue survivrait au défaut qu'elle double.
-  if (!(await tg.efface())) rate('effacement du défaut');
+  if (!(await tg.efface())) rate('effacement du défaut')
   for (const langue of SUPPORTED_LOCALES) {
-    if (!(await tg.efface(langue))) rate(`effacement du défaut, ${langue}`);
+    if (!(await tg.efface(langue))) rate(`effacement du défaut, ${langue}`)
   }
 }
 
 /** Le long-polling, jusqu'à l'extinction du serveur. */
 async function boucle(tg: Telegram, chats: Set<number>, journal: Journal): Promise<void> {
-  const nom = await tg.identite();
+  const nom = await tg.identite()
   if (!nom) {
-    journal.warn('Passerelle : Telegram refuse ce jeton. Je ne démarre pas.');
-    telegram = null;
-    return;
+    journal.warn('Passerelle : Telegram refuse ce jeton. Je ne démarre pas.')
+    telegram = null
+    return
   }
-  journal.info(`Passerelle ouverte sur @${nom} — ${chats.size} conversation(s) autorisée(s).`);
-  await declareCommandes(tg, chats, journal);
+  journal.info(`Passerelle ouverte sur @${nom} — ${chats.size} conversation(s) autorisée(s).`)
+  await declareCommandes(tg, chats, journal)
 
   tg.ecoute(
     // La garde passe avant tout traitement, et le silence est la réponse à un
@@ -1358,20 +1289,20 @@ async function boucle(tg: Telegram, chats: Set<number>, journal: Journal): Promi
     (chatId) => autorise(chats, chatId),
     async (message) => {
       try {
-        await traite(message.chatId, message.texte);
+        await traite(message.chatId, message.texte)
       } catch (e) {
-        journal.warn(`Passerelle : ${publicMessage(e)}`);
+        journal.warn(`Passerelle : ${publicMessage(e)}`)
       }
     },
     async (bouton) => {
       try {
-        await tranche(bouton.chatId, bouton.donnee);
+        await tranche(bouton.chatId, bouton.donnee)
       } catch (e) {
-        journal.warn(`Passerelle : ${publicMessage(e)}`);
+        journal.warn(`Passerelle : ${publicMessage(e)}`)
       }
     },
     (message) => journal.warn(`Passerelle : ${message}`),
-  );
+  )
 }
 
 /**
@@ -1382,8 +1313,8 @@ async function boucle(tg: Telegram, chats: Set<number>, journal: Journal): Promi
  * qu'à l'onglet qui la regardait.
  */
 export function arretePasserelle(): void {
-  for (const chatId of [...fils.keys()]) defait(chatId, false);
-  vues.clear();
-  telegram?.stop();
-  telegram = null;
+  for (const chatId of [...fils.keys()]) defait(chatId, false)
+  vues.clear()
+  telegram?.stop()
+  telegram = null
 }
diff --git a/server/passerelle/markdown.ts b/server/passerelle/markdown.ts
index 7548027..0b3cee3 100644
--- a/server/passerelle/markdown.ts
+++ b/server/passerelle/markdown.ts
@@ -18,52 +18,52 @@
  * porter la page — aujourd'hui le message riche — et non au découpage.
  */
 export function paginer(markdown: string, max: number): string[] {
-  const lignes = markdown.replace(/\r\n?/g, '\n').split('\n');
-  const pages: string[] = [];
-  let courante: string[] = [];
-  let taille = 0;
-  let dansCode = false;
-  let langue = '';
+  const lignes = markdown.replace(/\r\n?/g, '\n').split('\n')
+  const pages: string[] = []
+  let courante: string[] = []
+  let taille = 0
+  let dansCode = false
+  let langue = ''
 
   const cloture = (): void => {
-    if (!courante.length) return;
-    if (dansCode) courante.push('```');
-    pages.push(courante.join('\n'));
-    courante = dansCode ? ['```' + langue] : [];
-    taille = courante.length ? langue.length + 4 : 0;
-  };
+    if (!courante.length) return
+    if (dansCode) courante.push('```')
+    pages.push(courante.join('\n'))
+    courante = dansCode ? ['```' + langue] : []
+    taille = courante.length ? langue.length + 4 : 0
+  }
 
   for (const ligne of lignes) {
     // Une ligne à elle seule plus longue qu'une page : on la coupe, faute de
     // mieux. Rare, et toujours préférable à une page qui ne part jamais.
     for (const part of ligne.length > max ? decoupe(ligne, max) : [ligne]) {
-      const ferme = dansCode && /^\s*```/.test(part);
+      const ferme = dansCode && /^\s*```/.test(part)
       // La fermeture d'un bloc est rattachée à la page qui l'a ouvert, même si
       // elle déborde : la renvoyer à la suivante y ouvrirait un bloc vide, et
       // la page d'avant en refermerait un qu'elle vient déjà de refermer.
-      if (!ferme && taille + part.length + 1 > max) cloture();
-      courante.push(part);
-      taille += part.length + 1;
+      if (!ferme && taille + part.length + 1 > max) cloture()
+      courante.push(part)
+      taille += part.length + 1
 
       if (/^\s*```/.test(part)) {
         if (dansCode) {
-          dansCode = false;
-          langue = '';
+          dansCode = false
+          langue = ''
         } else {
-          dansCode = true;
-          langue = part.replace(/^\s*```/, '').trim();
+          dansCode = true
+          langue = part.replace(/^\s*```/, '').trim()
         }
       }
     }
   }
 
-  if (courante.length) pages.push(courante.join('\n'));
-  return pages.length ? pages : [''];
+  if (courante.length) pages.push(courante.join('\n'))
+  return pages.length ? pages : ['']
 }
 
 /** Coupe une ligne trop longue en morceaux d'au plus `max`. */
 function decoupe(ligne: string, max: number): string[] {
-  const out: string[] = [];
-  for (let i = 0; i < ligne.length; i += max) out.push(ligne.slice(i, i + max));
-  return out;
+  const out: string[] = []
+  for (let i = 0; i < ligne.length; i += max) out.push(ligne.slice(i, i + max))
+  return out
 }
diff --git a/server/passerelle/plan.ts b/server/passerelle/plan.ts
index d43ce36..a8c4ab5 100644
--- a/server/passerelle/plan.ts
+++ b/server/passerelle/plan.ts
@@ -1,6 +1,6 @@
 // Le plan qu'une session soumet avant de passer à l'acte.
 
-import type { PermissionRequest } from '../../shared/agent.ts';
+import type { PermissionRequest } from '../../shared/agent.ts'
 
 /**
  * Le texte du plan qu'une demande de permission soumet, s'il y en a un.
@@ -15,7 +15,7 @@ import type { PermissionRequest } from '../../shared/agent.ts';
  * ordinaire que d'envoyer un message riche qui ne porte que son en-tête.
  */
 export function planPropose(demande: PermissionRequest): string {
-  if (demande.toolName !== 'ExitPlanMode') return '';
-  const plan = demande.input.plan;
-  return typeof plan === 'string' ? plan.trim() : '';
+  if (demande.toolName !== 'ExitPlanMode') return ''
+  const plan = demande.input.plan
+  return typeof plan === 'string' ? plan.trim() : ''
 }
diff --git a/server/passerelle/projets.ts b/server/passerelle/projets.ts
index 3a28bd9..764facc 100644
--- a/server/passerelle/projets.ts
+++ b/server/passerelle/projets.ts
@@ -8,7 +8,7 @@
 // que choisir dans ce qu'on lui donne. C'est ce qui rend la garde de `/atelier`
 // vérifiable par un test.
 
-import type { ProjectResources, ProjectSummary, ResourceNode } from '../../shared/projects.ts';
+import type { ProjectResources, ProjectSummary, ResourceNode } from '../../shared/projects.ts'
 
 /**
  * Un fichier consultable, tel que la conversation le désigne.
@@ -30,10 +30,10 @@ import type { ProjectResources, ProjectSummary, ResourceNode } from '../../share
  */
 export interface Entree {
   /** Le chemin que le lecteur attend, tel quel. */
-  rel: string;
+  rel: string
   /** Ce que la conversation affiche. */
-  label: string;
-  source: 'claude' | 'arbre' | 'inclus';
+  label: string
+  source: 'claude' | 'arbre' | 'inclus'
 }
 
 /**
@@ -48,11 +48,11 @@ export interface Entree {
  */
 export interface Noeud {
   /** Le segment affiché — un nom de dossier, ou un nom de fichier. */
-  nom: string;
+  nom: string
   /** Le fichier, pour une feuille. Absent sur un dossier. */
-  fichier?: { entree: Entree; rang: number };
+  fichier?: { entree: Entree; rang: number }
   /** Le contenu, pour un dossier. Vide sur une feuille. */
-  enfants: Noeud[];
+  enfants: Noeud[]
 }
 
 /**
@@ -65,7 +65,7 @@ function comparable(chemin: string): string {
   return chemin
     .replace(/[\\/]+/g, '/')
     .replace(/\/+$/, '')
-    .toLowerCase();
+    .toLowerCase()
 }
 
 /**
@@ -80,24 +80,24 @@ function comparable(chemin: string): string {
  * simplement jamais trouvé, ce qui ne laisse aucune règle à contourner.
  */
 export function resoudreProjet(projets: ProjectSummary[], ref: string): ProjectSummary | undefined {
-  const brut = ref.trim();
-  if (!brut) return undefined;
+  const brut = ref.trim()
+  if (!brut) return undefined
 
   if (/^\d+$/.test(brut)) {
     // Les listes sont numérotées à partir de 1 : c'est ce qu'on lit à l'écran.
-    return projets[Number(brut) - 1];
+    return projets[Number(brut) - 1]
   }
 
-  const cible = comparable(brut);
+  const cible = comparable(brut)
   return (
     projets.find((p) => comparable(p.path) === cible) ??
     projets.find((p) => p.name.toLowerCase() === cible) ??
     projets.find((p) => p.slug.toLowerCase() === cible)
-  );
+  )
 }
 
 function noeuds(liste: ResourceNode[], source: Entree['source'], prefixe = ''): Entree[] {
-  return liste.map((n) => ({ rel: n.rel, label: `${prefixe}${n.rel}`, source }));
+  return liste.map((n) => ({ rel: n.rel, label: `${prefixe}${n.rel}`, source }))
 }
 
 /**
@@ -111,29 +111,29 @@ function noeuds(liste: ResourceNode[], source: Entree['source'], prefixe = ''):
  * c'est l'ordre d'un explorateur, et celui de l'arborescence de l'Atelier.
  */
 export function arborescence(entrees: Entree[]): Noeud {
-  const racine: Noeud = { nom: '', enfants: [] };
+  const racine: Noeud = { nom: '', enfants: [] }
 
   entrees.forEach((entree, i) => {
-    const segments = entree.label.split('/').filter(Boolean);
-    const nomFichier = segments.pop() ?? entree.label;
+    const segments = entree.label.split('/').filter(Boolean)
+    const nomFichier = segments.pop() ?? entree.label
 
-    let courant = racine;
+    let courant = racine
     for (const segment of segments) {
       // Un dossier ne se crée qu'une fois : deux fichiers du même dossier
       // doivent atterrir dans le même nœud, pas dans deux homonymes.
-      let enfant = courant.enfants.find((n) => !n.fichier && n.nom === segment);
+      let enfant = courant.enfants.find((n) => !n.fichier && n.nom === segment)
       if (!enfant) {
-        enfant = { nom: segment, enfants: [] };
-        courant.enfants.push(enfant);
+        enfant = { nom: segment, enfants: [] }
+        courant.enfants.push(enfant)
       }
-      courant = enfant;
+      courant = enfant
     }
-    courant.enfants.push({ nom: nomFichier, fichier: { entree, rang: i + 1 }, enfants: [] });
-  });
+    courant.enfants.push({ nom: nomFichier, fichier: { entree, rang: i + 1 }, enfants: [] })
+  })
 
-  compacte(racine);
-  trie(racine);
-  return racine;
+  compacte(racine)
+  trie(racine)
+  return racine
 }
 
 /**
@@ -144,31 +144,27 @@ export function arborescence(entrees: Entree[]): Noeud {
  * code fait de même, et pour la même raison.
  */
 function compacte(noeud: Noeud): void {
-  for (const enfant of noeud.enfants) compacte(enfant);
+  for (const enfant of noeud.enfants) compacte(enfant)
 
-  const seul = noeud.enfants[0];
+  const seul = noeud.enfants[0]
   // Jamais la racine : elle n'a pas de nom à porter, et son unique enfant doit
   // rester une ligne qu'on choisit.
   if (noeud.nom && noeud.enfants.length === 1 && seul && !seul.fichier) {
-    noeud.nom = `${noeud.nom}/${seul.nom}`;
-    noeud.enfants = seul.enfants;
+    noeud.nom = `${noeud.nom}/${seul.nom}`
+    noeud.enfants = seul.enfants
   }
 }
 
 /** Dossiers avant fichiers, puis alphabétique — l'ordre d'un explorateur. */
 function trie(noeud: Noeud): void {
-  noeud.enfants.sort(
-    (a, b) =>
-      Number(Boolean(a.fichier)) - Number(Boolean(b.fichier)) ||
-      a.nom.localeCompare(b.nom, 'fr', { numeric: true }),
-  );
-  for (const enfant of noeud.enfants) trie(enfant);
+  noeud.enfants.sort((a, b) => Number(Boolean(a.fichier)) - Number(Boolean(b.fichier)) || a.nom.localeCompare(b.nom, 'fr', { numeric: true }))
+  for (const enfant of noeud.enfants) trie(enfant)
 }
 
 /** Combien de fichiers sous ce nœud, à toute profondeur. */
 export function compte(noeud: Noeud): number {
-  if (noeud.fichier) return 1;
-  return noeud.enfants.reduce((total, enfant) => total + compte(enfant), 0);
+  if (noeud.fichier) return 1
+  return noeud.enfants.reduce((total, enfant) => total + compte(enfant), 0)
 }
 
 /**
@@ -179,12 +175,12 @@ export function compte(noeud: Noeud): number {
  * chemin qu'on recomposerait.
  */
 export function descendre(racine: Noeud, chemin: string[]): Noeud | undefined {
-  let courant: Noeud | undefined = racine;
+  let courant: Noeud | undefined = racine
   for (const segment of chemin) {
-    courant = courant.enfants.find((n) => !n.fichier && n.nom === segment);
-    if (!courant) return undefined;
+    courant = courant.enfants.find((n) => !n.fichier && n.nom === segment)
+    if (!courant) return undefined
   }
-  return courant;
+  return courant
 }
 
 /**
@@ -206,5 +202,5 @@ export function aplatir(res: ProjectResources): Entree[] {
     // des noms que `sourceFileKind` reconnaît, et c'est bien pourquoi il a fallu
     // demander leur inclusion pour les voir. Leur `rel` part déjà de la racine.
     ...res.folders.flatMap((f) => noeuds(f.files, 'inclus')),
-  ];
+  ]
 }
diff --git a/server/passerelle/questions.ts b/server/passerelle/questions.ts
index 2cff7d1..07d1a58 100644
--- a/server/passerelle/questions.ts
+++ b/server/passerelle/questions.ts
@@ -10,11 +10,11 @@
 // aucune option ne convient. La forme des réponses est celle du harnais — les
 // choix multiples joints par `, ` —, parce que c'est elle que le rejeu relit.
 
-import type { AskQuestion } from '../../shared/agent.ts';
-import type { InputRichBlock } from './riche.ts';
-import { grille, tronqueBouton, type Bouton } from './telegram.ts';
-import { t } from '../i18n/index.ts';
-import type { InlineKeyboardMarkup } from 'node-telegram-bot-api';
+import type { InlineKeyboardMarkup } from 'node-telegram-bot-api'
+import type { AskQuestion } from '../../shared/agent.ts'
+import { t } from '../i18n/index.ts'
+import type { InputRichBlock } from './riche.ts'
+import { grille, tronqueBouton, type Bouton } from './telegram.ts'
 
 /**
  * Ce qu'une maquette prend au plus dans son bloc.
@@ -25,27 +25,27 @@ import type { InlineKeyboardMarkup } from 'node-telegram-bot-api';
  * perdant toute la mise en forme : mieux vaut couper une maquette que rendre le
  * formulaire en texte nu.
  */
-const MAX_MAQUETTE = 1_200;
+const MAX_MAQUETTE = 1_200
 
 /** Une demande en vol, et où l'on en est. */
 export interface Formulaire {
-  id: string;
-  questions: AskQuestion[];
+  id: string
+  questions: AskQuestion[]
   /** L'étape — une question par écran, comme le stepper de l'Atelier. */
-  etape: number;
+  etape: number
   /** Les choix faits, par question. Un choix multiple garde sa liste. */
-  choix: string[][];
+  choix: string[][]
   /** Le message de l'étape, dont on réécrit le clavier quand on coche. */
-  messageId: number | null;
+  messageId: number | null
 }
 
 export function formulaire(id: string, questions: AskQuestion[]): Formulaire {
-  return { id, questions, etape: 0, choix: questions.map(() => []), messageId: null };
+  return { id, questions, etape: 0, choix: questions.map(() => []), messageId: null }
 }
 
 /** La question de l'étape courante, si l'on n'est pas déjà au bout. */
 export function courante(f: Formulaire): AskQuestion | undefined {
-  return f.questions[f.etape];
+  return f.questions[f.etape]
 }
 
 /**
@@ -54,7 +54,7 @@ export function courante(f: Formulaire): AskQuestion | undefined {
  * `coche` ne demande qu'une réécriture du clavier — le texte de la question ne
  * bouge pas, ce qui tombe bien : un message riche ne se réécrit pas.
  */
-export type Suite = 'coche' | 'suivant' | 'fini' | 'rien';
+export type Suite = 'coche' | 'suivant' | 'fini' | 'rien'
 
 /**
  * `messageId` n'est **pas** remis à zéro ici, et c'est délibéré : l'appelant en
@@ -63,8 +63,8 @@ export type Suite = 'coche' | 'suivant' | 'fini' | 'rien';
  * question suivante — une option cochée par un clic destiné à la précédente.
  */
 function avance(f: Formulaire): Suite {
-  f.etape += 1;
-  return f.etape >= f.questions.length ? 'fini' : 'suivant';
+  f.etape += 1
+  return f.etape >= f.questions.length ? 'fini' : 'suivant'
 }
 
 /**
@@ -73,28 +73,28 @@ function avance(f: Formulaire): Suite {
  * `suffixe` est ce que le bouton portait : un rang d'option, ou `ok`.
  */
 export function presse(f: Formulaire, suffixe: string): Suite {
-  const question = courante(f);
-  const choix = f.choix[f.etape];
-  if (!question || !choix) return 'rien';
+  const question = courante(f)
+  const choix = f.choix[f.etape]
+  if (!question || !choix) return 'rien'
 
   if (suffixe === 'ok') {
     // Valider sans rien avoir coché ne veut rien dire : on laisse l'écran en
     // place plutôt que d'envoyer une réponse vide au modèle.
-    return choix.length ? avance(f) : 'rien';
+    return choix.length ? avance(f) : 'rien'
   }
 
-  const option = /^\d+$/.test(suffixe) ? question.options[Number(suffixe)] : undefined;
-  if (!option) return 'rien';
+  const option = /^\d+$/.test(suffixe) ? question.options[Number(suffixe)] : undefined
+  if (!option) return 'rien'
 
   if (!question.multiSelect) {
-    f.choix[f.etape] = [option.label];
-    return avance(f);
+    f.choix[f.etape] = [option.label]
+    return avance(f)
   }
 
-  const deja = choix.indexOf(option.label);
-  if (deja === -1) choix.push(option.label);
-  else choix.splice(deja, 1);
-  return 'coche';
+  const deja = choix.indexOf(option.label)
+  if (deja === -1) choix.push(option.label)
+  else choix.splice(deja, 1)
+  return 'coche'
 }
 
 /**
@@ -105,41 +105,39 @@ export function presse(f: Formulaire, suffixe: string): Suite {
  * n'ajoute pas à un choix, il le tranche.
  */
 export function repondLibre(f: Formulaire, texte: string): Suite {
-  if (!courante(f)) return 'rien';
-  f.choix[f.etape] = [texte];
-  return avance(f);
+  if (!courante(f)) return 'rien'
+  f.choix[f.etape] = [texte]
+  return avance(f)
 }
 
 /** Les réponses, dans la forme que le harnais écrit et que le rejeu relit. */
 export function reponses(f: Formulaire): Record<string, string> {
-  const out: Record<string, string> = {};
+  const out: Record<string, string> = {}
   f.questions.forEach((q, i) => {
-    out[q.question] = (f.choix[i] ?? []).join(', ');
-  });
-  return out;
+    out[q.question] = (f.choix[i] ?? []).join(', ')
+  })
+  return out
 }
 
 /** Le clavier d'une étape : une option par bouton, cochée ou non. */
 export function clavier(f: Formulaire): InlineKeyboardMarkup {
-  const question = courante(f);
-  if (!question) return { inline_keyboard: [] };
-  const pris = f.choix[f.etape] ?? [];
+  const question = courante(f)
+  if (!question) return { inline_keyboard: [] }
+  const pris = f.choix[f.etape] ?? []
 
   const cases: Bouton[] = question.options.map((o, i) => ({
     // La marque vit dans le libellé : c'est le seul endroit d'un clavier
     // Telegram où un état puisse se lire.
     texte: tronqueBouton(question.multiSelect ? `${mark(pris, o.label)} ${o.label}` : o.label),
     donnee: `q:${f.id}:${i}`,
-  }));
+  }))
 
-  const solo: Bouton[] = question.multiSelect
-    ? [{ texte: t('passerelle.questionValider'), donnee: `q:${f.id}:ok` }]
-    : [];
-  return grille(cases, solo);
+  const solo: Bouton[] = question.multiSelect ? [{ texte: t('passerelle.questionValider'), donnee: `q:${f.id}:ok` }] : []
+  return grille(cases, solo)
 }
 
 function mark(pris: string[], label: string): string {
-  return pris.includes(label) ? '☑' : '☐';
+  return pris.includes(label) ? '☑' : '☐'
 }
 
 /**
@@ -149,57 +147,52 @@ function mark(pris: string[], label: string): string {
  * markdown à analyser ici, seulement une structure connue à poser.
  */
 export function ecran(f: Formulaire): {
-  blocs: InputRichBlock[];
-  brut: string;
-  clavier: InlineKeyboardMarkup;
+  blocs: InputRichBlock[]
+  brut: string
+  clavier: InlineKeyboardMarkup
 } {
-  const question = courante(f);
-  if (!question) return { blocs: [], brut: '', clavier: { inline_keyboard: [] } };
+  const question = courante(f)
+  if (!question) return { blocs: [], brut: '', clavier: { inline_keyboard: [] } }
 
-  const total = f.questions.length;
-  const entete =
-    total > 1
-      ? t('passerelle.questionEtape', { header: question.header, n: f.etape + 1, total })
-      : question.header;
+  const total = f.questions.length
+  const entete = total > 1 ? t('passerelle.questionEtape', { header: question.header, n: f.etape + 1, total }) : question.header
 
   const blocs: InputRichBlock[] = [
     { type: 'heading', text: entete, size: 3 },
     { type: 'paragraph', text: question.question },
-  ];
-  const lignes = [entete, '', question.question];
+  ]
+  const lignes = [entete, '', question.question]
 
   if (question.multiSelect) {
-    const mention = t('passerelle.questionMultiple');
-    blocs.push({ type: 'paragraph', text: { type: 'italic', text: mention } });
-    lignes.push('', mention);
+    const mention = t('passerelle.questionMultiple')
+    blocs.push({ type: 'paragraph', text: { type: 'italic', text: mention } })
+    lignes.push('', mention)
   }
 
   question.options.forEach((o, i) => {
     // Le numéro relie le bouton — rogné à 32 caractères — au texte entier qui le
     // précède. Sans lui, un libellé long devient un choix qu'on fait de mémoire.
-    const titre = `${i + 1}. ${o.label}`;
+    const titre = `${i + 1}. ${o.label}`
     blocs.push({
       type: 'paragraph',
-      text: o.description
-        ? [{ type: 'bold', text: titre }, ` — ${o.description}`]
-        : { type: 'bold', text: titre },
-    });
-    lignes.push('', o.description ? `${titre} — ${o.description}` : titre);
+      text: o.description ? [{ type: 'bold', text: titre }, ` — ${o.description}`] : { type: 'bold', text: titre },
+    })
+    lignes.push('', o.description ? `${titre} — ${o.description}` : titre)
 
     if (o.preview) {
-      const maquette = borne(o.preview, MAX_MAQUETTE);
-      blocs.push({ type: 'pre', text: maquette });
-      lignes.push(maquette);
+      const maquette = borne(o.preview, MAX_MAQUETTE)
+      blocs.push({ type: 'pre', text: maquette })
+      lignes.push(maquette)
     }
-  });
+  })
 
-  const pied = t('passerelle.questionLibre');
-  blocs.push({ type: 'paragraph', text: { type: 'italic', text: pied } });
-  lignes.push('', pied);
+  const pied = t('passerelle.questionLibre')
+  blocs.push({ type: 'paragraph', text: { type: 'italic', text: pied } })
+  lignes.push('', pied)
 
-  return { blocs, brut: lignes.join('\n'), clavier: clavier(f) };
+  return { blocs, brut: lignes.join('\n'), clavier: clavier(f) }
 }
 
 function borne(texte: string, max: number): string {
-  return texte.length > max ? `${texte.slice(0, max - 1)}…` : texte;
+  return texte.length > max ? `${texte.slice(0, max - 1)}…` : texte
 }
diff --git a/server/passerelle/riche.ts b/server/passerelle/riche.ts
index e6f33aa..2cd6845 100644
--- a/server/passerelle/riche.ts
+++ b/server/passerelle/riche.ts
@@ -15,7 +15,7 @@
 // tableau sans en-tête, et rien pour dire pourquoi. Ne rien renommer ici sans
 // l'avoir relu dans la spec.
 
-import type { RichBlockTableCell } from 'node-telegram-bot-api';
+import type { RichBlockTableCell } from 'node-telegram-bot-api'
 
 // Les formes s'appuient sur celles de `node-telegram-bot-api` plutôt que d'être
 // redéclarées ici : c'est ce qui défend les noms de champs, pour la raison dite
@@ -36,14 +36,14 @@ import type { RichBlockTableCell } from 'node-telegram-bot-api';
 // c'est ce qui compte : ce sont ces noms-là qui échouaient en silence.
 
 /** Le texte tel que l'API l'accepte vraiment. Voir la correction (1) ci-dessus. */
-export type RichText = string | RichText[] | { type: string; text: RichText; url?: string };
+export type RichText = string | RichText[] | { type: string; text: RichText; url?: string }
 
 /** Une cellule : la leur, dont on rend `align` et `valign` optionnels. */
 export type Cellule = Omit<RichBlockTableCell, 'text' | 'align' | 'valign'> & {
-  text?: RichText;
-  align?: 'left' | 'center' | 'right';
-  valign?: 'top' | 'middle' | 'bottom';
-};
+  text?: RichText
+  align?: 'left' | 'center' | 'right'
+  valign?: 'top' | 'middle' | 'bottom'
+}
 
 /**
  * Un bloc, tel qu'on l'émet.
@@ -68,13 +68,13 @@ export type InputRichBlock =
    * mesuré, il ne s'est pas déclenché sur un résumé de sept mille caractères.
    */
   | { type: 'details'; summary: RichText; blocks: InputRichBlock[]; is_open?: true }
-  | { type: 'divider' };
+  | { type: 'divider' }
 
 /** Ce qu'un message riche accepte — huit fois la borne de `sendMessage`. */
-export const MAX_RICHE = 32_768;
+export const MAX_RICHE = 32_768
 
 /** Une ligne de tableau qui ne sert qu'à l'alignement. */
-const SEPARATEUR = /^\s*\|?[\s:|-]+\|[\s:|-]*$/;
+const SEPARATEUR = /^\s*\|?[\s:|-]+\|[\s:|-]*$/
 
 /**
  * Le texte d'une ligne, découpé en morceaux.
@@ -84,7 +84,7 @@ const SEPARATEUR = /^\s*\|?[\s:|-]+\|[\s:|-]*$/;
  * et `&` sont du texte et le restent, contrairement au rendu HTML.
  */
 export function fragments(ligne: string): RichText[] {
-  const out: RichText[] = [];
+  const out: RichText[] = []
 
   /**
    * Le contenu d'une marque, relu comme le reste.
@@ -99,42 +99,41 @@ export function fragments(ligne: string): RichText[] {
    * journal comme au test.
    */
   const interieur = (texte: string): RichText => {
-    const morceaux = fragments(texte);
-    const seul = morceaux[0];
-    return morceaux.length === 1 && typeof seul === 'string' ? seul : morceaux;
-  };
+    const morceaux = fragments(texte)
+    const seul = morceaux[0]
+    return morceaux.length === 1 && typeof seul === 'string' ? seul : morceaux
+  }
 
-  const motif =
-    /`([^`]+)`|\[([^\]]+)\]\(([^)\s]+)\)|\*\*([^*]+)\*\*|~~([^~]+)~~|(?<![\w*])\*([^*\n]+)\*(?![\w*])|(?<![\w_])_([^_\n]+)_(?![\w_])/g;
+  const motif = /`([^`]+)`|\[([^\]]+)\]\(([^)\s]+)\)|\*\*([^*]+)\*\*|~~([^~]+)~~|(?<![\w*])\*([^*\n]+)\*(?![\w*])|(?<![\w_])_([^_\n]+)_(?![\w_])/g
 
-  let reste = 0;
+  let reste = 0
   for (let m = motif.exec(ligne); m; m = motif.exec(ligne)) {
-    if (m.index > reste) out.push(ligne.slice(reste, m.index));
-    const [, code, libelle, url, gras, barre, penche, souligne] = m;
+    if (m.index > reste) out.push(ligne.slice(reste, m.index))
+    const [, code, libelle, url, gras, barre, penche, souligne] = m
 
     // Le code littéral porte deux marques plutôt qu'une. `code` seul est rendu
     // en chasse fixe teintée, ce qui suffit sur un grand écran mais se perd sur
     // un téléphone — une nuance de couleur y devient invisible avant une
     // différence de surface. `marked` ajoute un fond, et les deux se cumulent :
     // mesuré, l'emboîtement fonctionne et son ordre est sans effet.
-    if (code !== undefined) out.push({ type: 'marked', text: { type: 'code', text: code } });
+    if (code !== undefined) out.push({ type: 'marked', text: { type: 'code', text: code } })
     else if (libelle !== undefined && url !== undefined) {
       // Une URL n'est reprise que si elle mène quelque part de connu : le reste
       // n'a rien à faire dans un lien qu'on relaie. Le libellé, lui, garde sa
       // mise en forme dans les deux cas — un lien écarté ne doit pas rendre son
       // texte plus pauvre que s'il n'avait jamais été un lien.
       if (/^(https?:\/\/|mailto:)/i.test(url)) {
-        out.push({ type: 'url', text: interieur(libelle), url });
-      } else out.push(...fragments(libelle));
-    } else if (gras !== undefined) out.push({ type: 'bold', text: interieur(gras) });
-    else if (barre !== undefined) out.push({ type: 'strikethrough', text: interieur(barre) });
-    else if (penche !== undefined) out.push({ type: 'italic', text: interieur(penche) });
-    else if (souligne !== undefined) out.push({ type: 'italic', text: interieur(souligne) });
-
-    reste = m.index + m[0].length;
+        out.push({ type: 'url', text: interieur(libelle), url })
+      } else out.push(...fragments(libelle))
+    } else if (gras !== undefined) out.push({ type: 'bold', text: interieur(gras) })
+    else if (barre !== undefined) out.push({ type: 'strikethrough', text: interieur(barre) })
+    else if (penche !== undefined) out.push({ type: 'italic', text: interieur(penche) })
+    else if (souligne !== undefined) out.push({ type: 'italic', text: interieur(souligne) })
+
+    reste = m.index + m[0].length
   }
-  if (reste < ligne.length) out.push(ligne.slice(reste));
-  return out.length ? out : [''];
+  if (reste < ligne.length) out.push(ligne.slice(reste))
+  return out.length ? out : ['']
 }
 
 /** Les cellules d'une ligne de tableau, bords vides retirés. */
@@ -144,7 +143,7 @@ function cellules(ligne: string): string[] {
     .replace(/^\|/, '')
     .replace(/\|$/, '')
     .split('|')
-    .map((c) => c.trim());
+    .map((c) => c.trim())
 }
 
 /**
@@ -157,13 +156,13 @@ function cellules(ligne: string): string[] {
  */
 function alignements(separateur: string): (Cellule['align'] | undefined)[] {
   return cellules(separateur).map((c) => {
-    const gauche = c.startsWith(':');
-    const droite = c.endsWith(':');
-    if (gauche && droite) return 'center';
-    if (droite) return 'right';
-    if (gauche) return 'left';
-    return undefined;
-  });
+    const gauche = c.startsWith(':')
+    const droite = c.endsWith(':')
+    if (gauche && droite) return 'center'
+    if (droite) return 'right'
+    if (gauche) return 'left'
+    return undefined
+  })
 }
 
 /**
@@ -175,8 +174,8 @@ function alignements(separateur: string): (Cellule['align'] | undefined)[] {
  * pas trois.
  */
 interface Element {
-  indent: number;
-  lignes: string[];
+  indent: number
+  lignes: string[]
 }
 
 /**
@@ -188,24 +187,21 @@ interface Element {
  * sous-point au rang de son parent, ce qui inverse le sens d'une consigne.
  */
 function listeDepuis(elements: Element[]): InputRichBlock {
-  const base = Math.min(...elements.map((e) => e.indent));
-  const groupes: { tete: Element; enfants: Element[] }[] = [];
+  const base = Math.min(...elements.map((e) => e.indent))
+  const groupes: { tete: Element; enfants: Element[] }[] = []
 
   for (const element of elements) {
-    const dernier = groupes[groupes.length - 1];
-    if (!dernier || element.indent <= base) groupes.push({ tete: element, enfants: [] });
-    else dernier.enfants.push(element);
+    const dernier = groupes[groupes.length - 1]
+    if (!dernier || element.indent <= base) groupes.push({ tete: element, enfants: [] })
+    else dernier.enfants.push(element)
   }
 
   return {
     type: 'list',
     items: groupes.map((g) => ({
-      blocks: [
-        { type: 'paragraph' as const, text: fragments(g.tete.lignes.join(' ')) },
-        ...(g.enfants.length ? [listeDepuis(g.enfants)] : []),
-      ],
+      blocks: [{ type: 'paragraph' as const, text: fragments(g.tete.lignes.join(' ')) }, ...(g.enfants.length ? [listeDepuis(g.enfants)] : [])],
     })),
-  };
+  }
 }
 
 /**
@@ -225,7 +221,7 @@ function listeDepuis(elements: Element[]): InputRichBlock {
  * perd pas l'information : sans lui, une liste de tâches ne dit plus lesquelles
  * sont faites.
  */
-const COCHE = { fait: '☑︎ ', reste: '☐︎ ' };
+const COCHE = { fait: '☑︎ ', reste: '☐︎ ' }
 
 /**
  * Le document, découpé en blocs.
@@ -235,29 +231,29 @@ const COCHE = { fait: '☑︎ ', reste: '☐︎ ' };
  * Chacun se ferme sur la première ligne qui ne lui appartient plus.
  */
 export function enBlocs(markdown: string): InputRichBlock[] {
-  const lignes = markdown.replace(/\r\n?/g, '\n').split('\n');
-  const blocs: InputRichBlock[] = [];
+  const lignes = markdown.replace(/\r\n?/g, '\n').split('\n')
+  const blocs: InputRichBlock[] = []
 
-  let paragraphe: string[] = [];
-  let tableau: string[] = [];
-  let liste: Element[] = [];
-  let citation: string[] = [];
-  let code: string[] | null = null;
-  let langue = '';
+  let paragraphe: string[] = []
+  let tableau: string[] = []
+  let liste: Element[] = []
+  let citation: string[] = []
+  let code: string[] | null = null
+  let langue = ''
 
   const fermeParagraphe = (): void => {
-    if (!paragraphe.length) return;
-    blocs.push({ type: 'paragraph', text: fragments(paragraphe.join(' ')) });
-    paragraphe = [];
-  };
+    if (!paragraphe.length) return
+    blocs.push({ type: 'paragraph', text: fragments(paragraphe.join(' ')) })
+    paragraphe = []
+  }
 
   const fermeTableau = (): void => {
-    if (!tableau.length) return;
-    const grille = tableau.filter((l) => !SEPARATEUR.test(l)).map(cellules);
-    const separateur = tableau.find((l) => SEPARATEUR.test(l));
-    const aligne = separateur ? alignements(separateur) : [];
-    tableau = [];
-    if (!grille.length) return;
+    if (!tableau.length) return
+    const grille = tableau.filter((l) => !SEPARATEUR.test(l)).map(cellules)
+    const separateur = tableau.find((l) => SEPARATEUR.test(l))
+    const aligne = separateur ? alignements(separateur) : []
+    tableau = []
+    if (!grille.length) return
     blocs.push({
       type: 'table',
       // Les bordures ne sont pas décoratives ici : sans elles, un tableau se lit
@@ -272,14 +268,14 @@ export function enBlocs(markdown: string): InputRichBlock[] {
           ...(aligne[j] ? { align: aligne[j] } : {}),
         })),
       ),
-    });
-  };
+    })
+  }
 
   const fermeListe = (): void => {
-    if (!liste.length) return;
-    blocs.push(listeDepuis(liste));
-    liste = [];
-  };
+    if (!liste.length) return
+    blocs.push(listeDepuis(liste))
+    liste = []
+  }
 
   /**
    * Une citation se relit entièrement, comme un document à elle seule.
@@ -291,75 +287,75 @@ export function enBlocs(markdown: string): InputRichBlock[] {
    * chevron.
    */
   const fermeCitation = (): void => {
-    if (!citation.length) return;
-    const dedans = enBlocs(citation.join('\n'));
-    citation = [];
-    if (dedans.length) blocs.push({ type: 'blockquote', blocks: dedans });
-  };
+    if (!citation.length) return
+    const dedans = enBlocs(citation.join('\n'))
+    citation = []
+    if (dedans.length) blocs.push({ type: 'blockquote', blocks: dedans })
+  }
 
   const fermeTout = (): void => {
-    fermeParagraphe();
-    fermeTableau();
-    fermeListe();
-    fermeCitation();
-  };
+    fermeParagraphe()
+    fermeTableau()
+    fermeListe()
+    fermeCitation()
+  }
 
   for (const ligne of lignes) {
     if (code !== null) {
       if (/^\s*```/.test(ligne)) {
-        blocs.push({ type: 'pre', text: code.join('\n'), ...(langue ? { language: langue } : {}) });
-        code = null;
-        langue = '';
-      } else code.push(ligne);
-      continue;
+        blocs.push({ type: 'pre', text: code.join('\n'), ...(langue ? { language: langue } : {}) })
+        code = null
+        langue = ''
+      } else code.push(ligne)
+      continue
     }
 
     if (/^\s*```/.test(ligne)) {
-      fermeTout();
-      langue = ligne.replace(/^\s*```/, '').trim();
-      code = [];
-      continue;
+      fermeTout()
+      langue = ligne.replace(/^\s*```/, '').trim()
+      code = []
+      continue
     }
 
     // La citation se ramasse d'abord : un chevron l'emporte sur tout le reste,
     // et ce qu'il y a derrière sera relu par la récursion.
-    const chevron = /^ {0,3}>\s?(.*)$/.exec(ligne);
+    const chevron = /^ {0,3}>\s?(.*)$/.exec(ligne)
     if (chevron) {
-      fermeParagraphe();
-      fermeTableau();
-      fermeListe();
-      citation.push(chevron[1] ?? '');
-      continue;
+      fermeParagraphe()
+      fermeTableau()
+      fermeListe()
+      citation.push(chevron[1] ?? '')
+      continue
     }
-    fermeCitation();
+    fermeCitation()
 
     if (/^\s*\|.*\|\s*$/.test(ligne)) {
-      fermeParagraphe();
-      fermeListe();
-      tableau.push(ligne);
-      continue;
+      fermeParagraphe()
+      fermeListe()
+      tableau.push(ligne)
+      continue
     }
-    fermeTableau();
+    fermeTableau()
 
-    const puce = /^(\s*)[-*+]\s+(.*)$/.exec(ligne);
+    const puce = /^(\s*)[-*+]\s+(.*)$/.exec(ligne)
     if (puce) {
-      fermeParagraphe();
-      const indent = (puce[1] ?? '').length;
-      const contenu = puce[2] ?? '';
+      fermeParagraphe()
+      const indent = (puce[1] ?? '').length
+      const contenu = puce[2] ?? ''
       // `- [ ]` et `- [x]` : le symbole va dans le texte. La spec offre bien
       // `has_checkbox`, mais aucun client ne le rend aujourd'hui — l'état de la
       // tâche disparaîtrait sans laisser de trace. Voir `RichListItem`.
-      const case_ = /^\[([ xX])\]\s+(.*)$/.exec(contenu);
+      const case_ = /^\[([ xX])\]\s+(.*)$/.exec(contenu)
       if (case_) {
-        const prefixe = (case_[1] ?? '').toLowerCase() === 'x' ? COCHE.fait : COCHE.reste;
-        liste.push({ indent, lignes: [prefixe + (case_[2] ?? '')] });
-      } else liste.push({ indent, lignes: [contenu] });
-      continue;
+        const prefixe = (case_[1] ?? '').toLowerCase() === 'x' ? COCHE.fait : COCHE.reste
+        liste.push({ indent, lignes: [prefixe + (case_[2] ?? '')] })
+      } else liste.push({ indent, lignes: [contenu] })
+      continue
     }
 
-    const numerotee = /^(\s*)(\d+)[.)]\s+(.*)$/.exec(ligne);
+    const numerotee = /^(\s*)(\d+)[.)]\s+(.*)$/.exec(ligne)
     if (numerotee) {
-      fermeParagraphe();
+      fermeParagraphe()
       // Le numéro reste dans le texte. La liste ordonnée native existe —
       // `value` et `type` sur l'item — mais sa forme décimale décale d'un rang
       // sur le client actuel : le premier point s'affiche « 0. ». Dans un
@@ -368,52 +364,52 @@ export function enBlocs(markdown: string): InputRichBlock[] {
       liste.push({
         indent: (numerotee[1] ?? '').length,
         lignes: [`${numerotee[2] ?? ''}. ${numerotee[3] ?? ''}`],
-      });
-      continue;
+      })
+      continue
     }
 
     // La suite d'un élément long : rentrée, sans marqueur, et pas un paragraphe.
     // Sans ceci, la deuxième ligne d'un point numéroté fermait la liste, et le
     // point suivant repartait à « 1 » dans un nouveau bloc.
-    const dernier = liste[liste.length - 1];
+    const dernier = liste[liste.length - 1]
     if (dernier && /^\s/.test(ligne) && ligne.trim()) {
-      dernier.lignes.push(ligne.trim());
-      continue;
+      dernier.lignes.push(ligne.trim())
+      continue
     }
-    fermeListe();
+    fermeListe()
 
-    const titre = /^(#{1,6})\s+(.*)$/.exec(ligne);
+    const titre = /^(#{1,6})\s+(.*)$/.exec(ligne)
     if (titre) {
-      fermeParagraphe();
+      fermeParagraphe()
       // Les six niveaux du Markdown sont exactement les six tailles de Telegram,
       // dans le même sens : 1 est le plus grand.
       blocs.push({
         type: 'heading',
         text: fragments(titre[2] ?? ''),
         size: (titre[1] ?? '#').length,
-      });
-      continue;
+      })
+      continue
     }
 
     if (/^\s*([-*_])\1{2,}\s*$/.test(ligne)) {
-      fermeTout();
-      blocs.push({ type: 'divider' });
-      continue;
+      fermeTout()
+      blocs.push({ type: 'divider' })
+      continue
     }
 
     if (!ligne.trim()) {
-      fermeParagraphe();
-      continue;
+      fermeParagraphe()
+      continue
     }
-    paragraphe.push(ligne.trim());
+    paragraphe.push(ligne.trim())
   }
 
   // Un document qui s'arrête dans un bloc ouvert — page coupée, fichier
   // tronqué — doit tout de même rendre ce qu'il avait commencé.
   if (code !== null) {
-    blocs.push({ type: 'pre', text: code.join('\n'), ...(langue ? { language: langue } : {}) });
+    blocs.push({ type: 'pre', text: code.join('\n'), ...(langue ? { language: langue } : {}) })
   }
-  fermeTout();
+  fermeTout()
 
-  return blocs;
+  return blocs
 }
diff --git a/server/passerelle/routage.ts b/server/passerelle/routage.ts
index 901525d..a08a97d 100644
--- a/server/passerelle/routage.ts
+++ b/server/passerelle/routage.ts
@@ -62,7 +62,7 @@ export type Intention =
    * boucle s'il y a lieu de répondre. Une commande inconnue mérite un mot ; un
    * message vide n'en mérite aucun.
    */
-  | { kind: 'ignorer'; raison: 'vide' | 'commande-inconnue'; commande?: string };
+  | { kind: 'ignorer'; raison: 'vide' | 'commande-inconnue'; commande?: string }
 
 /**
  * Les conversations autorisées.
@@ -73,18 +73,18 @@ export type Intention =
  * ressemble à une autorisation.
  */
 export function lireChats(raw: string | undefined): Set<number> {
-  const chats = new Set<number>();
+  const chats = new Set<number>()
   for (const part of (raw ?? '').split(',')) {
-    const trimmed = part.trim();
-    if (!trimmed) continue;
+    const trimmed = part.trim()
+    if (!trimmed) continue
     // `Number` accepterait `12 ` ou `0x10` ; on veut la forme que Telegram
     // écrit, et elle seule. Le signe est admis : un groupe a un identifiant
     // négatif.
-    if (!/^-?\d+$/.test(trimmed)) continue;
-    const id = Number(trimmed);
-    if (Number.isSafeInteger(id)) chats.add(id);
+    if (!/^-?\d+$/.test(trimmed)) continue
+    const id = Number(trimmed)
+    if (Number.isSafeInteger(id)) chats.add(id)
   }
-  return chats;
+  return chats
 }
 
 /**
@@ -95,7 +95,7 @@ export function lireChats(raw: string | undefined): Set<number> {
  * pas ouvrir la machine au premier venu.
  */
 export function autorise(chats: Set<number>, chatId: number): boolean {
-  return chats.has(chatId);
+  return chats.has(chatId)
 }
 
 /**
@@ -106,8 +106,8 @@ export function autorise(chats: Set<number>, chatId: number): boolean {
  * arguments dont aucun ne désignerait rien.
  */
 function argument(texte: string): string {
-  const i = texte.indexOf(' ');
-  return i === -1 ? '' : texte.slice(i + 1).trim();
+  const i = texte.indexOf(' ')
+  return i === -1 ? '' : texte.slice(i + 1).trim()
 }
 
 /**
@@ -118,46 +118,46 @@ function argument(texte: string): string {
  * qu'on ne le pilote, et le cas fréquent ne doit demander aucune syntaxe.
  */
 export function parseIntention(brut: string): Intention {
-  const texte = brut.trim();
-  if (!texte) return { kind: 'ignorer', raison: 'vide' };
-  if (!texte.startsWith('/')) return { kind: 'parler', texte };
+  const texte = brut.trim()
+  if (!texte) return { kind: 'ignorer', raison: 'vide' }
+  if (!texte.startsWith('/')) return { kind: 'parler', texte }
 
   // Telegram suffixe les commandes du nom du bot dans un groupe : `/fin@monbot`.
-  const mot = (texte.split(/\s/)[0] ?? '').split('@')[0]?.toLowerCase() ?? '';
+  const mot = (texte.split(/\s/)[0] ?? '').split('@')[0]?.toLowerCase() ?? ''
   switch (mot) {
     case '/atelier': {
-      const ref = argument(texte);
+      const ref = argument(texte)
       // Sans référence, il n'y a pas de session à ouvrir : on montre les
       // projets, qui portent les numéros que cette commande attend.
-      return ref ? { kind: 'ouvrir', ref } : { kind: 'projets' };
+      return ref ? { kind: 'ouvrir', ref } : { kind: 'projets' }
     }
     case '/projets':
-      return { kind: 'projets' };
+      return { kind: 'projets' }
     case '/projet': {
-      const ref = argument(texte);
-      return ref ? { kind: 'projet', ref } : { kind: 'projets' };
+      const ref = argument(texte)
+      return ref ? { kind: 'projet', ref } : { kind: 'projets' }
     }
     case '/voir': {
-      const ref = argument(texte);
+      const ref = argument(texte)
       // Sans référence, il n'y a rien à ouvrir — l'aide dit la forme attendue.
-      return ref ? { kind: 'voir', ref } : { kind: 'aide' };
+      return ref ? { kind: 'voir', ref } : { kind: 'aide' }
     }
     case '/fin':
-      return { kind: 'fin' };
+      return { kind: 'fin' }
     case '/etat':
-      return { kind: 'etat' };
+      return { kind: 'etat' }
     case '/compacter':
-      return { kind: 'compacter' };
+      return { kind: 'compacter' }
     case '/sessions':
-      return { kind: 'sessions' };
+      return { kind: 'sessions' }
     case '/stop':
-      return { kind: 'stop' };
+      return { kind: 'stop' }
     case '/start':
-      return { kind: 'accueil' };
+      return { kind: 'accueil' }
     case '/aide':
     case '/help':
-      return { kind: 'aide' };
+      return { kind: 'aide' }
     default:
-      return { kind: 'ignorer', raison: 'commande-inconnue', commande: mot };
+      return { kind: 'ignorer', raison: 'commande-inconnue', commande: mot }
   }
 }
diff --git a/server/passerelle/telegram.ts b/server/passerelle/telegram.ts
index 5c535b0..de700cc 100644
--- a/server/passerelle/telegram.ts
+++ b/server/passerelle/telegram.ts
@@ -17,34 +17,31 @@
 // AURA continue de n'écouter que la boucle locale (`server/index.ts`), et
 // `guard.ts` n'a rien de nouveau à trancher. Aucun port ne s'ouvre pour ceci.
 
-import { Api, Bot } from 'node-telegram-bot-api';
-import type {
-  InlineKeyboardMarkup,
-  InputRichBlock as InputRichBlockLib,
-} from 'node-telegram-bot-api';
-import { MAX_RICHE, type InputRichBlock } from './riche.ts';
+import { Api, Bot } from 'node-telegram-bot-api'
+import type { InlineKeyboardMarkup, InputRichBlock as InputRichBlockLib } from 'node-telegram-bot-api'
+import { MAX_RICHE, type InputRichBlock } from './riche.ts'
 
 /** Ce qu'un message ordinaire accepte. Le riche en prend huit fois plus. */
-const MAX_TEXTE = 4_000;
+const MAX_TEXTE = 4_000
 
 /** Coupe à la borne, plutôt que de laisser l'API refuser le message entier. */
 function borne(texte: string, max: number): string {
-  return texte.length > max ? `${texte.slice(0, max - 1)}…` : texte;
+  return texte.length > max ? `${texte.slice(0, max - 1)}…` : texte
 }
 
 /** Un message reçu, réduit à ce dont la Passerelle a besoin. */
 export interface MessageEntrant {
-  chatId: number;
-  texte: string;
+  chatId: number
+  texte: string
 }
 
 /** Un bouton pressé sous un message d'AURA. */
 export interface BoutonPresse {
-  chatId: number;
+  chatId: number
   /** À renvoyer pour que Telegram cesse d'afficher l'attente sur le bouton. */
-  callbackId: string;
+  callbackId: string
   /** Ce que le bouton portait — voir `boutons()`. */
-  donnee: string;
+  donnee: string
 }
 
 /**
@@ -52,14 +49,14 @@ export interface BoutonPresse {
  * quel identifiant. Le second sert à réécrire le clavier d'un formulaire.
  */
 export interface Rendu {
-  voie: 'riche' | 'nu' | 'brut';
-  messageId: number | null;
+  voie: 'riche' | 'nu' | 'brut'
+  messageId: number | null
 }
 
 /** Un bouton : ce qu'il affiche, et ce qu'il renvoie quand on le presse. */
 export interface Bouton {
-  texte: string;
-  donnee: string;
+  texte: string
+  donnee: string
 }
 
 /**
@@ -69,12 +66,12 @@ export interface Bouton {
  * même titre que la largeur d'une rangée.
  */
 export function tronqueBouton(texte: string): string {
-  return texte.length > 32 ? `${texte.slice(0, 31)}…` : texte;
+  return texte.length > 32 ? `${texte.slice(0, 31)}…` : texte
 }
 
 /** Une rangée de boutons sous un message. */
 export function boutons(paires: Bouton[]): InlineKeyboardMarkup {
-  return { inline_keyboard: [paires.map((p) => ({ text: p.texte, callback_data: p.donnee }))] };
+  return { inline_keyboard: [paires.map((p) => ({ text: p.texte, callback_data: p.donnee }))] }
 }
 
 /**
@@ -86,7 +83,7 @@ export function boutons(paires: Bouton[]): InlineKeyboardMarkup {
  * et la seule qui fonctionne — un remplissage placé dans les **libellés** des
  * boutons n'a, lui, aucun effet, la largeur du clavier étant celle de la bulle.
  */
-const BLANC = '⠀';
+const BLANC = '⠀'
 
 /**
  * Combien de caractères ordinaires il faut pour saturer la largeur d'une bulle.
@@ -95,7 +92,7 @@ const BLANC = '⠀';
  * 50 en donnent 391, et le plafond de 480 px est atteint vers 63. Au-delà, plus
  * rien ne bouge.
  */
-const CIBLE_CARACTERES = 63;
+const CIBLE_CARACTERES = 63
 
 /**
  * Ce que vaut un blanc braille, en caractères ordinaires.
@@ -106,7 +103,7 @@ const CIBLE_CARACTERES = 63;
  * 1,6 chacun. Compter un blanc pour une lettre sous-remplissait tous les
  * en-têtes moyens, et les chemins profonds gardaient des boutons rétrécis.
  */
-const BLANC_EN_CARACTERES = 1.6;
+const BLANC_EN_CARACTERES = 1.6
 
 /**
  * Complète un texte pour que son clavier prenne toute la largeur.
@@ -123,8 +120,8 @@ const BLANC_EN_CARACTERES = 1.6;
 export function elargi(texte: string): string {
   // La largeur d'une bulle est celle de sa **ligne la plus longue**. Un texte
   // qui l'atteint déjà n'a besoin de rien.
-  const plusLongue = texte.split('\n').reduce((max, l) => Math.max(max, l.length), 0);
-  if (plusLongue >= CIBLE_CARACTERES) return texte;
+  const plusLongue = texte.split('\n').reduce((max, l) => Math.max(max, l.length), 0)
+  if (plusLongue >= CIBLE_CARACTERES) return texte
 
   // Le remplissage prend **sa propre ligne**, et ce n'est pas un détail. Collé
   // au texte, il le pousse au-delà du bord et coupe la dernière phrase en deux
@@ -136,7 +133,7 @@ export function elargi(texte: string): string {
   // elle le **remplace** dans le calcul de la largeur. Il faut donc de quoi
   // atteindre la cible à elle seule — la première version en mettait juste ce
   // qui manquait au texte, et rétrécissait les bulles au lieu de les élargir.
-  return `${texte}\n${BLANC.repeat(Math.ceil(CIBLE_CARACTERES / BLANC_EN_CARACTERES))}`;
+  return `${texte}\n${BLANC.repeat(Math.ceil(CIBLE_CARACTERES / BLANC_EN_CARACTERES))}`
 }
 
 /**
@@ -151,7 +148,7 @@ export function elargi(texte: string): string {
  * cette surface. Un écran large en supporterait plus — mais c'est le petit qui
  * décide, puisque c'est pour lui que la Passerelle existe.
  */
-const LARGEUR_RANGEE = 32;
+const LARGEUR_RANGEE = 32
 
 /**
  * Combien de boutons par rangée, au maximum.
@@ -159,7 +156,7 @@ const LARGEUR_RANGEE = 32;
  * Pas une limite de l'API mais une limite du doigt : au-delà de trois, un
  * bouton fait moins d'un tiers d'écran et devient une cible qu'on manque.
  */
-const MAX_PAR_RANGEE = 3;
+const MAX_PAR_RANGEE = 3
 
 /**
  * Range les boutons en rangées, en remplissant chacune au plus près.
@@ -177,44 +174,41 @@ const MAX_PAR_RANGEE = 3;
  * faut d'une action, qu'on ne veut pas voir se confondre avec la liste.
  */
 export function grille(cases: Bouton[], solo: Bouton[] = []): InlineKeyboardMarkup {
-  const rangees: { text: string; callback_data: string }[][] = [];
-  let rangee: Bouton[] = [];
-  let plusLong = 0;
+  const rangees: { text: string; callback_data: string }[][] = []
+  let rangee: Bouton[] = []
+  let plusLong = 0
 
   const pose = (): void => {
-    if (!rangee.length) return;
-    rangees.push(rangee.map((b) => ({ text: b.texte, callback_data: b.donnee })));
-    rangee = [];
-    plusLong = 0;
-  };
+    if (!rangee.length) return
+    rangees.push(rangee.map((b) => ({ text: b.texte, callback_data: b.donnee })))
+    rangee = []
+    plusLong = 0
+  }
 
   for (const bouton of cases) {
-    const large = Math.max(plusLong, bouton.texte.length);
+    const large = Math.max(plusLong, bouton.texte.length)
     // Un bouton plus large qu'une rangée entière ne tient nulle part : il prend
     // la sienne, où il sera rogné mais lisible sur toute la largeur.
-    if (
-      rangee.length &&
-      (large * (rangee.length + 1) > LARGEUR_RANGEE || rangee.length >= MAX_PAR_RANGEE)
-    ) {
-      pose();
+    if (rangee.length && (large * (rangee.length + 1) > LARGEUR_RANGEE || rangee.length >= MAX_PAR_RANGEE)) {
+      pose()
     }
-    rangee.push(bouton);
-    plusLong = Math.max(plusLong, bouton.texte.length);
+    rangee.push(bouton)
+    plusLong = Math.max(plusLong, bouton.texte.length)
   }
-  pose();
+  pose()
 
-  for (const b of solo) rangees.push([{ text: b.texte, callback_data: b.donnee }]);
-  return { inline_keyboard: rangees };
+  for (const b of solo) rangees.push([{ text: b.texte, callback_data: b.donnee }])
+  return { inline_keyboard: rangees }
 }
 
 export class Telegram {
-  private readonly api: Api;
-  private readonly bot: Bot;
-  private stopped = false;
+  private readonly api: Api
+  private readonly bot: Bot
+  private stopped = false
 
   constructor(token: string) {
-    this.api = new Api(token);
-    this.bot = new Bot(token);
+    this.api = new Api(token)
+    this.bot = new Bot(token)
   }
 
   /**
@@ -225,10 +219,10 @@ export class Telegram {
    */
   async identite(): Promise<string | null> {
     try {
-      const moi = await this.api.getMe();
-      return moi.username || null;
+      const moi = await this.api.getMe()
+      return moi.username || null
     } catch {
-      return null;
+      return null
     }
   }
 
@@ -246,31 +240,31 @@ export class Telegram {
     surErreur: (message: string) => void,
   ): void {
     this.bot.on('message', async (ctx) => {
-      const chatId = ctx.chatId;
-      const texte = ctx.message?.text;
-      if (!chatId || !texte || !autorise(chatId)) return;
-      await surMessage({ chatId, texte });
-    });
+      const chatId = ctx.chatId
+      const texte = ctx.message?.text
+      if (!chatId || !texte || !autorise(chatId)) return
+      await surMessage({ chatId, texte })
+    })
 
     this.bot.on('callback_query', async (ctx) => {
-      const chatId = ctx.chatId;
-      const rappel = ctx.callbackQuery;
-      if (!chatId || !rappel?.data || !autorise(chatId)) return;
+      const chatId = ctx.chatId
+      const rappel = ctx.callbackQuery
+      if (!chatId || !rappel?.data || !autorise(chatId)) return
       // Accuser d'abord : sans cela le bouton tourne pendant tout le traitement.
-      await ctx.answerCallbackQuery();
-      await surBouton({ chatId, callbackId: rappel.id, donnee: rappel.data });
-    });
+      await ctx.answerCallbackQuery()
+      await surBouton({ chatId, callbackId: rappel.id, donnee: rappel.data })
+    })
 
     // Une erreur de traitement ne doit pas arrêter la boucle : la suivante
     // pourrait très bien passer.
     this.bot.catch((err) => {
-      surErreur(err instanceof Error ? err.message : String(err));
-    });
+      surErreur(err instanceof Error ? err.message : String(err))
+    })
 
     void this.bot.startPolling().catch((e: unknown) => {
-      if (this.stopped) return;
-      surErreur(e instanceof Error ? e.message : String(e));
-    });
+      if (this.stopped) return
+      surErreur(e instanceof Error ? e.message : String(e))
+    })
   }
 
   /**
@@ -285,7 +279,7 @@ export class Telegram {
         chat_id: chatId,
         text: borne(texte, MAX_TEXTE),
         ...(clavier ? { reply_markup: clavier } : {}),
-      });
+      })
     } catch {
       // Une messagerie injoignable n'est pas une panne d'AURA : le BFF continue
       // de servir l'interface et les sessions de tourner.
@@ -299,20 +293,16 @@ export class Telegram {
    * empiler un par clic : une conversation n'a pas de bouton « retour », et une
    * pile de listes mortes derrière soi est le contraire d'un fil qu'on relit.
    */
-  async envoieSuivi(
-    chatId: number,
-    texte: string,
-    clavier?: InlineKeyboardMarkup,
-  ): Promise<number | null> {
+  async envoieSuivi(chatId: number, texte: string, clavier?: InlineKeyboardMarkup): Promise<number | null> {
     try {
       const envoye = await this.api.sendMessage({
         chat_id: chatId,
         text: texte,
         ...(clavier ? { reply_markup: clavier } : {}),
-      });
-      return envoye.message_id;
+      })
+      return envoye.message_id
     } catch {
-      return null;
+      return null
     }
   }
 
@@ -340,17 +330,15 @@ export class Telegram {
           // Même conversion que `brouillon`, et pour la même raison : le
           // `RichText` de la bibliothèque n'admet pas la chaîne nue, que l'API
           // accepte pourtant — sans quoi aucun titre simple ne serait exprimable.
-          blocks: [
-            { type: 'details', summary: titre, blocks: blocs },
-          ] as unknown as InputRichBlockLib[],
+          blocks: [{ type: 'details', summary: titre, blocks: blocs }] as unknown as InputRichBlockLib[],
           skip_entity_detection: true,
         },
-      });
-      return true;
+      })
+      return true
     } catch {
       // Un repli refusé ne vaut pas de perdre le contenu : l'appelant retombe
       // sur un envoi ordinaire.
-      return false;
+      return false
     }
   }
 
@@ -361,22 +349,17 @@ export class Telegram {
    * le contenu n'a pas changé. L'appelant retombe alors sur un envoi neuf plutôt
    * que de laisser le clic sans effet visible.
    */
-  async reecrit(
-    chatId: number,
-    messageId: number,
-    texte: string,
-    clavier?: InlineKeyboardMarkup,
-  ): Promise<boolean> {
+  async reecrit(chatId: number, messageId: number, texte: string, clavier?: InlineKeyboardMarkup): Promise<boolean> {
     try {
       await this.api.editMessageText({
         chat_id: chatId,
         message_id: messageId,
         text: texte,
         ...(clavier ? { reply_markup: clavier } : {}),
-      });
-      return true;
+      })
+      return true
     } catch {
-      return false;
+      return false
     }
   }
 
@@ -388,20 +371,16 @@ export class Telegram {
    * case d'un formulaire passe donc par ici — et c'est de toute façon ce qu'on
    * veut, la question au-dessus n'ayant aucune raison de bouger.
    */
-  async reecritClavier(
-    chatId: number,
-    messageId: number,
-    clavier: InlineKeyboardMarkup,
-  ): Promise<boolean> {
+  async reecritClavier(chatId: number, messageId: number, clavier: InlineKeyboardMarkup): Promise<boolean> {
     try {
       await this.api.editMessageReplyMarkup({
         chat_id: chatId,
         message_id: messageId,
         reply_markup: clavier,
-      });
-      return true;
+      })
+      return true
     } catch {
-      return false;
+      return false
     }
   }
 
@@ -419,20 +398,16 @@ export class Telegram {
    * que cette machine sait faire ; la portée par conversation le réserve à qui a
    * déjà le droit de s'en servir.
    */
-  async declare(
-    commandes: { command: string; description: string }[],
-    langue?: string,
-    chatId?: number,
-  ): Promise<boolean> {
+  async declare(commandes: { command: string; description: string }[], langue?: string, chatId?: number): Promise<boolean> {
     try {
       await this.api.setMyCommands({
         commands: commandes,
         ...(chatId === undefined ? {} : { scope: { type: 'chat', chat_id: chatId } }),
         ...(langue ? { language_code: langue } : {}),
-      });
-      return true;
+      })
+      return true
     } catch {
-      return false;
+      return false
     }
   }
 
@@ -445,10 +420,10 @@ export class Telegram {
    */
   async efface(langue?: string): Promise<boolean> {
     try {
-      await this.api.deleteMyCommands(langue ? { language_code: langue } : {});
-      return true;
+      await this.api.deleteMyCommands(langue ? { language_code: langue } : {})
+      return true
     } catch {
-      return false;
+      return false
     }
   }
 
@@ -474,13 +449,8 @@ export class Telegram {
    * qu'on n'a pas écrits, et un seul bloc mal formé fait échouer l'envoi entier.
    * Un document laid vaut mieux qu'un document disparu.
    */
-  async envoieRendu(
-    chatId: number,
-    blocs: InputRichBlock[],
-    brut: string,
-    clavier?: InlineKeyboardMarkup,
-  ): Promise<Rendu> {
-    const markup = clavier ? { reply_markup: clavier } : {};
+  async envoieRendu(chatId: number, blocs: InputRichBlock[], brut: string, clavier?: InlineKeyboardMarkup): Promise<Rendu> {
+    const markup = clavier ? { reply_markup: clavier } : {}
 
     // Sans cela, Telegram fabrique des liens dans notre dos. Le piège est
     // propre à ce que la Passerelle affiche : `.md` est un domaine de premier
@@ -491,27 +461,25 @@ export class Telegram {
       chat_id: chatId,
       rich_message: { blocks, skip_entity_detection: true },
       ...markup,
-    });
+    })
 
     if (blocs.length) {
       try {
-        const envoye = await this.api.sendRichMessage(riche(blocs));
-        return { voie: 'riche', messageId: envoye.message_id };
+        const envoye = await this.api.sendRichMessage(riche(blocs))
+        return { voie: 'riche', messageId: envoye.message_id }
       } catch {
         /* la structure a été refusée ; le texte, lui, tient peut-être */
       }
     }
 
     try {
-      const envoye = await this.api.sendRichMessage(
-        riche([{ type: 'paragraph', text: borne(brut, MAX_RICHE) }]),
-      );
-      return { voie: 'nu', messageId: envoye.message_id };
+      const envoye = await this.api.sendRichMessage(riche([{ type: 'paragraph', text: borne(brut, MAX_RICHE) }]))
+      return { voie: 'nu', messageId: envoye.message_id }
     } catch {
       return {
         voie: 'brut',
         messageId: await this.envoieSuivi(chatId, borne(brut, MAX_TEXTE), clavier),
-      };
+      }
     }
   }
 
@@ -541,7 +509,7 @@ export class Telegram {
           blocks: [{ type: 'thinking', text: texte } as unknown as InputRichBlockLib],
           skip_entity_detection: true,
         },
-      });
+      })
     } catch {
       /* un signe de vie qui ne s'affiche pas ne casse rien */
     }
@@ -557,7 +525,7 @@ export class Telegram {
    */
   async saisie(chatId: number): Promise<void> {
     try {
-      await this.api.sendChatAction({ chat_id: chatId, action: 'typing' });
+      await this.api.sendChatAction({ chat_id: chatId, action: 'typing' })
     } catch {
       /* idem */
     }
@@ -565,7 +533,7 @@ export class Telegram {
 
   /** Coupe le long-polling en vol : la requête en attente est abandonnée. */
   stop(): void {
-    this.stopped = true;
-    this.bot.stop();
+    this.stopped = true
+    this.bot.stop()
   }
 }
diff --git a/server/paths.ts b/server/paths.ts
index b6f96b8..f937ef9 100644
--- a/server/paths.ts
+++ b/server/paths.ts
@@ -5,22 +5,22 @@
 // `import.meta.url` is identical everywhere at runtime. Resolve the app root
 // once, in a way that works both from source (tsx) and as a delivered bundle.
 
-import { fileURLToPath } from 'node:url';
-import { dirname, join, basename } from 'node:path';
+import { dirname, join, basename } from 'node:path'
+import { fileURLToPath } from 'node:url'
 
-const self = fileURLToPath(import.meta.url);
+const self = fileURLToPath(import.meta.url)
 
 /** The delivered bundle is named `aura.server.mjs`; from source it's `paths.ts`. */
-const isBundle = basename(self) === 'aura.server.mjs';
+const isBundle = basename(self) === 'aura.server.mjs'
 
 /** True when running as the delivered single-file bundle (vs from source in dev). */
-export const IS_BUNDLE = isBundle;
+export const IS_BUNDLE = isBundle
 
 /** Folder that anchors all app data: the bundle's own dir, or the repo root. */
-export const APP_DIR = isBundle ? dirname(self) : join(dirname(self), '..');
+export const APP_DIR = isBundle ? dirname(self) : join(dirname(self), '..')
 
 /** AURA's own mutable data (UI preferences, and the safety backups of edits). */
-export const LOCAL_DIR = join(APP_DIR, '.local');
+export const LOCAL_DIR = join(APP_DIR, '.local')
 
 /** Timestamped backups taken before every write into .claude. */
-export const BACKUPS_DIR = join(LOCAL_DIR, 'backups');
+export const BACKUPS_DIR = join(LOCAL_DIR, 'backups')
diff --git a/server/plugin-hooks.ts b/server/plugin-hooks.ts
index f1f2ef9..9762c32 100644
--- a/server/plugin-hooks.ts
+++ b/server/plugin-hooks.ts
@@ -3,42 +3,39 @@
 // settings.json — so they must be surfaced separately (read-only) or the Hooks
 // view would wrongly look empty while plugin hooks are actually active.
 
-import { readFile } from 'node:fs/promises';
-import { join } from 'node:path';
-import { CLAUDE_DIR } from './claude/paths';
+import { readFile } from 'node:fs/promises'
+import { join } from 'node:path'
+import { CLAUDE_DIR } from './claude/paths'
 
 export interface PluginHooks {
-  plugin: string;
-  hooks: Record<string, unknown>;
+  plugin: string
+  hooks: Record<string, unknown>
 }
 
 export async function getPluginHooks(): Promise<PluginHooks[]> {
-  const out: PluginHooks[] = [];
-  const rawInstalled = await readFile(
-    join(CLAUDE_DIR, 'plugins', 'installed_plugins.json'),
-    'utf8',
-  ).catch(() => null);
-  if (!rawInstalled) return out;
+  const out: PluginHooks[] = []
+  const rawInstalled = await readFile(join(CLAUDE_DIR, 'plugins', 'installed_plugins.json'), 'utf8').catch(() => null)
+  if (!rawInstalled) return out
 
-  let parsed: { plugins?: Record<string, { installPath?: string }[]> };
+  let parsed: { plugins?: Record<string, { installPath?: string }[]> }
   try {
-    parsed = JSON.parse(rawInstalled) as typeof parsed;
+    parsed = JSON.parse(rawInstalled) as typeof parsed
   } catch {
-    return out;
+    return out
   }
 
   for (const [id, entries] of Object.entries(parsed.plugins ?? {})) {
-    const installPath = entries[0]?.installPath;
-    if (!installPath) continue;
+    const installPath = entries[0]?.installPath
+    if (!installPath) continue
     // installPath comes from the trusted registry (not user input); read directly.
-    const raw = await readFile(join(installPath, 'hooks', 'hooks.json'), 'utf8').catch(() => null);
-    if (!raw) continue;
+    const raw = await readFile(join(installPath, 'hooks', 'hooks.json'), 'utf8').catch(() => null)
+    if (!raw) continue
     try {
-      const h = JSON.parse(raw) as { hooks?: Record<string, unknown> };
-      if (h.hooks && Object.keys(h.hooks).length) out.push({ plugin: id, hooks: h.hooks });
+      const h = JSON.parse(raw) as { hooks?: Record<string, unknown> }
+      if (h.hooks && Object.keys(h.hooks).length) out.push({ plugin: id, hooks: h.hooks })
     } catch {
       /* skip malformed plugin hooks */
     }
   }
-  return out;
+  return out
 }
diff --git a/server/preferences.ts b/server/preferences.ts
index b405076..c57fdf3 100644
--- a/server/preferences.ts
+++ b/server/preferences.ts
@@ -5,21 +5,19 @@
 // en a besoin lui aussi : les dossiers de projet inclus y sont déclarés, et
 // c'est le serveur qui décide de ce qu'il ouvre, jamais la requête.
 
-import { join } from 'node:path';
-import { readFile } from 'node:fs/promises';
-import { LOCAL_DIR } from './paths';
+import { readFile } from 'node:fs/promises'
+import { join } from 'node:path'
+import { LOCAL_DIR } from './paths'
 
-export const PREFERENCES_PATH = join(LOCAL_DIR, 'preferences.json');
+export const PREFERENCES_PATH = join(LOCAL_DIR, 'preferences.json')
 
 /** Read the preferences object; missing/unreadable/non-object ⇒ {}. */
 export async function readPreferences(): Promise<Record<string, unknown>> {
   try {
-    const parsed: unknown = JSON.parse(await readFile(PREFERENCES_PATH, 'utf8'));
-    return parsed && typeof parsed === 'object' && !Array.isArray(parsed)
-      ? (parsed as Record<string, unknown>)
-      : {};
+    const parsed: unknown = JSON.parse(await readFile(PREFERENCES_PATH, 'utf8'))
+    return parsed && typeof parsed === 'object' && !Array.isArray(parsed) ? (parsed as Record<string, unknown>) : {}
   } catch {
-    return {}; // absent file is the normal empty state
+    return {} // absent file is the normal empty state
   }
 }
 
@@ -30,8 +28,8 @@ export async function readPreferences(): Promise<Record<string, unknown>> {
  * de l'usage, pour qu'aucun appelant ne puisse l'oublier.
  */
 export async function includedFoldersOf(slug: string): Promise<unknown> {
-  const prefs = await readPreferences();
-  const byProject = prefs.includedFolders;
-  if (!byProject || typeof byProject !== 'object' || Array.isArray(byProject)) return [];
-  return (byProject as Record<string, unknown>)[slug] ?? [];
+  const prefs = await readPreferences()
+  const byProject = prefs.includedFolders
+  if (!byProject || typeof byProject !== 'object' || Array.isArray(byProject)) return []
+  return (byProject as Record<string, unknown>)[slug] ?? []
 }
diff --git a/server/pricing.ts b/server/pricing.ts
index 0fb46d4..7cf9ada 100644
--- a/server/pricing.ts
+++ b/server/pricing.ts
@@ -11,17 +11,17 @@
 // that can drift apart.
 
 /** Cache-write (5-minute TTL) costs 1.25x the base input rate. */
-const CACHE_WRITE_MULTIPLIER = 1.25;
+const CACHE_WRITE_MULTIPLIER = 1.25
 /** Cache-read costs ~0.1x the base input rate. */
-const CACHE_READ_MULTIPLIER = 0.1;
+const CACHE_READ_MULTIPLIER = 0.1
 
 /** $/MTok. `introUntil` is inclusive, ISO `YYYY-MM-DD`. */
 interface Rate {
-  input: number;
-  output: number;
-  introUntil?: string;
-  introInput?: number;
-  introOutput?: number;
+  input: number
+  output: number
+  introUntil?: string
+  introInput?: number
+  introOutput?: number
 }
 
 // Longest prefix wins, so a dated id (`claude-haiku-4-5-20251001`) and a bare
@@ -47,13 +47,13 @@ const RATES: Record<string, Rate> = {
   'claude-sonnet-4-6': { input: 3, output: 15 },
   'claude-sonnet-4-5': { input: 3, output: 15 },
   'claude-haiku-4-5': { input: 1, output: 5 },
-};
+}
 
 export interface TokenCounts {
-  input: number;
-  output: number;
-  cacheRead: number;
-  cacheCreate: number;
+  input: number
+  output: number
+  cacheRead: number
+  cacheCreate: number
 }
 
 /**
@@ -64,22 +64,22 @@ export interface TokenCounts {
  * (see `unpricedModels` in `usage.ts`).
  */
 function rateFor(model: string): Rate | null {
-  let best: Rate | null = null;
-  let bestLen = 0;
+  let best: Rate | null = null
+  let bestLen = 0
   for (const [id, rate] of Object.entries(RATES)) {
     if (model === id || model.startsWith(`${id}-`)) {
       if (id.length > bestLen) {
-        best = rate;
-        bestLen = id.length;
+        best = rate
+        bestLen = id.length
       }
     }
   }
-  return best;
+  return best
 }
 
 /** Whether we can put a dollar figure on this model at all. */
 export function isPriced(model: string): boolean {
-  return rateFor(model) !== null;
+  return rateFor(model) !== null
 }
 
 /**
@@ -90,18 +90,14 @@ export function isPriced(model: string): boolean {
  * time-limited introductory rate.
  */
 export function costOf(model: string, t: TokenCounts, day: string): number | null {
-  const rate = rateFor(model);
-  if (!rate) return null;
+  const rate = rateFor(model)
+  if (!rate) return null
 
-  const intro = rate.introUntil !== undefined && day <= rate.introUntil;
-  const input = intro ? (rate.introInput ?? rate.input) : rate.input;
-  const output = intro ? (rate.introOutput ?? rate.output) : rate.output;
+  const intro = rate.introUntil !== undefined && day <= rate.introUntil
+  const input = intro ? (rate.introInput ?? rate.input) : rate.input
+  const output = intro ? (rate.introOutput ?? rate.output) : rate.output
 
   return (
-    (t.input * input +
-      t.output * output +
-      t.cacheCreate * input * CACHE_WRITE_MULTIPLIER +
-      t.cacheRead * input * CACHE_READ_MULTIPLIER) /
-    1_000_000
-  );
+    (t.input * input + t.output * output + t.cacheCreate * input * CACHE_WRITE_MULTIPLIER + t.cacheRead * input * CACHE_READ_MULTIPLIER) / 1_000_000
+  )
 }
diff --git a/server/processes.ts b/server/processes.ts
index 2e65574..e708e06 100644
--- a/server/processes.ts
+++ b/server/processes.ts
@@ -10,19 +10,19 @@
 // `buildProcessList` et `killOrder` sont des fonctions pures, et c'est sur elles
 // que portent les tests. Seul `enumerate` parle à la plateforme.
 
-import { execFile } from 'node:child_process';
-import { promisify } from 'node:util';
-import type { ClaudeProcess, ClaudeProcessKind, ProcessList } from '../shared/processes.ts';
-import { alive, listSessions, type SessionInfo } from './maintenance.ts';
+import { execFile } from 'node:child_process'
+import { promisify } from 'node:util'
+import type { ClaudeProcess, ClaudeProcessKind, ProcessList } from '../shared/processes.ts'
+import { alive, listSessions, type SessionInfo } from './maintenance.ts'
 
-const run = promisify(execFile);
+const run = promisify(execFile)
 
 /** Ce que la plateforme sait dire d'un processus, avant toute interprétation. */
 export interface RawProcess {
-  pid: number;
-  ppid: number;
-  command: string;
-  startedAt?: number;
+  pid: number
+  ppid: number
+  command: string
+  startedAt?: number
 }
 
 /**
@@ -32,7 +32,7 @@ export interface RawProcess {
  * transporter un prompt entier — certaines lignes du SDK dépassent le millier de
  * caractères, et rien à l'écran n'en montrerait la fin.
  */
-const COMMAND_MAX = 300;
+const COMMAND_MAX = 300
 
 /**
  * Le délai au-delà duquel on renonce à énumérer.
@@ -41,7 +41,7 @@ const COMMAND_MAX = 300;
  * requête WMI un peu plus. Cinq secondes laissent une marge confortable à une
  * machine chargée, tout en évitant qu'un écran de maintenance reste suspendu.
  */
-const ENUMERATE_TIMEOUT_MS = 5_000;
+const ENUMERATE_TIMEOUT_MS = 5_000
 
 /**
  * L'énumération Windows.
@@ -67,10 +67,10 @@ Get-CimInstance Win32_Process -Filter "Name='claude.exe' OR Name='node.exe'" |
       cmd     = $_.CommandLine
     }
   } | ConvertTo-Json -Compress
-`;
+`
 
-const num = (v: unknown): number => (typeof v === 'number' && Number.isFinite(v) ? v : 0);
-const text = (v: unknown): string => (typeof v === 'string' ? v : '');
+const num = (v: unknown): number => (typeof v === 'number' && Number.isFinite(v) ? v : 0)
+const text = (v: unknown): string => (typeof v === 'string' ? v : '')
 
 /**
  * Énumère les processus, ou rend `null` si la plateforme ne s'y prête pas.
@@ -81,36 +81,36 @@ const text = (v: unknown): string => (typeof v === 'string' ? v : '');
  */
 export async function enumerate(): Promise<RawProcess[] | null> {
   try {
-    return process.platform === 'win32' ? await enumerateWindows() : await enumeratePosix();
+    return process.platform === 'win32' ? await enumerateWindows() : await enumeratePosix()
   } catch {
-    return null;
+    return null
   }
 }
 
 async function enumerateWindows(): Promise<RawProcess[]> {
-  const { stdout } = await run(
-    'powershell.exe',
-    ['-NoProfile', '-NonInteractive', '-Command', WINDOWS_SCRIPT],
-    { timeout: ENUMERATE_TIMEOUT_MS, maxBuffer: 4 * 1024 * 1024, windowsHide: true },
-  );
+  const { stdout } = await run('powershell.exe', ['-NoProfile', '-NonInteractive', '-Command', WINDOWS_SCRIPT], {
+    timeout: ENUMERATE_TIMEOUT_MS,
+    maxBuffer: 4 * 1024 * 1024,
+    windowsHide: true,
+  })
 
-  const trimmed = stdout.trim();
-  if (!trimmed) return [];
-  const parsed: unknown = JSON.parse(trimmed);
+  const trimmed = stdout.trim()
+  if (!trimmed) return []
+  const parsed: unknown = JSON.parse(trimmed)
   // `ConvertTo-Json` rend un objet nu quand il n'y a qu'un résultat, un tableau
   // au-delà. Les deux arrivent en pratique — un poste où seul AURA tourne.
-  const rows: unknown[] = Array.isArray(parsed) ? parsed : [parsed];
+  const rows: unknown[] = Array.isArray(parsed) ? parsed : [parsed]
 
   return rows.map((row) => {
-    const r = (row ?? {}) as Record<string, unknown>;
-    const started = num(r.started);
+    const r = (row ?? {}) as Record<string, unknown>
+    const started = num(r.started)
     return {
       pid: num(r.pid),
       ppid: num(r.ppid),
       command: text(r.cmd),
       ...(started ? { startedAt: started } : {}),
-    };
-  });
+    }
+  })
 }
 
 /**
@@ -125,15 +125,15 @@ async function enumeratePosix(): Promise<RawProcess[]> {
   const { stdout } = await run('ps', ['-Ao', 'pid=,ppid=,args='], {
     timeout: ENUMERATE_TIMEOUT_MS,
     maxBuffer: 4 * 1024 * 1024,
-  });
+  })
 
-  const out: RawProcess[] = [];
+  const out: RawProcess[] = []
   for (const line of stdout.split('\n')) {
-    const m = /^\s*(\d+)\s+(\d+)\s+(.*)$/.exec(line);
-    if (!m) continue;
-    out.push({ pid: Number(m[1]), ppid: Number(m[2]), command: (m[3] ?? '').trim() });
+    const m = /^\s*(\d+)\s+(\d+)\s+(.*)$/.exec(line)
+    if (!m) continue
+    out.push({ pid: Number(m[1]), ppid: Number(m[2]), command: (m[3] ?? '').trim() })
   }
-  return out;
+  return out
 }
 
 /** Ce qui trahit un rôle dans une ligne de commande. */
@@ -141,12 +141,12 @@ const MARKERS: { needle: string; kind: ClaudeProcessKind }[] = [
   { needle: '--chrome-native-host', kind: 'native-host' },
   { needle: '--bg-pty-host', kind: 'pty-host' },
   { needle: 'daemon run', kind: 'daemon' },
-];
+]
 
 /** Le binaire que le SDK embarque, et qu'il lance pour une session d'Atelier. */
-const SDK_BINARY = /node_modules[\\/]@anthropic-ai[\\/]claude-agent-sdk/i;
+const SDK_BINARY = /node_modules[\\/]@anthropic-ai[\\/]claude-agent-sdk/i
 
-const mentionsClaude = (command: string): boolean => /claude/i.test(command);
+const mentionsClaude = (command: string): boolean => /claude/i.test(command)
 
 /**
  * Le PID que le daemon dit avoir eu pour lanceur.
@@ -159,8 +159,8 @@ const mentionsClaude = (command: string): boolean => /claude/i.test(command);
  * `0` quand la ligne ne dit rien, ce qui est le cas de tout le reste.
  */
 export function spawnedByPid(command: string): number {
-  const m = /--spawned-by[\s\S]*?pid\\?"\s*:\s*(\d+)/.exec(command);
-  return m ? Number(m[1]) : 0;
+  const m = /--spawned-by[\s\S]*?pid\\?"\s*:\s*(\d+)/.exec(command)
+  return m ? Number(m[1]) : 0
 }
 
 /**
@@ -171,26 +171,22 @@ export function spawnedByPid(command: string): number {
  * l'enfant d'un hôte de pseudo-terminal est un job. Les marqueurs textuels ne
  * servent qu'à ce que la parenté ne dit pas.
  */
-function classify(
-  p: RawProcess,
-  selfPid: number,
-  byPid: Map<number, RawProcess>,
-): ClaudeProcessKind {
-  if (p.pid === selfPid) return 'aura';
+function classify(p: RawProcess, selfPid: number, byPid: Map<number, RawProcess>): ClaudeProcessKind {
+  if (p.pid === selfPid) return 'aura'
 
   for (const { needle, kind } of MARKERS) {
-    if (p.command.includes(needle)) return kind;
+    if (p.command.includes(needle)) return kind
   }
 
-  if (p.ppid === selfPid || SDK_BINARY.test(p.command)) return 'atelier';
+  if (p.ppid === selfPid || SDK_BINARY.test(p.command)) return 'atelier'
 
-  const parent = byPid.get(p.ppid);
-  if (parent?.command.includes('--bg-pty-host')) return 'bg-job';
+  const parent = byPid.get(p.ppid)
+  if (parent?.command.includes('--bg-pty-host')) return 'bg-job'
   // Un job dont l'hôte est déjà tombé : la ligne le dit encore. Une session
   // ouverte à la main n'a jamais d'identifiant imposé.
-  if (p.command.includes('--session-id')) return 'bg-job';
+  if (p.command.includes('--session-id')) return 'bg-job'
 
-  return mentionsClaude(p.command) ? 'interactive' : 'other';
+  return mentionsClaude(p.command) ? 'interactive' : 'other'
 }
 
 /**
@@ -201,9 +197,9 @@ function classify(
  * tout le reste, le parent réel fait foi.
  */
 function isOrphan(p: RawProcess, isAlive: (pid: number) => boolean): boolean {
-  const origin = spawnedByPid(p.command);
-  if (origin) return !isAlive(origin);
-  return p.ppid > 0 && !isAlive(p.ppid);
+  const origin = spawnedByPid(p.command)
+  if (origin) return !isAlive(origin)
+  return p.ppid > 0 && !isAlive(p.ppid)
 }
 
 /**
@@ -224,13 +220,13 @@ export function buildProcessList(
   sessions: SessionInfo[] = [],
   isAlive: (pid: number) => boolean = alive,
 ): ClaudeProcess[] {
-  const all = new Map(raw.map((p) => [p.pid, p]));
-  const byPid = new Map(sessions.filter((s) => s.pid).map((s) => [s.pid as number, s]));
+  const all = new Map(raw.map((p) => [p.pid, p]))
+  const byPid = new Map(sessions.filter((s) => s.pid).map((s) => [s.pid as number, s]))
 
   return raw
     .filter((p) => p.pid === selfPid || mentionsClaude(p.command))
     .map((p) => {
-      const session = byPid.get(p.pid);
+      const session = byPid.get(p.pid)
       return {
         pid: p.pid,
         ppid: p.ppid,
@@ -247,9 +243,9 @@ export function buildProcessList(
               ...(session.status ? { status: session.status } : {}),
             }
           : {}),
-      };
+      }
     })
-    .sort((a, b) => (a.startedAt ?? 0) - (b.startedAt ?? 0) || a.pid - b.pid);
+    .sort((a, b) => (a.startedAt ?? 0) - (b.startedAt ?? 0) || a.pid - b.pid)
 }
 
 /**
@@ -264,41 +260,41 @@ export function buildProcessList(
  * protège du cycle qu'un PID recyclé pourrait former.
  */
 export function killOrder(pid: number, descendants: boolean, procs: ClaudeProcess[]): number[] {
-  if (!descendants) return [pid];
+  if (!descendants) return [pid]
 
-  const children = new Map<number, number[]>();
+  const children = new Map<number, number[]>()
   for (const p of procs) {
-    if (p.ppid === p.pid) continue;
-    children.set(p.ppid, [...(children.get(p.ppid) ?? []), p.pid]);
+    if (p.ppid === p.pid) continue
+    children.set(p.ppid, [...(children.get(p.ppid) ?? []), p.pid])
   }
 
-  const order: number[] = [];
-  const seen = new Set<number>();
-  const queue = [pid];
+  const order: number[] = []
+  const seen = new Set<number>()
+  const queue = [pid]
   while (queue.length) {
-    const current = queue.shift() as number;
-    if (seen.has(current)) continue;
-    seen.add(current);
-    order.push(current);
-    queue.push(...(children.get(current) ?? []));
+    const current = queue.shift() as number
+    if (seen.has(current)) continue
+    seen.add(current)
+    order.push(current)
+    queue.push(...(children.get(current) ?? []))
   }
-  return order;
+  return order
 }
 
 /** La liste complète, enrichie de ce que les fichiers de session savent. */
 export async function listClaudeProcesses(): Promise<ProcessList> {
-  const raw = await enumerate();
-  if (!raw) return { processes: [], unsupported: true };
+  const raw = await enumerate()
+  if (!raw) return { processes: [], unsupported: true }
 
   // Les fichiers de session ne sont pas indispensables : sans eux la liste perd
   // les noms, pas les processus.
-  let sessions: SessionInfo[] = [];
+  let sessions: SessionInfo[] = []
   try {
-    sessions = await listSessions();
+    sessions = await listSessions()
   } catch {
     /* la liste vaut sans les noms */
   }
-  return { processes: buildProcessList(raw, process.pid, sessions) };
+  return { processes: buildProcessList(raw, process.pid, sessions) }
 }
 
 /**
@@ -310,14 +306,14 @@ export async function listClaudeProcesses(): Promise<ProcessList> {
  * soit précisément l'état qu'on venait défaire.
  */
 export function killTree(pid: number, descendants: boolean, procs: ClaudeProcess[]): number[] {
-  const killed: number[] = [];
+  const killed: number[] = []
   for (const target of killOrder(pid, descendants, procs)) {
     try {
-      process.kill(target, 'SIGKILL');
-      killed.push(target);
+      process.kill(target, 'SIGKILL')
+      killed.push(target)
     } catch {
       /* déjà parti, ou hors de portée */
     }
   }
-  return killed;
+  return killed
 }
diff --git a/server/project-folders.ts b/server/project-folders.ts
index cacc7b1..15b66c8 100644
--- a/server/project-folders.ts
+++ b/server/project-folders.ts
@@ -24,10 +24,10 @@
 // situés sous la racine du projet. Un chemin arbitraire du disque, lui, reste
 // hors d'atteinte.
 
-import { readdir, stat } from 'node:fs/promises';
-import { join, sep } from 'node:path';
-import { canonicalPath } from './claude/paths.ts';
-import type { FolderCandidate, IncludedFolder, ResourceNode } from '../shared/projects.ts';
+import { readdir, stat } from 'node:fs/promises'
+import { join, sep } from 'node:path'
+import type { FolderCandidate, IncludedFolder, ResourceNode } from '../shared/projects.ts'
+import { canonicalPath } from './claude/paths.ts'
 
 /**
  * Ce qu'un dossier inclus donne à lire. Des documents, et rien d'autre.
@@ -35,16 +35,16 @@ import type { FolderCandidate, IncludedFolder, ResourceNode } from '../shared/pr
  * La fonctionnalité existe pour de la documentation ; élargir aux sources ferait
  * de l'arbre un explorateur de fichiers, où les documents se perdraient.
  */
-export const DOC_FILE = /\.(md|markdown|txt|rst)$/i;
+export const DOC_FILE = /\.(md|markdown|txt|rst)$/i
 
 // Mêmes bornes que le parcours des CLAUDE.md : un dossier inclus peut se révéler
 // être une arborescence entière, et une requête ne doit jamais y disparaître.
-const MAX_DEPTH = 6;
-const MAX_DIRS = 2000;
+const MAX_DEPTH = 6
+const MAX_DIRS = 2000
 // Le sélecteur ne propose pas l'arbre entier : au-delà de trois niveaux, on ne
 // range plus de la documentation, on explore du code.
-const CANDIDATE_MAX_DEPTH = 3;
-const CANDIDATE_MAX = 200;
+const CANDIDATE_MAX_DEPTH = 3
+const CANDIDATE_MAX = 200
 
 /**
  * Un chemin de dossier tel qu'on l'accepte, ou `null`.
@@ -56,15 +56,15 @@ const CANDIDATE_MAX = 200;
 export function normalizeFolderRel(rel: string): string | null {
   const posix = String(rel ?? '')
     .replace(/\\/g, '/')
-    .trim();
-  if (!posix || posix.startsWith('/') || /^[a-z]:/i.test(posix)) return null;
-  const parts = posix.split('/').filter((p) => p !== '');
-  if (!parts.length) return null;
-  if (parts.some((p) => p === '.' || p === '..')) return null;
+    .trim()
+  if (!posix || posix.startsWith('/') || /^[a-z]:/i.test(posix)) return null
+  const parts = posix.split('/').filter((p) => p !== '')
+  if (!parts.length) return null
+  if (parts.some((p) => p === '.' || p === '..')) return null
   // `.claude` est déjà inventorié par ailleurs, et l'y inclure ferait deux
   // arbres pour les mêmes fichiers.
-  if (parts[0] === '.claude') return null;
-  return parts.join('/');
+  if (parts[0] === '.claude') return null
+  return parts.join('/')
 }
 
 /**
@@ -79,9 +79,9 @@ export function normalizeFolderRel(rel: string): string | null {
  * et la casse de Windows suffirait à rendre le préfixe faux.
  */
 function resolveInside(root: string, rel: string): string | null {
-  const base = canonicalPath(root).replace(new RegExp(`\\${sep}+$`), '');
-  const abs = canonicalPath(join(base, rel.split('/').join(sep)));
-  return abs.toLowerCase().startsWith((base + sep).toLowerCase()) ? abs : null;
+  const base = canonicalPath(root).replace(new RegExp(`\\${sep}+$`), '')
+  const abs = canonicalPath(join(base, rel.split('/').join(sep)))
+  return abs.toLowerCase().startsWith((base + sep).toLowerCase()) ? abs : null
 }
 
 /**
@@ -92,14 +92,14 @@ function resolveInside(root: string, rel: string): string | null {
  * ignoré en silence.
  */
 export function sanitizeFolders(raw: unknown): string[] {
-  if (!Array.isArray(raw)) return [];
-  const out = new Set<string>();
+  if (!Array.isArray(raw)) return []
+  const out = new Set<string>()
   for (const entry of raw) {
-    if (typeof entry !== 'string') continue;
-    const rel = normalizeFolderRel(entry);
-    if (rel) out.add(rel);
+    if (typeof entry !== 'string') continue
+    const rel = normalizeFolderRel(entry)
+    if (rel) out.add(rel)
   }
-  return [...out].sort((a, b) => a.localeCompare(b));
+  return [...out].sort((a, b) => a.localeCompare(b))
 }
 
 /**
@@ -111,44 +111,42 @@ export function sanitizeFolders(raw: unknown): string[] {
  * atteindre que ce que vous avez ouvert.
  */
 export function resolveIncludedFile(root: string, rel: string, folders: string[]): string | null {
-  const clean = normalizeFolderRel(rel);
-  if (!clean || !DOC_FILE.test(clean)) return null;
-  if (!folders.some((f) => clean.startsWith(`${f}/`))) return null;
-  return resolveInside(root, clean);
+  const clean = normalizeFolderRel(rel)
+  if (!clean || !DOC_FILE.test(clean)) return null
+  if (!folders.some((f) => clean.startsWith(`${f}/`))) return null
+  return resolveInside(root, clean)
 }
 
 /** Les documents d'un dossier inclus, en profondeur et sous bornes. */
 async function walkFolder(root: string, folder: string): Promise<ResourceNode[]> {
-  const start = resolveInside(root, folder);
-  if (!start) return [];
-  const out: ResourceNode[] = [];
-  const stack: { dir: string; rel: string; depth: number }[] = [
-    { dir: start, rel: folder, depth: 0 },
-  ];
-  let visited = 0;
+  const start = resolveInside(root, folder)
+  if (!start) return []
+  const out: ResourceNode[] = []
+  const stack: { dir: string; rel: string; depth: number }[] = [{ dir: start, rel: folder, depth: 0 }]
+  let visited = 0
   while (stack.length && visited < MAX_DIRS) {
-    const { dir, rel, depth } = stack.pop() as { dir: string; rel: string; depth: number };
-    visited++;
-    let entries;
+    const { dir, rel, depth } = stack.pop() as { dir: string; rel: string; depth: number }
+    visited++
+    let entries
     try {
-      entries = await readdir(dir, { withFileTypes: true });
+      entries = await readdir(dir, { withFileTypes: true })
     } catch {
-      continue;
+      continue
     }
     for (const e of entries) {
-      const childRel = `${rel}/${e.name}`;
+      const childRel = `${rel}/${e.name}`
       if (e.isDirectory()) {
-        if (depth + 1 > MAX_DEPTH) continue;
-        stack.push({ dir: join(dir, e.name), rel: childRel, depth: depth + 1 });
-        continue;
+        if (depth + 1 > MAX_DEPTH) continue
+        stack.push({ dir: join(dir, e.name), rel: childRel, depth: depth + 1 })
+        continue
       }
-      if (!DOC_FILE.test(e.name)) continue;
-      let size = 0;
-      let mtime = 0;
+      if (!DOC_FILE.test(e.name)) continue
+      let size = 0
+      let mtime = 0
       try {
-        const s = await stat(join(dir, e.name));
-        size = s.size;
-        mtime = s.mtimeMs;
+        const s = await stat(join(dir, e.name))
+        size = s.size
+        mtime = s.mtimeMs
       } catch {
         /* skip stat */
       }
@@ -160,10 +158,10 @@ async function walkFolder(root: string, folder: string): Promise<ResourceNode[]>
         description: '',
         size,
         mtime,
-      });
+      })
     }
   }
-  return out.sort((a, b) => a.rel.localeCompare(b.rel));
+  return out.sort((a, b) => a.rel.localeCompare(b.rel))
 }
 
 /**
@@ -172,12 +170,9 @@ async function walkFolder(root: string, folder: string): Promise<ResourceNode[]>
  * Un dossier disparu du disque rend un groupe vide plutôt que rien : sans cela
  * il s'effacerait de l'écran sans qu'on puisse le retirer de la liste.
  */
-export async function listIncludedFolders(
-  root: string,
-  folders: string[],
-): Promise<IncludedFolder[]> {
-  if (!root || !folders.length) return [];
-  return Promise.all(folders.map(async (rel) => ({ rel, files: await walkFolder(root, rel) })));
+export async function listIncludedFolders(root: string, folders: string[]): Promise<IncludedFolder[]> {
+  if (!root || !folders.length) return []
+  return Promise.all(folders.map(async (rel) => ({ rel, files: await walkFolder(root, rel) })))
 }
 
 /**
@@ -188,42 +183,38 @@ export async function listIncludedFolders(
  * sous-dossiers paraîtrait vide. `heavy` reçoit la liste des dossiers qu'on ne
  * traverse jamais (`node_modules`, `.git`…), que `projects.ts` tient déjà.
  */
-export async function folderCandidates(
-  root: string,
-  heavy: Set<string>,
-  included: string[],
-): Promise<FolderCandidate[]> {
-  if (!root) return [];
-  const docs = new Map<string, number>();
-  const stack: { dir: string; rel: string; depth: number }[] = [{ dir: root, rel: '', depth: 0 }];
-  let visited = 0;
+export async function folderCandidates(root: string, heavy: Set<string>, included: string[]): Promise<FolderCandidate[]> {
+  if (!root) return []
+  const docs = new Map<string, number>()
+  const stack: { dir: string; rel: string; depth: number }[] = [{ dir: root, rel: '', depth: 0 }]
+  let visited = 0
   while (stack.length && visited < MAX_DIRS) {
-    const { dir, rel, depth } = stack.pop() as { dir: string; rel: string; depth: number };
-    visited++;
-    let entries;
+    const { dir, rel, depth } = stack.pop() as { dir: string; rel: string; depth: number }
+    visited++
+    let entries
     try {
-      entries = await readdir(dir, { withFileTypes: true });
+      entries = await readdir(dir, { withFileTypes: true })
     } catch {
-      continue;
+      continue
     }
     for (const e of entries) {
       if (e.isDirectory()) {
-        if (depth + 1 > MAX_DEPTH) continue;
-        if (heavy.has(e.name.toLowerCase())) continue;
+        if (depth + 1 > MAX_DEPTH) continue
+        if (heavy.has(e.name.toLowerCase())) continue
         stack.push({
           dir: join(dir, e.name),
           rel: rel ? `${rel}/${e.name}` : e.name,
           depth: depth + 1,
-        });
-        continue;
+        })
+        continue
       }
       // Un document de la racine n'appartient à aucun dossier proposable.
-      if (!rel || !DOC_FILE.test(e.name)) continue;
+      if (!rel || !DOC_FILE.test(e.name)) continue
       // Le document compte pour son dossier et pour chacun de ses parents.
-      const parts = rel.split('/');
+      const parts = rel.split('/')
       for (let i = 1; i <= parts.length; i++) {
-        const key = parts.slice(0, i).join('/');
-        docs.set(key, (docs.get(key) ?? 0) + 1);
+        const key = parts.slice(0, i).join('/')
+        docs.set(key, (docs.get(key) ?? 0) + 1)
       }
     }
   }
@@ -232,5 +223,5 @@ export async function folderCandidates(
     .filter(([rel]) => rel.split('/').length <= CANDIDATE_MAX_DEPTH)
     .map(([rel, count]) => ({ rel, docs: count, included: included.includes(rel) }))
     .sort((a, b) => b.docs - a.docs || a.rel.localeCompare(b.rel))
-    .slice(0, CANDIDATE_MAX);
+    .slice(0, CANDIDATE_MAX)
 }
diff --git a/server/projects.ts b/server/projects.ts
index d078f09..531b5c7 100644
--- a/server/projects.ts
+++ b/server/projects.ts
@@ -15,30 +15,9 @@
 // an arbitrary folder. Within .claude we still guard against `..` escapes and
 // hide credential-like files.
 
-import { readFile, readdir, stat } from 'node:fs/promises';
-import { t } from './i18n/index.ts';
-import { existsSync } from 'node:fs';
-import { join, normalize, sep, basename, relative } from 'node:path';
-import { loadEnv } from './env';
-import { canonicalPath } from './claude/paths.ts';
-import { realProjectPaths, listPlans, type PlanEntry } from './maintenance';
-import { str } from './json.ts';
-import { parseFrontmatter } from './claude/frontmatter';
-import { eachImage } from './transcript';
-import {
-  listTranscripts,
-  readTranscriptCached,
-  type CachedTranscript,
-} from './transcript-cache.ts';
-import { getSignals, type SessionSignal } from './diagnostics/index.ts';
-import { includedFoldersOf } from './preferences.ts';
-import {
-  folderCandidates,
-  listIncludedFolders,
-  resolveIncludedFile,
-  sanitizeFolders,
-} from './project-folders.ts';
-import type { SessionMetrics, TranscriptSummary } from '../shared/transcript.ts';
+import { existsSync } from 'node:fs'
+import { readFile, readdir, stat } from 'node:fs/promises'
+import { join, normalize, sep, basename, relative } from 'node:path'
 import type {
   FolderCandidate,
   HookEntry,
@@ -48,26 +27,29 @@ import type {
   ProjectSummary,
   ResourceCategory,
   ResourceNode,
-} from '../shared/projects.ts';
-
-export type {
-  FolderCandidate,
-  HookEntry,
-  IncludedFolder,
-  ProjectDetail,
-  ProjectResources,
-  ProjectSummary,
-  ResourceCategory,
-  ResourceNode,
-};
-
-const CLAUDE_DIR = loadEnv().claudeDir;
-const PROJECTS_DIR = join(CLAUDE_DIR, 'projects');
+} from '../shared/projects.ts'
+import type { SessionMetrics, TranscriptSummary } from '../shared/transcript.ts'
+import { parseFrontmatter } from './claude/frontmatter'
+import { canonicalPath } from './claude/paths.ts'
+import { getSignals, type SessionSignal } from './diagnostics/index.ts'
+import { loadEnv } from './env'
+import { t } from './i18n/index.ts'
+import { str } from './json.ts'
+import { realProjectPaths, listPlans, type PlanEntry } from './maintenance'
+import { includedFoldersOf } from './preferences.ts'
+import { folderCandidates, listIncludedFolders, resolveIncludedFile, sanitizeFolders } from './project-folders.ts'
+import { eachImage } from './transcript'
+import { listTranscripts, readTranscriptCached, type CachedTranscript } from './transcript-cache.ts'
+
+export type { FolderCandidate, HookEntry, IncludedFolder, ProjectDetail, ProjectResources, ProjectSummary, ResourceCategory, ResourceNode }
+
+const CLAUDE_DIR = loadEnv().claudeDir
+const PROJECTS_DIR = join(CLAUDE_DIR, 'projects')
 
 // Files we never expose even in read-only mode. Exported because the Workshop's
 // `@` completion applies the same rule: a path we would refuse to read is not a
 // path we offer to type.
-export const SECRET = /(^\.credentials|credential|\.env(\.|$)|secret|\.key$|\.pem$)/i;
+export const SECRET = /(^\.credentials|credential|\.env(\.|$)|secret|\.key$|\.pem$)/i
 
 // Les fichiers qu'un projet porte hors de `.claude`, et les seuls que ce module
 // accepte d'ouvrir dans l'arborescence des sources. Tout est matché sans tenir
@@ -81,12 +63,11 @@ export const SECRET = /(^\.credentials|credential|\.env(\.|$)|secret|\.key$|\.pe
 //   - `repo` — les documents que tout dépôt porte. Un README de sous-dossier n'a
 //     pas ce statut : dans un monorepo, la liste ne finirait pas. D'où la racine
 //     seule, plus les gabarits de `.github/`, dont le chemin est fixe.
-const AGENT_INSTRUCTION_FILE = /^(CLAUDE|AGENTS|GEMINI)\.md$|^\.(cursorrules|windsurfrules)$/i;
-const COPILOT_INSTRUCTIONS = /^\.github\/copilot-instructions\.md$/i;
+const AGENT_INSTRUCTION_FILE = /^(CLAUDE|AGENTS|GEMINI)\.md$|^\.(cursorrules|windsurfrules)$/i
+const COPILOT_INSTRUCTIONS = /^\.github\/copilot-instructions\.md$/i
 const REPO_DOC_FILE =
-  /^(README|CONTRIBUTING|CHANGELOG|HISTORY|SECURITY|CODE_OF_CONDUCT|ARCHITECTURE|SUPPORT|GOVERNANCE|MAINTAINERS|AUTHORS|CONTRIBUTORS|INSTALL|UPGRADING|UPGRADE|MIGRATING|MIGRATION|ROADMAP|TODO|LICENSE|LICENCE|COPYING|NOTICE)(\.(md|markdown|rst|txt))?$/i;
-const GITHUB_TEMPLATE =
-  /^\.github\/(PULL_REQUEST_TEMPLATE\.md|(PULL_REQUEST_TEMPLATE|ISSUE_TEMPLATE)\/[^/]+\.(md|ya?ml))$/i;
+  /^(README|CONTRIBUTING|CHANGELOG|HISTORY|SECURITY|CODE_OF_CONDUCT|ARCHITECTURE|SUPPORT|GOVERNANCE|MAINTAINERS|AUTHORS|CONTRIBUTORS|INSTALL|UPGRADING|UPGRADE|MIGRATING|MIGRATION|ROADMAP|TODO|LICENSE|LICENCE|COPYING|NOTICE)(\.(md|markdown|rst|txt))?$/i
+const GITHUB_TEMPLATE = /^\.github\/(PULL_REQUEST_TEMPLATE\.md|(PULL_REQUEST_TEMPLATE|ISSUE_TEMPLATE)\/[^/]+\.(md|ya?ml))$/i
 
 /**
  * De quelle famille relève un chemin de l'arborescence des sources, ou `null`
@@ -104,12 +85,12 @@ const GITHUB_TEMPLATE =
  * préfixe côté lecture.
  */
 export function sourceFileKind(rel: string): 'memory' | 'repo' | null {
-  const name = rel.slice(rel.lastIndexOf('/') + 1);
-  if (AGENT_INSTRUCTION_FILE.test(name)) return 'memory';
-  if (COPILOT_INSTRUCTIONS.test(rel)) return 'memory';
-  if (GITHUB_TEMPLATE.test(rel)) return 'repo';
-  if (!rel.includes('/') && REPO_DOC_FILE.test(name)) return 'repo';
-  return null;
+  const name = rel.slice(rel.lastIndexOf('/') + 1)
+  if (AGENT_INSTRUCTION_FILE.test(name)) return 'memory'
+  if (COPILOT_INSTRUCTIONS.test(rel)) return 'memory'
+  if (GITHUB_TEMPLATE.test(rel)) return 'repo'
+  if (!rel.includes('/') && REPO_DOC_FILE.test(name)) return 'repo'
+  return null
 }
 
 // Scanning a whole source tree is the one place this module touches something
@@ -146,67 +127,67 @@ export const HEAVY_DIRS = new Set([
   '.gradle',
   '.idea',
   '.vscode',
-]);
-const MEMORY_MAX_DEPTH = 6;
-const MEMORY_MAX_DIRS = 4000;
+])
+const MEMORY_MAX_DEPTH = 6
+const MEMORY_MAX_DIRS = 4000
 
 export class ProjectError extends Error {
   constructor(
     message: string,
     readonly code: 'not-found' | 'no-source' | 'escape' | 'denied' = 'not-found',
   ) {
-    super(message);
+    super(message)
   }
 }
 
 function isSlugSafe(slug: string): boolean {
-  return Boolean(slug) && slug !== '.' && !slug.includes('..') && !/[\\/]/.test(slug);
+  return Boolean(slug) && slug !== '.' && !slug.includes('..') && !/[\\/]/.test(slug)
 }
 
 async function dirSize(abs: string): Promise<number> {
-  if (!existsSync(abs)) return 0;
-  let total = 0;
-  const stack = [abs];
+  if (!existsSync(abs)) return 0
+  let total = 0
+  const stack = [abs]
   while (stack.length) {
-    const d = stack.pop() as string;
-    let entries;
+    const d = stack.pop() as string
+    let entries
     try {
-      entries = await readdir(d, { withFileTypes: true });
+      entries = await readdir(d, { withFileTypes: true })
     } catch {
-      continue;
+      continue
     }
     for (const e of entries) {
-      const p = join(d, e.name);
-      if (e.isDirectory()) stack.push(p);
+      const p = join(d, e.name)
+      if (e.isDirectory()) stack.push(p)
       else
         try {
-          total += (await stat(p)).size;
+          total += (await stat(p)).size
         } catch {
           /* skip */
         }
     }
   }
-  return total;
+  return total
 }
 
 // ── Summaries ────────────────────────────────────────────────────────────────
 
 export async function listProjects(): Promise<ProjectSummary[]> {
-  if (!existsSync(PROJECTS_DIR)) return [];
-  const realPaths = await realProjectPaths();
-  const out: ProjectSummary[] = [];
+  if (!existsSync(PROJECTS_DIR)) return []
+  const realPaths = await realProjectPaths()
+  const out: ProjectSummary[] = []
   for (const d of await readdir(PROJECTS_DIR, { withFileTypes: true })) {
-    if (!d.isDirectory()) continue;
-    const abs = join(PROJECTS_DIR, d.name);
-    let sessions = 0;
-    let lastActivity = 0;
+    if (!d.isDirectory()) continue
+    const abs = join(PROJECTS_DIR, d.name)
+    let sessions = 0
+    let lastActivity = 0
     try {
       for (const f of await readdir(abs, { withFileTypes: true })) {
         if (f.isFile() && f.name.endsWith('.jsonl')) {
-          sessions++;
+          sessions++
           try {
-            const m = (await stat(join(abs, f.name))).mtimeMs;
-            if (m > lastActivity) lastActivity = m;
+            const m = (await stat(join(abs, f.name))).mtimeMs
+            if (m > lastActivity) lastActivity = m
           } catch {
             /* skip */
           }
@@ -215,7 +196,7 @@ export async function listProjects(): Promise<ProjectSummary[]> {
     } catch {
       /* ignore */
     }
-    const realPath = realPaths.get(d.name.toLowerCase()) ?? '';
+    const realPath = realPaths.get(d.name.toLowerCase()) ?? ''
     out.push({
       slug: d.name,
       path: realPath,
@@ -224,101 +205,100 @@ export async function listProjects(): Promise<ProjectSummary[]> {
       sessions,
       lastActivity,
       hasClaudeDir: realPath ? existsSync(join(realPath, '.claude')) : false,
-    });
+    })
   }
-  return out.sort((a, b) => b.lastActivity - a.lastActivity);
+  return out.sort((a, b) => b.lastActivity - a.lastActivity)
 }
 
 // ── Source .claude inventory ─────────────────────────────────────────────────
 
 /** Resolve a slug to its real source path via the trusted map, or throw. */
 async function sourceRootOf(slug: string): Promise<string> {
-  if (!isSlugSafe(slug)) throw new ProjectError('Slug de projet invalide.', 'escape');
-  const realPaths = await realProjectPaths();
-  const root = realPaths.get(slug.toLowerCase());
-  if (!root) throw new ProjectError('Chemin source du projet inconnu.', 'no-source');
-  return root;
+  if (!isSlugSafe(slug)) throw new ProjectError('Slug de projet invalide.', 'escape')
+  const realPaths = await realProjectPaths()
+  const root = realPaths.get(slug.toLowerCase())
+  if (!root) throw new ProjectError('Chemin source du projet inconnu.', 'no-source')
+  return root
 }
 
 /** Resolve a slug to its source .claude root, or throw. */
 async function claudeRootOf(slug: string): Promise<string> {
-  const claudeRoot = join(await sourceRootOf(slug), '.claude');
-  if (!existsSync(claudeRoot))
-    throw new ProjectError('Ce projet n’a pas de dossier .claude.', 'no-source');
-  return claudeRoot;
+  const claudeRoot = join(await sourceRootOf(slug), '.claude')
+  if (!existsSync(claudeRoot)) throw new ProjectError('Ce projet n’a pas de dossier .claude.', 'no-source')
+  return claudeRoot
 }
 
 /** Infer a resource category from a path relative to .claude. */
 function categoryOf(rel: string): ResourceCategory {
-  const top = rel.split('/')[0] ?? '';
+  const top = rel.split('/')[0] ?? ''
   switch (top) {
     case 'agents':
-      return 'agents';
+      return 'agents'
     case 'skills':
-      return 'skills';
+      return 'skills'
     case 'commands':
-      return 'commands';
+      return 'commands'
     case 'rules':
-      return 'rules';
+      return 'rules'
     case 'hooks':
-      return 'hooks';
+      return 'hooks'
     case 'docs':
-      return 'docs';
+      return 'docs'
     case 'tools':
-      return 'tools';
+      return 'tools'
     default:
-      break;
+      break
   }
-  if (/^settings(\.local)?\.json$/.test(rel)) return 'settings';
-  if (rel === 'CLAUDE.md' || rel.endsWith('/CLAUDE.md')) return 'memory';
-  return 'other';
+  if (/^settings(\.local)?\.json$/.test(rel)) return 'settings'
+  if (rel === 'CLAUDE.md' || rel.endsWith('/CLAUDE.md')) return 'memory'
+  return 'other'
 }
 
 /** Recursively collect readable files under the source .claude folder. */
 async function walkResources(claudeRoot: string): Promise<ResourceNode[]> {
-  const out: ResourceNode[] = [];
-  const stack = [claudeRoot];
+  const out: ResourceNode[] = []
+  const stack = [claudeRoot]
   while (stack.length) {
-    const dir = stack.pop() as string;
-    let entries;
+    const dir = stack.pop() as string
+    let entries
     try {
-      entries = await readdir(dir, { withFileTypes: true });
+      entries = await readdir(dir, { withFileTypes: true })
     } catch {
-      continue;
+      continue
     }
     for (const e of entries) {
-      if (SECRET.test(e.name)) continue;
-      const abs = join(dir, e.name);
-      const rel = relative(claudeRoot, abs).split(sep).join('/');
+      if (SECRET.test(e.name)) continue
+      const abs = join(dir, e.name)
+      const rel = relative(claudeRoot, abs).split(sep).join('/')
       if (e.isDirectory()) {
-        stack.push(abs);
-        continue;
+        stack.push(abs)
+        continue
       }
-      let size = 0;
-      let mtime = 0;
+      let size = 0
+      let mtime = 0
       try {
-        const s = await stat(abs);
-        size = s.size;
-        mtime = s.mtimeMs;
+        const s = await stat(abs)
+        size = s.size
+        mtime = s.mtimeMs
       } catch {
         /* skip stat */
       }
-      let title = e.name;
-      let description = '';
+      let title = e.name
+      let description = ''
       // Surface frontmatter name/description for markdown resources (cheap, only .md).
       if (e.name.endsWith('.md') && size < 64 * 1024) {
         try {
-          const fm = parseFrontmatter(await readFile(abs, 'utf8'));
-          if (fm.data.name) title = fm.data.name;
-          if (fm.data.description) description = fm.data.description;
+          const fm = parseFrontmatter(await readFile(abs, 'utf8'))
+          if (fm.data.name) title = fm.data.name
+          if (fm.data.description) description = fm.data.description
         } catch {
           /* ignore */
         }
       }
-      out.push({ category: categoryOf(rel), rel, name: e.name, title, description, size, mtime });
+      out.push({ category: categoryOf(rel), rel, name: e.name, title, description, size, mtime })
     }
   }
-  return out.sort((a, b) => a.rel.localeCompare(b.rel));
+  return out.sort((a, b) => a.rel.localeCompare(b.rel))
 }
 
 /**
@@ -334,41 +314,39 @@ async function walkResources(claudeRoot: string): Promise<ResourceNode[]> {
 const EMPTY_SOURCE_TREE: { memories: ResourceNode[]; repoDocs: ResourceNode[] } = {
   memories: [],
   repoDocs: [],
-};
-
-async function walkSourceTree(
-  root: string,
-): Promise<{ memories: ResourceNode[]; repoDocs: ResourceNode[] }> {
-  const memories: ResourceNode[] = [];
-  const repoDocs: ResourceNode[] = [];
-  const stack: { dir: string; depth: number }[] = [{ dir: root, depth: 0 }];
-  let visited = 0;
+}
+
+async function walkSourceTree(root: string): Promise<{ memories: ResourceNode[]; repoDocs: ResourceNode[] }> {
+  const memories: ResourceNode[] = []
+  const repoDocs: ResourceNode[] = []
+  const stack: { dir: string; depth: number }[] = [{ dir: root, depth: 0 }]
+  let visited = 0
   while (stack.length && visited < MEMORY_MAX_DIRS) {
-    const { dir, depth } = stack.pop() as { dir: string; depth: number };
-    visited++;
-    let entries;
+    const { dir, depth } = stack.pop() as { dir: string; depth: number }
+    visited++
+    let entries
     try {
-      entries = await readdir(dir, { withFileTypes: true });
+      entries = await readdir(dir, { withFileTypes: true })
     } catch {
-      continue;
+      continue
     }
     for (const e of entries) {
-      const abs = join(dir, e.name);
+      const abs = join(dir, e.name)
       if (e.isDirectory()) {
-        if (depth + 1 > MEMORY_MAX_DEPTH) continue;
-        if (HEAVY_DIRS.has(e.name.toLowerCase())) continue;
-        stack.push({ dir: abs, depth: depth + 1 });
-        continue;
+        if (depth + 1 > MEMORY_MAX_DEPTH) continue
+        if (HEAVY_DIRS.has(e.name.toLowerCase())) continue
+        stack.push({ dir: abs, depth: depth + 1 })
+        continue
       }
-      const rel = relative(root, abs).split(sep).join('/');
-      const kind = sourceFileKind(rel);
-      if (!kind) continue;
-      let size = 0;
-      let mtime = 0;
+      const rel = relative(root, abs).split(sep).join('/')
+      const kind = sourceFileKind(rel)
+      if (!kind) continue
+      let size = 0
+      let mtime = 0
       try {
-        const s = await stat(abs);
-        size = s.size;
-        mtime = s.mtimeMs;
+        const s = await stat(abs)
+        size = s.size
+        mtime = s.mtimeMs
       } catch {
         /* skip stat */
       }
@@ -380,44 +358,43 @@ async function walkSourceTree(
         description: '',
         size,
         mtime,
-      };
-      (kind === 'memory' ? memories : repoDocs).push(node);
+      }
+      ;(kind === 'memory' ? memories : repoDocs).push(node)
     }
   }
   // Root CLAUDE.md first, then nested ones alphabetically — the order Claude Code
   // itself layers them in.
   memories.sort((a, b) => {
-    const da = a.rel.split('/').length;
-    const db = b.rel.split('/').length;
-    return da === db ? a.rel.localeCompare(b.rel) : da - db;
-  });
+    const da = a.rel.split('/').length
+    const db = b.rel.split('/').length
+    return da === db ? a.rel.localeCompare(b.rel) : da - db
+  })
   // Le README d'abord : c'est la porte d'entrée du dépôt, et l'ordre alphabétique
   // la reléguerait derrière un CHANGELOG que personne ne lit en premier. Les
   // gabarits de `.github/` ferment la liste, étant les seuls à porter un dossier.
-  const rank = (r: ResourceNode): number =>
-    r.rel.includes('/') ? 2 : /^README\b/i.test(r.name) ? 0 : 1;
-  repoDocs.sort((a, b) => rank(a) - rank(b) || a.rel.localeCompare(b.rel));
-  return { memories, repoDocs };
+  const rank = (r: ResourceNode): number => (r.rel.includes('/') ? 2 : /^README\b/i.test(r.name) ? 0 : 1)
+  repoDocs.sort((a, b) => rank(a) - rank(b) || a.rel.localeCompare(b.rel))
+  return { memories, repoDocs }
 }
 
 /** Extract flattened hook entries from settings.json / settings.local.json. */
 async function readHooks(claudeRoot: string): Promise<HookEntry[]> {
-  const out: HookEntry[] = [];
+  const out: HookEntry[] = []
   for (const f of ['settings.json', 'settings.local.json']) {
-    const abs = join(claudeRoot, f);
-    if (!existsSync(abs)) continue;
+    const abs = join(claudeRoot, f)
+    if (!existsSync(abs)) continue
     try {
       const j = JSON.parse(await readFile(abs, 'utf8')) as {
-        hooks?: Record<string, unknown>;
-      };
-      const hooks = j.hooks ?? {};
+        hooks?: Record<string, unknown>
+      }
+      const hooks = j.hooks ?? {}
       for (const [event, matchers] of Object.entries(hooks)) {
-        if (!Array.isArray(matchers)) continue;
+        if (!Array.isArray(matchers)) continue
         for (const m of matchers as Record<string, unknown>[]) {
-          const matcher = str(m.matcher);
-          const list = Array.isArray(m.hooks) ? (m.hooks as Record<string, unknown>[]) : [];
+          const matcher = str(m.matcher)
+          const list = Array.isArray(m.hooks) ? (m.hooks as Record<string, unknown>[]) : []
           for (const h of list) {
-            out.push({ event, matcher, command: str(h.command, str(h.type)) });
+            out.push({ event, matcher, command: str(h.command, str(h.type)) })
           }
         }
       }
@@ -425,7 +402,7 @@ async function readHooks(claudeRoot: string): Promise<HookEntry[]> {
       /* ignore malformed settings */
     }
   }
-  return out;
+  return out
 }
 
 /**
@@ -433,25 +410,22 @@ async function readHooks(claudeRoot: string): Promise<HookEntry[]> {
  * de coût quand il en existe un. Rien d'autre — voir la route qui l'expose.
  */
 export async function listProjectSessions(slug: string): Promise<TranscriptSummary[]> {
-  if (!isSlugSafe(slug)) throw new ProjectError('Slug de projet invalide.', 'escape');
-  const [transcripts, metrics] = await Promise.all([
-    listTranscripts(join(PROJECTS_DIR, slug)),
-    sessionMetrics(),
-  ]);
+  if (!isSlugSafe(slug)) throw new ProjectError('Slug de projet invalide.', 'escape')
+  const [transcripts, metrics] = await Promise.all([listTranscripts(join(PROJECTS_DIR, slug)), sessionMetrics()])
   for (const t of transcripts) {
-    const m = metrics.get(t.id);
-    if (m) t.metrics = m;
+    const m = metrics.get(t.id)
+    if (m) t.metrics = m
   }
-  return transcripts;
+  return transcripts
 }
 
 export async function getProjectDetail(slug: string): Promise<ProjectDetail> {
-  if (!isSlugSafe(slug)) throw new ProjectError('Slug de projet invalide.', 'escape');
-  const realPaths = await realProjectPaths();
-  const root = realPaths.get(slug.toLowerCase()) ?? '';
-  const name = root ? basename(root.replace(/[\\/]+$/, '')) : slug;
-  const claudeRoot = root ? join(root, '.claude') : '';
-  const hasClaudeDir = Boolean(claudeRoot) && existsSync(claudeRoot);
+  if (!isSlugSafe(slug)) throw new ProjectError('Slug de projet invalide.', 'escape')
+  const realPaths = await realProjectPaths()
+  const root = realPaths.get(slug.toLowerCase()) ?? ''
+  const name = root ? basename(root.replace(/[\\/]+$/, '')) : slug
+  const claudeRoot = root ? join(root, '.claude') : ''
+  const hasClaudeDir = Boolean(claudeRoot) && existsSync(claudeRoot)
 
   const [resources, source, folders, hooks, transcripts, metrics] = await Promise.all([
     hasClaudeDir ? walkResources(claudeRoot) : Promise.resolve([] as ResourceNode[]),
@@ -461,11 +435,11 @@ export async function getProjectDetail(slug: string): Promise<ProjectDetail> {
     hasClaudeDir ? readHooks(claudeRoot) : Promise.resolve([] as HookEntry[]),
     listTranscripts(join(PROJECTS_DIR, slug)),
     sessionMetrics(),
-  ]);
+  ])
 
   for (const t of transcripts) {
-    const m = metrics.get(t.id);
-    if (m) t.metrics = m;
+    const m = metrics.get(t.id)
+    if (m) t.metrics = m
   }
 
   return {
@@ -479,13 +453,13 @@ export async function getProjectDetail(slug: string): Promise<ProjectDetail> {
     folders,
     hooks,
     transcripts,
-  };
+  }
 }
 
 /** Ce qu'un `SessionSignal` dit d'une session, réduit à ce que la liste montre. */
 function toMetrics(s: SessionSignal): SessionMetrics {
-  const first = Date.parse(s.firstTs);
-  const last = Date.parse(s.lastTs);
+  const first = Date.parse(s.firstTs)
+  const last = Date.parse(s.lastTs)
   return {
     userTurns: s.userTurns,
     turns: s.turns,
@@ -493,7 +467,7 @@ function toMetrics(s: SessionSignal): SessionMetrics {
     costUsd: s.cost,
     costPartial: s.unpricedModels.length > 0,
     durationMs: first && last && last > first ? last - first : 0,
-  };
+  }
 }
 
 /**
@@ -510,14 +484,14 @@ function toMetrics(s: SessionSignal): SessionMetrics {
  * sessions s'affiche, sans les colonnes de coût.
  */
 async function sessionMetrics(): Promise<Map<string, SessionMetrics>> {
-  const out = new Map<string, SessionMetrics>();
+  const out = new Map<string, SessionMetrics>()
   try {
-    const { signals } = await getSignals();
-    for (const s of signals) out.set(s.sessionId, toMetrics(s));
+    const { signals } = await getSignals()
+    for (const s of signals) out.set(s.sessionId, toMetrics(s))
   } catch {
     /* pas de relevé → pas de métriques, la liste reste bonne */
   }
-  return out;
+  return out
 }
 
 /**
@@ -535,19 +509,19 @@ async function sessionMetrics(): Promise<Map<string, SessionMetrics>> {
  * et ne lisent que le frontmatter des `.md` de moins de 64 Ko.
  */
 export async function getProjectResources(slug: string): Promise<ProjectResources> {
-  if (!isSlugSafe(slug)) throw new ProjectError('Slug de projet invalide.', 'escape');
-  const realPaths = await realProjectPaths();
-  const root = realPaths.get(slug.toLowerCase()) ?? '';
-  const name = root ? basename(root.replace(/[\\/]+$/, '')) : slug;
-  const claudeRoot = root ? join(root, '.claude') : '';
-  const hasClaudeDir = Boolean(claudeRoot) && existsSync(claudeRoot);
+  if (!isSlugSafe(slug)) throw new ProjectError('Slug de projet invalide.', 'escape')
+  const realPaths = await realProjectPaths()
+  const root = realPaths.get(slug.toLowerCase()) ?? ''
+  const name = root ? basename(root.replace(/[\\/]+$/, '')) : slug
+  const claudeRoot = root ? join(root, '.claude') : ''
+  const hasClaudeDir = Boolean(claudeRoot) && existsSync(claudeRoot)
 
   const [resources, source, folders] = await Promise.all([
     hasClaudeDir ? walkResources(claudeRoot) : Promise.resolve([] as ResourceNode[]),
     // Un projet peut porter un CLAUDE.md sans avoir jamais eu de dossier .claude.
     root && existsSync(root) ? walkSourceTree(root) : Promise.resolve(EMPTY_SOURCE_TREE),
     includedFoldersFor(slug, root),
-  ]);
+  ])
 
   return {
     slug,
@@ -558,7 +532,7 @@ export async function getProjectResources(slug: string): Promise<ProjectResource
     memories: source.memories,
     repoDocs: source.repoDocs,
     folders,
-  };
+  }
 }
 
 /**
@@ -570,15 +544,15 @@ export async function getProjectResources(slug: string): Promise<ProjectResource
  * pu y glisser.
  */
 async function includedFoldersFor(slug: string, root: string): Promise<IncludedFolder[]> {
-  if (!root || !existsSync(root)) return [];
-  return listIncludedFolders(root, sanitizeFolders(await includedFoldersOf(slug)));
+  if (!root || !existsSync(root)) return []
+  return listIncludedFolders(root, sanitizeFolders(await includedFoldersOf(slug)))
 }
 
 /** Les dossiers qu'AURA propose d'inclure — une mesure, pas un verdict. */
 export async function listFolderCandidates(slug: string): Promise<FolderCandidate[]> {
-  const root = await sourceRootOf(slug);
-  const included = sanitizeFolders(await includedFoldersOf(slug));
-  return folderCandidates(root, HEAVY_DIRS, included);
+  const root = await sourceRootOf(slug)
+  const included = sanitizeFolders(await includedFoldersOf(slug))
+  return folderCandidates(root, HEAVY_DIRS, included)
 }
 
 /**
@@ -589,33 +563,27 @@ export async function listFolderCandidates(slug: string): Promise<FolderCandidat
  * a document, and must resolve inside the project root. Include nothing, and this
  * route can open nothing.
  */
-export async function readProjectIncludedFile(
-  slug: string,
-  rel: string,
-): Promise<{ rel: string; content: string }> {
-  const root = await sourceRootOf(slug);
-  const folders = sanitizeFolders(await includedFoldersOf(slug));
-  const abs = resolveIncludedFile(root, rel.replace(/\\/g, '/'), folders);
-  if (!abs) throw new ProjectError(t('errors.accessDenied'), 'denied');
-  return { rel: rel.replace(/\\/g, '/'), content: await readFile(abs, 'utf8') };
+export async function readProjectIncludedFile(slug: string, rel: string): Promise<{ rel: string; content: string }> {
+  const root = await sourceRootOf(slug)
+  const folders = sanitizeFolders(await includedFoldersOf(slug))
+  const abs = resolveIncludedFile(root, rel.replace(/\\/g, '/'), folders)
+  if (!abs) throw new ProjectError(t('errors.accessDenied'), 'denied')
+  return { rel: rel.replace(/\\/g, '/'), content: await readFile(abs, 'utf8') }
 }
 
 /** Read one resource file from the source .claude folder (READ-ONLY, sandboxed). */
-export async function readProjectResource(
-  slug: string,
-  rel: string,
-): Promise<{ rel: string; content: string }> {
-  const claudeRoot = canonicalPath(await claudeRootOf(slug));
-  const cleaned = normalize(rel).replace(/^([/\\])+/, '');
-  if (SECRET.test(basename(cleaned))) throw new ProjectError(t('errors.accessDenied'), 'denied');
+export async function readProjectResource(slug: string, rel: string): Promise<{ rel: string; content: string }> {
+  const claudeRoot = canonicalPath(await claudeRootOf(slug))
+  const cleaned = normalize(rel).replace(/^([/\\])+/, '')
+  if (SECRET.test(basename(cleaned))) throw new ProjectError(t('errors.accessDenied'), 'denied')
   // Forme canonique des deux côtés : un lien sous le `.claude` d'un projet
   // sortirait sinon du dossier sans que le préfixe s'en aperçoive.
-  const abs = canonicalPath(join(claudeRoot, cleaned));
+  const abs = canonicalPath(join(claudeRoot, cleaned))
   if (abs !== claudeRoot && !abs.toLowerCase().startsWith((claudeRoot + sep).toLowerCase())) {
-    throw new ProjectError('Chemin hors du dossier .claude.', 'escape');
+    throw new ProjectError('Chemin hors du dossier .claude.', 'escape')
   }
-  const content = await readFile(abs, 'utf8');
-  return { rel: cleaned.split(sep).join('/'), content };
+  const content = await readFile(abs, 'utf8')
+  return { rel: cleaned.split(sep).join('/'), content }
 }
 
 /**
@@ -625,23 +593,18 @@ export async function readProjectResource(
  * recognizes. Even a traversal that somehow got past the prefix check could only
  * ever open a CLAUDE.md, a README, or one of their few named siblings.
  */
-export async function readProjectMemory(
-  slug: string,
-  rel: string,
-): Promise<{ rel: string; content: string }> {
+export async function readProjectMemory(slug: string, rel: string): Promise<{ rel: string; content: string }> {
   // ~/.claude.json stores paths with forward slashes, so normalize the root too —
   // otherwise the prefix check compares `C:\…\aura\CLAUDE.md` to `C:/…/aura/`
   // and rejects every legitimate read. Canonical form on both sides, so a
   // symlink cannot walk out of the project either.
-  const root = canonicalPath(await sourceRootOf(slug)).replace(new RegExp(`\\${sep}+$`), '');
-  const cleaned = normalize(rel).replace(/^([/\\])+/, '');
-  if (!sourceFileKind(cleaned.split(sep).join('/')))
-    throw new ProjectError(t('errors.accessDenied'), 'denied');
-  const abs = canonicalPath(join(root, cleaned));
-  if (!abs.toLowerCase().startsWith((root + sep).toLowerCase()))
-    throw new ProjectError('Chemin hors du projet.', 'escape');
-  const content = await readFile(abs, 'utf8');
-  return { rel: cleaned.split(sep).join('/'), content };
+  const root = canonicalPath(await sourceRootOf(slug)).replace(new RegExp(`\\${sep}+$`), '')
+  const cleaned = normalize(rel).replace(/^([/\\])+/, '')
+  if (!sourceFileKind(cleaned.split(sep).join('/'))) throw new ProjectError(t('errors.accessDenied'), 'denied')
+  const abs = canonicalPath(join(root, cleaned))
+  if (!abs.toLowerCase().startsWith((root + sep).toLowerCase())) throw new ProjectError('Chemin hors du projet.', 'escape')
+  const content = await readFile(abs, 'utf8')
+  return { rel: cleaned.split(sep).join('/'), content }
 }
 
 /**
@@ -650,8 +613,8 @@ export async function readProjectMemory(
  * this reads that project's transcripts only, never the whole corpus.
  */
 export async function listProjectPlans(slug: string): Promise<PlanEntry[]> {
-  if (!isSlugSafe(slug)) throw new ProjectError('Slug de projet invalide.', 'escape');
-  return listPlans(slug);
+  if (!isSlugSafe(slug)) throw new ProjectError('Slug de projet invalide.', 'escape')
+  return listPlans(slug)
 }
 
 /**
@@ -661,24 +624,24 @@ export async function listProjectPlans(slug: string): Promise<PlanEntry[]> {
  * client that already holds this exact state.
  */
 export async function readProjectTranscript(slug: string, id: string): Promise<CachedTranscript> {
-  if (!isSlugSafe(slug)) throw new ProjectError('Slug de projet invalide.', 'escape');
-  const safeId = sessionIdOf(id);
-  const abs = join(PROJECTS_DIR, slug, `${safeId}.jsonl`);
-  if (!existsSync(abs)) throw new ProjectError('Transcript introuvable.', 'not-found');
-  return readTranscriptCached(abs, safeId);
+  if (!isSlugSafe(slug)) throw new ProjectError('Slug de projet invalide.', 'escape')
+  const safeId = sessionIdOf(id)
+  const abs = join(PROJECTS_DIR, slug, `${safeId}.jsonl`)
+  if (!existsSync(abs)) throw new ProjectError('Transcript introuvable.', 'not-found')
+  return readTranscriptCached(abs, safeId)
 }
 
 /** Validate a session id, or throw. Shared by the transcript and tool-result reads. */
 function sessionIdOf(id: string): string {
-  const safe = basename(id).replace(/\.jsonl$/, '');
+  const safe = basename(id).replace(/\.jsonl$/, '')
   if (!/^[A-Za-z0-9._-]+$/.test(safe)) {
-    throw new ProjectError('Identifiant de session invalide.', 'escape');
+    throw new ProjectError('Identifiant de session invalide.', 'escape')
   }
-  return safe;
+  return safe
 }
 
 /** Beyond this a "full output" stops being something a browser should render. */
-const TOOL_RESULT_MAX = 512 * 1024;
+const TOOL_RESULT_MAX = 512 * 1024
 
 /**
  * Read back a tool result Claude Code spilled to disk.
@@ -697,24 +660,24 @@ export async function readProjectToolResult(
   id: string,
   toolUseId: string,
 ): Promise<{ toolUseId: string; content: string; truncated: boolean }> {
-  if (!isSlugSafe(slug)) throw new ProjectError('Slug de projet invalide.', 'escape');
-  const safeId = sessionIdOf(id);
+  if (!isSlugSafe(slug)) throw new ProjectError('Slug de projet invalide.', 'escape')
+  const safeId = sessionIdOf(id)
   if (!/^toolu_[A-Za-z0-9]+$/.test(toolUseId)) {
-    throw new ProjectError('Identifiant d’appel d’outil invalide.', 'escape');
+    throw new ProjectError('Identifiant d’appel d’outil invalide.', 'escape')
   }
 
-  const abs = join(PROJECTS_DIR, slug, safeId, 'tool-results', `${toolUseId}.txt`);
-  if (!existsSync(abs)) throw new ProjectError('Sortie d’outil introuvable.', 'not-found');
+  const abs = join(PROJECTS_DIR, slug, safeId, 'tool-results', `${toolUseId}.txt`)
+  if (!existsSync(abs)) throw new ProjectError('Sortie d’outil introuvable.', 'not-found')
 
-  const { size } = await stat(abs);
-  const content = await readFile(abs, 'utf8');
+  const { size } = await stat(abs)
+  const content = await readFile(abs, 'utf8')
   return size > TOOL_RESULT_MAX
     ? { toolUseId, content: content.slice(0, TOOL_RESULT_MAX), truncated: true }
-    : { toolUseId, content, truncated: false };
+    : { toolUseId, content, truncated: false }
 }
 
 /** Un identifiant que le transcript a écrit lui-même : uuid de ligne, id de run. */
-const ID = /^[A-Za-z0-9-]{1,64}$/;
+const ID = /^[A-Za-z0-9-]{1,64}$/
 
 /**
  * Les octets d'une image du transcript.
@@ -736,48 +699,42 @@ export async function readProjectTranscriptImage(
   index: number,
   agentId: string,
 ): Promise<{ body: Buffer; mediaType: string }> {
-  if (!isSlugSafe(slug)) throw new ProjectError('Slug de projet invalide.', 'escape');
-  const safeId = sessionIdOf(id);
-  if (!ID.test(uuid)) throw new ProjectError('Identifiant de ligne invalide.', 'escape');
-  if (agentId && !ID.test(agentId))
-    throw new ProjectError('Identifiant d’agent invalide.', 'escape');
+  if (!isSlugSafe(slug)) throw new ProjectError('Slug de projet invalide.', 'escape')
+  const safeId = sessionIdOf(id)
+  if (!ID.test(uuid)) throw new ProjectError('Identifiant de ligne invalide.', 'escape')
+  if (agentId && !ID.test(agentId)) throw new ProjectError('Identifiant d’agent invalide.', 'escape')
   if (!Number.isInteger(index) || index < 0) {
-    throw new ProjectError('Rang d’image invalide.', 'escape');
+    throw new ProjectError('Rang d’image invalide.', 'escape')
   }
 
-  const abs = agentId
-    ? join(PROJECTS_DIR, slug, safeId, 'subagents', `agent-${agentId}.jsonl`)
-    : join(PROJECTS_DIR, slug, `${safeId}.jsonl`);
-  if (!existsSync(abs)) throw new ProjectError('Transcript introuvable.', 'not-found');
+  const abs = agentId ? join(PROJECTS_DIR, slug, safeId, 'subagents', `agent-${agentId}.jsonl`) : join(PROJECTS_DIR, slug, `${safeId}.jsonl`)
+  if (!existsSync(abs)) throw new ProjectError('Transcript introuvable.', 'not-found')
 
   // Une ligne par message : celle qui contient l'uuid est la seule à parser.
-  const raw = await readFile(abs, 'utf8');
-  const needle = `"uuid":"${uuid}"`;
-  let found: Record<string, unknown> | null = null;
+  const raw = await readFile(abs, 'utf8')
+  const needle = `"uuid":"${uuid}"`
+  let found: Record<string, unknown> | null = null
   for (const line of raw.split('\n')) {
-    if (!line.includes(needle)) continue;
+    if (!line.includes(needle)) continue
     try {
-      const row = JSON.parse(line) as Record<string, unknown>;
+      const row = JSON.parse(line) as Record<string, unknown>
       if (row.uuid === uuid) {
-        found = row;
-        break;
+        found = row
+        break
       }
     } catch {
       /* ligne illisible : ce n'est pas celle qu'on cherche */
     }
   }
-  if (!found) throw new ProjectError('Image introuvable.', 'not-found');
-
-  let hit: Record<string, unknown> | null = null;
-  eachImage(
-    (found.message as Record<string, unknown> | undefined)?.content,
-    (source, _tool, at) => {
-      if (at === index) hit = source;
-    },
-  );
-  const source = hit as Record<string, unknown> | null;
-  const data = str(source?.data);
-  if (!source || !data) throw new ProjectError('Image introuvable.', 'not-found');
-
-  return { body: Buffer.from(data, 'base64'), mediaType: str(source.media_type, 'image/png') };
+  if (!found) throw new ProjectError('Image introuvable.', 'not-found')
+
+  let hit: Record<string, unknown> | null = null
+  eachImage((found.message as Record<string, unknown> | undefined)?.content, (source, _tool, at) => {
+    if (at === index) hit = source
+  })
+  const source = hit as Record<string, unknown> | null
+  const data = str(source?.data)
+  if (!source || !data) throw new ProjectError('Image introuvable.', 'not-found')
+
+  return { body: Buffer.from(data, 'base64'), mediaType: str(source.media_type, 'image/png') }
 }
diff --git a/server/routes/agent.ts b/server/routes/agent.ts
index eb93c7f..a3d089a 100644
--- a/server/routes/agent.ts
+++ b/server/routes/agent.ts
@@ -5,8 +5,7 @@
 // et le reste du BFF pousse déjà ses changements de cette façon
 // (`routes/events.ts`, dont ce fichier reprend les en-têtes et le battement).
 
-import type { FastifyInstance, FastifyReply } from 'fastify';
-import { t } from '../i18n/index.ts';
+import type { FastifyInstance, FastifyReply } from 'fastify'
 import type {
   AgentUpsert,
   CreateSessionBody,
@@ -16,24 +15,18 @@ import type {
   RespondPermissionBody,
   SendBody,
   SetPermissionModeBody,
-} from '../../shared/agent.ts';
-import { isPermissionMode } from '../../shared/agent.ts';
-import {
-  atCapacity,
-  createRunner,
-  getRunner,
-  listSessions,
-  MAX_SESSIONS,
-  removeRunner,
-} from '../agent/registry.ts';
-import { pickFolder, PickerUnavailable } from '../agent/folder.ts';
-import { listProjectFiles } from '../agent/files.ts';
-import { readTail } from '../agent/shells.ts';
-import { str } from '../json.ts';
-import { publicMessage } from '../errors.ts';
+} from '../../shared/agent.ts'
+import { isPermissionMode } from '../../shared/agent.ts'
+import { listProjectFiles } from '../agent/files.ts'
+import { pickFolder, PickerUnavailable } from '../agent/folder.ts'
+import { atCapacity, createRunner, getRunner, listSessions, MAX_SESSIONS, removeRunner } from '../agent/registry.ts'
+import { readTail } from '../agent/shells.ts'
+import { publicMessage } from '../errors.ts'
+import { t } from '../i18n/index.ts'
+import { str } from '../json.ts'
 
 /** Même valeur que `routes/events.ts` : un commentaire tient la socket éveillée. */
-const HEARTBEAT_MS = 25_000;
+const HEARTBEAT_MS = 25_000
 
 /**
  * Ce qu'une image jointe a le droit de peser, une fois décodée.
@@ -43,10 +36,10 @@ const HEARTBEAT_MS = 25_000;
  * plutôt qu'au moment du collage. Le `bodyLimit` de Fastify (8 Mo) borne de son
  * côté le lot entier.
  */
-const MAX_IMAGE_BYTES = 5 * 1024 * 1024;
+const MAX_IMAGE_BYTES = 5 * 1024 * 1024
 
 /** Ce que le presse-papier peut donner et que le modèle sait lire. */
-const IMAGE_TYPES = new Set(['image/png', 'image/jpeg', 'image/gif', 'image/webp']);
+const IMAGE_TYPES = new Set(['image/png', 'image/jpeg', 'image/gif', 'image/webp'])
 
 /**
  * Les pièces jointes d'un tour, ou l'erreur qui dit pourquoi elles sont refusées.
@@ -55,28 +48,28 @@ const IMAGE_TYPES = new Set(['image/png', 'image/jpeg', 'image/gif', 'image/webp
  * modèle ne lit pas ferait échouer le tour entier après l'avoir attendu.
  */
 function readAttachments(input: unknown): PromptAttachment[] | string {
-  if (input === undefined) return [];
-  if (!Array.isArray(input)) return t('errors.attachmentsShape');
+  if (input === undefined) return []
+  if (!Array.isArray(input)) return t('errors.attachmentsShape')
 
-  const out: PromptAttachment[] = [];
+  const out: PromptAttachment[] = []
   for (const raw of input) {
-    const item = (raw ?? {}) as Partial<PromptAttachment>;
-    const mediaType = str(item.mediaType);
-    const data = str(item.data);
-    if (!data) continue;
-    if (!IMAGE_TYPES.has(mediaType)) return t('errors.attachmentType', { type: mediaType || '?' });
-    if (Buffer.byteLength(data, 'base64') > MAX_IMAGE_BYTES) return t('errors.attachmentTooBig');
-    out.push({ mediaType, data });
+    const item = (raw ?? {}) as Partial<PromptAttachment>
+    const mediaType = str(item.mediaType)
+    const data = str(item.data)
+    if (!data) continue
+    if (!IMAGE_TYPES.has(mediaType)) return t('errors.attachmentType', { type: mediaType || '?' })
+    if (Buffer.byteLength(data, 'base64') > MAX_IMAGE_BYTES) return t('errors.attachmentTooBig')
+    out.push({ mediaType, data })
   }
-  return out;
+  return out
 }
 
 function notFound(reply: FastifyReply): unknown {
-  return reply.code(404).send({ error: t('errors.unknownSession') });
+  return reply.code(404).send({ error: t('errors.unknownSession') })
 }
 
 export function registerAgent(app: FastifyInstance): void {
-  app.get('/api/agent/sessions', () => ({ sessions: listSessions() }));
+  app.get('/api/agent/sessions', () => ({ sessions: listSessions() }))
 
   /**
    * Ouvre le sélecteur de dossier du système et rend le chemin choisi.
@@ -86,40 +79,40 @@ export function registerAgent(app: FastifyInstance): void {
    * le champ de saisie reste alors la seule voie, et le front le montre.
    */
   app.post('/api/agent/pick-folder', async (req, reply) => {
-    const from = str((req.body as { startFrom?: string } | undefined)?.startFrom);
+    const from = str((req.body as { startFrom?: string } | undefined)?.startFrom)
     try {
-      return { path: await pickFolder(from || undefined) };
+      return { path: await pickFolder(from || undefined) }
     } catch (e) {
-      if (e instanceof PickerUnavailable) return reply.code(501).send({ error: e.message });
-      return reply.code(500).send({ error: publicMessage(e) });
+      if (e instanceof PickerUnavailable) return reply.code(501).send({ error: e.message })
+      return reply.code(500).send({ error: publicMessage(e) })
     }
-  });
+  })
 
   app.post('/api/agent/sessions', (req, reply) => {
-    const body = (req.body ?? {}) as CreateSessionBody;
-    const cwd = str(body.cwd);
-    if (!cwd) return reply.code(400).send({ error: t('errors.workdirRequired') });
+    const body = (req.body ?? {}) as CreateSessionBody
+    const cwd = str(body.cwd)
+    if (!cwd) return reply.code(400).send({ error: t('errors.workdirRequired') })
 
     // Avant tout le reste : ce refus-là ne dépend d'aucune donnée du corps, et
     // il vaut mieux le dire sans avoir décodé cinq mégaoctets d'image d'abord.
     // `429` et non `409` : ce n'est pas un conflit d'état, c'est un plafond —
     // la même demande passera dès qu'une session sera fermée.
     if (atCapacity()) {
-      return reply.code(429).send({ error: t('errors.tooManySessions', { max: MAX_SESSIONS }) });
+      return reply.code(429).send({ error: t('errors.tooManySessions', { max: MAX_SESSIONS }) })
     }
 
     // Avant `createRunner`, et non après : une image refusée doit se dire pendant
     // qu'on ouvre la session, pas laisser derrière elle un runner amputé de son
     // premier tour et une image disparue sans un mot.
-    const attachments = readAttachments(body.attachments);
-    if (typeof attachments === 'string') return reply.code(400).send({ error: attachments });
+    const attachments = readAttachments(body.attachments)
+    if (typeof attachments === 'string') return reply.code(400).send({ error: attachments })
 
     // Le mode se vérifie ici, pas seulement dans l'écran qui le propose : la
     // route est ouverte, et `bypassPermissions` ouvrirait une session qui
     // exécute sans jamais rien demander. Voir `PERMISSION_MODES`.
-    const mode = str(body.permissionMode);
+    const mode = str(body.permissionMode)
     if (mode && !isPermissionMode(mode)) {
-      return reply.code(400).send({ error: t('errors.permissionModeUnknown', { mode }) });
+      return reply.code(400).send({ error: t('errors.permissionModeUnknown', { mode }) })
     }
 
     const runner = createRunner({
@@ -127,46 +120,46 @@ export function registerAgent(app: FastifyInstance): void {
       model: str(body.model) || undefined,
       permissionMode: mode || undefined,
       resume: str(body.resume) || undefined,
-    });
+    })
     // Le premier tour part sans attendre `init` : en entrée streamée, `init`
     // n'est émis qu'après lecture du premier message, et l'attendre bloquerait
     // les deux côtés.
-    const prompt = str(body.prompt);
-    if (prompt) runner.send(prompt, attachments);
-    return reply.code(201).send({ session: runner.session });
-  });
+    const prompt = str(body.prompt)
+    if (prompt) runner.send(prompt, attachments)
+    return reply.code(201).send({ session: runner.session })
+  })
 
   app.get('/api/agent/sessions/:runId/stream', (req, reply) => {
-    const { runId } = req.params as { runId: string };
-    const runner = getRunner(runId);
-    if (!runner) return notFound(reply);
+    const { runId } = req.params as { runId: string }
+    const runner = getRunner(runId)
+    if (!runner) return notFound(reply)
 
     // On garde la socket : ni sérialisation ni fermeture par Fastify.
-    reply.hijack();
+    reply.hijack()
     reply.raw.writeHead(200, {
       'Content-Type': 'text/event-stream',
       'Cache-Control': 'no-cache, no-transform',
       Connection: 'keep-alive',
       'X-Accel-Buffering': 'no',
-    });
-    reply.raw.write(': connected\n\n');
+    })
+    reply.raw.write(': connected\n\n')
 
     const send = (upsert: AgentUpsert): void => {
-      reply.raw.write(`event: ${upsert.kind}\ndata: ${JSON.stringify(upsert)}\n\n`);
-    };
+      reply.raw.write(`event: ${upsert.kind}\ndata: ${JSON.stringify(upsert)}\n\n`)
+    }
 
-    const unsubscribe = runner.subscribe(send);
-    const heartbeat = setInterval(() => reply.raw.write(': ping\n\n'), HEARTBEAT_MS);
+    const unsubscribe = runner.subscribe(send)
+    const heartbeat = setInterval(() => reply.raw.write(': ping\n\n'), HEARTBEAT_MS)
 
     // Se désabonner n'arrête pas la session : c'est tout l'intérêt du registre.
     const close = (): void => {
-      clearInterval(heartbeat);
-      unsubscribe();
-    };
-    req.raw.on('close', close);
-    req.raw.on('error', close);
-    return reply;
-  });
+      clearInterval(heartbeat)
+      unsubscribe()
+    }
+    req.raw.on('close', close)
+    req.raw.on('error', close)
+    return reply
+  })
 
   /**
    * Les commandes `/` de la session.
@@ -176,12 +169,12 @@ export function registerAgent(app: FastifyInstance): void {
    * fait, et une session qu'on abandonne sans un mot ne doit rien coûter.
    */
   app.get('/api/agent/sessions/:runId/commands', async (req, reply) => {
-    const { runId } = req.params as { runId: string };
-    const runner = getRunner(runId);
-    if (!runner) return notFound(reply);
+    const { runId } = req.params as { runId: string }
+    const runner = getRunner(runId)
+    if (!runner) return notFound(reply)
 
-    return { commands: await runner.commands() };
-  });
+    return { commands: await runner.commands() }
+  })
 
   /**
    * Les fichiers du projet, pour l'autocomplétion du `@`.
@@ -194,12 +187,12 @@ export function registerAgent(app: FastifyInstance): void {
    * alors aucune requête, et l'écran répond à la vitesse du clavier.
    */
   app.get('/api/agent/sessions/:runId/files', async (req, reply) => {
-    const { runId } = req.params as { runId: string };
-    const runner = getRunner(runId);
-    if (!runner) return notFound(reply);
+    const { runId } = req.params as { runId: string }
+    const runner = getRunner(runId)
+    if (!runner) return notFound(reply)
 
-    return listProjectFiles(runner.session.cwd);
-  });
+    return listProjectFiles(runner.session.cwd)
+  })
 
   /**
    * La sortie d'un shell lancé en arrière-plan.
@@ -214,35 +207,35 @@ export function registerAgent(app: FastifyInstance): void {
    * mégaoctets, dont personne ne relira le début.
    */
   app.get('/api/agent/sessions/:runId/shells/:shellId/output', async (req, reply) => {
-    const { runId, shellId } = req.params as { runId: string; shellId: string };
-    const runner = getRunner(runId);
-    if (!runner) return notFound(reply);
+    const { runId, shellId } = req.params as { runId: string; shellId: string }
+    const runner = getRunner(runId)
+    if (!runner) return notFound(reply)
 
-    const path = runner.shellOutputPath(shellId);
-    if (!path) return reply.code(404).send({ error: t('errors.unknownShell') });
+    const path = runner.shellOutputPath(shellId)
+    if (!path) return reply.code(404).send({ error: t('errors.unknownShell') })
 
     try {
-      return await readTail(path, Number((req.query as { from?: string }).from) || 0);
+      return await readTail(path, Number((req.query as { from?: string }).from) || 0)
     } catch {
-      return reply.code(404).send({ error: t('errors.unknownShell') });
+      return reply.code(404).send({ error: t('errors.unknownShell') })
     }
-  });
+  })
 
   app.post('/api/agent/sessions/:runId/send', (req, reply) => {
-    const { runId } = req.params as { runId: string };
-    const runner = getRunner(runId);
-    if (!runner) return notFound(reply);
+    const { runId } = req.params as { runId: string }
+    const runner = getRunner(runId)
+    if (!runner) return notFound(reply)
 
-    const body = (req.body ?? {}) as SendBody;
-    const prompt = str(body.prompt);
-    if (!prompt) return reply.code(400).send({ error: t('errors.emptyMessage') });
+    const body = (req.body ?? {}) as SendBody
+    const prompt = str(body.prompt)
+    if (!prompt) return reply.code(400).send({ error: t('errors.emptyMessage') })
 
-    const attachments = readAttachments(body.attachments);
-    if (typeof attachments === 'string') return reply.code(400).send({ error: attachments });
+    const attachments = readAttachments(body.attachments)
+    if (typeof attachments === 'string') return reply.code(400).send({ error: attachments })
 
-    runner.send(prompt, attachments);
-    return { ok: true };
-  });
+    runner.send(prompt, attachments)
+    return { ok: true }
+  })
 
   /**
    * Les octets d'une image collée.
@@ -253,17 +246,17 @@ export function registerAgent(app: FastifyInstance): void {
    * image, son contenu ne changera pas.
    */
   app.get('/api/agent/sessions/:runId/attachment', (req, reply) => {
-    const { runId } = req.params as { runId: string };
-    const runner = getRunner(runId);
-    if (!runner) return notFound(reply);
+    const { runId } = req.params as { runId: string }
+    const runner = getRunner(runId)
+    if (!runner) return notFound(reply)
 
-    const found = runner.attachment(str((req.query as { id?: string }).id));
-    if (!found) return reply.code(404).send({ error: t('errors.unknownAttachment') });
+    const found = runner.attachment(str((req.query as { id?: string }).id))
+    if (!found) return reply.code(404).send({ error: t('errors.unknownAttachment') })
 
-    reply.header('Content-Type', found.mediaType);
-    reply.header('Cache-Control', 'public, max-age=31536000, immutable');
-    return reply.send(found.bytes);
-  });
+    reply.header('Content-Type', found.mediaType)
+    reply.header('Cache-Control', 'public, max-age=31536000, immutable')
+    return reply.send(found.bytes)
+  })
 
   /**
    * La réponse à une demande de permission.
@@ -273,67 +266,67 @@ export function registerAgent(app: FastifyInstance): void {
    * doit retirer le bandeau, pas signaler une erreur.
    */
   app.post('/api/agent/sessions/:runId/permissions/:id', (req, reply) => {
-    const { runId, id } = req.params as { runId: string; id: string };
-    const runner = getRunner(runId);
-    if (!runner) return notFound(reply);
+    const { runId, id } = req.params as { runId: string; id: string }
+    const runner = getRunner(runId)
+    if (!runner) return notFound(reply)
 
-    const body = (req.body ?? {}) as RespondPermissionBody;
-    const answer = str(body.answer) as PermissionAnswer;
+    const body = (req.body ?? {}) as RespondPermissionBody
+    const answer = str(body.answer) as PermissionAnswer
     if (answer !== 'allow' && answer !== 'allow-always' && answer !== 'deny') {
-      return reply.code(400).send({ error: t('errors.decisionExpected') });
+      return reply.code(400).send({ error: t('errors.decisionExpected') })
     }
 
     if (!runner.answerPermission(id, answer, str(body.reason) || undefined)) {
-      return reply.code(410).send({ error: t('errors.alreadyDecided') });
+      return reply.code(410).send({ error: t('errors.alreadyDecided') })
     }
-    return { ok: true };
-  });
+    return { ok: true }
+  })
 
   /** La réponse à une question de l'agent — un formulaire, pas une autorisation. */
   app.post('/api/agent/sessions/:runId/ask/:id', (req, reply) => {
-    const { runId, id } = req.params as { runId: string; id: string };
-    const runner = getRunner(runId);
-    if (!runner) return notFound(reply);
+    const { runId, id } = req.params as { runId: string; id: string }
+    const runner = getRunner(runId)
+    if (!runner) return notFound(reply)
 
-    const body = (req.body ?? {}) as RespondAskBody;
-    const answers = body.answers;
+    const body = (req.body ?? {}) as RespondAskBody
+    const answers = body.answers
     if (!answers || typeof answers !== 'object' || Array.isArray(answers)) {
-      return reply.code(400).send({ error: t('errors.answersExpected') });
+      return reply.code(400).send({ error: t('errors.answersExpected') })
     }
 
     if (!runner.answerAsk(id, answers, str(body.notes) || undefined)) {
-      return reply.code(410).send({ error: t('errors.questionAlreadyDecided') });
+      return reply.code(410).send({ error: t('errors.questionAlreadyDecided') })
     }
-    return { ok: true };
-  });
+    return { ok: true }
+  })
 
   app.post('/api/agent/sessions/:runId/permission-mode', async (req, reply) => {
-    const { runId } = req.params as { runId: string };
-    const runner = getRunner(runId);
-    if (!runner) return notFound(reply);
+    const { runId } = req.params as { runId: string }
+    const runner = getRunner(runId)
+    if (!runner) return notFound(reply)
 
-    const mode = str((req.body as SetPermissionModeBody | undefined)?.permissionMode);
-    if (!mode) return reply.code(400).send({ error: t('errors.permissionModeRequired') });
+    const mode = str((req.body as SetPermissionModeBody | undefined)?.permissionMode)
+    if (!mode) return reply.code(400).send({ error: t('errors.permissionModeRequired') })
     if (!isPermissionMode(mode)) {
-      return reply.code(400).send({ error: t('errors.permissionModeUnknown', { mode }) });
+      return reply.code(400).send({ error: t('errors.permissionModeUnknown', { mode }) })
     }
 
-    await runner.setPermissionMode(mode);
-    return { ok: true };
-  });
+    await runner.setPermissionMode(mode)
+    return { ok: true }
+  })
 
   app.post('/api/agent/sessions/:runId/interrupt', async (req, reply) => {
-    const { runId } = req.params as { runId: string };
-    const runner = getRunner(runId);
-    if (!runner) return notFound(reply);
+    const { runId } = req.params as { runId: string }
+    const runner = getRunner(runId)
+    if (!runner) return notFound(reply)
 
-    await runner.interrupt();
-    return { ok: true };
-  });
+    await runner.interrupt()
+    return { ok: true }
+  })
 
   app.delete('/api/agent/sessions/:runId', (req, reply) => {
-    const { runId } = req.params as { runId: string };
-    if (!removeRunner(runId)) return notFound(reply);
-    return { ok: true };
-  });
+    const { runId } = req.params as { runId: string }
+    if (!removeRunner(runId)) return notFound(reply)
+    return { ok: true }
+  })
 }
diff --git a/server/routes/backups.ts b/server/routes/backups.ts
index 5dd2695..50e7b37 100644
--- a/server/routes/backups.ts
+++ b/server/routes/backups.ts
@@ -1,30 +1,27 @@
 // HTTP surface for the safety backups (`/api/backups/*`). Read + purge only;
 // restore goes through the normal /api/claude/propose+apply flow.
 
-import type { FastifyInstance } from 'fastify';
-import { t } from '../i18n/index.ts';
-import { listBackups, readBackup, purgeBackup, purgeAllBackups } from '../backups';
-import { str } from '../json.ts';
+import type { FastifyInstance } from 'fastify'
+import { listBackups, readBackup, purgeBackup, purgeAllBackups } from '../backups'
+import { t } from '../i18n/index.ts'
+import { str } from '../json.ts'
 
 export function registerBackups(app: FastifyInstance): void {
   /** All backed-up files across snapshots. */
-  app.get('/api/backups', async () => ({ entries: await listBackups() }));
+  app.get('/api/backups', async () => ({ entries: await listBackups() }))
 
   /** Read one backup's content (for the restore preview). */
   app.get('/api/backups/content', async (req, reply) => {
-    const q = req.query as Record<string, unknown>;
-    const stamp = str(q.stamp);
-    const path = str(q.path);
-    if (!stamp || !path)
-      return reply
-        .code(400)
-        .send({ error: t('errors.paramsRequired', { first: 'stamp', second: 'path' }) });
+    const q = req.query as Record<string, unknown>
+    const stamp = str(q.stamp)
+    const path = str(q.path)
+    if (!stamp || !path) return reply.code(400).send({ error: t('errors.paramsRequired', { first: 'stamp', second: 'path' }) })
     try {
-      return { content: await readBackup(stamp, path) };
+      return { content: await readBackup(stamp, path) }
     } catch {
-      return reply.code(404).send({ error: t('errors.backupNotFound') });
+      return reply.code(404).send({ error: t('errors.backupNotFound') })
     }
-  });
+  })
 
   /**
    * Purge un instantané (`stamp`) ou la totalité (`all: true`).
@@ -36,18 +33,18 @@ export function registerBackups(app: FastifyInstance): void {
    * arrière ne disparaît pas sur un silence.
    */
   app.post('/api/backups/purge', async (req, reply) => {
-    const body = (req.body ?? {}) as { stamp?: unknown; all?: unknown };
+    const body = (req.body ?? {}) as { stamp?: unknown; all?: unknown }
     if (body.all === true) {
-      await purgeAllBackups();
-      return { ok: true };
+      await purgeAllBackups()
+      return { ok: true }
     }
-    const stamp = str(body.stamp);
-    if (!stamp) return reply.code(400).send({ error: t('errors.purgeTargetRequired') });
+    const stamp = str(body.stamp)
+    if (!stamp) return reply.code(400).send({ error: t('errors.purgeTargetRequired') })
     try {
-      await purgeBackup(stamp);
+      await purgeBackup(stamp)
     } catch {
-      return reply.code(404).send({ error: t('errors.backupNotFound') });
+      return reply.code(404).send({ error: t('errors.backupNotFound') })
     }
-    return { ok: true };
-  });
+    return { ok: true }
+  })
 }
diff --git a/server/routes/claude.ts b/server/routes/claude.ts
index 69a243b..a7f911e 100644
--- a/server/routes/claude.ts
+++ b/server/routes/claude.ts
@@ -8,40 +8,32 @@
 // The client shows the diff between /propose steps and only calls /apply once
 // the human confirms.
 
-import type { FastifyInstance } from 'fastify';
-import { t } from '../i18n/index.ts';
-import {
-  readText,
-  readTextOrNull,
-  listDir,
-  exists,
-  writeWithBackup,
-  deleteWithBackup,
-  ConflictError,
-} from '../claude/fs';
-import { parseFrontmatter } from '../claude/frontmatter';
-import { PathError, CLAUDE_DIR } from '../claude/paths';
-import { getPluginHooks } from '../plugin-hooks';
-import { str } from '../json.ts';
+import type { FastifyInstance } from 'fastify'
+import { parseFrontmatter } from '../claude/frontmatter'
+import { readText, readTextOrNull, listDir, exists, writeWithBackup, deleteWithBackup, ConflictError } from '../claude/fs'
+import { PathError, CLAUDE_DIR } from '../claude/paths'
+import { t } from '../i18n/index.ts'
+import { str } from '../json.ts'
+import { getPluginHooks } from '../plugin-hooks'
 
 interface ResourceItem {
-  rel: string;
-  name: string;
-  title: string;
-  description: string;
-  mtime: number;
+  rel: string
+  name: string
+  title: string
+  description: string
+  mtime: number
 }
 
 /** Turn a thrown PathError/Conflict into the right HTTP status; rethrow others. */
 function httpError(err: unknown): { code: number; body: { error: string } } | null {
   if (err instanceof PathError) {
-    const code = err.code === 'escape' ? 400 : 403;
-    return { code, body: { error: err.message } };
+    const code = err.code === 'escape' ? 400 : 403
+    return { code, body: { error: err.message } }
   }
   if (err instanceof ConflictError) {
-    return { code: 409, body: { error: err.message } };
+    return { code: 409, body: { error: err.message } }
   }
-  return null;
+  return null
 }
 
 export function registerClaude(app: FastifyInstance): void {
@@ -49,71 +41,67 @@ export function registerClaude(app: FastifyInstance): void {
 
   /** List a directory (root when no path). */
   app.get('/api/claude/list', async (req, reply) => {
-    const path = str((req.query as Record<string, unknown>).path);
+    const path = str((req.query as Record<string, unknown>).path)
     try {
-      return { entries: await listDir(path) };
+      return { entries: await listDir(path) }
     } catch (err) {
-      const h = httpError(err);
-      if (h) return reply.code(h.code).send(h.body);
-      throw err;
+      const h = httpError(err)
+      if (h) return reply.code(h.code).send(h.body)
+      throw err
     }
-  });
+  })
 
   /** Read one text file: { rel, content }. */
   app.get('/api/claude/file', async (req, reply) => {
-    const path = str((req.query as Record<string, unknown>).path);
-    if (!path) return reply.code(400).send({ error: t('errors.paramRequired', { name: 'path' }) });
+    const path = str((req.query as Record<string, unknown>).path)
+    if (!path) return reply.code(400).send({ error: t('errors.paramRequired', { name: 'path' }) })
     try {
-      return { rel: path, content: await readText(path) };
+      return { rel: path, content: await readText(path) }
     } catch (err) {
-      const h = httpError(err);
-      if (h) return reply.code(h.code).send(h.body);
+      const h = httpError(err)
+      if (h) return reply.code(h.code).send(h.body)
       if ((err as NodeJS.ErrnoException).code === 'ENOENT') {
-        return reply.code(404).send({ error: t('errors.fileNotFound') });
+        return reply.code(404).send({ error: t('errors.fileNotFound') })
       }
-      throw err;
+      throw err
     }
-  });
+  })
 
   /** Preview a write: returns current on-disk content vs the proposed one. */
   app.post('/api/claude/propose', async (req, reply) => {
-    const body = (req.body ?? {}) as { path?: string; content?: string };
+    const body = (req.body ?? {}) as { path?: string; content?: string }
     if (typeof body.path !== 'string' || typeof body.content !== 'string') {
-      return reply
-        .code(400)
-        .send({ error: t('errors.bodyExpected', { shape: '{ path, content }' }) });
+      return reply.code(400).send({ error: t('errors.bodyExpected', { shape: '{ path, content }' }) })
     }
     try {
-      const before = await readTextOrNull(body.path);
-      return { rel: body.path, exists: before !== null, before, after: body.content };
+      const before = await readTextOrNull(body.path)
+      return { rel: body.path, exists: before !== null, before, after: body.content }
     } catch (err) {
-      const h = httpError(err);
-      if (h) return reply.code(h.code).send(h.body);
-      throw err;
+      const h = httpError(err)
+      if (h) return reply.code(h.code).send(h.body)
+      throw err
     }
-  });
+  })
 
   /** Commit a previously-previewed write (backs up, guards against clobber). */
   app.post('/api/claude/apply', async (req, reply) => {
     const body = (req.body ?? {}) as {
-      path?: string;
-      content?: string;
-      expectedBefore?: string | null;
-    };
+      path?: string
+      content?: string
+      expectedBefore?: string | null
+    }
     if (typeof body.path !== 'string' || typeof body.content !== 'string') {
-      return reply
-        .code(400)
-        .send({ error: t('errors.bodyExpected', { shape: '{ path, content, expectedBefore }' }) });
+      return reply.code(400).send({ error: t('errors.bodyExpected', { shape: '{ path, content, expectedBefore }' }) })
     }
     try {
-      const res = await writeWithBackup(body.path, body.content, body.expectedBefore ?? null);
-      return res;
+      const res = await writeWithBackup(body.path, body.content, body.expectedBefore ?? null)
+      return res
     } catch (err) {
-      const h = httpError(err);
-      if (h) return reply.code(h.code).send({ ...h.body });
-      throw err;
+      const h = httpError(err)
+      if (h) return reply.code(h.code).send({ ...h.body })
+      throw err
     }
-  });
+  })
 
   /**
    * Incrementally maintain a project's MEMORY.md index: add or remove the single
@@ -121,274 +109,257 @@ export function registerClaude(app: FastifyInstance): void {
    */
   app.post('/api/claude/memory-index', async (req, reply) => {
     const b = (req.body ?? {}) as {
-      memRel?: string;
-      action?: string;
-      file?: string;
-      title?: string;
-      hook?: string;
-    };
-    if (
-      typeof b.memRel !== 'string' ||
-      typeof b.file !== 'string' ||
-      (b.action !== 'add' && b.action !== 'remove')
-    ) {
+      memRel?: string
+      action?: string
+      file?: string
+      title?: string
+      hook?: string
+    }
+    if (typeof b.memRel !== 'string' || typeof b.file !== 'string' || (b.action !== 'add' && b.action !== 'remove')) {
       return reply.code(400).send({
         error: t('errors.bodyExpected', { shape: '{ memRel, action, file, title?, hook? }' }),
-      });
+      })
     }
-    const indexRel = `${b.memRel}/MEMORY.md`;
+    const indexRel = `${b.memRel}/MEMORY.md`
     try {
-      const current = await readTextOrNull(indexRel);
-      const next = updateMemoryIndex(current, b.action, b.file, b.title ?? b.file, b.hook ?? '');
-      if (next === null || next === current) return { changed: false, rel: indexRel };
-      const res = await writeWithBackup(indexRel, next, current);
-      return { changed: true, rel: indexRel, backupPath: res.backupPath };
+      const current = await readTextOrNull(indexRel)
+      const next = updateMemoryIndex(current, b.action, b.file, b.title ?? b.file, b.hook ?? '')
+      if (next === null || next === current) return { changed: false, rel: indexRel }
+      const res = await writeWithBackup(indexRel, next, current)
+      return { changed: true, rel: indexRel, backupPath: res.backupPath }
     } catch (err) {
-      const h = httpError(err);
-      if (h) return reply.code(h.code).send(h.body);
-      throw err;
+      const h = httpError(err)
+      if (h) return reply.code(h.code).send(h.body)
+      throw err
     }
-  });
+  })
 
   /** Delete a writable file or directory (backed up first). */
   app.post('/api/claude/delete', async (req, reply) => {
-    const body = (req.body ?? {}) as { path?: string };
+    const body = (req.body ?? {}) as { path?: string }
     if (typeof body.path !== 'string') {
-      return reply.code(400).send({ error: t('errors.bodyExpected', { shape: '{ path }' }) });
+      return reply.code(400).send({ error: t('errors.bodyExpected', { shape: '{ path }' }) })
     }
     try {
-      return await deleteWithBackup(body.path);
+      return await deleteWithBackup(body.path)
     } catch (err) {
-      const h = httpError(err);
-      if (h) return reply.code(h.code).send(h.body);
+      const h = httpError(err)
+      if (h) return reply.code(h.code).send(h.body)
       if ((err as NodeJS.ErrnoException).code === 'ENOENT') {
-        return reply.code(404).send({ error: t('errors.entryNotFound') });
+        return reply.code(404).send({ error: t('errors.entryNotFound') })
       }
-      throw err;
+      throw err
     }
-  });
+  })
 
   // ── Resource indexes ────────────────────────────────────────────────────────
 
   /** Agents: agents/<name>.md — name/description from frontmatter. */
-  app.get('/api/claude/agents', () => indexMarkdownDir('agents', '.md'));
+  app.get('/api/claude/agents', () => indexMarkdownDir('agents', '.md'))
 
   /** Skills: skills/<name>/SKILL.md. */
   app.get('/api/claude/skills', async (): Promise<{ items: ResourceItem[] }> => {
-    if (!(await exists('skills'))) return { items: [] };
-    const dirs = (await listDir('skills')).filter((e) => e.kind === 'dir');
-    const items: ResourceItem[] = [];
+    if (!(await exists('skills'))) return { items: [] }
+    const dirs = (await listDir('skills')).filter((e) => e.kind === 'dir')
+    const items: ResourceItem[] = []
     for (const d of dirs) {
-      const rel = `${d.rel}/SKILL.md`;
-      const text = await readTextOrNull(rel);
-      if (text === null) continue;
-      const fm = parseFrontmatter(text);
+      const rel = `${d.rel}/SKILL.md`
+      const text = await readTextOrNull(rel)
+      if (text === null) continue
+      const fm = parseFrontmatter(text)
       items.push({
         rel,
         name: d.name,
         title: fm.data.name ?? d.name,
         description: fm.data.description ?? '',
         mtime: d.mtime,
-      });
+      })
     }
-    return { items };
-  });
+    return { items }
+  })
 
   /** Global memory (CLAUDE.md) plus structured per-project memories (with type). */
   app.get('/api/claude/memories', async () => {
-    const global = { rel: 'CLAUDE.md', exists: await exists('CLAUDE.md') };
+    const global = { rel: 'CLAUDE.md', exists: await exists('CLAUDE.md') }
     const projects: {
-      slug: string;
-      memRel: string;
-      indexRel: string | null;
-      items: { rel: string; name: string; title: string; description: string; type: string }[];
-    }[] = [];
+      slug: string
+      memRel: string
+      indexRel: string | null
+      items: { rel: string; name: string; title: string; description: string; type: string }[]
+    }[] = []
 
     if (await exists('projects')) {
       for (const p of (await listDir('projects')).filter((e) => e.kind === 'dir')) {
-        const memRel = `${p.rel}/memory`;
-        if (!(await exists(memRel))) continue;
-        const files = (await listDir(memRel)).filter(
-          (e) => e.kind === 'file' && e.name.endsWith('.md'),
-        );
-        if (!files.length) continue;
+        const memRel = `${p.rel}/memory`
+        if (!(await exists(memRel))) continue
+        const files = (await listDir(memRel)).filter((e) => e.kind === 'file' && e.name.endsWith('.md'))
+        if (!files.length) continue
 
-        let indexRel: string | null = null;
+        let indexRel: string | null = null
         const items: {
-          rel: string;
-          name: string;
-          title: string;
-          description: string;
-          type: string;
-        }[] = [];
+          rel: string
+          name: string
+          title: string
+          description: string
+          type: string
+        }[] = []
         for (const f of files) {
           if (f.name === 'MEMORY.md') {
-            indexRel = f.rel;
-            continue; // the index isn't a structured memory
+            indexRel = f.rel
+            continue // the index isn't a structured memory
           }
-          const text = (await readTextOrNull(f.rel)) ?? '';
-          const fm = parseFrontmatter(text);
+          const text = (await readTextOrNull(f.rel)) ?? ''
+          const fm = parseFrontmatter(text)
           // metadata.type is nested under `metadata:`; a flat scan of the raw
           // frontmatter finds the `type:` line whatever its indentation.
-          const typeMatch = /^\s*type:\s*(\S+)/m.exec(fm.raw);
-          const name = f.name.replace(/\.md$/, '');
+          const typeMatch = /^\s*type:\s*(\S+)/m.exec(fm.raw)
+          const name = f.name.replace(/\.md$/, '')
           items.push({
             rel: f.rel,
             name,
             title: fm.data.name ?? name,
             description: fm.data.description ?? '',
             type: typeMatch?.[1] ?? '',
-          });
+          })
         }
-        projects.push({ slug: p.name, memRel, indexRel, items });
+        projects.push({ slug: p.name, memRel, indexRel, items })
       }
     }
-    return { global, projects };
-  });
+    return { global, projects }
+  })
 
   /** Installed plugins + known marketplaces (for the settings toggles). */
   app.get('/api/claude/plugins', async () => {
-    const installed: { id: string; version: string; scope: string }[] = [];
-    const rawInstalled = await readTextOrNull('plugins/installed_plugins.json');
+    const installed: { id: string; version: string; scope: string }[] = []
+    const rawInstalled = await readTextOrNull('plugins/installed_plugins.json')
     if (rawInstalled) {
       try {
         const parsed = JSON.parse(rawInstalled) as {
-          plugins?: Record<string, { version?: string; scope?: string }[]>;
-        };
+          plugins?: Record<string, { version?: string; scope?: string }[]>
+        }
         for (const [id, entries] of Object.entries(parsed.plugins ?? {})) {
-          const first = entries[0];
-          installed.push({ id, version: first?.version ?? '', scope: first?.scope ?? '' });
+          const first = entries[0]
+          installed.push({ id, version: first?.version ?? '', scope: first?.scope ?? '' })
         }
       } catch {
         /* malformed file — report an empty list rather than 500 */
       }
     }
 
-    const marketplaces: { name: string; sourceType: string; location: string }[] = [];
-    const rawMk = await readTextOrNull('plugins/known_marketplaces.json');
+    const marketplaces: { name: string; sourceType: string; location: string }[] = []
+    const rawMk = await readTextOrNull('plugins/known_marketplaces.json')
     if (rawMk) {
       try {
-        const parsed = JSON.parse(rawMk) as Record<
-          string,
-          { source?: { source?: string; path?: string; repo?: string } }
-        >;
+        const parsed = JSON.parse(rawMk) as Record<string, { source?: { source?: string; path?: string; repo?: string } }>
         for (const [name, def] of Object.entries(parsed)) {
-          const s = def.source ?? {};
+          const s = def.source ?? {}
           marketplaces.push({
             name,
             sourceType: s.source ?? '',
             location: s.path ?? s.repo ?? '',
-          });
+          })
         }
       } catch {
         /* malformed — empty */
       }
     }
-    return { installed, marketplaces };
-  });
+    return { installed, marketplaces }
+  })
 
   /** Hooks contributed by installed plugins (read-only; not in settings.json). */
-  app.get('/api/claude/plugin-hooks', () => getPluginHooks());
+  app.get('/api/claude/plugin-hooks', () => getPluginHooks())
 
   /** System info for the status bar (managed dir + Claude Code version). */
   app.get('/api/claude/system', async () => {
-    let version = '';
-    const raw = await readTextOrNull('.last-update-result.json');
+    let version = ''
+    const raw = await readTextOrNull('.last-update-result.json')
     if (raw) {
       try {
-        version = (JSON.parse(raw) as { version_to?: string }).version_to ?? '';
+        version = (JSON.parse(raw) as { version_to?: string }).version_to ?? ''
       } catch {
         /* malformed — no version */
       }
     }
-    return { claudeDir: CLAUDE_DIR, version };
-  });
+    return { claudeDir: CLAUDE_DIR, version }
+  })
 
   /** High-level inventory for the dashboard. */
   app.get('/api/claude/overview', async () => {
     const countDir = async (rel: string, suffix: string): Promise<number> => {
-      if (!(await exists(rel))) return 0;
-      return (await listDir(rel)).filter((e) => e.name.endsWith(suffix)).length;
-    };
+      if (!(await exists(rel))) return 0
+      return (await listDir(rel)).filter((e) => e.name.endsWith(suffix)).length
+    }
     return {
       settingsExists: await exists('settings.json'),
       claudeMdExists: await exists('CLAUDE.md'),
       agents: await countDir('agents', '.md'),
-      skills: (await exists('skills'))
-        ? (await listDir('skills')).filter((e) => e.kind === 'dir').length
-        : 0,
+      skills: (await exists('skills')) ? (await listDir('skills')).filter((e) => e.kind === 'dir').length : 0,
       plugins: await countInstalledPlugins(),
-    };
-  });
+    }
+  })
 }
 
 /**
  * Add/remove one pointer line (`- [Title](file.md) — hook`) in a MEMORY.md
  * index, preserving all other lines. Returns the new text, or null for a no-op.
  */
-function updateMemoryIndex(
-  current: string | null,
-  action: 'add' | 'remove',
-  file: string,
-  title: string,
-  hook: string,
-): string | null {
-  const esc = file.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-  const linkRe = new RegExp(`\\]\\(${esc}\\)`); // matches "](file.md)"
-  const entry = `- [${title}](${file})${hook ? ` — ${hook}` : ''}`;
-  const src = current ?? '';
-  const lines = src.split('\n');
-  const at = lines.findIndex((l) => linkRe.test(l));
+function updateMemoryIndex(current: string | null, action: 'add' | 'remove', file: string, title: string, hook: string): string | null {
+  const esc = file.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
+  const linkRe = new RegExp(`\\]\\(${esc}\\)`) // matches "](file.md)"
+  const entry = `- [${title}](${file})${hook ? ` — ${hook}` : ''}`
+  const src = current ?? ''
+  const lines = src.split('\n')
+  const at = lines.findIndex((l) => linkRe.test(l))
   const norm = (ls: string[]): string =>
     ls
       .join('\n')
       .replace(/\n{3,}/g, '\n\n')
-      .replace(/\n+$/, '') + '\n';
+      .replace(/\n+$/, '') + '\n'
 
   if (action === 'remove') {
-    if (at < 0) return null; // not indexed → no-op
-    lines.splice(at, 1);
-    return norm(lines);
+    if (at < 0) return null // not indexed → no-op
+    lines.splice(at, 1)
+    return norm(lines)
   }
 
   // add / update — preserve position (and surrounding blank lines) if it exists.
   if (at >= 0) {
-    if (lines[at] === entry) return current; // already up to date
-    lines[at] = entry;
-    return norm(lines);
+    if (lines[at] === entry) return current // already up to date
+    lines[at] = entry
+    return norm(lines)
   }
-  if (!src.trim()) return `# Memory Index\n\n${entry}\n`;
-  return norm([...lines, entry]);
+  if (!src.trim()) return `# Memory Index\n\n${entry}\n`
+  return norm([...lines, entry])
 }
 
 /** Count installed plugins from the plugins registry (0 when absent/malformed). */
 async function countInstalledPlugins(): Promise<number> {
-  const raw = await readTextOrNull('plugins/installed_plugins.json');
-  if (!raw) return 0;
+  const raw = await readTextOrNull('plugins/installed_plugins.json')
+  if (!raw) return 0
   try {
-    const parsed = JSON.parse(raw) as { plugins?: Record<string, unknown> };
-    return Object.keys(parsed.plugins ?? {}).length;
+    const parsed = JSON.parse(raw) as { plugins?: Record<string, unknown> }
+    return Object.keys(parsed.plugins ?? {}).length
   } catch {
-    return 0;
+    return 0
   }
 }
 
 /** Shared indexer for a flat directory of `<name><suffix>` Markdown resources. */
 async function indexMarkdownDir(dir: string, suffix: string): Promise<{ items: ResourceItem[] }> {
-  if (!(await exists(dir))) return { items: [] };
-  const files = (await listDir(dir)).filter((e) => e.kind === 'file' && e.name.endsWith(suffix));
-  const items: ResourceItem[] = [];
+  if (!(await exists(dir))) return { items: [] }
+  const files = (await listDir(dir)).filter((e) => e.kind === 'file' && e.name.endsWith(suffix))
+  const items: ResourceItem[] = []
   for (const f of files) {
-    const text = (await readTextOrNull(f.rel)) ?? '';
-    const fm = parseFrontmatter(text);
-    const name = f.name.slice(0, -suffix.length);
+    const text = (await readTextOrNull(f.rel)) ?? ''
+    const fm = parseFrontmatter(text)
+    const name = f.name.slice(0, -suffix.length)
     items.push({
       rel: f.rel,
       name,
       title: fm.data.name ?? name,
       description: fm.data.description ?? '',
       mtime: f.mtime,
-    });
+    })
   }
-  return { items };
+  return { items }
 }
diff --git a/server/routes/diagnostics.ts b/server/routes/diagnostics.ts
index 9523497..76ece54 100644
--- a/server/routes/diagnostics.ts
+++ b/server/routes/diagnostics.ts
@@ -1,18 +1,12 @@
 // Diagnostic de coût (`/api/diagnostics`). Lecture seule, comme `/api/usage` :
 // cette surface n'écrit jamais, elle relit les transcripts de `~/.claude/projects`.
 
-import type { FastifyInstance } from 'fastify';
-import { t } from '../i18n/index.ts';
-import {
-  diagnose,
-  diagnoseSession,
-  getPace,
-  RULE_NAMES,
-  type RuleName,
-} from '../diagnostics/index.ts';
-import { str } from '../json.ts';
+import type { FastifyInstance } from 'fastify'
+import { diagnose, diagnoseSession, getPace, RULE_NAMES, type RuleName } from '../diagnostics/index.ts'
+import { t } from '../i18n/index.ts'
+import { str } from '../json.ts'
 
-const DAY = /^\d{4}-\d{2}-\d{2}$/;
+const DAY = /^\d{4}-\d{2}-\d{2}$/
 
 /**
  * Un vrai jour du calendrier, pas seulement la forme `\d{4}-\d{2}-\d{2}`. Les
@@ -21,41 +15,41 @@ const DAY = /^\d{4}-\d{2}-\d{2}$/;
  * Même règle que sur `/api/usage`.
  */
 function isDay(v: string): boolean {
-  if (!DAY.test(v)) return false;
-  const d = new Date(`${v}T00:00:00Z`);
-  if (Number.isNaN(d.getTime())) return false;
-  return d.toISOString().startsWith(v);
+  if (!DAY.test(v)) return false
+  const d = new Date(`${v}T00:00:00Z`)
+  if (Number.isNaN(d.getTime())) return false
+  return d.toISOString().startsWith(v)
 }
 
 /** Une liste passée en `?a=x&a=y` ou en `?a=x,y`, réduite aux valeurs connues. */
 function list(value: unknown): string[] {
-  const raw = Array.isArray(value) ? value : [value];
+  const raw = Array.isArray(value) ? value : [value]
   return raw
     .flatMap((v) => str(v).split(','))
     .map((v) => v.trim())
-    .filter(Boolean);
+    .filter(Boolean)
 }
 
 export function registerDiagnostics(app: FastifyInstance): void {
   /** Rapport complet. `from`/`to` sont des bornes `AAAA-MM-JJ` inclusives. */
   app.get('/api/diagnostics', async (req, reply) => {
-    const q = req.query as Record<string, unknown>;
-    const from = str(q.from);
-    const to = str(q.to);
+    const q = req.query as Record<string, unknown>
+    const from = str(q.from)
+    const to = str(q.to)
 
     if ((from && !isDay(from)) || (to && !isDay(to))) {
-      return reply.code(400).send({ error: t('errors.dateFormat') });
+      return reply.code(400).send({ error: t('errors.dateFormat') })
     }
     if (from && to && from > to) {
-      return reply.code(400).send({ error: t('errors.dateOrder') });
+      return reply.code(400).send({ error: t('errors.dateOrder') })
     }
 
     // Une règle inconnue est refusée plutôt qu'ignorée : un client qui croit avoir
     // désactivé une règle et la voit revenir n'a aucun moyen de comprendre.
-    const disabled = list(q.disabled);
-    const unknown = disabled.filter((r) => !(RULE_NAMES as readonly string[]).includes(r));
+    const disabled = list(q.disabled)
+    const unknown = disabled.filter((r) => !(RULE_NAMES as readonly string[]).includes(r))
     if (unknown.length) {
-      return reply.code(400).send({ error: `Règle inconnue : ${unknown.join(', ')}.` });
+      return reply.code(400).send({ error: `Règle inconnue : ${unknown.join(', ')}.` })
     }
 
     return await diagnose({
@@ -63,8 +57,8 @@ export function registerDiagnostics(app: FastifyInstance): void {
       ...(to ? { to } : {}),
       ...(disabled.length ? { disabled: disabled as RuleName[] } : {}),
       ...(list(q.ignore).length ? { ignore: list(q.ignore) } : {}),
-    });
-  });
+    })
+  })
 
   /**
    * Le rythme : la fenêtre de 5 h en cours, et les sessions menées de front.
@@ -74,7 +68,7 @@ export function registerDiagnostics(app: FastifyInstance): void {
    * heures, un point c'est tout. Le stream l'interroge en boucle, d'où le cache
    * court côté `pace.ts`.
    */
-  app.get('/api/diagnostics/pace', async () => await getPace());
+  app.get('/api/diagnostics/pace', async () => await getPace())
 
   /**
    * Le diagnostic d'une session : son coût décomposé, sa place dans le parc, et
@@ -86,12 +80,12 @@ export function registerDiagnostics(app: FastifyInstance): void {
    * retrouver un relevé déjà calculé — aucun chemin n'en est construit.
    */
   app.get('/api/diagnostics/session', async (req, reply) => {
-    const q = req.query as Record<string, unknown>;
-    const project = str(q.project);
-    const id = str(q.id);
+    const q = req.query as Record<string, unknown>
+    const project = str(q.project)
+    const id = str(q.id)
     if (!project || !id) {
-      return reply.code(400).send({ error: t('errors.projectAndIdRequired') });
+      return reply.code(400).send({ error: t('errors.projectAndIdRequired') })
     }
-    return await diagnoseSession(project, id);
-  });
+    return await diagnoseSession(project, id)
+  })
 }
diff --git a/server/routes/events.ts b/server/routes/events.ts
index 2b49d08..d557897 100644
--- a/server/routes/events.ts
+++ b/server/routes/events.ts
@@ -1,21 +1,21 @@
 // Server-sent events (`/api/events`): the SPA subscribes once and is told when
 // `~/.claude` changes, instead of asking every couple of seconds.
 
-import type { FastifyInstance } from 'fastify';
-import { subscribe, type ClaudeEvent } from '../watch.ts';
+import type { FastifyInstance } from 'fastify'
+import { subscribe, type ClaudeEvent } from '../watch.ts'
 
 /**
  * Idle connections die to proxies and load balancers long before anything in
  * `~/.claude` moves. A comment line keeps the socket warm without waking any
  * client-side handler.
  */
-const HEARTBEAT_MS = 25_000;
+const HEARTBEAT_MS = 25_000
 
 export function registerEvents(app: FastifyInstance): void {
   app.get('/api/events', (req, reply) => {
     // Fastify must not try to serialise or close this response: we own the
     // socket until the client hangs up.
-    reply.hijack();
+    reply.hijack()
 
     reply.raw.writeHead(200, {
       'Content-Type': 'text/event-stream',
@@ -23,23 +23,23 @@ export function registerEvents(app: FastifyInstance): void {
       Connection: 'keep-alive',
       // Tell any reverse proxy not to buffer: buffering defeats the whole point.
       'X-Accel-Buffering': 'no',
-    });
+    })
     // Flush the headers so `EventSource` resolves `onopen` immediately, even if
     // nothing changes for minutes.
-    reply.raw.write(': connected\n\n');
+    reply.raw.write(': connected\n\n')
 
     const send = (event: ClaudeEvent): void => {
-      reply.raw.write(`event: ${event.kind}\ndata: ${JSON.stringify(event)}\n\n`);
-    };
+      reply.raw.write(`event: ${event.kind}\ndata: ${JSON.stringify(event)}\n\n`)
+    }
 
-    const unsubscribe = subscribe(send);
-    const heartbeat = setInterval(() => reply.raw.write(': ping\n\n'), HEARTBEAT_MS);
+    const unsubscribe = subscribe(send)
+    const heartbeat = setInterval(() => reply.raw.write(': ping\n\n'), HEARTBEAT_MS)
 
     const close = (): void => {
-      clearInterval(heartbeat);
-      unsubscribe();
-    };
-    req.raw.on('close', close);
-    req.raw.on('error', close);
-  });
+      clearInterval(heartbeat)
+      unsubscribe()
+    }
+    req.raw.on('close', close)
+    req.raw.on('error', close)
+  })
 }
diff --git a/server/routes/maintenance.ts b/server/routes/maintenance.ts
index c0b72c1..4a071a8 100644
--- a/server/routes/maintenance.ts
+++ b/server/routes/maintenance.ts
@@ -1,39 +1,31 @@
 // Observability & maintenance endpoints (`/api/system/*`): storage sizes + purge,
 // sessions, plans (list/read/delete), and the orderly shutdown.
 
-import type { FastifyInstance } from 'fastify';
-import { t } from '../i18n/index.ts';
-import {
-  getStorage,
-  purgeArea,
-  listSessions,
-  listPlans,
-  readPlan,
-  deletePlan,
-} from '../maintenance';
-import { listSessions as listRunners } from '../agent/registry.ts';
-import { killTree, listClaudeProcesses } from '../processes.ts';
-import type { KillProcessBody } from '../../shared/processes.ts';
-import { isLoopback } from '../net.ts';
-import { str } from '../json.ts';
-import { publicMessage } from '../errors.ts';
+import type { FastifyInstance } from 'fastify'
+import type { KillProcessBody } from '../../shared/processes.ts'
+import { listSessions as listRunners } from '../agent/registry.ts'
+import { publicMessage } from '../errors.ts'
+import { t } from '../i18n/index.ts'
+import { str } from '../json.ts'
+import { getStorage, purgeArea, listSessions, listPlans, readPlan, deletePlan } from '../maintenance'
+import { isLoopback } from '../net.ts'
+import { killTree, listClaudeProcesses } from '../processes.ts'
 
 export function registerMaintenance(app: FastifyInstance): void {
-  app.get('/api/system/storage', () => getStorage());
+  app.get('/api/system/storage', () => getStorage())
 
   app.post('/api/system/purge', async (req, reply) => {
-    const body = (req.body ?? {}) as { area?: string };
-    if (!body.area)
-      return reply.code(400).send({ error: t('errors.paramRequired', { name: 'area' }) });
+    const body = (req.body ?? {}) as { area?: string }
+    if (!body.area) return reply.code(400).send({ error: t('errors.paramRequired', { name: 'area' }) })
     try {
-      await purgeArea(body.area);
-      return { ok: true };
+      await purgeArea(body.area)
+      return { ok: true }
     } catch (e) {
-      return reply.code(400).send({ error: publicMessage(e) });
+      return reply.code(400).send({ error: publicMessage(e) })
     }
-  });
+  })
 
-  app.get('/api/system/sessions', async () => ({ sessions: await listSessions() }));
+  app.get('/api/system/sessions', async () => ({ sessions: await listSessions() }))
 
   // ── Processus ──────────────────────────────────────────────────────────────
   //
@@ -41,7 +33,7 @@ export function registerMaintenance(app: FastifyInstance): void {
   // disque ne dit pas tout : un daemon et un hôte de pseudo-terminal n'écrivent
   // aucun fichier de session, et ce sont eux qui survivent aux sessions.
 
-  app.get('/api/system/processes', () => listClaudeProcesses());
+  app.get('/api/system/processes', () => listClaudeProcesses())
 
   /**
    * Terminer un processus Claude, et sa descendance si on le demande.
@@ -61,45 +53,44 @@ export function registerMaintenance(app: FastifyInstance): void {
    * 4. L'ordre de coupe appartient à `killOrder`, pas à l'appelant.
    */
   app.post('/api/system/processes/kill', async (req, reply) => {
-    if (!isLoopback(req.ip)) return reply.code(403).send({ error: t('errors.accessDenied') });
+    if (!isLoopback(req.ip)) return reply.code(403).send({ error: t('errors.accessDenied') })
 
-    const body = (req.body ?? {}) as KillProcessBody;
-    const pid = Number(body.pid);
+    const body = (req.body ?? {}) as KillProcessBody
+    const pid = Number(body.pid)
     if (!Number.isInteger(pid) || pid <= 0) {
-      return reply.code(400).send({ error: t('errors.paramRequired', { name: 'pid' }) });
+      return reply.code(400).send({ error: t('errors.paramRequired', { name: 'pid' }) })
     }
-    if (pid === process.pid) return reply.code(400).send({ error: t('errors.cannotKillSelf') });
+    if (pid === process.pid) return reply.code(400).send({ error: t('errors.cannotKillSelf') })
 
-    const { processes } = await listClaudeProcesses();
-    const target = processes.find((p) => p.pid === pid);
-    if (!target) return reply.code(404).send({ error: t('errors.processNotFound') });
+    const { processes } = await listClaudeProcesses()
+    const target = processes.find((p) => p.pid === pid)
+    if (!target) return reply.code(404).send({ error: t('errors.processNotFound') })
 
-    return { killed: killTree(pid, body.descendants === true, processes) };
-  });
+    return { killed: killTree(pid, body.descendants === true, processes) }
+  })
 
-  app.get('/api/system/plans', async () => ({ plans: await listPlans() }));
+  app.get('/api/system/plans', async () => ({ plans: await listPlans() }))
 
   app.get('/api/system/plan', async (req, reply) => {
-    const name = str((req.query as Record<string, unknown>).name);
-    if (!name) return reply.code(400).send({ error: t('errors.paramRequired', { name: 'name' }) });
+    const name = str((req.query as Record<string, unknown>).name)
+    if (!name) return reply.code(400).send({ error: t('errors.paramRequired', { name: 'name' }) })
     try {
-      return { name, content: await readPlan(name) };
+      return { name, content: await readPlan(name) }
     } catch {
-      return reply.code(404).send({ error: t('errors.planNotFound') });
+      return reply.code(404).send({ error: t('errors.planNotFound') })
     }
-  });
+  })
 
   app.post('/api/system/plan/delete', async (req, reply) => {
-    const body = (req.body ?? {}) as { name?: string };
-    if (!body.name)
-      return reply.code(400).send({ error: t('errors.paramRequired', { name: 'name' }) });
+    const body = (req.body ?? {}) as { name?: string }
+    if (!body.name) return reply.code(400).send({ error: t('errors.paramRequired', { name: 'name' }) })
     try {
-      await deletePlan(body.name);
-      return { ok: true };
+      await deletePlan(body.name)
+      return { ok: true }
     } catch (e) {
-      return reply.code(400).send({ error: publicMessage(e) });
+      return reply.code(400).send({ error: publicMessage(e) })
     }
-  });
+  })
 
   // L'extinction ordonnée, pour les scripts d'arrêt.
   //
@@ -116,14 +107,14 @@ export function registerMaintenance(app: FastifyInstance): void {
     // filet si l'écoute venait à s'ouvrir. Ce qui protège vraiment cette route,
     // c'est `guard.ts` : un `POST` sans corps depuis un onglet ouvert arrivait
     // bien de `127.0.0.1`, et `isLoopback` le laissait passer.
-    if (!isLoopback(req.ip)) return reply.code(403).send({ error: t('errors.accessDenied') });
+    if (!isLoopback(req.ip)) return reply.code(403).send({ error: t('errors.accessDenied') })
 
     // Fermer coupe les sockets ouvertes, celle-ci comprise : on n'entame
     // l'extinction qu'une fois la réponse effectivement partie, sinon
     // l'appelant ne saurait jamais si sa demande a été entendue.
     reply.raw.once('finish', () => {
-      void app.close().finally(() => process.exit(0));
-    });
-    return reply.send({ ok: true, sessions: listRunners().length });
-  });
+      void app.close().finally(() => process.exit(0))
+    })
+    return reply.send({ ok: true, sessions: listRunners().length })
+  })
 }
diff --git a/server/routes/mcp.ts b/server/routes/mcp.ts
index 00d5b79..f8b6026 100644
--- a/server/routes/mcp.ts
+++ b/server/routes/mcp.ts
@@ -7,57 +7,47 @@
 // enableAllProjectMcpServers / enabled-disabled knobs live in settings.json and
 // are edited via the normal /api/claude flow.
 
-import type { FastifyInstance } from 'fastify';
-import { t } from '../i18n/index.ts';
-import {
-  getMcpInventory,
-  proposeMcpWrite,
-  applyMcpWrite,
-  validateServer,
-  McpConflictError,
-  type McpServerConfig,
-} from '../mcp';
+import type { FastifyInstance } from 'fastify'
+import { t } from '../i18n/index.ts'
+import { getMcpInventory, proposeMcpWrite, applyMcpWrite, validateServer, McpConflictError, type McpServerConfig } from '../mcp'
 
 interface WriteBody {
-  name?: string;
+  name?: string
   /** Server config for add/update, or `null` to delete. */
-  server?: McpServerConfig | null;
-  expectedHash?: string | null;
+  server?: McpServerConfig | null
+  expectedHash?: string | null
 }
 
 /** Validate the shared shape of propose/apply bodies. */
-function parseBody(
-  body: unknown,
-): { name: string; server: McpServerConfig | null } | { error: string } {
-  const b = (body ?? {}) as WriteBody;
-  if (typeof b.name !== 'string' || !b.name.trim())
-    return { error: t('errors.serverNameRequired') };
-  const server = b.server == null ? null : b.server;
+function parseBody(body: unknown): { name: string; server: McpServerConfig | null } | { error: string } {
+  const b = (body ?? {}) as WriteBody
+  if (typeof b.name !== 'string' || !b.name.trim()) return { error: t('errors.serverNameRequired') }
+  const server = b.server == null ? null : b.server
   if (server !== null) {
-    const err = validateServer(server);
-    if (err) return { error: err };
+    const err = validateServer(server)
+    if (err) return { error: err }
   }
-  return { name: b.name.trim(), server };
+  return { name: b.name.trim(), server }
 }
 
 export function registerMcp(app: FastifyInstance): void {
-  app.get('/api/mcp', () => getMcpInventory());
+  app.get('/api/mcp', () => getMcpInventory())
 
   app.post('/api/mcp/propose', async (req, reply) => {
-    const parsed = parseBody(req.body);
-    if ('error' in parsed) return reply.code(400).send({ error: parsed.error });
-    return proposeMcpWrite(parsed.name, parsed.server);
-  });
+    const parsed = parseBody(req.body)
+    if ('error' in parsed) return reply.code(400).send({ error: parsed.error })
+    return proposeMcpWrite(parsed.name, parsed.server)
+  })
 
   app.post('/api/mcp/apply', async (req, reply) => {
-    const parsed = parseBody(req.body);
-    if ('error' in parsed) return reply.code(400).send({ error: parsed.error });
-    const expectedHash = ((req.body ?? {}) as WriteBody).expectedHash ?? null;
+    const parsed = parseBody(req.body)
+    if ('error' in parsed) return reply.code(400).send({ error: parsed.error })
+    const expectedHash = ((req.body ?? {}) as WriteBody).expectedHash ?? null
     try {
-      return await applyMcpWrite(parsed.name, parsed.server, expectedHash);
+      return await applyMcpWrite(parsed.name, parsed.server, expectedHash)
     } catch (e) {
-      if (e instanceof McpConflictError) return reply.code(409).send({ error: e.message });
-      throw e;
+      if (e instanceof McpConflictError) return reply.code(409).send({ error: e.message })
+      throw e
     }
-  });
+  })
 }
diff --git a/server/routes/preferences.ts b/server/routes/preferences.ts
index abd3050..b75fe69 100644
--- a/server/routes/preferences.ts
+++ b/server/routes/preferences.ts
@@ -9,22 +9,22 @@
 // s'ajoute à l'objet, elle ne se donne pas sa propre route. La lecture vit dans
 // `../preferences.ts`, le BFF en ayant besoin de son côté.
 
-import type { FastifyInstance } from 'fastify';
-import { t } from '../i18n/index.ts';
-import { writeFile, mkdir } from 'node:fs/promises';
-import { LOCAL_DIR } from '../paths';
-import { PREFERENCES_PATH, readPreferences } from '../preferences.ts';
+import { writeFile, mkdir } from 'node:fs/promises'
+import type { FastifyInstance } from 'fastify'
+import { t } from '../i18n/index.ts'
+import { LOCAL_DIR } from '../paths'
+import { PREFERENCES_PATH, readPreferences } from '../preferences.ts'
 
 export function registerPreferences(app: FastifyInstance): void {
-  app.get('/api/preferences', () => readPreferences());
+  app.get('/api/preferences', () => readPreferences())
 
   app.put('/api/preferences', async (req, reply) => {
-    const body = req.body;
+    const body = req.body
     if (!body || typeof body !== 'object' || Array.isArray(body)) {
-      return reply.code(400).send({ error: t('errors.invalidPreferences') });
+      return reply.code(400).send({ error: t('errors.invalidPreferences') })
     }
-    await mkdir(LOCAL_DIR, { recursive: true });
-    await writeFile(PREFERENCES_PATH, JSON.stringify(body, null, 2), 'utf8');
-    return reply.code(204).send();
-  });
+    await mkdir(LOCAL_DIR, { recursive: true })
+    await writeFile(PREFERENCES_PATH, JSON.stringify(body, null, 2), 'utf8')
+    return reply.code(204).send()
+  })
 }
diff --git a/server/routes/projects.ts b/server/routes/projects.ts
index 89e4013..253dd08 100644
--- a/server/routes/projects.ts
+++ b/server/routes/projects.ts
@@ -3,8 +3,10 @@
 // one memory, parse one transcript.
 // All read-only — this surface never writes.
 
-import type { FastifyInstance, FastifyReply } from 'fastify';
-import { t } from '../i18n/index.ts';
+import type { FastifyInstance, FastifyReply } from 'fastify'
+import { publicMessage } from '../errors.ts'
+import { t } from '../i18n/index.ts'
+import { str } from '../json.ts'
 import {
   listProjects,
   getProjectDetail,
@@ -19,18 +21,16 @@ import {
   readProjectToolResult,
   readProjectTranscriptImage,
   ProjectError,
-} from '../projects';
-import { str } from '../json.ts';
-import { publicMessage } from '../errors.ts';
+} from '../projects'
 
 function fail(reply: FastifyReply, e: unknown): unknown {
   if (e instanceof ProjectError) {
-    const status = e.code === 'not-found' || e.code === 'no-source' ? 404 : 403;
-    return reply.code(status).send({ error: e.message, code: e.code });
+    const status = e.code === 'not-found' || e.code === 'no-source' ? 404 : 403
+    return reply.code(status).send({ error: e.message, code: e.code })
   }
-  const err = e as NodeJS.ErrnoException;
-  if (err?.code === 'ENOENT') return reply.code(404).send({ error: t('errors.notFound') });
-  return reply.code(500).send({ error: publicMessage(err) });
+  const err = e as NodeJS.ErrnoException
+  if (err?.code === 'ENOENT') return reply.code(404).send({ error: t('errors.notFound') })
+  return reply.code(500).send({ error: publicMessage(err) })
 }
 
 /**
@@ -41,34 +41,34 @@ function fail(reply: FastifyReply, e: unknown): unknown {
  * `W/` d'une empreinte faible : on compare donc aussi les valeurs nues.
  */
 function matchesEtag(header: string | string[] | undefined, etag: string): boolean {
-  if (typeof header !== 'string' || !header) return false;
-  const bare = (v: string): string => v.trim().replace(/^W\//, '');
-  if (header.trim() === '*') return true;
-  return header.split(',').some((candidate) => bare(candidate) === bare(etag));
+  if (typeof header !== 'string' || !header) return false
+  const bare = (v: string): string => v.trim().replace(/^W\//, '')
+  if (header.trim() === '*') return true
+  return header.split(',').some((candidate) => bare(candidate) === bare(etag))
 }
 
 export function registerProjects(app: FastifyInstance): void {
-  app.get('/api/projects', async () => ({ projects: await listProjects() }));
+  app.get('/api/projects', async () => ({ projects: await listProjects() }))
 
   app.get('/api/projects/:slug', async (req, reply) => {
-    const { slug } = req.params as { slug: string };
+    const { slug } = req.params as { slug: string }
     try {
-      return await getProjectDetail(slug);
+      return await getProjectDetail(slug)
     } catch (e) {
-      return fail(reply, e);
+      return fail(reply, e)
     }
-  });
+  })
 
   // L'inventaire seul. Distinct du détail parce qu'il ne touche ni aux hooks ni
   // aux transcripts : c'est ce qui le rend appelable depuis un écran en direct.
   app.get('/api/projects/:slug/resources', async (req, reply) => {
-    const { slug } = req.params as { slug: string };
+    const { slug } = req.params as { slug: string }
     try {
-      return await getProjectResources(slug);
+      return await getProjectResources(slug)
     } catch (e) {
-      return fail(reply, e);
+      return fail(reply, e)
     }
-  });
+  })
 
   /**
    * Les sessions d'un projet, et rien d'autre.
@@ -80,46 +80,46 @@ export function registerProjects(app: FastifyInstance): void {
    * afficher six lignes.
    */
   app.get('/api/projects/:slug/sessions', async (req, reply) => {
-    const { slug } = req.params as { slug: string };
+    const { slug } = req.params as { slug: string }
     try {
-      return { sessions: await listProjectSessions(slug) };
+      return { sessions: await listProjectSessions(slug) }
     } catch (e) {
-      return fail(reply, e);
+      return fail(reply, e)
     }
-  });
+  })
 
   app.get('/api/projects/:slug/plans', async (req, reply) => {
-    const { slug } = req.params as { slug: string };
+    const { slug } = req.params as { slug: string }
     try {
-      return { plans: await listProjectPlans(slug) };
+      return { plans: await listProjectPlans(slug) }
     } catch (e) {
-      return fail(reply, e);
+      return fail(reply, e)
     }
-  });
+  })
 
   app.get('/api/projects/:slug/resource', async (req, reply) => {
-    const { slug } = req.params as { slug: string };
-    const path = str((req.query as Record<string, unknown>).path);
-    if (!path) return reply.code(400).send({ error: t('errors.paramRequired', { name: 'path' }) });
+    const { slug } = req.params as { slug: string }
+    const path = str((req.query as Record<string, unknown>).path)
+    if (!path) return reply.code(400).send({ error: t('errors.paramRequired', { name: 'path' }) })
     try {
-      return await readProjectResource(slug, path);
+      return await readProjectResource(slug, path)
     } catch (e) {
-      return fail(reply, e);
+      return fail(reply, e)
     }
-  });
+  })
 
   // Separate from /resource: a memory lives in the source tree, not in .claude,
   // and its sandbox admits only files named CLAUDE.md.
   app.get('/api/projects/:slug/memory', async (req, reply) => {
-    const { slug } = req.params as { slug: string };
-    const path = str((req.query as Record<string, unknown>).path);
-    if (!path) return reply.code(400).send({ error: t('errors.paramRequired', { name: 'path' }) });
+    const { slug } = req.params as { slug: string }
+    const path = str((req.query as Record<string, unknown>).path)
+    if (!path) return reply.code(400).send({ error: t('errors.paramRequired', { name: 'path' }) })
     try {
-      return await readProjectMemory(slug, path);
+      return await readProjectMemory(slug, path)
     } catch (e) {
-      return fail(reply, e);
+      return fail(reply, e)
     }
-  });
+  })
 
   /**
    * Un document d'un dossier inclus.
@@ -128,27 +128,27 @@ export function registerProjects(app: FastifyInstance): void {
    * chaque appel : sans inclusion, cette route n'ouvre rien.
    */
   app.get('/api/projects/:slug/included', async (req, reply) => {
-    const { slug } = req.params as { slug: string };
-    const path = str((req.query as Record<string, unknown>).path);
-    if (!path) return reply.code(400).send({ error: t('errors.paramRequired', { name: 'path' }) });
+    const { slug } = req.params as { slug: string }
+    const path = str((req.query as Record<string, unknown>).path)
+    if (!path) return reply.code(400).send({ error: t('errors.paramRequired', { name: 'path' }) })
     try {
-      return await readProjectIncludedFile(slug, path);
+      return await readProjectIncludedFile(slug, path)
     } catch (e) {
-      return fail(reply, e);
+      return fail(reply, e)
     }
-  });
+  })
 
   // Ce qu'AURA propose d'inclure. Une mesure — le nombre de documents d'un
   // sous-arbre —, jamais une décision : elle ne sait pas distinguer un document
   // à lire d'un gabarit que le programme consomme.
   app.get('/api/projects/:slug/folder-candidates', async (req, reply) => {
-    const { slug } = req.params as { slug: string };
+    const { slug } = req.params as { slug: string }
     try {
-      return { candidates: await listFolderCandidates(slug) };
+      return { candidates: await listFolderCandidates(slug) }
     } catch (e) {
-      return fail(reply, e);
+      return fail(reply, e)
     }
-  });
+  })
 
   /**
    * Un transcript sérialisé pèse jusqu'à plusieurs mégaoctets, et ne change que
@@ -160,25 +160,25 @@ export function registerProjects(app: FastifyInstance): void {
    * de servir » : c'est exactement ce qu'il faut d'un fichier qui grandit.
    */
   app.get('/api/projects/:slug/transcript', async (req, reply) => {
-    const { slug } = req.params as { slug: string };
-    const id = str((req.query as Record<string, unknown>).id);
-    if (!id) return reply.code(400).send({ error: t('errors.paramRequired', { name: 'id' }) });
+    const { slug } = req.params as { slug: string }
+    const id = str((req.query as Record<string, unknown>).id)
+    if (!id) return reply.code(400).send({ error: t('errors.paramRequired', { name: 'id' }) })
     try {
-      const { body, etag } = await readProjectTranscript(slug, id);
-      reply.header('ETag', etag);
-      reply.header('Cache-Control', 'no-cache');
-      if (matchesEtag(req.headers['if-none-match'], etag)) return reply.code(304).send();
+      const { body, etag } = await readProjectTranscript(slug, id)
+      reply.header('ETag', etag)
+      reply.header('Cache-Control', 'no-cache')
+      if (matchesEtag(req.headers['if-none-match'], etag)) return reply.code(304).send()
       // Le transcript arrive déjà sérialisé du thread qui l'a lu. Le type doit
       // être posé à la main : sans lui, Fastify voit des octets, répond
       // `application/octet-stream`, et le `res.json()` du front échoue — et s'il
       // voyait un objet, il le re-sérialiserait sur la boucle d'événements,
       // c'est-à-dire exactement le travail qu'on vient d'en sortir.
-      reply.header('Content-Type', 'application/json; charset=utf-8');
-      return reply.send(body);
+      reply.header('Content-Type', 'application/json; charset=utf-8')
+      return reply.send(body)
     } catch (e) {
-      return fail(reply, e);
+      return fail(reply, e)
     }
-  });
+  })
 
   /**
    * Une image du transcript, servie à part de lui.
@@ -189,46 +189,36 @@ export function registerProjects(app: FastifyInstance): void {
    * capture dix fois sans dix requêtes.
    */
   app.get('/api/projects/:slug/transcript/image', async (req, reply) => {
-    const { slug } = req.params as { slug: string };
-    const query = req.query as Record<string, unknown>;
-    const id = str(query.id);
-    const uuid = str(query.uuid);
+    const { slug } = req.params as { slug: string }
+    const query = req.query as Record<string, unknown>
+    const id = str(query.id)
+    const uuid = str(query.uuid)
     if (!id || !uuid) {
-      return reply
-        .code(400)
-        .send({ error: t('errors.paramsRequired', { first: 'id', second: 'uuid' }) });
+      return reply.code(400).send({ error: t('errors.paramsRequired', { first: 'id', second: 'uuid' }) })
     }
     try {
-      const { body, mediaType } = await readProjectTranscriptImage(
-        slug,
-        id,
-        uuid,
-        Number(str(query.index, '0')),
-        str(query.agentId),
-      );
-      reply.header('Content-Type', mediaType);
-      reply.header('Cache-Control', 'public, max-age=31536000, immutable');
-      return reply.send(body);
+      const { body, mediaType } = await readProjectTranscriptImage(slug, id, uuid, Number(str(query.index, '0')), str(query.agentId))
+      reply.header('Content-Type', mediaType)
+      reply.header('Cache-Control', 'public, max-age=31536000, immutable')
+      return reply.send(body)
     } catch (e) {
-      return fail(reply, e);
+      return fail(reply, e)
     }
-  });
+  })
 
   // Outputs too large for the transcript live beside it, one file per tool call.
   app.get('/api/projects/:slug/tool-result', async (req, reply) => {
-    const { slug } = req.params as { slug: string };
-    const query = req.query as Record<string, unknown>;
-    const id = str(query.id);
-    const toolUseId = str(query.toolUseId);
+    const { slug } = req.params as { slug: string }
+    const query = req.query as Record<string, unknown>
+    const id = str(query.id)
+    const toolUseId = str(query.toolUseId)
     if (!id || !toolUseId) {
-      return reply
-        .code(400)
-        .send({ error: t('errors.paramsRequired', { first: 'id', second: 'toolUseId' }) });
+      return reply.code(400).send({ error: t('errors.paramsRequired', { first: 'id', second: 'toolUseId' }) })
     }
     try {
-      return await readProjectToolResult(slug, id, toolUseId);
+      return await readProjectToolResult(slug, id, toolUseId)
     } catch (e) {
-      return fail(reply, e);
+      return fail(reply, e)
     }
-  });
+  })
 }
diff --git a/server/routes/usage.ts b/server/routes/usage.ts
index b4bdac1..82bc5be 100644
--- a/server/routes/usage.ts
+++ b/server/routes/usage.ts
@@ -1,12 +1,12 @@
 // Token usage and estimated cost (`/api/usage`). Read-only: this surface never
 // writes, it only aggregates the transcripts under `~/.claude/projects`.
 
-import type { FastifyInstance } from 'fastify';
-import { t } from '../i18n/index.ts';
-import { getUsage } from '../usage.ts';
-import { str } from '../json.ts';
+import type { FastifyInstance } from 'fastify'
+import { t } from '../i18n/index.ts'
+import { str } from '../json.ts'
+import { getUsage } from '../usage.ts'
 
-const DAY = /^\d{4}-\d{2}-\d{2}$/;
+const DAY = /^\d{4}-\d{2}-\d{2}$/
 
 /**
  * A real calendar day, not just a `\d{4}-\d{2}-\d{2}` shape. Bounds are compared
@@ -14,28 +14,28 @@ const DAY = /^\d{4}-\d{2}-\d{2}$/;
  * match every day — the caller would believe they had filtered.
  */
 function isDay(v: string): boolean {
-  if (!DAY.test(v)) return false;
-  const d = new Date(`${v}T00:00:00Z`);
+  if (!DAY.test(v)) return false
+  const d = new Date(`${v}T00:00:00Z`)
   // An out-of-range date parses to Invalid Date; `toISOString()` would throw.
-  if (Number.isNaN(d.getTime())) return false;
+  if (Number.isNaN(d.getTime())) return false
   // Rejects overflow that JS would silently roll over (e.g. 2026-02-31 → Mar 3).
-  return d.toISOString().startsWith(v);
+  return d.toISOString().startsWith(v)
 }
 
 export function registerUsage(app: FastifyInstance): void {
   /** Aggregated usage. `from`/`to` are inclusive `YYYY-MM-DD` bounds. */
   app.get('/api/usage', async (req, reply) => {
-    const q = req.query as Record<string, unknown>;
-    const from = str(q.from);
-    const to = str(q.to);
+    const q = req.query as Record<string, unknown>
+    const from = str(q.from)
+    const to = str(q.to)
 
     if ((from && !isDay(from)) || (to && !isDay(to))) {
-      return reply.code(400).send({ error: t('errors.dateFormat') });
+      return reply.code(400).send({ error: t('errors.dateFormat') })
     }
     if (from && to && from > to) {
-      return reply.code(400).send({ error: t('errors.dateOrder') });
+      return reply.code(400).send({ error: t('errors.dateOrder') })
     }
 
-    return await getUsage(from || undefined, to || undefined);
-  });
+    return await getUsage(from || undefined, to || undefined)
+  })
 }
diff --git a/server/tokens.ts b/server/tokens.ts
index 4447245..b784166 100644
--- a/server/tokens.ts
+++ b/server/tokens.ts
@@ -14,19 +14,19 @@
 // rien ne le signale, et le diagnostic accuserait des sessions que la page Usage
 // dit innocentes. Un seul pliage, partagé, rend l'écart impossible.
 
-import type { TokenCounts } from './pricing.ts';
+import type { TokenCounts } from './pricing.ts'
 
-export const ZERO: TokenCounts = { input: 0, output: 0, cacheRead: 0, cacheCreate: 0 };
+export const ZERO: TokenCounts = { input: 0, output: 0, cacheRead: 0, cacheCreate: 0 }
 
 export function zeroTokens(): TokenCounts {
-  return { ...ZERO };
+  return { ...ZERO }
 }
 
 export function addTokens(a: TokenCounts, b: TokenCounts): void {
-  a.input += b.input;
-  a.output += b.output;
-  a.cacheRead += b.cacheRead;
-  a.cacheCreate += b.cacheCreate;
+  a.input += b.input
+  a.output += b.output
+  a.cacheRead += b.cacheRead
+  a.cacheCreate += b.cacheCreate
 }
 
 /**
@@ -36,20 +36,20 @@ export function addTokens(a: TokenCounts, b: TokenCounts): void {
  * doit jamais soustraire.
  */
 export function growth(counted: TokenCounts, next: TokenCounts): TokenCounts {
-  const delta = { ...ZERO };
+  const delta = { ...ZERO }
   for (const k of ['input', 'output', 'cacheRead', 'cacheCreate'] as const) {
     if (next[k] > counted[k]) {
-      delta[k] = next[k] - counted[k];
-      counted[k] = next[k];
+      delta[k] = next[k] - counted[k]
+      counted[k] = next[k]
     }
   }
-  return delta;
+  return delta
 }
 
 /** `AAAA-MM-JJ` dans le fuseau du serveur — le calendrier de l'utilisateur. */
 export function localDay(iso: string): string {
-  const d = new Date(iso);
-  if (Number.isNaN(d.getTime())) return '';
-  const p = (n: number) => String(n).padStart(2, '0');
-  return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())}`;
+  const d = new Date(iso)
+  if (Number.isNaN(d.getTime())) return ''
+  const p = (n: number) => String(n).padStart(2, '0')
+  return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())}`
 }
diff --git a/server/transcript-cache.ts b/server/transcript-cache.ts
index 7c6f199..c8f8d93 100644
--- a/server/transcript-cache.ts
+++ b/server/transcript-cache.ts
@@ -18,13 +18,13 @@
 // autre chantier, plus délicat — une ligne ajoutée peut modifier un événement
 // déjà émis, car le `tool_result` d'un `tool_use` vit dans la ligne suivante.
 
-import { stat, readdir } from 'node:fs/promises';
-import { existsSync } from 'node:fs';
-import { createHash } from 'node:crypto';
-import { dirname, join } from 'node:path';
-import type { Stats } from 'node:fs';
-import { summariseTranscript, type TranscriptSummary } from './transcript.ts';
-import { serialiseInPool } from './parse-pool.ts';
+import { createHash } from 'node:crypto'
+import { existsSync } from 'node:fs'
+import type { Stats } from 'node:fs'
+import { stat, readdir } from 'node:fs/promises'
+import { dirname, join } from 'node:path'
+import { serialiseInPool } from './parse-pool.ts'
+import { summariseTranscript, type TranscriptSummary } from './transcript.ts'
 
 export interface CachedTranscript {
   /**
@@ -39,9 +39,9 @@ export interface CachedTranscript {
    * que le premier comme un corps déjà écrit. Un `Uint8Array` nu lui semblerait
    * un objet ordinaire, qu'il sérialiserait en JSON — un tableau de nombres.
    */
-  body: Buffer;
+  body: Buffer
   /** Condensé de l'empreinte des sources, tel qu'envoyé en `ETag`. */
-  etag: string;
+  etag: string
 }
 
 /**
@@ -52,17 +52,17 @@ export interface CachedTranscript {
  * autres à côté, ce qui couvre le cas réel — quelques sessions consultées, pas
  * le dossier entier.
  */
-const MAX_BYTES = 24 * 1024 * 1024;
+const MAX_BYTES = 24 * 1024 * 1024
 
 interface Entry {
-  print: string;
-  bytes: number;
-  cached: CachedTranscript;
+  print: string
+  bytes: number
+  cached: CachedTranscript
 }
 
 /** L'ordre d'insertion d'une `Map` fait l'ordre d'éviction : le plus ancien sort. */
-const entries = new Map<string, Entry>();
-let heldBytes = 0;
+const entries = new Map<string, Entry>()
+let heldBytes = 0
 
 /**
  * Ce qui identifie l'état d'un fichier en append seul.
@@ -72,7 +72,7 @@ let heldBytes = 0;
  * fichier auquel on ne fait qu'ajouter des lignes, ils ne peuvent pas mentir.
  */
 function fingerprint(s: Stats): string {
-  return `${Math.round(s.mtimeMs)}-${s.size}`;
+  return `${Math.round(s.mtimeMs)}-${s.size}`
 }
 
 /**
@@ -87,7 +87,7 @@ function fingerprint(s: Stats): string {
  *
  * À incrémenter à chaque changement de ce que `parseTranscript` produit.
  */
-const PARSER_VERSION = 9;
+const PARSER_VERSION = 9
 
 /**
  * L'état de tous les fichiers d'où le transcript parsé est tiré.
@@ -108,28 +108,28 @@ const PARSER_VERSION = 9;
  * retient maintenant des octets, qu'il compte exactement.
  */
 export async function sourceState(abs: string, id: string): Promise<string> {
-  const main = await stat(abs);
-  const parts = [`v${PARSER_VERSION}`, fingerprint(main)];
+  const main = await stat(abs)
+  const parts = [`v${PARSER_VERSION}`, fingerprint(main)]
 
-  const dir = join(dirname(abs), id, 'subagents');
-  let files: string[];
+  const dir = join(dirname(abs), id, 'subagents')
+  let files: string[]
   try {
-    files = (await readdir(dir)).filter((f) => f.endsWith('.jsonl'));
+    files = (await readdir(dir)).filter((f) => f.endsWith('.jsonl'))
   } catch {
-    return parts.join('|');
+    return parts.join('|')
   }
   // Trié : l'ordre de `readdir` n'est pas garanti, et deux ordres différents pour
   // le même état feraient reparser sans raison.
-  files.sort();
+  files.sort()
 
   for (const f of files) {
     try {
-      parts.push(`${f}:${fingerprint(await stat(join(dir, f)))}`);
+      parts.push(`${f}:${fingerprint(await stat(join(dir, f)))}`)
     } catch {
       /* un sidecar disparu entre le listing et le stat ne compte pas */
     }
   }
-  return parts.join('|');
+  return parts.join('|')
 }
 
 /**
@@ -141,24 +141,24 @@ export async function sourceState(abs: string, id: string): Promise<string> {
  * seule propriété qu'on lui demande : changer quand la source change.
  */
 function etagOf(print: string): string {
-  return `W/"${createHash('sha1').update(print).digest('base64url').slice(0, 22)}"`;
+  return `W/"${createHash('sha1').update(print).digest('base64url').slice(0, 22)}"`
 }
 
 function evictUntilUnder(limit: number): void {
   for (const [key, entry] of entries) {
-    if (heldBytes <= limit) return;
-    entries.delete(key);
-    heldBytes -= entry.bytes;
+    if (heldBytes <= limit) return
+    entries.delete(key)
+    heldBytes -= entry.bytes
   }
 }
 
 function remember(abs: string, entry: Entry): void {
-  const previous = entries.get(abs);
-  if (previous) heldBytes -= previous.bytes;
-  entries.delete(abs);
-  entries.set(abs, entry);
-  heldBytes += entry.bytes;
-  evictUntilUnder(MAX_BYTES);
+  const previous = entries.get(abs)
+  if (previous) heldBytes -= previous.bytes
+  entries.delete(abs)
+  entries.set(abs, entry)
+  heldBytes += entry.bytes
+  evictUntilUnder(MAX_BYTES)
 }
 
 // ── Les résumés de la liste ──────────────────────────────────────────────────
@@ -176,40 +176,37 @@ function remember(abs: string, entry: Entry): void {
 // dossier tient largement sous le plafond.
 
 /** De quoi tenir un dossier bien fourni avec de la marge. */
-const MAX_SUMMARIES = 2000;
+const MAX_SUMMARIES = 2000
 
 interface SummaryEntry {
-  print: string;
-  summary: TranscriptSummary;
+  print: string
+  summary: TranscriptSummary
 }
 
-const summaries = new Map<string, SummaryEntry>();
+const summaries = new Map<string, SummaryEntry>()
 
 /** Résumer un transcript, en réutilisant le résumé précédent s'il vaut encore. */
-export async function summariseTranscriptCached(
-  abs: string,
-  id: string,
-): Promise<TranscriptSummary> {
-  const print = fingerprint(await stat(abs));
+export async function summariseTranscriptCached(abs: string, id: string): Promise<TranscriptSummary> {
+  const print = fingerprint(await stat(abs))
 
-  const hit = summaries.get(abs);
+  const hit = summaries.get(abs)
   if (hit && hit.print === print) {
     // Le resservir le rend récent : il repasse en fin de file d'éviction.
-    summaries.delete(abs);
-    summaries.set(abs, hit);
-    return hit.summary;
+    summaries.delete(abs)
+    summaries.set(abs, hit)
+    return hit.summary
   }
 
-  const summary = await summariseTranscript(abs, id);
-  summaries.delete(abs);
-  summaries.set(abs, { print, summary });
+  const summary = await summariseTranscript(abs, id)
+  summaries.delete(abs)
+  summaries.set(abs, { print, summary })
   // L'ordre d'insertion fait l'ordre d'éviction : le plus ancien sort.
   while (summaries.size > MAX_SUMMARIES) {
-    const oldest = summaries.keys().next().value;
-    if (oldest === undefined) break;
-    summaries.delete(oldest);
+    const oldest = summaries.keys().next().value
+    if (oldest === undefined) break
+    summaries.delete(oldest)
   }
-  return summary;
+  return summary
 }
 
 /**
@@ -219,16 +216,16 @@ export async function summariseTranscriptCached(
  * l'autre. Grand ouvert, ce sont N fichiers de plusieurs centaines de Ko en
  * mémoire en même temps. Un lot borné prend l'accélération sans le pic.
  */
-const SUMMARY_CONCURRENCY = 8;
+const SUMMARY_CONCURRENCY = 8
 
 /** List every `<id>.jsonl` transcript in a project's transcript directory. */
 export async function listTranscripts(projectDir: string): Promise<TranscriptSummary[]> {
-  if (!existsSync(projectDir)) return [];
-  const files = (await readdir(projectDir)).filter((f) => f.endsWith('.jsonl'));
+  if (!existsSync(projectDir)) return []
+  const files = (await readdir(projectDir)).filter((f) => f.endsWith('.jsonl'))
 
-  const out: TranscriptSummary[] = [];
+  const out: TranscriptSummary[] = []
   for (let i = 0; i < files.length; i += SUMMARY_CONCURRENCY) {
-    const lot = files.slice(i, i + SUMMARY_CONCURRENCY);
+    const lot = files.slice(i, i + SUMMARY_CONCURRENCY)
     const done = await Promise.all(
       lot.map((f) =>
         summariseTranscriptCached(join(projectDir, f), f.replace(/\.jsonl$/, '')).catch(
@@ -236,10 +233,10 @@ export async function listTranscripts(projectDir: string): Promise<TranscriptSum
           () => null,
         ),
       ),
-    );
-    for (const s of done) if (s) out.push(s);
+    )
+    for (const s of done) if (s) out.push(s)
   }
-  return out.sort((a, b) => b.mtime - a.mtime);
+  return out.sort((a, b) => b.mtime - a.mtime)
 }
 
 /**
@@ -254,28 +251,28 @@ export async function listTranscripts(projectDir: string): Promise<TranscriptSum
  * pour des sources devenues différentes.
  */
 export async function readTranscriptCached(abs: string, id: string): Promise<CachedTranscript> {
-  const before = await sourceState(abs, id);
+  const before = await sourceState(abs, id)
 
-  const hit = entries.get(abs);
+  const hit = entries.get(abs)
   if (hit && hit.print === before) {
     // Le relire le rend récent : il repasse en fin de file d'éviction.
-    entries.delete(abs);
-    entries.set(abs, hit);
-    return hit.cached;
+    entries.delete(abs)
+    entries.set(abs, hit)
+    return hit.cached
   }
 
   // Le seul endroit du BFF où un transcript est lu : le travail part dans un
   // thread, la boucle d'événements reste libre de servir les autres pendant ce
   // temps. Ce `await` n'immobilise que la requête qui l'a demandé.
-  const bytes = await serialiseInPool(abs, id);
+  const bytes = await serialiseInPool(abs, id)
   // Une vue sur les mêmes octets, sans copie : le transfert depuis le thread
   // nous en a donné la propriété, il n'y a rien à recopier pour les habiller.
-  const body = Buffer.from(bytes.buffer, bytes.byteOffset, bytes.byteLength);
-  const cached: CachedTranscript = { body, etag: etagOf(before) };
+  const body = Buffer.from(bytes.buffer, bytes.byteOffset, bytes.byteLength)
+  const cached: CachedTranscript = { body, etag: etagOf(before) }
 
-  const after = await sourceState(abs, id);
+  const after = await sourceState(abs, id)
   if (after === before) {
-    remember(abs, { print: before, bytes: body.byteLength, cached });
+    remember(abs, { print: before, bytes: body.byteLength, cached })
   }
-  return cached;
+  return cached
 }
diff --git a/server/transcript-worker.ts b/server/transcript-worker.ts
index b75f72e..8f0a04e 100644
--- a/server/transcript-worker.ts
+++ b/server/transcript-worker.ts
@@ -15,26 +15,26 @@
 // route qui renvoie le résultat au navigateur. Le modèle n'existe que pour être
 // sérialisé — autant le sérialiser là où il est né.
 
-import { parentPort } from 'node:worker_threads';
-import { parseTranscript } from './transcript.ts';
+import { parentPort } from 'node:worker_threads'
+import { parseTranscript } from './transcript.ts'
 
 /** Ce que le pool demande. `seq` ne sert qu'à rendre la réponse à son appelant. */
 export interface ParseRequest {
-  seq: number;
-  abs: string;
-  id: string;
+  seq: number
+  abs: string
+  id: string
 }
 
 /** Ce que le worker rend : des octets, ou la raison de leur absence. */
-export type ParseResponse = { seq: number; body: Uint8Array } | { seq: number; error: string };
+export type ParseResponse = { seq: number; body: Uint8Array } | { seq: number; error: string }
 
 /** Lire, parser, sérialiser. La seule fonction utile du fichier. */
 export async function serialiseTranscript(abs: string, id: string): Promise<Uint8Array> {
-  const transcript = await parseTranscript(abs, id);
+  const transcript = await parseTranscript(abs, id)
   // `TextEncoder` et non `Buffer.from` : le `Buffer` d'une petite chaîne est une
   // vue sur le pool interne de Node, qu'on ne peut pas transférer sans emporter
   // la mémoire des voisins. `encode` rend un tableau sur son propre tampon.
-  return new TextEncoder().encode(JSON.stringify(transcript));
+  return new TextEncoder().encode(JSON.stringify(transcript))
 }
 
 // Importé par les tests pour ce qu'il exporte, exécuté par le pool pour ce qu'il
@@ -49,8 +49,8 @@ parentPort?.on('message', (req: ParseRequest) => {
     (e: unknown) => {
       // Un transcript illisible est un cas courant — fichier effacé, ligne
       // tronquée pendant la lecture. Il se rend, il ne tue pas le thread.
-      const error = e instanceof Error ? e.message : String(e);
-      parentPort?.postMessage({ seq: req.seq, error });
+      const error = e instanceof Error ? e.message : String(e)
+      parentPort?.postMessage({ seq: req.seq, error })
     },
-  );
-});
+  )
+})
diff --git a/server/transcript.ts b/server/transcript.ts
index 23e588c..be8a2f1 100644
--- a/server/transcript.ts
+++ b/server/transcript.ts
@@ -8,16 +8,16 @@
 // pairing every `tool_use` with its matching `tool_result` so the UI can render
 // a tool call and its output as a single unit.
 
-import { readFile, stat, readdir } from 'node:fs/promises';
-import { t } from './i18n/index.ts';
-import { existsSync } from 'node:fs';
-import { str, num } from './json.ts';
-import { costOf } from './pricing.ts';
-import { growth } from './tokens.ts';
-import { dirname, join } from 'node:path';
-import { ContextAccumulator, classifyAttachment, readCompaction, settleTurn } from './context.ts';
-import type { TurnContext } from '../shared/context.ts';
-import { configuredLongWindow } from './claude/model.ts';
+import { readFile, stat, readdir } from 'node:fs/promises'
+import { t } from './i18n/index.ts'
+import { existsSync } from 'node:fs'
+import { str, num } from './json.ts'
+import { costOf } from './pricing.ts'
+import { growth } from './tokens.ts'
+import { dirname, join } from 'node:path'
+import { ContextAccumulator, classifyAttachment, readCompaction, settleTurn } from './context.ts'
+import type { TurnContext } from '../shared/context.ts'
+import { configuredLongWindow } from './claude/model.ts'
 
 // ── Normalised model ─────────────────────────────────────────────────────────
 //
@@ -40,7 +40,7 @@ import type {
   TranscriptStats,
   TranscriptSummary,
   Usage,
-} from '../shared/transcript.ts';
+} from '../shared/transcript.ts'
 
 export type {
   Block,
@@ -58,7 +58,7 @@ export type {
   TranscriptStats,
   TranscriptSummary,
   Usage,
-};
+}
 
 // ── Helpers ──────────────────────────────────────────────────────────────────
 
@@ -79,38 +79,35 @@ export type {
  * emplacements confondus : c'est lui qui, avec l'`uuid`, adresse l'image, et
  * l'ordre doit donc être le même ici et à la relecture.
  */
-export function eachImage(
-  content: unknown,
-  visit: (source: Record<string, unknown>, toolUseId: string, index: number) => void,
-): void {
-  if (!Array.isArray(content)) return;
-  let index = 0;
+export function eachImage(content: unknown, visit: (source: Record<string, unknown>, toolUseId: string, index: number) => void): void {
+  if (!Array.isArray(content)) return
+  let index = 0
   for (const b of content as Record<string, unknown>[]) {
     if (b.type === 'image') {
-      visit(rec(b.source), '', index++);
+      visit(rec(b.source), '', index++)
     } else if (b.type === 'tool_result' && Array.isArray(b.content)) {
       for (const c of b.content as Record<string, unknown>[]) {
-        if (c.type === 'image') visit(rec(c.source), str(b.tool_use_id), index++);
+        if (c.type === 'image') visit(rec(c.source), str(b.tool_use_id), index++)
       }
     }
   }
 }
 
 function rec(v: unknown): Record<string, unknown> {
-  return v && typeof v === 'object' ? (v as Record<string, unknown>) : {};
+  return v && typeof v === 'object' ? (v as Record<string, unknown>) : {}
 }
 
 /** 4 caractères de base64 valent 3 octets ; le `=` final n'en code aucun. */
 function decodedBytes(data: string): number {
-  const pad = data.endsWith('==') ? 2 : data.endsWith('=') ? 1 : 0;
-  return Math.max(0, Math.floor((data.length * 3) / 4) - pad);
+  const pad = data.endsWith('==') ? 2 : data.endsWith('=') ? 1 : 0
+  return Math.max(0, Math.floor((data.length * 3) / 4) - pad)
 }
 
 /** Décoder le début du base64, sans matérialiser l'image entière. */
 function head(data: string, bytes: number): Buffer {
   // Un groupe base64 fait 4 caractères pour 3 octets : couper ailleurs
   // décalerait tout ce qui suit.
-  return Buffer.from(data.slice(0, Math.ceil(bytes / 3) * 4), 'base64');
+  return Buffer.from(data.slice(0, Math.ceil(bytes / 3) * 4), 'base64')
 }
 
 /**
@@ -125,48 +122,39 @@ function head(data: string, bytes: number): Buffer {
  * segment `SOF`, qu'il faut atteindre en sautant de marqueur en marqueur. WebP
  * n'est pas lu : Claude Code n'en écrit pas, et l'appelant sait rendre l'absence.
  */
-export function imageSize(
-  data: string,
-  mediaType: string,
-): { width: number; height: number } | null {
+export function imageSize(data: string, mediaType: string): { width: number; height: number } | null {
   if (mediaType === 'image/png') {
-    const b = head(data, 24);
+    const b = head(data, 24)
     // 8 octets de signature, puis le chunk IHDR : longueur, type, largeur, hauteur.
-    if (b.length < 24 || b.toString('ascii', 12, 16) !== 'IHDR') return null;
-    return { width: b.readUInt32BE(16), height: b.readUInt32BE(20) };
+    if (b.length < 24 || b.toString('ascii', 12, 16) !== 'IHDR') return null
+    return { width: b.readUInt32BE(16), height: b.readUInt32BE(20) }
   }
 
   if (mediaType === 'image/gif') {
-    const b = head(data, 10);
-    if (b.length < 10) return null;
-    return { width: b.readUInt16LE(6), height: b.readUInt16LE(8) };
+    const b = head(data, 10)
+    if (b.length < 10) return null
+    return { width: b.readUInt16LE(6), height: b.readUInt16LE(8) }
   }
 
   if (mediaType === 'image/jpeg') {
     // Les segments précédant l'image (EXIF, vignette, table de Huffman) peuvent
     // être volumineux ; 64 Ko couvrent les cas réels sans tout décoder.
-    const b = head(data, 64 * 1024);
-    let i = 2; // après le SOI `FF D8`
+    const b = head(data, 64 * 1024)
+    let i = 2 // après le SOI `FF D8`
     while (i + 9 < b.length) {
-      if (b[i] !== 0xff) return null; // désynchronisé : on ne devine pas
-      const marker = b[i + 1] ?? 0;
-      const length = b.readUInt16BE(i + 2);
+      if (b[i] !== 0xff) return null // désynchronisé : on ne devine pas
+      const marker = b[i + 1] ?? 0
+      const length = b.readUInt16BE(i + 2)
       // Les SOF0…SOF15 portent les dimensions ; DHT (C4), JPG (C8) et DAC (CC)
       // partagent leur plage sans les porter.
-      if (
-        marker >= 0xc0 &&
-        marker <= 0xcf &&
-        marker !== 0xc4 &&
-        marker !== 0xc8 &&
-        marker !== 0xcc
-      ) {
-        return { width: b.readUInt16BE(i + 7), height: b.readUInt16BE(i + 5) };
+      if (marker >= 0xc0 && marker <= 0xcf && marker !== 0xc4 && marker !== 0xc8 && marker !== 0xcc) {
+        return { width: b.readUInt16BE(i + 7), height: b.readUInt16BE(i + 5) }
       }
-      i += 2 + length;
+      i += 2 + length
     }
   }
 
-  return null;
+  return null
 }
 
 /**
@@ -183,15 +171,15 @@ export function imageSize(
  * 1 568 pour une image 16:9 en palier standard). Un demi-pourcent d'écart, sur
  * une estimation déjà annoncée comme telle.
  */
-const PATCH = 28;
+const PATCH = 28
 
 export function visualTokens(width: number, height: number, hiRes: boolean): number {
-  const maxEdge = hiRes ? 2576 : 1568;
-  const maxTokens = hiRes ? 4784 : 1568;
-  const scale = Math.min(1, maxEdge / Math.max(width, height));
-  const w = Math.max(1, Math.round(width * scale));
-  const h = Math.max(1, Math.round(height * scale));
-  return Math.min(maxTokens, Math.ceil(w / PATCH) * Math.ceil(h / PATCH));
+  const maxEdge = hiRes ? 2576 : 1568
+  const maxTokens = hiRes ? 4784 : 1568
+  const scale = Math.min(1, maxEdge / Math.max(width, height))
+  const w = Math.max(1, Math.round(width * scale))
+  const h = Math.max(1, Math.round(height * scale))
+  return Math.min(maxTokens, Math.ceil(w / PATCH) * Math.ceil(h / PATCH))
 }
 
 /**
@@ -203,59 +191,56 @@ export function visualTokens(width: number, height: number, hiRes: boolean): num
  * session qui a changé de modèle en route est comptée au palier le plus large :
  * c'est le seul qui ne sous-estime aucune de ses images.
  */
-const HI_RES_MODEL = /opus-(4-[789]|[5-9])|sonnet-[5-9]|haiku-[5-9]|fable|mythos/;
+const HI_RES_MODEL = /opus-(4-[789]|[5-9])|sonnet-[5-9]|haiku-[5-9]|fable|mythos/
 
 /** Ce modèle lit-il les images au palier haute résolution ? */
 export function isHiResVisionModel(model: string): boolean {
-  return HI_RES_MODEL.test(model);
+  return HI_RES_MODEL.test(model)
 }
 
 /** Le coût total d'un lot d'images, les non chiffrables comptant pour zéro. */
 export function imageTokens(images: TranscriptImage[] | undefined): number {
-  return (images ?? []).reduce((sum, img) => sum + (img.tokens ?? 0), 0);
+  return (images ?? []).reduce((sum, img) => sum + (img.tokens ?? 0), 0)
 }
 
 function hasHiResVision(rows: Record<string, unknown>[]): boolean {
   return rows.some((r) => {
-    const model = (r.message as Record<string, unknown> | undefined)?.model;
-    return typeof model === 'string' && isHiResVisionModel(model);
-  });
+    const model = (r.message as Record<string, unknown> | undefined)?.model
+    return typeof model === 'string' && isHiResVisionModel(model)
+  })
 }
 
 interface RowImages {
   /** Par `tool_use_id` : les images que cet outil a rendues. */
-  byTool: Map<string, TranscriptImage[]>;
+  byTool: Map<string, TranscriptImage[]>
   /** Les images posées directement dans la ligne, dans l'ordre. */
-  loose: TranscriptImage[];
+  loose: TranscriptImage[]
 }
 
 /** Les adresses des images d'une ligne, rangées par propriétaire. */
 function rowImages(row: Record<string, unknown>, hiRes: boolean): RowImages {
-  const uuid = str(row.uuid);
-  const agentId = str(row.agentId);
-  const byTool = new Map<string, TranscriptImage[]>();
-  const loose: TranscriptImage[] = [];
-  if (!uuid) return { byTool, loose }; // sans `uuid`, rien ne l'adresse
-
-  eachImage(
-    (row.message as Record<string, unknown> | undefined)?.content,
-    (source, toolUseId, index) => {
-      const data = str(source.data);
-      const mediaType = str(source.media_type, 'image/png');
-      const size = data ? imageSize(data, mediaType) : null;
-      const img: TranscriptImage = {
-        uuid,
-        index,
-        ...(agentId ? { agentId } : {}),
-        mediaType,
-        bytes: decodedBytes(data),
-        ...(size ? { ...size, tokens: visualTokens(size.width, size.height, hiRes) } : {}),
-      };
-      if (!toolUseId) loose.push(img);
-      else byTool.set(toolUseId, [...(byTool.get(toolUseId) ?? []), img]);
-    },
-  );
-  return { byTool, loose };
+  const uuid = str(row.uuid)
+  const agentId = str(row.agentId)
+  const byTool = new Map<string, TranscriptImage[]>()
+  const loose: TranscriptImage[] = []
+  if (!uuid) return { byTool, loose } // sans `uuid`, rien ne l'adresse
+
+  eachImage((row.message as Record<string, unknown> | undefined)?.content, (source, toolUseId, index) => {
+    const data = str(source.data)
+    const mediaType = str(source.media_type, 'image/png')
+    const size = data ? imageSize(data, mediaType) : null
+    const img: TranscriptImage = {
+      uuid,
+      index,
+      ...(agentId ? { agentId } : {}),
+      mediaType,
+      bytes: decodedBytes(data),
+      ...(size ? { ...size, tokens: visualTokens(size.width, size.height, hiRes) } : {}),
+    }
+    if (!toolUseId) loose.push(img)
+    else byTool.set(toolUseId, [...(byTool.get(toolUseId) ?? []), img])
+  })
+  return { byTool, loose }
 }
 
 /*
@@ -265,18 +250,18 @@ function rowImages(row: Record<string, unknown>, hiRes: boolean): RowImages {
  * transcripts the same folded rendering as Claude's — holding, this time, the
  * text Claude itself no longer keeps.
  */
-const INLINE_REASONING = /^\s*<(think|thinking)>([\s\S]*?)<\/\1>/;
+const INLINE_REASONING = /^\s*<(think|thinking)>([\s\S]*?)<\/\1>/
 
 function splitInlineReasoning(text: string): Block[] {
-  const m = INLINE_REASONING.exec(text);
+  const m = INLINE_REASONING.exec(text)
   // An unclosed tag means a truncated turn: nothing reliable to split on.
-  if (!m) return [{ kind: 'text', text }];
-  const out: Block[] = [];
-  const reasoning = (m[2] ?? '').trim();
-  if (reasoning) out.push({ kind: 'thinking', text: reasoning });
-  const rest = text.slice(m[0].length).trim();
-  if (rest) out.push({ kind: 'text', text: rest });
-  return out;
+  if (!m) return [{ kind: 'text', text }]
+  const out: Block[] = []
+  const reasoning = (m[2] ?? '').trim()
+  if (reasoning) out.push({ kind: 'thinking', text: reasoning })
+  const rest = text.slice(m[0].length).trim()
+  if (rest) out.push({ kind: 'text', text: rest })
+  return out
 }
 
 /**
@@ -286,34 +271,26 @@ function splitInlineReasoning(text: string): Block[] {
  */
 function toBlocks(content: unknown, images?: RowImages, inlineReasoning = false): Block[] {
   if (typeof content === 'string') {
-    return content.trim() ? [{ kind: 'text', text: content }] : [];
+    return content.trim() ? [{ kind: 'text', text: content }] : []
   }
-  if (!Array.isArray(content)) return [];
-  const out: Block[] = [];
-  const loose = [...(images?.loose ?? [])];
+  if (!Array.isArray(content)) return []
+  const out: Block[] = []
+  const loose = [...(images?.loose ?? [])]
   for (const b of content as Record<string, unknown>[]) {
     switch (b.type) {
       case 'text':
         if (typeof b.text === 'string' && b.text.length) {
-          out.push(
-            ...(inlineReasoning
-              ? splitInlineReasoning(b.text)
-              : [{ kind: 'text', text: b.text } as Block]),
-          );
+          out.push(...(inlineReasoning ? splitInlineReasoning(b.text) : [{ kind: 'text', text: b.text } as Block]))
         }
-        break;
+        break
       case 'thinking':
         // Claude Code strips the reasoning text before writing to disk and keeps
         // only the opaque `signature`. There is nothing to render, but the block
         // still tells us Claude reasoned here.
         if (typeof b.thinking === 'string') {
-          out.push(
-            b.thinking.length
-              ? { kind: 'thinking', text: b.thinking }
-              : { kind: 'thinking', text: '', redacted: true },
-          );
+          out.push(b.thinking.length ? { kind: 'thinking', text: b.thinking } : { kind: 'thinking', text: '', redacted: true })
         }
-        break;
+        break
       case 'tool_use':
         out.push({
           kind: 'tool_use',
@@ -321,30 +298,30 @@ function toBlocks(content: unknown, images?: RowImages, inlineReasoning = false)
           name: str(b.name, 'tool'),
           input: b.input ?? {},
           result: null,
-        });
-        break;
+        })
+        break
       case 'tool_result': {
-        const id = str(b.tool_use_id);
-        const shots = images?.byTool.get(id);
+        const id = str(b.tool_use_id)
+        const shots = images?.byTool.get(id)
         out.push({
           kind: 'tool_result',
           toolUseId: id,
           content: resultToText(b.content),
           isError: Boolean(b.is_error),
           ...(shots?.length ? { images: shots } : {}),
-        });
-        break;
+        })
+        break
       }
       case 'image': {
-        const img = loose.shift();
-        out.push({ kind: 'image', ...(img ? { images: [img] } : {}) });
-        break;
+        const img = loose.shift()
+        out.push({ kind: 'image', ...(img ? { images: [img] } : {}) })
+        break
       }
       default:
-        break;
+        break
     }
   }
-  return out;
+  return out
 }
 
 /**
@@ -356,20 +333,20 @@ function toBlocks(content: unknown, images?: RowImages, inlineReasoning = false)
  * exact, tout son résultat est l'image.
  */
 export function resultToText(content: unknown): string {
-  if (typeof content === 'string') return content;
+  if (typeof content === 'string') return content
   if (Array.isArray(content)) {
     return content
       .map((c) => str((c as Record<string, unknown>).text))
       .filter(Boolean)
-      .join('\n');
+      .join('\n')
   }
-  return '';
+  return ''
 }
 
 /** Pull the inner text of a `<tag>…</tag>` from a task-notification blob. */
 function xmlTag(src: string, name: string): string | undefined {
-  const m = src.match(new RegExp(`<${name}>([\\s\\S]*?)</${name}>`));
-  return m?.[1]?.trim();
+  const m = src.match(new RegExp(`<${name}>([\\s\\S]*?)</${name}>`))
+  return m?.[1]?.trim()
 }
 
 /**
@@ -397,7 +374,7 @@ export function parseTaskNotification(raw: string): Block {
     // known — see the identity pass at the end of `parseTranscript`.
     taskId: xmlTag(raw, 'task-id'),
     text: xmlTag(raw, 'result') ?? '',
-  };
+  }
 }
 
 // ── Messages reçus d'un équipier ─────────────────────────────────────────────
@@ -411,8 +388,8 @@ export function parseTaskNotification(raw: string): Block {
 //
 // 100 blocs, 61 messages et 39 signaux de service, chez 4 expéditeurs.
 
-const TEAMMATE = /<teammate-message\b([^>]*)>([\s\S]*?)<\/teammate-message>/g;
-const ATTRIBUTE = /(\w+)="([^"]*)"/g;
+const TEAMMATE = /<teammate-message\b([^>]*)>([\s\S]*?)<\/teammate-message>/g
+const ATTRIBUTE = /(\w+)="([^"]*)"/g
 
 /**
  * Les signaux que le harnais fait passer par le même canal que la parole. Leur
@@ -420,12 +397,7 @@ const ATTRIBUTE = /(\w+)="([^"]*)"/g;
  * — horodatage, identifiant de requête, identifiant de panneau tmux — est de la
  * plomberie. Ils sont rendus comme un état, pas comme un message.
  */
-const NOTICES = new Set([
-  'idle_notification',
-  'shutdown_request',
-  'shutdown_approved',
-  'teammate_terminated',
-]);
+const NOTICES = new Set(['idle_notification', 'shutdown_request', 'shutdown_approved', 'teammate_terminated'])
 
 /**
  * Les `<teammate-message>` d'un texte, ou `null` s'il n'en porte pas.
@@ -435,56 +407,56 @@ const NOTICES = new Set([
  * une fois les blocs retirés est gardé comme un bloc de texte à sa place.
  */
 function teammateBlocks(text: string): Block[] | null {
-  const found = [...text.matchAll(TEAMMATE)];
-  if (!found.length) return null;
+  const found = [...text.matchAll(TEAMMATE)]
+  if (!found.length) return null
 
-  const out: Block[] = [];
-  let at = 0;
+  const out: Block[] = []
+  let at = 0
   for (const m of found) {
-    const before = text.slice(at, m.index).trim();
-    if (before) out.push({ kind: 'text', text: before });
-    at = (m.index ?? 0) + m[0].length;
+    const before = text.slice(at, m.index).trim()
+    if (before) out.push({ kind: 'text', text: before })
+    at = (m.index ?? 0) + m[0].length
 
-    const attrs: Record<string, string> = {};
-    for (const a of (m[1] ?? '').matchAll(ATTRIBUTE)) attrs[a[1] ?? ''] = a[2] ?? '';
-    const body = (m[2] ?? '').trim();
+    const attrs: Record<string, string> = {}
+    for (const a of (m[1] ?? '').matchAll(ATTRIBUTE)) attrs[a[1] ?? ''] = a[2] ?? ''
+    const body = (m[2] ?? '').trim()
 
-    const block: Block = { kind: 'teammate_message', text: body };
-    if (attrs.teammate_id) block.from = attrs.teammate_id;
-    if (attrs.color) block.color = attrs.color;
-    if (attrs.summary) block.summary = attrs.summary;
+    const block: Block = { kind: 'teammate_message', text: body }
+    if (attrs.teammate_id) block.from = attrs.teammate_id
+    if (attrs.color) block.color = attrs.color
+    if (attrs.summary) block.summary = attrs.summary
 
     if (body.startsWith('{')) {
-      let signal: unknown;
+      let signal: unknown
       try {
-        signal = JSON.parse(body);
+        signal = JSON.parse(body)
       } catch {
-        signal = null;
+        signal = null
       }
-      const type = str((signal as Record<string, unknown> | null)?.type);
+      const type = str((signal as Record<string, unknown> | null)?.type)
       if (NOTICES.has(type)) {
-        const fields = signal as Record<string, unknown>;
-        block.notice = type;
-        block.text = '';
+        const fields = signal as Record<string, unknown>
+        block.notice = type
+        block.text = ''
         // Ce que le signal apprend en propre, et que son type ne dit pas :
         // `idle_notification` porte parfois le résumé de ce que l'équipier vient
         // de finir (13 fois sur 22), `shutdown_request` la raison de l'arrêt
         // (7 fois sur 7). Le reste — horodatage, identifiant de requête,
         // identifiant de panneau tmux — ne se lit pas.
-        const said = str(fields.summary) || str(fields.reason);
-        if (said && !block.summary) block.summary = said;
+        const said = str(fields.summary) || str(fields.reason)
+        if (said && !block.summary) block.summary = said
         // `teammate_terminated` arrive au nom de `system` : c'est le harnais qui
         // parle, pas l'agent. Seule sa phrase — « rf has shut down. » — dit de
         // qui il s'agit, et sans elle le rejeu annonce un arrêt sans arrêté.
-        const who = /^(\S+) has shut down\.$/.exec(str(fields.message));
-        if (who) block.from = who[1];
+        const who = /^(\S+) has shut down\.$/.exec(str(fields.message))
+        if (who) block.from = who[1]
       }
     }
-    out.push(block);
+    out.push(block)
   }
-  const after = text.slice(at).trim();
-  if (after) out.push({ kind: 'text', text: after });
-  return out;
+  const after = text.slice(at).trim()
+  if (after) out.push({ kind: 'text', text: after })
+  return out
 }
 
 // ── Session titles ───────────────────────────────────────────────────────────
@@ -500,39 +472,39 @@ function teammateBlocks(text: string): Block[] | null {
  * current title, not the first.
  */
 export class TitleAccumulator {
-  private custom = '';
-  private ai = '';
+  private custom = ''
+  private ai = ''
 
   /** Feed every parsed row; cheap enough to call unconditionally. */
   push(row: Record<string, unknown>): void {
     if (row.type === 'custom-title') {
-      const t = str(row.customTitle).trim();
-      if (t) this.custom = t;
+      const t = str(row.customTitle).trim()
+      if (t) this.custom = t
     } else if (row.type === 'ai-title') {
-      const t = str(row.aiTitle).trim();
-      if (t) this.ai = t;
+      const t = str(row.aiTitle).trim()
+      if (t) this.ai = t
     }
   }
 
   get title(): string {
-    return this.custom || this.ai;
+    return this.custom || this.ai
   }
 
   get source(): TitleSource {
-    if (this.custom) return 'custom';
-    if (this.ai) return 'ai';
-    return '';
+    if (this.custom) return 'custom'
+    if (this.ai) return 'ai'
+    return ''
   }
 }
 
 function normUsage(u: Record<string, unknown> | undefined): Usage | undefined {
-  if (!u) return undefined;
+  if (!u) return undefined
   return {
     input: Number(u.input_tokens ?? 0),
     output: Number(u.output_tokens ?? 0),
     cacheRead: Number(u.cache_read_input_tokens ?? 0),
     cacheCreate: Number(u.cache_creation_input_tokens ?? 0),
-  };
+  }
 }
 
 // `growth` vient de `tokens.ts`, comme pour `usage.ts` et le diagnostic. Il en
@@ -545,9 +517,9 @@ function normUsage(u: Record<string, unknown> | undefined): Usage | undefined {
 
 /** Keep only the non-blank strings of a value that should be `string[]`. */
 function strList(v: unknown): string[] {
-  if (typeof v === 'string') return v.trim() ? [v] : [];
-  if (!Array.isArray(v)) return [];
-  return v.filter((s): s is string => typeof s === 'string' && s.trim().length > 0);
+  if (typeof v === 'string') return v.trim() ? [v] : []
+  if (!Array.isArray(v)) return []
+  return v.filter((s): s is string => typeof s === 'string' && s.trim().length > 0)
 }
 
 /**
@@ -555,13 +527,13 @@ function strList(v: unknown): string[] {
  * from it and feeds that back to Claude. Anything else in there is bookkeeping.
  */
 function contextFromStdout(stdout: string): string[] {
-  if (!stdout) return [];
+  if (!stdout) return []
   try {
-    const j = JSON.parse(stdout) as Record<string, unknown>;
-    const specific = j.hookSpecificOutput as Record<string, unknown> | undefined;
-    return strList(specific?.additionalContext);
+    const j = JSON.parse(stdout) as Record<string, unknown>
+    const specific = j.hookSpecificOutput as Record<string, unknown> | undefined
+    return strList(specific?.additionalContext)
   } catch {
-    return []; // not JSON → nothing to extract
+    return [] // not JSON → nothing to extract
   }
 }
 
@@ -577,11 +549,11 @@ function contextFromStdout(stdout: string): string[] {
  * runs per row over transcripts we do not control.
  */
 function errorMessage(value: unknown, depth = 0): string {
-  if (!value || typeof value !== 'object' || depth > 3) return '';
-  const o = value as Record<string, unknown>;
-  const own = str(o.message);
-  if (own) return own;
-  return errorMessage(o.error, depth + 1);
+  if (!value || typeof value !== 'object' || depth > 3) return ''
+  const o = value as Record<string, unknown>
+  const own = str(o.message)
+  if (own) return own
+  return errorMessage(o.error, depth + 1)
 }
 
 /**
@@ -597,26 +569,24 @@ function errorMessage(value: unknown, depth = 0): string {
  * `/clear` says `<local-command-stdout></local-command-stdout>` — it ran, it had
  * nothing to say — and falling through would print that markup verbatim.
  */
-function localCommandSystem(
-  r: Record<string, unknown>,
-): { blocks: Block[]; origin: string } | null {
-  const content = typeof r.content === 'string' ? r.content : '';
-  const kind = content ? classifyLocalCommand(content) : null;
-  if (!kind) return null;
+function localCommandSystem(r: Record<string, unknown>): { blocks: Block[]; origin: string } | null {
+  const content = typeof r.content === 'string' ? r.content : ''
+  const kind = content ? classifyLocalCommand(content) : null
+  if (!kind) return null
 
   if (kind === 'command' || kind === 'bash') {
-    const block = kind === 'bash' ? bashInputBlock(content) : slashCommandBlock(content);
-    return { blocks: block ? [block] : [], origin: 'slash-command' };
+    const block = kind === 'bash' ? bashInputBlock(content) : slashCommandBlock(content)
+    return { blocks: block ? [block] : [], origin: 'slash-command' }
   }
   if (kind === 'stdout') {
-    const out = commandOutput(content);
-    return { blocks: out ? [{ kind: 'text', text: out }] : [], origin: 'command-output' };
+    const out = commandOutput(content)
+    return { blocks: out ? [{ kind: 'text', text: out }] : [], origin: 'command-output' }
   }
   if (kind === 'reminder') {
-    const inner = content.replace(/<\/?system-reminder>/g, '').trim();
-    return { blocks: inner ? [{ kind: 'text', text: inner }] : [], origin: 'system' };
+    const inner = content.replace(/<\/?system-reminder>/g, '').trim()
+    return { blocks: inner ? [{ kind: 'text', text: inner }] : [], origin: 'system' }
   }
-  return { blocks: [], origin: 'system' }; // caveat: boilerplate the CLI writes for itself.
+  return { blocks: [], origin: 'system' } // caveat: boilerplate the CLI writes for itself.
 }
 
 /**
@@ -629,27 +599,27 @@ function localCommandSystem(
  * the timeline drop them instead of drawing an empty row.
  */
 function systemBlocks(r: Record<string, unknown>): Block[] {
-  if (typeof r.content === 'string' && r.content) return [{ kind: 'text', text: r.content }];
+  if (typeof r.content === 'string' && r.content) return [{ kind: 'text', text: r.content }]
 
-  const error = r.error;
-  if (!error || typeof error !== 'object') return [];
-  const status = num((error as Record<string, unknown>).status);
-  const message = errorMessage(error);
-  const text = message || (status ? `Erreur HTTP ${status}` : '');
-  if (!text) return [];
+  const error = r.error
+  if (!error || typeof error !== 'object') return []
+  const status = num((error as Record<string, unknown>).status)
+  const message = errorMessage(error)
+  const text = message || (status ? `Erreur HTTP ${status}` : '')
+  if (!text) return []
 
   // The first shape already prefixes its status; do not print it twice.
-  const prefixed = status && !text.startsWith(String(status)) ? `HTTP ${status} — ${text}` : text;
-  return [{ kind: 'text', text: prefixed }];
+  const prefixed = status && !text.startsWith(String(status)) ? `HTTP ${status} — ${text}` : text
+  return [{ kind: 'text', text: prefixed }]
 }
 
 // Colour and cursor codes a terminal wrote into a captured stdout. The escape
 // byte is required: without it this would also eat `[2]` out of ordinary prose.
 // eslint-disable-next-line no-control-regex
-const ANSI = /\x1b\[[0-9;]*[A-Za-z]/g;
+const ANSI = /\x1b\[[0-9;]*[A-Za-z]/g
 
 /** What a `user` row really is, when it opens with harness markup. */
-type LocalRow = 'caveat' | 'command' | 'bash' | 'stdout' | 'reminder' | 'teammate';
+type LocalRow = 'caveat' | 'command' | 'bash' | 'stdout' | 'reminder' | 'teammate'
 
 /**
  * A `user` row the CLI wrote about itself, not one the human typed.
@@ -666,37 +636,37 @@ type LocalRow = 'caveat' | 'command' | 'bash' | 'stdout' | 'reminder' | 'teammat
  * and a side question arrives wrapped in `<system-reminder>`.
  */
 function classifyLocalCommand(text: string): LocalRow | null {
-  const t = text.trimStart();
-  if (t.startsWith('<local-command-caveat>')) return 'caveat';
-  if (t.startsWith('<bash-input>')) return 'bash';
+  const t = text.trimStart()
+  if (t.startsWith('<local-command-caveat>')) return 'caveat'
+  if (t.startsWith('<bash-input>')) return 'bash'
   if (
     t.startsWith('<local-command-stdout>') ||
     t.startsWith('<local-command-stderr>') ||
     t.startsWith('<bash-stdout>') ||
     t.startsWith('<bash-stderr>')
   ) {
-    return 'stdout';
+    return 'stdout'
   }
-  if (t.startsWith('<command-name>') || t.startsWith('<command-message>')) return 'command';
-  if (t.startsWith('<system-reminder>')) return 'reminder';
-  return null;
+  if (t.startsWith('<command-name>') || t.startsWith('<command-message>')) return 'command'
+  if (t.startsWith('<system-reminder>')) return 'reminder'
+  return null
 }
 
 function tag(text: string, name: string): string {
-  return new RegExp(`<${name}>([\\s\\S]*?)</${name}>`).exec(text)?.[1]?.trim() ?? '';
+  return new RegExp(`<${name}>([\\s\\S]*?)</${name}>`).exec(text)?.[1]?.trim() ?? ''
 }
 
 /** Turn a `<command-name>` row into one block; `null` when it names nothing. */
 function slashCommandBlock(text: string): Block | null {
-  const name = tag(text, 'command-name');
-  if (!name) return null;
-  return { kind: 'slash_command', name, text: tag(text, 'command-args') };
+  const name = tag(text, 'command-name')
+  if (!name) return null
+  return { kind: 'slash_command', name, text: tag(text, 'command-args') }
 }
 
 /** A `!cmd` the user ran straight from the prompt. */
 function bashInputBlock(text: string): Block | null {
-  const command = tag(text, 'bash-input');
-  return command ? { kind: 'slash_command', name: '!', text: command } : null;
+  const command = tag(text, 'bash-input')
+  return command ? { kind: 'slash_command', name: '!', text: command } : null
 }
 
 /** The CLI's own stdout, stripped of tags and terminal codes. Empty → nothing said. */
@@ -704,25 +674,20 @@ function commandOutput(text: string): string {
   return text
     .replace(/<\/?(local-command|bash)-std(out|err)>/g, '')
     .replace(ANSI, '')
-    .trim();
+    .trim()
 }
 
 /** Who a `user` row came from. A slash command is the CLI, not the human. */
-function userOrigin(
-  injected: boolean,
-  originKind: string | undefined,
-  localRow: LocalRow | null,
-  compactSummary: boolean,
-): string {
-  if (localRow === 'command' || localRow === 'bash') return 'slash-command';
-  if (localRow === 'stdout') return 'command-output';
+function userOrigin(injected: boolean, originKind: string | undefined, localRow: LocalRow | null, compactSummary: boolean): string {
+  if (localRow === 'command' || localRow === 'bash') return 'slash-command'
+  if (localRow === 'stdout') return 'command-output'
   // Un équipier, pas l'humain. Sans cette origine la ligne s'affiche en « Vous ».
-  if (localRow === 'teammate') return 'teammate';
+  if (localRow === 'teammate') return 'teammate'
   // The history a compaction kept, re-sent as a `user` row. Nobody typed it.
-  if (compactSummary) return 'compact-summary';
-  if (localRow === 'reminder') return 'system';
-  if (injected) return originKind ?? 'system';
-  return 'human';
+  if (compactSummary) return 'compact-summary'
+  if (localRow === 'reminder') return 'system'
+  if (injected) return originKind ?? 'system'
+  return 'human'
 }
 
 /**
@@ -739,12 +704,12 @@ function userOrigin(
  * mensonge que pour une ligne `user` injectée.
  */
 function queuedHumanPrompt(value: unknown): string {
-  if (!value || typeof value !== 'object') return '';
-  const a = value as Record<string, unknown>;
-  if (str(a.type) !== 'queued_command') return '';
-  const origin = a.origin as Record<string, unknown> | undefined;
-  if (str(origin?.kind) !== 'human') return '';
-  return str(a.prompt).trim();
+  if (!value || typeof value !== 'object') return ''
+  const a = value as Record<string, unknown>
+  if (str(a.type) !== 'queued_command') return ''
+  const origin = a.origin as Record<string, unknown> | undefined
+  if (str(origin?.kind) !== 'human') return ''
+  return str(a.prompt).trim()
 }
 
 /**
@@ -762,11 +727,11 @@ function queuedHumanPrompt(value: unknown): string {
  * fini, rapport compris.
  */
 function queuedTaskNotification(value: unknown): string {
-  if (!value || typeof value !== 'object') return '';
-  const a = value as Record<string, unknown>;
-  if (str(a.type) !== 'queued_command') return '';
-  if (str(a.commandMode) !== 'task-notification') return '';
-  return str(a.prompt).trim();
+  if (!value || typeof value !== 'object') return ''
+  const a = value as Record<string, unknown>
+  if (str(a.type) !== 'queued_command') return ''
+  if (str(a.commandMode) !== 'task-notification') return ''
+  return str(a.prompt).trim()
 }
 
 /**
@@ -783,20 +748,14 @@ function queuedTaskNotification(value: unknown): string {
  * amont.
  */
 function planModeMark(value: unknown): PlanModeMark | null {
-  if (!value || typeof value !== 'object') return null;
-  const a = value as Record<string, unknown>;
+  if (!value || typeof value !== 'object') return null
+  const a = value as Record<string, unknown>
   const phase =
-    str(a.type) === 'plan_mode'
-      ? 'enter'
-      : str(a.type) === 'plan_mode_exit'
-        ? 'exit'
-        : str(a.type) === 'plan_mode_reentry'
-          ? 'reentry'
-          : null;
-  if (!phase) return null;
-  const mark: PlanModeMark = { phase, planFilePath: str(a.planFilePath) };
-  if (typeof a.planExists === 'boolean') mark.planExists = a.planExists;
-  return mark;
+    str(a.type) === 'plan_mode' ? 'enter' : str(a.type) === 'plan_mode_exit' ? 'exit' : str(a.type) === 'plan_mode_reentry' ? 'reentry' : null
+  if (!phase) return null
+  const mark: PlanModeMark = { phase, planFilePath: str(a.planFilePath) }
+  if (typeof a.planExists === 'boolean') mark.planExists = a.planExists
+  return mark
 }
 
 /**
@@ -817,16 +776,16 @@ function planModeMark(value: unknown): PlanModeMark | null {
  * cours, et la traiter comme une ouverture couperait la portée en deux.
  */
 function markPlanMode(events: TranscriptEvent[]): void {
-  let open: PlanModeMark | null = null;
-  let turns = 0;
+  let open: PlanModeMark | null = null
+  let turns = 0
   /** Les rappels redondants, retirés du fil une fois la passe finie. */
-  const drop = new Set<TranscriptEvent>();
+  const drop = new Set<TranscriptEvent>()
 
   for (const ev of events) {
     // Un sous-agent a son propre régime, qui n'est pas celui de la session.
-    if (ev.isSidechain) continue;
+    if (ev.isSidechain) continue
 
-    const phase = ev.planMode?.phase;
+    const phase = ev.planMode?.phase
     if (phase === 'enter') {
       // Le CLI réémet le rappel à l'intérieur d'un régime déjà ouvert : 4 fois
       // au parc, toujours pour le même fichier de plan, entre 66 et 249 lignes
@@ -835,29 +794,29 @@ function markPlanMode(events: TranscriptEvent[]): void {
       // La ligne ne porte rien d'autre, donc elle sort du fil : la garder vidée
       // la ferait tomber dans le bloc « Système » générique.
       if (open) {
-        drop.add(ev);
-        continue;
+        drop.add(ev)
+        continue
       }
-      open = ev.planMode ?? null;
-      turns = 0;
-      continue;
+      open = ev.planMode ?? null
+      turns = 0
+      continue
     }
     if (phase === 'exit') {
-      if (open) open.turns = turns;
-      open = null;
-      continue;
+      if (open) open.turns = turns
+      open = null
+      continue
     }
-    if (phase === 'reentry') continue;
+    if (phase === 'reentry') continue
 
-    if (!open) continue;
-    ev.inPlanMode = true;
-    if (ev.kind === 'assistant') turns++;
+    if (!open) continue
+    ev.inPlanMode = true
+    if (ev.kind === 'assistant') turns++
   }
   // Régime encore ouvert à la dernière ligne : les tours sont marqués, mais
   // aucun total n'est annoncé — il n'est pas clos.
 
   for (let i = events.length - 1; i >= 0; i--) {
-    if (drop.has(events[i]!)) events.splice(i, 1);
+    if (drop.has(events[i]!)) events.splice(i, 1)
   }
 }
 
@@ -867,11 +826,11 @@ function summaryEvent(subtype: string): string {
     .split('_')
     .filter(Boolean)
     .map((w) => w[0]!.toUpperCase() + w.slice(1))
-    .join('');
+    .join('')
 }
 
 function isHookSummary(subtype: string | undefined): boolean {
-  return typeof subtype === 'string' && subtype.endsWith('_hook_summary');
+  return typeof subtype === 'string' && subtype.endsWith('_hook_summary')
 }
 
 /**
@@ -879,63 +838,60 @@ function isHookSummary(subtype: string | undefined): boolean {
  * Claude could act on. Its only trace worth keeping is that it ran, and how long.
  */
 function isSilent(run: HookRun): boolean {
-  return run.status === 'ok' && !run.context?.length && !run.stderr;
+  return run.status === 'ok' && !run.context?.length && !run.stderr
 }
 
 /** An `attachment.hook_*` payload → a run, or `null` if it carries nothing. */
 function hookRunFromAttachment(a: Record<string, unknown>): HookRun | null {
-  const type = str(a.type);
-  if (!type.startsWith('hook_')) return null;
+  const type = str(a.type)
+  if (!type.startsWith('hook_')) return null
 
-  const name = str(a.hookName);
+  const name = str(a.hookName)
   const run: HookRun = {
     event: str(a.hookEvent, name.split(':')[0] ?? 'hook'),
     name: name || 'hook',
     status: 'ok',
-  };
-  if (typeof a.toolUseID === 'string' && a.toolUseID) run.toolUseId = a.toolUseID;
-  if (typeof a.command === 'string' && a.command) run.command = a.command;
-  if (typeof a.durationMs === 'number') run.durationMs = a.durationMs;
-  if (typeof a.exitCode === 'number') run.exitCode = a.exitCode;
+  }
+  if (typeof a.toolUseID === 'string' && a.toolUseID) run.toolUseId = a.toolUseID
+  if (typeof a.command === 'string' && a.command) run.command = a.command
+  if (typeof a.durationMs === 'number') run.durationMs = a.durationMs
+  if (typeof a.exitCode === 'number') run.exitCode = a.exitCode
 
-  const stdout = typeof a.stdout === 'string' ? a.stdout.trim() : '';
-  const stderr = typeof a.stderr === 'string' ? a.stderr.trim() : '';
-  if (stdout) run.stdout = stdout;
-  if (stderr) run.stderr = stderr;
+  const stdout = typeof a.stdout === 'string' ? a.stdout.trim() : ''
+  const stderr = typeof a.stderr === 'string' ? a.stderr.trim() : ''
+  if (stdout) run.stdout = stdout
+  if (stderr) run.stderr = stderr
 
   switch (type) {
     case 'hook_blocking_error': {
-      const be = a.blockingError;
-      const msg =
-        typeof be === 'string'
-          ? be
-          : str((be as Record<string, unknown> | undefined)?.blockingError);
-      run.status = 'blocked';
-      run.error = msg.trim() || stderr || 'Le hook a interrompu le tour.';
-      return run;
+      const be = a.blockingError
+      const msg = typeof be === 'string' ? be : str((be as Record<string, unknown> | undefined)?.blockingError)
+      run.status = 'blocked'
+      run.error = msg.trim() || stderr || 'Le hook a interrompu le tour.'
+      return run
     }
     case 'hook_non_blocking_error': {
-      run.status = 'error';
-      run.error = stderr || t('hooks.failed', { code: run.exitCode ?? '?' });
-      return run;
+      run.status = 'error'
+      run.error = stderr || t('hooks.failed', { code: run.exitCode ?? '?' })
+      return run
     }
     case 'hook_success': {
-      const ctx = contextFromStdout(stdout);
+      const ctx = contextFromStdout(stdout)
       if (ctx.length) {
-        run.context = ctx;
-        run.status = 'context';
+        run.context = ctx
+        run.status = 'context'
       }
-      return run;
+      return run
     }
     case 'hook_additional_context': {
-      const ctx = strList(a.content);
-      if (!ctx.length) return null;
-      run.context = ctx;
-      run.status = 'context';
-      return run;
+      const ctx = strList(a.content)
+      if (!ctx.length) return null
+      run.context = ctx
+      run.status = 'context'
+      return run
     }
     default:
-      return null;
+      return null
   }
 }
 
@@ -945,53 +901,53 @@ function hookRunFromAttachment(a: Record<string, unknown>): HookRun | null {
  * whole, so they are pinned onto the first run.
  */
 function hookRunsFromSummary(r: Record<string, unknown>): HookRun[] {
-  const event = summaryEvent(str(r.subtype)) || 'Hook';
-  const infos = Array.isArray(r.hookInfos) ? (r.hookInfos as Record<string, unknown>[]) : [];
-  const errors = strList(r.hookErrors);
-  const context = strList(r.hookAdditionalContext);
-  const prevented = Boolean(r.preventedContinuation);
-  const stopReason = typeof r.stopReason === 'string' ? r.stopReason.trim() : '';
-
-  const list = infos.length ? infos : [{}];
+  const event = summaryEvent(str(r.subtype)) || 'Hook'
+  const infos = Array.isArray(r.hookInfos) ? (r.hookInfos as Record<string, unknown>[]) : []
+  const errors = strList(r.hookErrors)
+  const context = strList(r.hookAdditionalContext)
+  const prevented = Boolean(r.preventedContinuation)
+  const stopReason = typeof r.stopReason === 'string' ? r.stopReason.trim() : ''
+
+  const list = infos.length ? infos : [{}]
   return list.map((info, i) => {
-    const run: HookRun = { event, name: event, status: 'ok' };
-    if (typeof info.command === 'string' && info.command) run.command = info.command;
-    if (typeof info.durationMs === 'number') run.durationMs = info.durationMs;
-    if (i !== 0) return run;
+    const run: HookRun = { event, name: event, status: 'ok' }
+    if (typeof info.command === 'string' && info.command) run.command = info.command
+    if (typeof info.durationMs === 'number') run.durationMs = info.durationMs
+    if (i !== 0) return run
 
     if (context.length) {
-      run.context = context;
-      run.status = 'context';
+      run.context = context
+      run.status = 'context'
     }
     if (errors.length) {
-      run.status = 'error';
-      run.error = errors.join('\n');
+      run.status = 'error'
+      run.error = errors.join('\n')
     }
     if (prevented) {
-      run.status = 'blocked';
-      run.error = stopReason || errors.join('\n') || t('hooks.blocked');
+      run.status = 'blocked'
+      run.error = stopReason || errors.join('\n') || t('hooks.blocked')
     }
-    return run;
-  });
+    return run
+  })
 }
 
 /** Accumulates the silent runs into a per-command tally. */
 class SilentHookTally {
-  private readonly byCommand = new Map<string, SilentHookGroup>();
-  private count = 0;
-  private durationMs = 0;
+  private readonly byCommand = new Map<string, SilentHookGroup>()
+  private count = 0
+  private durationMs = 0
 
   add(run: HookRun): void {
-    const command = run.command ?? run.name;
-    const ms = run.durationMs ?? 0;
-    this.count++;
-    this.durationMs += ms;
-    const g = this.byCommand.get(command);
+    const command = run.command ?? run.name
+    const ms = run.durationMs ?? 0
+    this.count++
+    this.durationMs += ms
+    const g = this.byCommand.get(command)
     if (g) {
-      g.count++;
-      g.durationMs += ms;
+      g.count++
+      g.durationMs += ms
     } else {
-      this.byCommand.set(command, { command, count: 1, durationMs: ms });
+      this.byCommand.set(command, { command, count: 1, durationMs: ms })
     }
   }
 
@@ -1000,7 +956,7 @@ class SilentHookTally {
       count: this.count,
       durationMs: this.durationMs,
       groups: [...this.byCommand.values()].sort((a, b) => b.count - a.count),
-    };
+    }
   }
 }
 
@@ -1013,13 +969,13 @@ class SilentHookTally {
  * this is not a rounding error.
  */
 function toolInputText(input: unknown): string {
-  if (input === undefined || input === null) return '';
-  if (typeof input === 'string') return input;
+  if (input === undefined || input === null) return ''
+  if (typeof input === 'string') return input
   try {
-    return JSON.stringify(input);
+    return JSON.stringify(input)
   } catch {
     // Cyclic input cannot have come from JSONL, but a parser must not throw.
-    return '';
+    return ''
   }
 }
 
@@ -1088,44 +1044,41 @@ const STRUCTURED_RESULT: Record<string, readonly string[]> = {
   // il se lit dans `STRUCTURED_DERIVED`. L'entrée doit exister quand même —
   // c'est elle qui autorise l'outil à être lu du tout.
   Skill: [],
-};
+}
 
 /**
  * Champs *dérivés* — quand ce qu'on veut est enfoui sous une clé qu'on ne veut
  * pas retenir entière. La liste blanche plate ne sait pas l'exprimer ; ces
  * fonctions si, sans pour autant rouvrir `flatMap` à l'imbrication.
  */
-const STRUCTURED_DERIVED: Record<
-  string,
-  (source: Record<string, unknown>) => Record<string, unknown> | null
-> = {
+const STRUCTURED_DERIVED: Record<string, (source: Record<string, unknown>) => Record<string, unknown> | null> = {
   // `annotations` est une carte question → `{ preview?, notes? }`. Le `preview`
   // n'est que l'écho de l'option choisie, que le bloc porte déjà, et c'est lui
   // qui pèse ; les `notes` sont de la parole d'utilisateur, qu'on ne lit nulle
   // part ailleurs. Les notes sont rares, et il arrive que la note *soit* la
   // réponse — `answers` n'y porte alors que le marqueur `(notes only)`.
   AskUserQuestion: (source) => {
-    const a = source.annotations;
-    if (!a || typeof a !== 'object' || Array.isArray(a)) return null;
-    const notes: Record<string, string> = {};
+    const a = source.annotations
+    if (!a || typeof a !== 'object' || Array.isArray(a)) return null
+    const notes: Record<string, string> = {}
     for (const [question, ann] of Object.entries(a as Record<string, unknown>)) {
-      if (!ann || typeof ann !== 'object' || Array.isArray(ann)) continue;
-      const n = (ann as Record<string, unknown>).notes;
-      if (typeof n === 'string' && n) notes[question] = n;
+      if (!ann || typeof ann !== 'object' || Array.isArray(ann)) continue
+      const n = (ann as Record<string, unknown>).notes
+      if (typeof n === 'string' && n) notes[question] = n
     }
-    return Object.keys(notes).length ? { notes } : null;
+    return Object.keys(notes).length ? { notes } : null
   },
   // `matches` est la liste des outils que la recherche a effectivement chargés —
   // le seul retour de `ToolSearch`, puisque son texte est vide dans 357 des 365
   // appels du parc. Un tableau de chaînes que la liste blanche plate refuse ;
   // c'est pourtant tout ce que la vue a à montrer. Onze noms au maximum mesuré.
   ToolSearch: (source) => {
-    const m = source.matches;
-    if (!Array.isArray(m)) return null;
-    const names = m.filter((x): x is string => typeof x === 'string' && Boolean(x));
+    const m = source.matches
+    if (!Array.isArray(m)) return null
+    const names = m.filter((x): x is string => typeof x === 'string' && Boolean(x))
     // Une liste vide compte : elle dit que rien n'a été chargé, ce qui n'est pas
     // la même chose qu'un résultat absent. On la retient donc telle quelle.
-    return { matches: names };
+    return { matches: names }
   },
   // Un skill peut restreindre les outils de la session le temps où il s'applique,
   // et c'est la seule trace de cette restriction : ni l'entrée ni le texte du
@@ -1137,15 +1090,15 @@ const STRUCTURED_DERIVED: Record<
   // `success` n'est pas retenu (`true` 16 fois sur 16, l'échec passant par
   // `is_error`), ni `commandName`, écho exact du `skill` de l'entrée.
   Skill: (source) => {
-    const a = source.allowedTools;
-    if (!Array.isArray(a)) return null;
-    const names = a.filter((x): x is string => typeof x === 'string' && Boolean(x));
-    return names.length ? { allowedTools: names } : null;
+    const a = source.allowedTools
+    if (!Array.isArray(a)) return null
+    const names = a.filter((x): x is string => typeof x === 'string' && Boolean(x))
+    return names.length ? { allowedTools: names } : null
   },
-};
+}
 
 /** Taille au-delà de laquelle on renonce, quoi que dise la liste blanche. */
-const MAX_STRUCTURED_BYTES = 8_192;
+const MAX_STRUCTURED_BYTES = 8_192
 
 /**
  * Le résultat structuré d'un outil, réduit à ce qu'on sait afficher.
@@ -1153,43 +1106,40 @@ const MAX_STRUCTURED_BYTES = 8_192;
  * Rend `null` dès que quelque chose ne va pas — outil hors liste, valeur qui
  * n'est pas un objet, taille aberrante. Un affichage vaut mieux vide qu'inventé.
  */
-function structuredResult(
-  toolName: string | undefined,
-  value: unknown,
-): Record<string, unknown> | null {
-  if (!toolName) return null;
-  const keep = STRUCTURED_RESULT[toolName];
-  if (!keep) return null;
-  const derive = STRUCTURED_DERIVED[toolName];
-  if (!value || typeof value !== 'object' || Array.isArray(value)) return null;
-
-  const source = value as Record<string, unknown>;
-  const out: Record<string, unknown> = {};
+function structuredResult(toolName: string | undefined, value: unknown): Record<string, unknown> | null {
+  if (!toolName) return null
+  const keep = STRUCTURED_RESULT[toolName]
+  if (!keep) return null
+  const derive = STRUCTURED_DERIVED[toolName]
+  if (!value || typeof value !== 'object' || Array.isArray(value)) return null
+
+  const source = value as Record<string, unknown>
+  const out: Record<string, unknown> = {}
   for (const key of keep) {
-    const v = source[key];
-    if (v === undefined || v === null) continue;
+    const v = source[key]
+    if (v === undefined || v === null) continue
     if (typeof v !== 'object') {
-      out[key] = v;
-      continue;
+      out[key] = v
+      continue
     }
     // Une carte plate — les réponses d'un AskUserQuestion, par exemple. On
     // s'arrête là : c'est par l'imbrication qu'un sidecar explose en volume, et
     // rien de ce qu'on affiche n'en a besoin.
-    const flat = flatMap(v);
-    if (flat) out[key] = flat;
+    const flat = flatMap(v)
+    if (flat) out[key] = flat
   }
-  Object.assign(out, derive?.(source) ?? {});
-  if (!Object.keys(out).length) return null;
-  return JSON.stringify(out).length > MAX_STRUCTURED_BYTES ? null : out;
+  Object.assign(out, derive?.(source) ?? {})
+  if (!Object.keys(out).length) return null
+  return JSON.stringify(out).length > MAX_STRUCTURED_BYTES ? null : out
 }
 
 /** L'objet s'il n'est qu'une carte de valeurs simples ; `null` sinon. */
 function flatMap(value: object): Record<string, unknown> | null {
-  if (Array.isArray(value)) return null;
-  const entries = Object.entries(value as Record<string, unknown>);
-  if (!entries.length) return null;
-  if (entries.some(([, v]) => v !== null && typeof v === 'object')) return null;
-  return Object.fromEntries(entries);
+  if (Array.isArray(value)) return null
+  const entries = Object.entries(value as Record<string, unknown>)
+  if (!entries.length) return null
+  if (entries.some(([, v]) => v !== null && typeof v === 'object')) return null
+  return Object.fromEntries(entries)
 }
 
 // ── Sub-agent sidecars ───────────────────────────────────────────────────────
@@ -1201,31 +1151,31 @@ function flatMap(value: object): Record<string, unknown> | null {
 // so without reading these sidecars the replay never shows what the agent did.
 
 interface SubagentRun {
-  agentId: string;
+  agentId: string
   /** The agent that ran, when anything on disk could name it. */
-  agentType?: string;
+  agentType?: string
   /** The `Agent` tool_use this run answers to — the anchor for its rows. */
-  toolUseId?: string;
+  toolUseId?: string
   /** The call's one-line description; the anchor of last resort before time. */
-  description?: string;
+  description?: string
   /** When the run's first row was written — used to place an unanchored run. */
-  startedAt: number;
+  startedAt: number
   /** 1 for a top-level agent; deeper when an agent spawned another. */
-  spawnDepth: number;
-  rows: Record<string, unknown>[];
+  spawnDepth: number
+  rows: Record<string, unknown>[]
 }
 
 function parseJsonl(raw: string): Record<string, unknown>[] {
-  const out: Record<string, unknown>[] = [];
+  const out: Record<string, unknown>[] = []
   for (const l of raw.split('\n')) {
-    if (!l.trim()) continue;
+    if (!l.trim()) continue
     try {
-      out.push(JSON.parse(l) as Record<string, unknown>);
+      out.push(JSON.parse(l) as Record<string, unknown>)
     } catch {
       /* skip malformed line */
     }
   }
-  return out;
+  return out
 }
 
 /** Every `tool_use` id in these rows, mapped to the block's own `input`. */
@@ -1234,14 +1184,14 @@ function eachToolUse(
   visit: (id: string, name: string, input: Record<string, unknown>, rowIndex: number) => void,
 ): void {
   rows.forEach((r, i) => {
-    const msg = r.message as Record<string, unknown> | undefined;
-    if (!msg || !Array.isArray(msg.content)) return;
+    const msg = r.message as Record<string, unknown> | undefined
+    if (!msg || !Array.isArray(msg.content)) return
     for (const b of msg.content as Record<string, unknown>[]) {
       if (b.type === 'tool_use' && typeof b.id === 'string') {
-        visit(b.id, str(b.name), (b.input ?? {}) as Record<string, unknown>, i);
+        visit(b.id, str(b.name), (b.input ?? {}) as Record<string, unknown>, i)
       }
     }
-  });
+  })
 }
 
 /**
@@ -1250,17 +1200,17 @@ function eachToolUse(
  * missing (older runs wrote none), so mine it before falling back to nothing.
  */
 function agentIdToToolUse(rows: Record<string, unknown>[]): Map<string, string> {
-  const out = new Map<string, string>();
+  const out = new Map<string, string>()
   for (const r of rows) {
-    const msg = r.message as Record<string, unknown> | undefined;
-    if (!msg || !Array.isArray(msg.content)) continue;
+    const msg = r.message as Record<string, unknown> | undefined
+    if (!msg || !Array.isArray(msg.content)) continue
     for (const b of msg.content as Record<string, unknown>[]) {
-      if (b.type !== 'tool_result' || typeof b.tool_use_id !== 'string') continue;
-      const m = /agentId:\s*([a-f0-9]+)/.exec(resultToText(b.content));
-      if (m?.[1]) out.set(m[1], b.tool_use_id);
+      if (b.type !== 'tool_result' || typeof b.tool_use_id !== 'string') continue
+      const m = /agentId:\s*([a-f0-9]+)/.exec(resultToText(b.content))
+      if (m?.[1]) out.set(m[1], b.tool_use_id)
     }
   }
-  return out;
+  return out
 }
 
 /**
@@ -1270,17 +1220,14 @@ function agentIdToToolUse(rows: Record<string, unknown>[]): Map<string, string>
  * rattacherait silencieusement un run au mauvais appel : mieux vaut un run sans
  * appel qu'un run mal attribué. Une description vide ne désigne rien.
  */
-function toolUseByDescription(
-  rows: Record<string, unknown>[],
-  description: string,
-): string | undefined {
-  if (!description) return undefined;
-  const hits: string[] = [];
+function toolUseByDescription(rows: Record<string, unknown>[], description: string): string | undefined {
+  if (!description) return undefined
+  const hits: string[] = []
   eachToolUse(rows, (id, name, input) => {
-    if (name !== 'Agent' && name !== 'Task') return;
-    if (input.description === description) hits.push(id);
-  });
-  return hits.length === 1 ? hits[0] : undefined;
+    if (name !== 'Agent' && name !== 'Task') return
+    if (input.description === description) hits.push(id)
+  })
+  return hits.length === 1 ? hits[0] : undefined
 }
 
 /**
@@ -1295,51 +1242,44 @@ function toolUseByDescription(
  * A run nobody can name still gets its rows and its `agentId`, which is enough
  * to color it apart from its siblings.
  */
-async function readSubagentRuns(
-  abs: string,
-  id: string,
-  mainRows: Record<string, unknown>[],
-): Promise<SubagentRun[]> {
-  const dir = join(dirname(abs), id, 'subagents');
-  if (!existsSync(dir)) return [];
-
-  const spawnedBy = agentIdToToolUse(mainRows);
-  const subagentTypeOf = new Map<string, string>();
+async function readSubagentRuns(abs: string, id: string, mainRows: Record<string, unknown>[]): Promise<SubagentRun[]> {
+  const dir = join(dirname(abs), id, 'subagents')
+  if (!existsSync(dir)) return []
+
+  const spawnedBy = agentIdToToolUse(mainRows)
+  const subagentTypeOf = new Map<string, string>()
   eachToolUse(mainRows, (toolUseId, name, input) => {
     if ((name === 'Agent' || name === 'Task') && typeof input.subagent_type === 'string') {
-      subagentTypeOf.set(toolUseId, input.subagent_type);
+      subagentTypeOf.set(toolUseId, input.subagent_type)
     }
-  });
+  })
 
-  let files: string[];
+  let files: string[]
   try {
-    files = (await readdir(dir)).filter((f) => f.endsWith('.jsonl'));
+    files = (await readdir(dir)).filter((f) => f.endsWith('.jsonl'))
   } catch {
-    return [];
+    return []
   }
 
-  const runs: SubagentRun[] = [];
+  const runs: SubagentRun[] = []
   for (const file of files) {
-    const agentId = file.replace(/^agent-/, '').replace(/\.jsonl$/, '');
-    let rows: Record<string, unknown>[];
+    const agentId = file.replace(/^agent-/, '').replace(/\.jsonl$/, '')
+    let rows: Record<string, unknown>[]
     try {
-      rows = parseJsonl(await readFile(join(dir, file), 'utf8'));
+      rows = parseJsonl(await readFile(join(dir, file), 'utf8'))
     } catch {
-      continue; // a sidecar we cannot read is a sub-agent we cannot show
+      continue // a sidecar we cannot read is a sub-agent we cannot show
     }
-    if (!rows.length) continue;
+    if (!rows.length) continue
 
-    let meta: Record<string, unknown> = {};
+    let meta: Record<string, unknown> = {}
     try {
-      meta = JSON.parse(await readFile(join(dir, `agent-${agentId}.meta.json`), 'utf8')) as Record<
-        string,
-        unknown
-      >;
+      meta = JSON.parse(await readFile(join(dir, `agent-${agentId}.meta.json`), 'utf8')) as Record<string, unknown>
     } catch {
       /* older runs wrote no meta — the fallbacks below cover them */
     }
 
-    const description = typeof meta.description === 'string' ? meta.description : '';
+    const description = typeof meta.description === 'string' ? meta.description : ''
     const toolUseId =
       (typeof meta.toolUseId === 'string' ? meta.toolUseId : undefined) ??
       spawnedBy.get(agentId) ??
@@ -1347,21 +1287,21 @@ async function readSubagentRuns(
       // s'en sert déjà pour *placer* le run ; l'identité en a le même besoin, et
       // sans elle un run parfaitement lisible n'a plus d'appel à qui se
       // rattacher — donc pas de statut, et aucune carte pour le montrer.
-      toolUseByDescription(mainRows, description);
-    const attributed = rows.find((r) => typeof r.attributionAgent === 'string');
+      toolUseByDescription(mainRows, description)
+    const attributed = rows.find((r) => typeof r.attributionAgent === 'string')
     const agentType =
       (typeof meta.agentType === 'string' ? meta.agentType : undefined) ??
       (toolUseId ? subagentTypeOf.get(toolUseId) : undefined) ??
-      (attributed?.attributionAgent as string | undefined);
+      (attributed?.attributionAgent as string | undefined)
 
     // Stamp every row so the event loop can carry the identity through without
     // knowing the file it came from.
     for (const r of rows) {
-      r.agentId = agentId;
-      if (agentType) r.agentType = agentType;
+      r.agentId = agentId
+      if (agentType) r.agentType = agentType
     }
 
-    const firstTs = str(rows[0]?.timestamp);
+    const firstTs = str(rows[0]?.timestamp)
 
     runs.push({
       agentId,
@@ -1371,12 +1311,12 @@ async function readSubagentRuns(
       startedAt: firstTs ? Date.parse(firstTs) : 0,
       spawnDepth: typeof meta.spawnDepth === 'number' ? meta.spawnDepth : 1,
       rows,
-    });
+    })
   }
 
   // Shallow runs first: a nested agent anchors to a tool_use that only exists
   // once its parent's rows have been spliced in.
-  return runs.sort((a, b) => a.spawnDepth - b.spawnDepth);
+  return runs.sort((a, b) => a.spawnDepth - b.spawnDepth)
 }
 
 /**
@@ -1396,37 +1336,37 @@ async function readSubagentRuns(
  */
 function anchorIndex(rows: Record<string, unknown>[], run: SubagentRun): number {
   if (run.toolUseId) {
-    let at = -1;
+    let at = -1
     eachToolUse(rows, (id, _name, _input, rowIndex) => {
-      if (id === run.toolUseId && at === -1) at = rowIndex;
-    });
-    if (at !== -1) return at;
+      if (id === run.toolUseId && at === -1) at = rowIndex
+    })
+    if (at !== -1) return at
   }
 
   if (run.description) {
-    const hits: number[] = [];
+    const hits: number[] = []
     eachToolUse(rows, (_id, name, input, rowIndex) => {
-      if (name !== 'Agent' && name !== 'Task') return;
-      if (input.description !== run.description) return;
-      const type = input.subagent_type;
-      if (run.agentType && typeof type === 'string' && type !== run.agentType) return;
-      hits.push(rowIndex);
-    });
-    if (hits.length === 1) return hits[0] as number;
+      if (name !== 'Agent' && name !== 'Task') return
+      if (input.description !== run.description) return
+      const type = input.subagent_type
+      if (run.agentType && typeof type === 'string' && type !== run.agentType) return
+      hits.push(rowIndex)
+    })
+    if (hits.length === 1) return hits[0] as number
   }
 
   // Chronological: after the last row written before this run began.
   if (run.startedAt) {
-    let at = -1;
+    let at = -1
     rows.forEach((r, i) => {
-      if (r.agentId) return; // never anchor inside another run's rows
-      const ts = str(r.timestamp);
-      if (ts && Date.parse(ts) <= run.startedAt) at = i;
-    });
-    if (at !== -1) return at;
+      if (r.agentId) return // never anchor inside another run's rows
+      const ts = str(r.timestamp)
+      if (ts && Date.parse(ts) <= run.startedAt) at = i
+    })
+    if (at !== -1) return at
   }
 
-  return -1;
+  return -1
 }
 
 /**
@@ -1439,14 +1379,14 @@ function anchorIndex(rows: Record<string, unknown>[], run: SubagentRun): number
  */
 function spliceSubagentRuns(rows: Record<string, unknown>[], runs: SubagentRun[]): void {
   for (const run of runs) {
-    const at = anchorIndex(rows, run);
-    if (at === -1) rows.push(...run.rows);
-    else rows.splice(at + 1, 0, ...run.rows);
+    const at = anchorIndex(rows, run)
+    if (at === -1) rows.push(...run.rows)
+    else rows.splice(at + 1, 0, ...run.rows)
   }
 }
 
 /** Les mots par lesquels une notification dit que le run a mal fini. */
-const FAILED_STATUS = /^(fail|error|abort|cancel|interrupt)/i;
+const FAILED_STATUS = /^(fail|error|abort|cancel|interrupt)/i
 
 /**
  * Où en est un run, par ordre décroissant de fiabilité du signal.
@@ -1466,21 +1406,21 @@ function runStatus(notif: Block | undefined, call: Block | undefined): SubagentR
     // Le corpus n'a jamais écrit autre chose que `completed`, mais le champ est
     // libre : on ne reconnaît l'échec qu'à des mots qui le disent, et tout le
     // reste est une fin sans erreur signalée — jamais l'inverse.
-    return FAILED_STATUS.test(notif.status ?? '') ? 'failed' : 'completed';
+    return FAILED_STATUS.test(notif.status ?? '') ? 'failed' : 'completed'
   }
-  if (!call) return 'unknown';
-  const result = call.result;
-  if (!result) return 'running';
-  if (result.isError) return 'failed';
-  return result.content.trimStart().startsWith('Async agent launched') ? 'running' : 'completed';
+  if (!call) return 'unknown'
+  const result = call.result
+  if (!result) return 'running'
+  if (result.isError) return 'failed'
+  return result.content.trimStart().startsWith('Async agent launched') ? 'running' : 'completed'
 }
 
 // ── Parser ───────────────────────────────────────────────────────────────────
 
 /** Parse a whole transcript file into the normalised replay model. */
 export async function parseTranscript(abs: string, id: string): Promise<ParsedTranscript> {
-  const raw = await readFile(abs, 'utf8');
-  const rows = parseJsonl(raw);
+  const raw = await readFile(abs, 'utf8')
+  const rows = parseJsonl(raw)
 
   // Before anything reads `rows`: a sub-agent's tool calls must be indexed with
   // the session's own, and its turns must already sit in the stream.
@@ -1489,15 +1429,15 @@ export async function parseTranscript(abs: string, id: string): Promise<ParsedTr
   // `toolUseId`, `description` et `spawnDepth` ne se lisent que sur le disque, et
   // le client en a besoin pour nommer ses pistes et rattacher chaque run à
   // l'appel qui l'a lancé.
-  const subagentRuns = await readSubagentRuns(abs, id, rows);
-  spliceSubagentRuns(rows, subagentRuns);
+  const subagentRuns = await readSubagentRuns(abs, id, rows)
+  spliceSubagentRuns(rows, subagentRuns)
 
   /** Ce que la boucle d'événements ajoutera à chaque run, à mesure. */
   interface RunTally {
-    turns: number;
-    events: number;
-    tokens: Usage;
-    lastActivityAt: number;
+    turns: number
+    events: number
+    tokens: Usage
+    lastActivityAt: number
   }
   const tallyByAgentId = new Map<string, RunTally>(
     subagentRuns.map((run) => [
@@ -1509,52 +1449,52 @@ export async function parseTranscript(abs: string, id: string): Promise<ParsedTr
         lastActivityAt: run.startedAt,
       },
     ]),
-  );
+  )
 
   // Pass 1 — index every tool_result by its tool_use_id so tool calls can carry
   // their output inline (results live in the *next* user message, keyed by id).
   // Collect the tool_use ids too: a hook is tied to a tool call only if its
   // `toolUseID` names one (lifecycle hooks carry an unrelated uuid there).
-  const resultsById = new Map<string, ToolResult>();
-  const toolUseIds = new Set<string>();
+  const resultsById = new Map<string, ToolResult>()
+  const toolUseIds = new Set<string>()
   /** Par `tool_use_id`, le nom de l'outil — connu avant son résultat, qui suit. */
-  const toolNameById = new Map<string, string>();
+  const toolNameById = new Map<string, string>()
   // Le palier de vision vaut pour toute la session : il se lit une fois, sur
   // l'ensemble des lignes, avant que la moindre image soit chiffrée.
-  const hiRes = hasHiResVision(rows);
+  const hiRes = hasHiResVision(rows)
   for (const r of rows) {
-    const msg = r.message as Record<string, unknown> | undefined;
-    if (!msg || !Array.isArray(msg.content)) continue;
-    const blocks = msg.content as Record<string, unknown>[];
-    const shotsByTool = rowImages(r, hiRes).byTool;
+    const msg = r.message as Record<string, unknown> | undefined
+    if (!msg || !Array.isArray(msg.content)) continue
+    const blocks = msg.content as Record<string, unknown>[]
+    const shotsByTool = rowImages(r, hiRes).byTool
     // `toolUseResult` est porté par la *ligne*, pas par le bloc : il n'a de sens
     // que s'il n'y a qu'un résultat à qui l'attribuer. En pratique c'est toujours
     // le cas — aucune exception rencontrée —, mais deviner serait pire que se taire.
-    const soleResult = blocks.filter((b) => b.type === 'tool_result').length === 1;
+    const soleResult = blocks.filter((b) => b.type === 'tool_result').length === 1
     for (const b of blocks) {
       if (b.type === 'tool_result') {
-        const id = str(b.tool_use_id);
-        const shots = shotsByTool.get(id);
-        const meta = soleResult ? structuredResult(toolNameById.get(id), r.toolUseResult) : null;
+        const id = str(b.tool_use_id)
+        const shots = shotsByTool.get(id)
+        const meta = soleResult ? structuredResult(toolNameById.get(id), r.toolUseResult) : null
         resultsById.set(id, {
           content: resultToText(b.content),
           isError: Boolean(b.is_error),
           ...(shots?.length ? { images: shots } : {}),
           ...(meta ? { meta } : {}),
-        });
+        })
       } else if (b.type === 'tool_use' && typeof b.id === 'string') {
-        toolUseIds.add(b.id);
-        toolNameById.set(b.id, str(b.name));
+        toolUseIds.add(b.id)
+        toolNameById.set(b.id, str(b.name))
       }
     }
   }
 
   // Pass 1b — gather every hook run, before the event stream is built, so a run
   // can be attached to its tool call whichever line came first.
-  const silent = new SilentHookTally();
-  const hooksByToolUse = new Map<string, HookRun[]>();
+  const silent = new SilentHookTally()
+  const hooksByToolUse = new Map<string, HookRun[]>()
   /** Runs with no tool call to hang off, keyed by the row that produced them. */
-  const looseHooks = new Map<string, HookRun[]>();
+  const looseHooks = new Map<string, HookRun[]>()
   /**
    * `hook_success` then `hook_additional_context` describe one run: the first
    * carries the command and timing, the second repeats the injected text. Merge
@@ -1566,104 +1506,102 @@ export async function parseTranscript(abs: string, id: string): Promise<ParsedTr
    * as the literal `"SessionStart"` on the other — so the event is the key.
    */
   const mergeKey = (run: HookRun): string =>
-    run.toolUseId && toolUseIds.has(run.toolUseId)
-      ? `tool:${run.toolUseId}|${run.name}`
-      : `lifecycle:${run.event}`;
-  const runByKey = new Map<string, HookRun>();
+    run.toolUseId && toolUseIds.has(run.toolUseId) ? `tool:${run.toolUseId}|${run.name}` : `lifecycle:${run.event}`
+  const runByKey = new Map<string, HookRun>()
   /**
    * Rewinding a session replays earlier lines verbatim, so the same run can be
    * written twice. A tool call fires a given hook once — a second identical
    * record is that replay, not a second execution. (Summaries are exempt: their
    * command repeats every turn by design.)
    */
-  const seenRuns = new Set<string>();
+  const seenRuns = new Set<string>()
 
   // Collect and merge first — a run is only classified once every line that can
   // still change it has been read.
-  const collected: { rowUuid: string; run: HookRun }[] = [];
+  const collected: { rowUuid: string; run: HookRun }[] = []
   for (const r of rows) {
-    const type = str(r.type);
-    const rowUuid = str(r.uuid);
+    const type = str(r.type)
+    const rowUuid = str(r.uuid)
 
     if (type === 'attachment') {
-      const a = r.attachment as Record<string, unknown> | undefined;
-      if (!a) continue;
-      const run = hookRunFromAttachment(a);
-      if (!run) continue;
+      const a = r.attachment as Record<string, unknown> | undefined
+      if (!a) continue
+      const run = hookRunFromAttachment(a)
+      if (!run) continue
 
-      const key = mergeKey(run);
-      const previous = runByKey.get(key);
+      const key = mergeKey(run)
+      const previous = runByKey.get(key)
       if (previous && a.type === 'hook_additional_context') {
         if (!previous.context?.length) {
-          previous.context = run.context;
-          if (previous.status === 'ok') previous.status = 'context';
+          previous.context = run.context
+          if (previous.status === 'ok') previous.status = 'context'
         }
-        continue; // folded into the run already collected
+        continue // folded into the run already collected
       }
 
       // Keyed on the raw `toolUseID`, not on `key`: two genuine SessionStarts
       // share an event but not a uuid, and must both survive.
-      const identity = `${run.toolUseId ?? ''}|${run.name}|${run.command ?? ''}|${run.status}|${run.exitCode ?? ''}`;
-      if (seenRuns.has(identity)) continue; // replayed by a rewind
-      seenRuns.add(identity);
+      const identity = `${run.toolUseId ?? ''}|${run.name}|${run.command ?? ''}|${run.status}|${run.exitCode ?? ''}`
+      if (seenRuns.has(identity)) continue // replayed by a rewind
+      seenRuns.add(identity)
 
-      runByKey.set(key, run);
-      collected.push({ rowUuid, run });
+      runByKey.set(key, run)
+      collected.push({ rowUuid, run })
     } else if (type === 'system' && isHookSummary(r.subtype as string | undefined)) {
-      for (const run of hookRunsFromSummary(r)) collected.push({ rowUuid, run });
+      for (const run of hookRunsFromSummary(r)) collected.push({ rowUuid, run })
     }
   }
 
   for (const { rowUuid, run } of collected) {
     if (isSilent(run)) {
-      silent.add(run);
-      continue;
+      silent.add(run)
+      continue
     }
-    const tid = run.toolUseId;
+    const tid = run.toolUseId
     if (tid && toolUseIds.has(tid)) {
-      const list = hooksByToolUse.get(tid);
-      if (list) list.push(run);
-      else hooksByToolUse.set(tid, [run]);
+      const list = hooksByToolUse.get(tid)
+      if (list) list.push(run)
+      else hooksByToolUse.set(tid, [run])
     } else {
-      const list = looseHooks.get(rowUuid);
-      if (list) list.push(run);
-      else looseHooks.set(rowUuid, [run]);
+      const list = looseHooks.get(rowUuid)
+      if (list) list.push(run)
+      else looseHooks.set(rowUuid, [run])
     }
   }
 
   // Pass 2 — build the ordered event stream.
-  const events: TranscriptEvent[] = [];
-  const tools: Record<string, number> = {};
-  const models = new Set<string>();
-  let tokensIn = 0;
-  let tokensOut = 0;
-  let cacheRead = 0;
-  let cacheCreate = 0;
-  let costUsd = 0;
+  const events: TranscriptEvent[] = []
+  const tools: Record<string, number> = {}
+  const models = new Set<string>()
+  let tokensIn = 0
+  let tokensOut = 0
+  let cacheRead = 0
+  let cacheCreate = 0
+  let costUsd = 0
   /** A response ran on a model we have no price for: `costUsd` is then a floor. */
-  let costPartial = false;
-  let toolCalls = 0;
-  let userTurns = 0;
-  let assistantTurns = 0;
-  let firstPrompt = '';
-  let cwd = '';
-  let gitBranch = '';
-  let version = '';
-  let sessionId = '';
-  let hasSidechain = false;
-  let startedAt = 0;
-  let endedAt = 0;
+  let costPartial = false
+  let toolCalls = 0
+  let userTurns = 0
+  let assistantTurns = 0
+  let firstPrompt = ''
+  let cwd = ''
+  let gitBranch = ''
+  let version = ''
+  let sessionId = ''
+  let hasSidechain = false
+  let startedAt = 0
+  let endedAt = 0
   // Claude Code writes one row per content block, so a single API response is
   // spread over several rows repeating the same `message.id`. Count each
   // response as one turn, or assistant turns inflate by the number of blocks it
   // produced. Their `usage` tallies are *not* identical: `output_tokens` grows
   // as the response streams, so the tokens of a response are the per-field
   // maximum over its rows — `countedById` tracks what each has contributed.
-  const seenAssistantIds = new Set<string>();
-  const countedById = new Map<string, Usage>();
+  const seenAssistantIds = new Set<string>()
+  const countedById = new Map<string, Usage>()
   /** Per `message.id`: index of the one event that shows the response's tally. */
-  const usageEventIdx = new Map<string, number>();
-  const titles = new TitleAccumulator();
+  const usageEventIdx = new Map<string, number>()
+  const titles = new TitleAccumulator()
   /**
    * Le nom du skill qu'un appel `Skill` a lancé, par identifiant d'appel.
    *
@@ -1675,53 +1613,50 @@ export async function parseTranscript(abs: string, id: string): Promise<ParsedTr
    * Les lignes qui portent un `sourceToolUseID` désignent toutes un appel
    * `Skill` — aucun autre outil n'en produit.
    */
-  const skillCalls = new Map<string, string>();
+  const skillCalls = new Map<string, string>()
 
-  const context = new ContextAccumulator();
+  const context = new ContextAccumulator()
   /** Per `message.id`: the turn awaiting its exact total, known only after the fold. */
-  const pendingTurns = new Map<string, TurnContext>();
+  const pendingTurns = new Map<string, TurnContext>()
 
   for (const r of rows) {
-    titles.push(r);
-    const type = str(r.type);
-    const rawTs = str(r.timestamp);
-    const ts = rawTs ? Date.parse(rawTs) : 0;
+    titles.push(r)
+    const type = str(r.type)
+    const rawTs = str(r.timestamp)
+    const ts = rawTs ? Date.parse(rawTs) : 0
     if (ts) {
-      if (!startedAt) startedAt = ts;
-      endedAt = ts;
+      if (!startedAt) startedAt = ts
+      endedAt = ts
     }
-    if (typeof r.cwd === 'string' && r.cwd) cwd = r.cwd;
-    if (typeof r.gitBranch === 'string' && r.gitBranch) gitBranch = r.gitBranch;
-    if (typeof r.version === 'string' && r.version) version = r.version;
-    if (typeof r.sessionId === 'string' && r.sessionId) sessionId = r.sessionId;
-    const isSidechain = Boolean(r.isSidechain);
-    if (isSidechain) hasSidechain = true;
-    const isMeta = Boolean(r.isMeta);
+    if (typeof r.cwd === 'string' && r.cwd) cwd = r.cwd
+    if (typeof r.gitBranch === 'string' && r.gitBranch) gitBranch = r.gitBranch
+    if (typeof r.version === 'string' && r.version) version = r.version
+    if (typeof r.sessionId === 'string' && r.sessionId) sessionId = r.sessionId
+    const isSidechain = Boolean(r.isSidechain)
+    if (isSidechain) hasSidechain = true
+    const isMeta = Boolean(r.isMeta)
     // A `user` row is a genuine typed prompt only when it originates from a
     // human. Harness-injected rows (task-notifications, hook output, …) also
     // carry `type:'user'` but come from `origin.kind` other than 'human' /
     // `promptSource:'system'`. Older transcripts lack both fields → treat as
     // human (unchanged behaviour).
-    const originObj = r.origin as Record<string, unknown> | undefined;
-    const originKind = typeof originObj?.kind === 'string' ? originObj.kind : undefined;
+    const originObj = r.origin as Record<string, unknown> | undefined
+    const originKind = typeof originObj?.kind === 'string' ? originObj.kind : undefined
     // After a compaction the harness re-sends the summarised history as a plain
     // `user` row. It carries no `origin`, so without this flag it reads as the
     // human opening the next turn with "This session is being continued from…".
-    const isCompactSummary = type === 'user' && r.isCompactSummary === true;
+    const isCompactSummary = type === 'user' && r.isCompactSummary === true
     const isInjectedUser =
-      type === 'user' &&
-      (isCompactSummary ||
-        r.promptSource === 'system' ||
-        (originKind !== undefined && originKind !== 'human'));
+      type === 'user' && (isCompactSummary || r.promptSource === 'system' || (originKind !== undefined && originKind !== 'human'))
 
     if (type === 'user' || type === 'assistant') {
-      const msg = (r.message ?? {}) as Record<string, unknown>;
-      let blocks = toBlocks(msg.content, rowImages(r, hiRes), type === 'assistant');
-      if (!blocks.length) continue;
+      const msg = (r.message ?? {}) as Record<string, unknown>
+      let blocks = toBlocks(msg.content, rowImages(r, hiRes), type === 'assistant')
+      if (!blocks.length) continue
 
       for (const b of blocks) {
         if (b.kind === 'tool_use' && b.name === 'Skill' && b.id) {
-          skillCalls.set(b.id, str(((b.input ?? {}) as Record<string, unknown>).skill));
+          skillCalls.set(b.id, str(((b.input ?? {}) as Record<string, unknown>).skill))
         }
       }
 
@@ -1729,110 +1664,107 @@ export async function parseTranscript(abs: string, id: string): Promise<ParsedTr
       // them for what they are, or the timeline shows the human saying
       // "<command-name>/compact</command-name>". Keyed off the row's first text
       // block: `/init` puts `<command-message>` ahead of `<command-name>`.
-      let localRow: LocalRow | null = null;
-      const lead = blocks.find((b) => b.kind === 'text' && (b.text ?? '').trim())?.text ?? '';
+      let localRow: LocalRow | null = null
+      const lead = blocks.find((b) => b.kind === 'text' && (b.text ?? '').trim())?.text ?? ''
       // Un message d'équipier arrive dans une ligne `user` que rien ne marque.
       // Il faut le reconnaître au texte, et seulement quand la ligne s'ouvre
       // dessus : un rapport d'agent qui *cite* la balise n'en est pas un.
-      const teammate =
-        type === 'user' && lead.trimStart().startsWith('<teammate-message')
-          ? teammateBlocks(lead)
-          : null;
+      const teammate = type === 'user' && lead.trimStart().startsWith('<teammate-message') ? teammateBlocks(lead) : null
       if (teammate) {
-        localRow = 'teammate';
-        blocks = teammate;
+        localRow = 'teammate'
+        blocks = teammate
       } else if (type === 'user' && lead) {
-        localRow = classifyLocalCommand(lead);
-        if (localRow === 'caveat') continue; // Boilerplate addressed to the model.
+        localRow = classifyLocalCommand(lead)
+        if (localRow === 'caveat') continue // Boilerplate addressed to the model.
         if (localRow === 'command' || localRow === 'bash') {
-          const block = localRow === 'bash' ? bashInputBlock(lead) : slashCommandBlock(lead);
-          if (!block) continue;
-          blocks = [block];
+          const block = localRow === 'bash' ? bashInputBlock(lead) : slashCommandBlock(lead)
+          if (!block) continue
+          blocks = [block]
         } else if (localRow === 'stdout') {
-          const out = commandOutput(lead);
-          if (!out) continue; // The command printed nothing.
-          blocks = [{ kind: 'text', text: out }];
+          const out = commandOutput(lead)
+          if (!out) continue // The command printed nothing.
+          blocks = [{ kind: 'text', text: out }]
         } else if (localRow === 'reminder') {
           // Shown as injected context; the wrapper itself says nothing.
-          const inner = lead.replace(/<\/?system-reminder>/g, '').trim();
-          if (!inner) continue;
-          blocks = [{ kind: 'text', text: inner }];
+          const inner = lead.replace(/<\/?system-reminder>/g, '').trim()
+          if (!inner) continue
+          blocks = [{ kind: 'text', text: inner }]
         }
       }
 
       // A task-notification is a single XML blob — parse it into a structured
       // block the UI can render as an agent report card.
       if (isInjectedUser && originKind === 'task-notification') {
-        blocks = [parseTaskNotification(blocks.map((b) => b.text ?? '').join('\n'))];
+        blocks = [parseTaskNotification(blocks.map((b) => b.text ?? '').join('\n'))]
       }
 
       // Attach tool_result to tool_use; a user message that is *only* tool
       // results is a harness echo — drop it (its output already lives inline).
-      const meaningful: Block[] = [];
+      const meaningful: Block[] = []
       for (const b of blocks) {
         if (b.kind === 'tool_use' && b.id) {
-          b.result = resultsById.get(b.id) ?? null;
-          const hooks = hooksByToolUse.get(b.id);
-          if (hooks?.length) b.hooks = hooks;
-          toolCalls++;
-          tools[b.name ?? 'tool'] = (tools[b.name ?? 'tool'] ?? 0) + 1;
-          meaningful.push(b);
+          b.result = resultsById.get(b.id) ?? null
+          const hooks = hooksByToolUse.get(b.id)
+          if (hooks?.length) b.hooks = hooks
+          toolCalls++
+          tools[b.name ?? 'tool'] = (tools[b.name ?? 'tool'] ?? 0) + 1
+          meaningful.push(b)
         } else if (b.kind === 'tool_result') {
           // Swallowed — surfaced under its tool_use. Keep only if orphaned.
-          if (!b.toolUseId || !hasToolUse(rows, b.toolUseId)) meaningful.push(b);
+          if (!b.toolUseId || !hasToolUse(rows, b.toolUseId)) meaningful.push(b)
         } else {
-          meaningful.push(b);
+          meaningful.push(b)
         }
       }
-      if (!meaningful.length) continue;
+      if (!meaningful.length) continue
 
       // Rows lacking an id (older transcripts, user rows) can't be deduped —
       // count them, since they carry at most one usage payload each.
-      const msgId = typeof msg.id === 'string' ? msg.id : undefined;
-      const firstSeen = !msgId || !seenAssistantIds.has(msgId);
-      if (msgId) seenAssistantIds.add(msgId);
+      const msgId = typeof msg.id === 'string' ? msg.id : undefined
+      const firstSeen = !msgId || !seenAssistantIds.has(msgId)
+      if (msgId) seenAssistantIds.add(msgId)
 
-      const model = typeof msg.model === 'string' ? msg.model : undefined;
-      if (model) models.add(model);
+      const model = typeof msg.model === 'string' ? msg.model : undefined
+      if (model) models.add(model)
 
       // Ce que cette ligne doit à son run, s'il y en a un. Les compteurs du run
       // sont tenus ici, dans la boucle qui sait déjà dédupliquer une réponse
       // écrite sur plusieurs lignes ; les refaire après coup demanderait de
       // reproduire cette arithmétique, et donc de la faire dériver un jour.
-      const runTally = typeof r.agentId === 'string' ? tallyByAgentId.get(r.agentId) : undefined;
-      if (runTally && ts) runTally.lastActivityAt = Math.max(runTally.lastActivityAt, ts);
-      if (runTally && type === 'assistant' && firstSeen) runTally.turns++;
+      const runTally = typeof r.agentId === 'string' ? tallyByAgentId.get(r.agentId) : undefined
+      if (runTally && ts) runTally.lastActivityAt = Math.max(runTally.lastActivityAt, ts)
+      if (runTally && type === 'assistant' && firstSeen) runTally.turns++
 
-      const usage = normUsage(msg.usage as Record<string, unknown> | undefined);
+      const usage = normUsage(msg.usage as Record<string, unknown> | undefined)
       if (usage) {
         // Rows without an id carry at most one payload each, so they count in
         // full. A repeat of a known id tops the totals up by however much its
         // later snapshot grew.
-        const counted = msgId ? countedById.get(msgId) : undefined;
-        const delta = counted ? growth(counted, usage) : usage;
-        tokensIn += delta.input;
-        tokensOut += delta.output;
-        cacheRead += delta.cacheRead;
-        cacheCreate += delta.cacheCreate;
-        if (msgId && !counted) countedById.set(msgId, { ...usage });
+        const counted = msgId ? countedById.get(msgId) : undefined
+        const delta = counted ? growth(counted, usage) : usage
+        tokensIn += delta.input
+        tokensOut += delta.output
+        cacheRead += delta.cacheRead
+        cacheCreate += delta.cacheCreate
+        if (msgId && !counted) countedById.set(msgId, { ...usage })
 
         // Le run paie la même croissance que la session, jamais l'`usage` brut :
         // une réponse écrite sur cinq lignes serait sinon comptée cinq fois.
         if (runTally) {
-          runTally.tokens.input += delta.input;
-          runTally.tokens.output += delta.output;
-          runTally.tokens.cacheRead += delta.cacheRead;
-          runTally.tokens.cacheCreate += delta.cacheCreate;
+          runTally.tokens.input += delta.input
+          runTally.tokens.output += delta.output
+          runTally.tokens.cacheRead += delta.cacheRead
+          runTally.tokens.cacheCreate += delta.cacheCreate
         }
 
         // Cost is summed per response, at that response's own model and rate — a
         // session that switched models cannot be priced from its totals alone. A
         // model we have no price for (a local one, `<synthetic>`) leaves the
         // figure a floor, flagged so the panel can say "au moins".
-        const day = ts ? new Date(ts).toISOString().slice(0, 10) : '';
-        const c = model ? costOf(model, delta, day) : null;
-        if (c === null) costPartial = true;
-        else costUsd += c;
+        const day = ts ? new Date(ts).toISOString().slice(0, 10) : ''
+        const c = model ? costOf(model, delta, day) : null
+        if (c === null) costPartial = true
+        else costUsd += c
       }
 
       // Sub-agent rows are excluded here and nowhere else. A `user` row inside a
@@ -1841,13 +1773,13 @@ export async function parseTranscript(abs: string, id: string): Promise<ParsedTr
       // tallies below *do* count them: that work happened, and the timeline now
       // shows it.
       if (type === 'user' && !isMeta && !isInjectedUser && !localRow && !isSidechain) {
-        userTurns++;
+        userTurns++
         if (!firstPrompt) {
-          const t = (meaningful.find((b) => b.kind === 'text')?.text ?? '').trim();
-          if (t && !t.startsWith('<')) firstPrompt = t.replace(/\s+/g, ' ').slice(0, 200);
+          const t = (meaningful.find((b) => b.kind === 'text')?.text ?? '').trim()
+          if (t && !t.startsWith('<')) firstPrompt = t.replace(/\s+/g, ' ').slice(0, 200)
         }
       } else if (type === 'assistant' && firstSeen && !isSidechain) {
-        assistantTurns++;
+        assistantTurns++
       }
 
       // A sub-agent runs in a context window of its own — a few thousand tokens,
@@ -1863,13 +1795,13 @@ export async function parseTranscript(abs: string, id: string): Promise<ParsedTr
         // they only weigh on the turns that follow, which is why they are added
         // after the snapshot, never before.
         if (type === 'assistant' && firstSeen && msgId) {
-          pendingTurns.set(msgId, context.beginTurn(str(r.uuid), ts));
+          pendingTurns.set(msgId, context.beginTurn(str(r.uuid), ts))
         }
-        const turnIndex = context.currentTurnIndex();
+        const turnIndex = context.currentTurnIndex()
         for (const b of meaningful) {
           if (b.kind === 'thinking' || (b.kind === 'text' && type === 'assistant')) {
-            const kind = b.kind === 'thinking' ? 'thinking' : 'text';
-            context.addThinking(turnIndex, kind, b.text ?? '');
+            const kind = b.kind === 'thinking' ? 'thinking' : 'text'
+            context.addThinking(turnIndex, kind, b.text ?? '')
           } else if (b.kind === 'tool_use') {
             // Both directions. A tool's arguments are context too — the model is
             // billed for the file it hands `Write` exactly as for the one `Read`
@@ -1882,28 +1814,15 @@ export async function parseTranscript(abs: string, id: string): Promise<ParsedTr
               b.result?.content ?? '',
               b.result?.isError ?? false,
               imageTokens(b.result?.images),
-            );
+            )
           } else if (b.kind === 'tool_result') {
             // A result whose call could not be paired: its input, and the name of
             // the tool that made it, are already lost.
-            context.addToolCall(
-              turnIndex,
-              '',
-              '',
-              b.content ?? '',
-              b.isError ?? false,
-              imageTokens(b.images),
-            );
-          } else if (
-            b.kind === 'text' &&
-            type === 'user' &&
-            !isInjectedUser &&
-            !isMeta &&
-            !localRow
-          ) {
+            context.addToolCall(turnIndex, '', '', b.content ?? '', b.isError ?? false, imageTokens(b.images))
+          } else if (b.kind === 'text' && type === 'user' && !isInjectedUser && !isMeta && !localRow) {
             // Only what the human actually typed. Harness-injected `user` rows are
             // bookkeeping, and counting them as "your message" would be a lie.
-            context.addText('userMessage', b.text ?? '', turnIndex);
+            context.addText('userMessage', b.text ?? '', turnIndex)
           }
         }
       }
@@ -1912,10 +1831,10 @@ export async function parseTranscript(abs: string, id: string): Promise<ParsedTr
       // token badge, and it carries the consolidated tally (set after the loop,
       // once every row of the response has been folded in).
       if (msgId && usage) {
-        const prevIdx = usageEventIdx.get(msgId);
-        const prevEvent = prevIdx === undefined ? undefined : events[prevIdx];
-        if (prevEvent) prevEvent.usage = undefined;
-        usageEventIdx.set(msgId, events.length);
+        const prevIdx = usageEventIdx.get(msgId)
+        const prevEvent = prevIdx === undefined ? undefined : events[prevIdx]
+        if (prevEvent) prevEvent.usage = undefined
+        usageEventIdx.set(msgId, events.length)
       }
 
       events.push({
@@ -1926,20 +1845,14 @@ export async function parseTranscript(abs: string, id: string): Promise<ParsedTr
         timestamp: ts,
         isSidechain,
         isMeta,
-        origin:
-          type === 'user'
-            ? userOrigin(isInjectedUser, originKind, localRow, isCompactSummary)
-            : undefined,
+        origin: type === 'user' ? userOrigin(isInjectedUser, originKind, localRow, isCompactSummary) : undefined,
         model,
         usage,
         gitBranch: typeof r.gitBranch === 'string' ? r.gitBranch : undefined,
         skill: skillCalls.get(str(r.sourceToolUseID)),
         blocks: meaningful,
-      });
-    } else if (
-      type === 'attachment' ||
-      (type === 'system' && isHookSummary(r.subtype as string | undefined))
-    ) {
+      })
+    } else if (type === 'attachment' || (type === 'system' && isHookSummary(r.subtype as string | undefined))) {
       // An attachment row is how the harness records what it pushed into the
       // context window — a CLAUDE.md layer, the skill listing, an @-mentioned
       // file. That text never reaches the timeline (it is not something anyone
@@ -1947,8 +1860,8 @@ export async function parseTranscript(abs: string, id: string): Promise<ParsedTr
       // …of *this* session. A sub-agent's own attachments (276 rows across the
       // corpus) entered its window, never the parent's.
       if (type === 'attachment' && !isSidechain) {
-        const injection = classifyAttachment(r.attachment);
-        if (injection) context.add(injection);
+        const injection = classifyAttachment(r.attachment)
+        if (injection) context.add(injection)
 
         // Sauf une : celle-ci porte bien quelque chose que quelqu'un a dit. Elle
         // devient un tour à part entière, ce qui coupe en deux le tour qu'elle a
@@ -1961,7 +1874,7 @@ export async function parseTranscript(abs: string, id: string): Promise<ParsedTr
         // Le rapport d'un agent asynchrone, quand la file l'a apporté. Même
         // événement que sur le chemin `user` — même origine, même bloc — pour
         // qu'il se rende et se compte pareil des deux côtés.
-        const notified = queuedTaskNotification(r.attachment);
+        const notified = queuedTaskNotification(r.attachment)
         if (notified) {
           events.push({
             uuid: str(r.uuid),
@@ -1973,11 +1886,11 @@ export async function parseTranscript(abs: string, id: string): Promise<ParsedTr
             isMeta,
             origin: 'task-notification',
             blocks: [parseTaskNotification(notified)],
-          });
-          continue;
+          })
+          continue
         }
 
-        const queued = queuedHumanPrompt(r.attachment);
+        const queued = queuedHumanPrompt(r.attachment)
         if (queued) {
           events.push({
             uuid: str(r.uuid),
@@ -1989,15 +1902,15 @@ export async function parseTranscript(abs: string, id: string): Promise<ParsedTr
             isMeta,
             origin: 'queued',
             blocks: [{ kind: 'text', text: queued }],
-          });
-          continue;
+          })
+          continue
         }
 
         // Et une autre encore : le changement de régime. Ces lignes ne portent
         // aucun texte — `classifyAttachment` a raison de les laisser hors du
         // compte du contexte — mais elles disent quand la session est passée en
         // lecture seule, ce qu'aucune autre ligne ne dit.
-        const mark = planModeMark(r.attachment);
+        const mark = planModeMark(r.attachment)
         if (mark) {
           events.push({
             uuid: str(r.uuid),
@@ -2008,15 +1921,15 @@ export async function parseTranscript(abs: string, id: string): Promise<ParsedTr
             isMeta,
             planMode: mark,
             blocks: [],
-          });
-          continue;
+          })
+          continue
         }
       }
       // Otherwise these rows hold no renderable text of their own: both reach the
       // timeline only through the hook runs they produced, and only when those
       // runs said something.
-      const runs = looseHooks.get(str(r.uuid));
-      if (!runs?.length) continue;
+      const runs = looseHooks.get(str(r.uuid))
+      if (!runs?.length) continue
       for (const hook of runs) {
         events.push({
           uuid: `${str(r.uuid)}:${hook.name}:${events.length}`,
@@ -2027,16 +1940,16 @@ export async function parseTranscript(abs: string, id: string): Promise<ParsedTr
           isMeta,
           hook,
           blocks: [],
-        });
+        })
       }
     } else if (type === 'system' && r.subtype === 'compact_boundary') {
       // The window was collapsed here. The harness records what it cost exactly
       // (`preTokens` → `postTokens`), so this deserves a first-class event rather
       // than the generic "Conversation compacted" system line it would otherwise
       // render as. Everything accumulated so far is gone from the model's view.
-      const compaction = readCompaction(r, ts);
+      const compaction = readCompaction(r, ts)
       if (compaction) {
-        context.compact(compaction);
+        context.compact(compaction)
         events.push({
           uuid: str(r.uuid),
           parentUuid: (r.parentUuid as string) ?? null,
@@ -2046,12 +1959,12 @@ export async function parseTranscript(abs: string, id: string): Promise<ParsedTr
           isMeta,
           compaction,
           blocks: [],
-        });
+        })
       }
     } else if (type === 'system') {
-      const command = localCommandSystem(r);
-      const blocks = command ? command.blocks : systemBlocks(r);
-      if (!blocks.length) continue; // Pure telemetry: turn_duration, bridge_status, …
+      const command = localCommandSystem(r)
+      const blocks = command ? command.blocks : systemBlocks(r)
+      if (!blocks.length) continue // Pure telemetry: turn_duration, bridge_status, …
       events.push({
         uuid: str(r.uuid),
         parentUuid: (r.parentUuid as string) ?? null,
@@ -2063,7 +1976,7 @@ export async function parseTranscript(abs: string, id: string): Promise<ParsedTr
         subtype: typeof r.subtype === 'string' ? r.subtype : undefined,
         level: typeof r.level === 'string' ? r.level : undefined,
         blocks,
-      });
+      })
     } else if (type === 'summary') {
       events.push({
         uuid: str(r.uuid, str(r.leafUuid)),
@@ -2073,7 +1986,7 @@ export async function parseTranscript(abs: string, id: string): Promise<ParsedTr
         isSidechain,
         isMeta,
         blocks: typeof r.summary === 'string' ? [{ kind: 'text', text: r.summary }] : [],
-      });
+      })
     }
     // file-history-snapshot / last-prompt / mode → noise, skipped. The `*-title`
     // rows carry no event of their own but feed `titles` above.
@@ -2082,54 +1995,54 @@ export async function parseTranscript(abs: string, id: string): Promise<ParsedTr
   // Give each response's surviving event the folded tally rather than whatever
   // partial snapshot its own row happened to hold.
   for (const [msgId, idx] of usageEventIdx) {
-    const total = countedById.get(msgId);
-    const event = events[idx];
-    if (total && event) event.usage = { ...total };
+    const total = countedById.get(msgId)
+    const event = events[idx]
+    if (total && event) event.usage = { ...total }
   }
 
-  markPlanMode(events);
+  markPlanMode(events)
 
   // Anchor each turn on the exact size of the context that produced it. Only now
   // is it known: it is the folded usage, not any single row's snapshot.
   for (const [msgId, turn] of pendingTurns) {
-    const usage = countedById.get(msgId);
-    if (usage) settleTurn(turn, usage.input + usage.cacheRead + usage.cacheCreate);
+    const usage = countedById.get(msgId)
+    if (usage) settleTurn(turn, usage.input + usage.cacheRead + usage.cacheCreate)
   }
 
   // Carry the sub-agent identity from the spliced-in rows onto their events. A
   // single pass keyed by uuid, rather than five spread-in fields at each of the
   // `events.push` sites — the rows are the only place the identity was stamped.
-  const identityByUuid = new Map<string, { agentId: string; agentType?: string }>();
-  const typeByAgentId = new Map<string, string>();
+  const identityByUuid = new Map<string, { agentId: string; agentType?: string }>()
+  const typeByAgentId = new Map<string, string>()
   for (const r of rows) {
-    if (typeof r.agentId !== 'string') continue;
-    const agentType = typeof r.agentType === 'string' ? r.agentType : undefined;
-    identityByUuid.set(str(r.uuid), { agentId: r.agentId, ...(agentType ? { agentType } : {}) });
-    if (agentType) typeByAgentId.set(r.agentId, agentType);
+    if (typeof r.agentId !== 'string') continue
+    const agentType = typeof r.agentType === 'string' ? r.agentType : undefined
+    identityByUuid.set(str(r.uuid), { agentId: r.agentId, ...(agentType ? { agentType } : {}) })
+    if (agentType) typeByAgentId.set(r.agentId, agentType)
   }
   /** Les rapports de fin, par `taskId` — le signal explicite d'un agent asynchrone. */
-  const notifByTaskId = new Map<string, Block>();
+  const notifByTaskId = new Map<string, Block>()
   /** Les appels d'outil, par id — pour retrouver l'appel `Agent` d'un run. */
-  const callById = new Map<string, Block>();
+  const callById = new Map<string, Block>()
 
   for (const event of events) {
-    const identity = identityByUuid.get(event.uuid);
+    const identity = identityByUuid.get(event.uuid)
     if (identity) {
-      event.agentId = identity.agentId;
-      if (identity.agentType) event.agentType = identity.agentType;
+      event.agentId = identity.agentId
+      if (identity.agentType) event.agentType = identity.agentType
       // Compté ici et pas dans la boucle : c'est le seul endroit qui connaisse
       // les événements réellement émis, une ligne pouvant n'en produire aucun.
-      const tally = tallyByAgentId.get(identity.agentId);
-      if (tally) tally.events++;
+      const tally = tallyByAgentId.get(identity.agentId)
+      if (tally) tally.events++
     }
     // A report sits on the main thread, so it never carries the run's identity —
     // but it names it in `<task-id>`. Resolve it here, where the runs are known.
     for (const b of event.blocks) {
-      if (b.kind === 'tool_use' && b.id) callById.set(b.id, b);
-      if (b.kind !== 'task_notification' || !b.taskId) continue;
-      notifByTaskId.set(b.taskId, b);
-      const agentType = typeByAgentId.get(b.taskId);
-      if (agentType) b.agentType = agentType;
+      if (b.kind === 'tool_use' && b.id) callById.set(b.id, b)
+      if (b.kind !== 'task_notification' || !b.taskId) continue
+      notifByTaskId.set(b.taskId, b)
+      const agentType = typeByAgentId.get(b.taskId)
+      if (agentType) b.agentType = agentType
     }
   }
 
@@ -2140,17 +2053,17 @@ export async function parseTranscript(abs: string, id: string): Promise<ParsedTr
   // cette passe, le même `rf` est vert quand il parle et d'une autre teinte
   // quand il s'arrête, parce qu'il retombe sur le hachage de son nom. C'est le
   // transcript lui-même qui porte la réponse : il suffit de la lire une fois.
-  const hueByTeammate = new Map<string, string>();
+  const hueByTeammate = new Map<string, string>()
   for (const event of events) {
     for (const b of event.blocks) {
-      if (b.kind === 'teammate_message' && b.from && b.color) hueByTeammate.set(b.from, b.color);
+      if (b.kind === 'teammate_message' && b.from && b.color) hueByTeammate.set(b.from, b.color)
     }
   }
   for (const event of events) {
     for (const b of event.blocks) {
-      if (b.kind !== 'teammate_message' || b.color || !b.from) continue;
-      const hue = hueByTeammate.get(b.from);
-      if (hue) b.color = hue;
+      if (b.kind !== 'teammate_message' || b.color || !b.from) continue
+      const hue = hueByTeammate.get(b.from)
+      if (hue) b.color = hue
     }
   }
 
@@ -2159,13 +2072,10 @@ export async function parseTranscript(abs: string, id: string): Promise<ParsedTr
   // `spawnDepth`, et c'est lui qui a permis l'insertion.
   const subagents: SubagentRunSummary[] = subagentRuns
     .map((run) => {
-      const tally = tallyByAgentId.get(run.agentId);
-      const status = runStatus(
-        notifByTaskId.get(run.agentId),
-        run.toolUseId ? callById.get(run.toolUseId) : undefined,
-      );
-      const terminal = status === 'completed' || status === 'failed';
-      const lastActivityAt = tally?.lastActivityAt ?? run.startedAt;
+      const tally = tallyByAgentId.get(run.agentId)
+      const status = runStatus(notifByTaskId.get(run.agentId), run.toolUseId ? callById.get(run.toolUseId) : undefined)
+      const terminal = status === 'completed' || status === 'failed'
+      const lastActivityAt = tally?.lastActivityAt ?? run.startedAt
       return {
         agentId: run.agentId,
         ...(run.agentType ? { agentType: run.agentType } : {}),
@@ -2179,17 +2089,17 @@ export async function parseTranscript(abs: string, id: string): Promise<ParsedTr
         turns: tally?.turns ?? 0,
         events: tally?.events ?? 0,
         tokens: tally?.tokens ?? { input: 0, output: 0, cacheRead: 0, cacheCreate: 0 },
-      };
+      }
     })
     // Un run dont pas une ligne n'a survécu à la boucle — de la télémétrie, un
     // sidecar illisible — n'a rien à montrer : lui donner une piste, ce serait
     // promettre un flux vide au clic.
     .filter((run) => run.events > 0)
-    .sort((a, b) => a.startedAt - b.startedAt);
+    .sort((a, b) => a.startedAt - b.startedAt)
 
   // Le modèle configuré dit la fenêtre avant que la session ne l'ait prouvée —
   // c'est ce qui évite qu'une session jeune, suivie en direct, s'affiche sur 200k.
-  const configuredLong = await configuredLongWindow(cwd);
+  const configuredLong = await configuredLongWindow(cwd)
 
   return {
     id,
@@ -2222,19 +2132,19 @@ export async function parseTranscript(abs: string, id: string): Promise<ParsedTr
     silentHooks: silent.result(),
     events,
     context: context.result(models, configuredLong),
-  };
+  }
 }
 
 /** True if any row holds a tool_use with this id (to detect orphan results). */
 function hasToolUse(rows: Record<string, unknown>[], id: string): boolean {
   for (const r of rows) {
-    const msg = r.message as Record<string, unknown> | undefined;
-    if (!msg || !Array.isArray(msg.content)) continue;
+    const msg = r.message as Record<string, unknown> | undefined
+    if (!msg || !Array.isArray(msg.content)) continue
     for (const b of msg.content as Record<string, unknown>[]) {
-      if (b.type === 'tool_use' && String(b.id) === id) return true;
+      if (b.type === 'tool_use' && String(b.id) === id) return true
     }
   }
-  return false;
+  return false
 }
 
 // ── Listing (session summaries for a project) ────────────────────────────────
@@ -2249,39 +2159,35 @@ function hasToolUse(rows: Record<string, unknown>[], id: string): boolean {
  * liste viennent donc du relevé de diagnostic, joint par `getProjectDetail`.
  */
 export async function summariseTranscript(abs: string, id: string): Promise<TranscriptSummary> {
-  const s = await stat(abs);
-  let firstPrompt = '';
-  let gitBranch = '';
-  let hasSidechain = false;
-  const titles = new TitleAccumulator();
+  const s = await stat(abs)
+  let firstPrompt = ''
+  let gitBranch = ''
+  let hasSidechain = false
+  const titles = new TitleAccumulator()
   try {
-    const raw = await readFile(abs, 'utf8');
+    const raw = await readFile(abs, 'utf8')
     for (const l of raw.split('\n')) {
-      if (!l.trim()) continue;
-      let j: Record<string, unknown>;
+      if (!l.trim()) continue
+      let j: Record<string, unknown>
       try {
-        j = JSON.parse(l) as Record<string, unknown>;
+        j = JSON.parse(l) as Record<string, unknown>
       } catch {
-        continue;
+        continue
       }
-      const t = j.type;
-      titles.push(j);
-      if (j.isSidechain) hasSidechain = true;
-      if (!gitBranch && typeof j.gitBranch === 'string') gitBranch = j.gitBranch;
+      const t = j.type
+      titles.push(j)
+      if (j.isSidechain) hasSidechain = true
+      if (!gitBranch && typeof j.gitBranch === 'string') gitBranch = j.gitBranch
       if (!firstPrompt && t === 'user' && !j.isMeta) {
-        const msg = j.message as Record<string, unknown> | undefined;
-        const c = msg?.content;
+        const msg = j.message as Record<string, unknown> | undefined
+        const c = msg?.content
         const text =
           typeof c === 'string'
             ? c
             : Array.isArray(c)
-              ? (((
-                  c.find((b) => (b as Record<string, unknown>).type === 'text') as
-                    Record<string, unknown> | undefined
-                )?.text as string) ?? '')
-              : '';
-        if (text && !text.startsWith('<'))
-          firstPrompt = text.replace(/\s+/g, ' ').trim().slice(0, 160);
+              ? (((c.find((b) => (b as Record<string, unknown>).type === 'text') as Record<string, unknown> | undefined)?.text as string) ?? '')
+              : ''
+        if (text && !text.startsWith('<')) firstPrompt = text.replace(/\s+/g, ' ').trim().slice(0, 160)
       }
     }
   } catch {
@@ -2296,7 +2202,7 @@ export async function summariseTranscript(abs: string, id: string): Promise<Tran
     hasSidechain,
     title: titles.title,
     titleSource: titles.source,
-  };
+  }
 }
 
 // `listTranscripts` vit dans `transcript-cache.ts` : lister, c'est résumer tout
diff --git a/server/usage.ts b/server/usage.ts
index 49abece..807a35b 100644
--- a/server/usage.ts
+++ b/server/usage.ts
@@ -17,88 +17,88 @@
 //     `.meta.json` naming the agent type. Their tokens are invisible to anyone
 //     who only walks `<slug>/*.jsonl`.
 
-import { readFile, readdir, stat } from 'node:fs/promises';
-import { createReadStream } from 'node:fs';
-import { createInterface } from 'node:readline';
-import { join } from 'node:path';
-import { CLAUDE_DIR } from './claude/paths.ts';
-import { str, num } from './json.ts';
-import { costOf, isPriced, type TokenCounts } from './pricing.ts';
+import { readFile, readdir, stat } from 'node:fs/promises'
+import { createReadStream } from 'node:fs'
+import { createInterface } from 'node:readline'
+import { join } from 'node:path'
+import { CLAUDE_DIR } from './claude/paths.ts'
+import { str, num } from './json.ts'
+import { costOf, isPriced, type TokenCounts } from './pricing.ts'
 // Le pliage par `message.id` est partagé avec `diagnostics/signals.ts` : deux
 // agrégateurs qui plieraient différemment donneraient deux vérités. Voir tokens.ts.
-import { ZERO, addTokens, growth, localDay } from './tokens.ts';
+import { ZERO, addTokens, growth, localDay } from './tokens.ts'
 
 /** One (day, model, project, branch, agent) cell of the usage cube. */
 export interface Bucket extends TokenCounts {
   /** Local calendar day, `YYYY-MM-DD`. */
-  day: string;
-  model: string;
+  day: string
+  model: string
   /** Project slug (the `~/.claude/projects` directory name). */
-  project: string;
-  branch: string;
+  project: string
+  branch: string
   /** Sub-agent type, or `null` for the main thread. */
-  agentType: string | null;
+  agentType: string | null
   /** API responses (deduped), not JSONL rows. */
-  turns: number;
-  sessionId: string;
+  turns: number
+  sessionId: string
 }
 
 // ── Scanning ─────────────────────────────────────────────────────────────────
 
 interface FileRef {
-  path: string;
-  project: string;
-  agentType: string | null;
+  path: string
+  project: string
+  agentType: string | null
 }
 
 /** Every transcript under `projects/`: main threads plus sub-agent sidecars. */
 async function listFiles(): Promise<FileRef[]> {
-  const root = join(CLAUDE_DIR, 'projects');
-  const out: FileRef[] = [];
-  let slugs: string[];
+  const root = join(CLAUDE_DIR, 'projects')
+  const out: FileRef[] = []
+  let slugs: string[]
   try {
-    slugs = await readdir(root);
+    slugs = await readdir(root)
   } catch {
-    return out;
+    return out
   }
 
   for (const project of slugs) {
-    const dir = join(root, project);
-    let entries: string[];
+    const dir = join(root, project)
+    let entries: string[]
     try {
-      entries = await readdir(dir);
+      entries = await readdir(dir)
     } catch {
-      continue;
+      continue
     }
     for (const entry of entries) {
       if (entry.endsWith('.jsonl')) {
-        out.push({ path: join(dir, entry), project, agentType: null });
-        continue;
+        out.push({ path: join(dir, entry), project, agentType: null })
+        continue
       }
       // `<sessionId>/subagents/agent-<id>.jsonl` + `agent-<id>.meta.json`
-      const subDir = join(dir, entry, 'subagents');
-      let agents: string[];
+      const subDir = join(dir, entry, 'subagents')
+      let agents: string[]
       try {
-        agents = await readdir(subDir);
+        agents = await readdir(subDir)
       } catch {
-        continue;
+        continue
       }
       for (const f of agents) {
-        if (!f.endsWith('.jsonl')) continue;
-        const meta = join(subDir, f.replace(/\.jsonl$/, '.meta.json'));
-        out.push({ path: join(subDir, f), project, agentType: await readAgentType(meta) });
+        if (!f.endsWith('.jsonl')) continue
+        const meta = join(subDir, f.replace(/\.jsonl$/, '.meta.json'))
+        out.push({ path: join(subDir, f), project, agentType: await readAgentType(meta) })
       }
     }
   }
-  return out;
+  return out
 }
 
 async function readAgentType(metaPath: string): Promise<string> {
   try {
-    const raw = JSON.parse(await readFile(metaPath, 'utf8')) as Record<string, unknown>;
-    return str(raw.agentType, 'agent');
+    const raw = JSON.parse(await readFile(metaPath, 'utf8')) as Record<string, unknown>
+    return str(raw.agentType, 'agent')
   } catch {
-    return 'agent';
+    return 'agent'
   }
 }
 
@@ -110,56 +110,56 @@ async function readAgentType(metaPath: string): Promise<string> {
  * that are user turns, tool results, or harness bookkeeping.
  */
 async function scanFile(ref: FileRef): Promise<Bucket[]> {
-  const cells = new Map<string, Bucket>();
+  const cells = new Map<string, Bucket>()
   /** Per `message.id`: the cell it landed in, and the tallies already added. */
-  const seen = new Map<string, { cell: Bucket; counted: TokenCounts }>();
+  const seen = new Map<string, { cell: Bucket; counted: TokenCounts }>()
 
   const rl = createInterface({
     input: createReadStream(ref.path, { encoding: 'utf8' }),
     crlfDelay: Infinity,
-  });
+  })
 
   try {
     for await (const line of rl) {
-      if (!line.includes('"usage"')) continue;
+      if (!line.includes('"usage"')) continue
 
-      let row: Record<string, unknown>;
+      let row: Record<string, unknown>
       try {
-        row = JSON.parse(line) as Record<string, unknown>;
+        row = JSON.parse(line) as Record<string, unknown>
       } catch {
-        continue;
+        continue
       }
-      if (row.type !== 'assistant') continue;
+      if (row.type !== 'assistant') continue
 
-      const msg = (row.message ?? {}) as Record<string, unknown>;
-      const usage = msg.usage as Record<string, unknown> | undefined;
-      if (!usage) continue;
+      const msg = (row.message ?? {}) as Record<string, unknown>
+      const usage = msg.usage as Record<string, unknown> | undefined
+      if (!usage) continue
 
       const tokens: TokenCounts = {
         input: num(usage.input_tokens),
         output: num(usage.output_tokens),
         cacheRead: num(usage.cache_read_input_tokens),
         cacheCreate: num(usage.cache_creation_input_tokens),
-      };
+      }
 
       // A repeat of a response already counted: its `usage` is a later, larger
       // snapshot of the same API call, so top up the cell by the difference
       // rather than counting it again (or, as before, dropping it entirely).
-      const id = str(msg.id);
-      const prior = id ? seen.get(id) : undefined;
+      const id = str(msg.id)
+      const prior = id ? seen.get(id) : undefined
       if (prior) {
-        addTokens(prior.cell, growth(prior.counted, tokens));
-        continue;
+        addTokens(prior.cell, growth(prior.counted, tokens))
+        continue
       }
 
-      const day = localDay(str(row.timestamp));
-      if (!day) continue;
-      const model = str(msg.model, 'unknown');
-      const branch = str(row.gitBranch, '(none)');
-      const sessionId = str(row.sessionId);
+      const day = localDay(str(row.timestamp))
+      if (!day) continue
+      const model = str(msg.model, 'unknown')
+      const branch = str(row.gitBranch, '(none)')
+      const sessionId = str(row.sessionId)
 
-      const key = `${day}\0${model}\0${branch}\0${ref.agentType ?? ''}`;
-      let cell = cells.get(key);
+      const key = `${day}\0${model}\0${branch}\0${ref.agentType ?? ''}`
+      let cell = cells.get(key)
       if (!cell) {
         cell = {
           ...ZERO,
@@ -170,25 +170,25 @@ async function scanFile(ref: FileRef): Promise<Bucket[]> {
           agentType: ref.agentType,
           turns: 0,
           sessionId,
-        };
-        cells.set(key, cell);
+        }
+        cells.set(key, cell)
       }
-      cell.turns++;
-      addTokens(cell, tokens);
-      if (id) seen.set(id, { cell, counted: { ...tokens } });
+      cell.turns++
+      addTokens(cell, tokens)
+      if (id) seen.set(id, { cell, counted: { ...tokens } })
     }
   } finally {
-    rl.close();
+    rl.close()
   }
-  return [...cells.values()];
+  return [...cells.values()]
 }
 
 // ── Incremental cache ────────────────────────────────────────────────────────
 
 interface CacheEntry {
-  mtimeMs: number;
-  size: number;
-  buckets: Bucket[];
+  mtimeMs: number
+  size: number
+  buckets: Bucket[]
 }
 
 /**
@@ -196,125 +196,121 @@ interface CacheEntry {
  * whose (mtime, size) is unchanged cannot have new tokens in it. Only the
  * handful of files touched since the last call are re-read.
  */
-const cache = new Map<string, CacheEntry>();
+const cache = new Map<string, CacheEntry>()
 
 async function collect(): Promise<{ buckets: Bucket[]; scanned: number }> {
-  const files = await listFiles();
-  const live = new Set<string>();
-  const buckets: Bucket[] = [];
-  let scanned = 0;
+  const files = await listFiles()
+  const live = new Set<string>()
+  const buckets: Bucket[] = []
+  let scanned = 0
 
   for (const ref of files) {
-    live.add(ref.path);
-    let mtimeMs: number, size: number;
+    live.add(ref.path)
+    let mtimeMs: number, size: number
     try {
-      const s = await stat(ref.path);
-      mtimeMs = s.mtimeMs;
-      size = s.size;
+      const s = await stat(ref.path)
+      mtimeMs = s.mtimeMs
+      size = s.size
     } catch {
-      continue;
+      continue
     }
 
-    const hit = cache.get(ref.path);
+    const hit = cache.get(ref.path)
     if (hit && hit.mtimeMs === mtimeMs && hit.size === size) {
-      buckets.push(...hit.buckets);
-      continue;
+      buckets.push(...hit.buckets)
+      continue
     }
-    const fresh = await scanFile(ref);
-    scanned++;
-    cache.set(ref.path, { mtimeMs, size, buckets: fresh });
-    buckets.push(...fresh);
+    const fresh = await scanFile(ref)
+    scanned++
+    cache.set(ref.path, { mtimeMs, size, buckets: fresh })
+    buckets.push(...fresh)
   }
 
-  for (const path of cache.keys()) if (!live.has(path)) cache.delete(path);
-  return { buckets, scanned };
+  for (const path of cache.keys()) if (!live.has(path)) cache.delete(path)
+  return { buckets, scanned }
 }
 
 // ── Public API ───────────────────────────────────────────────────────────────
 
 export interface UsageTotals extends TokenCounts {
-  turns: number;
-  cost: number;
-  sessions: number;
+  turns: number
+  cost: number
+  sessions: number
 }
 
 export interface UsageReport {
-  totals: UsageTotals;
-  byDay: (UsageTotals & { day: string })[];
+  totals: UsageTotals
+  byDay: (UsageTotals & { day: string })[]
   /** Per (day, model) — lets the UI stack a day's cost by model on one axis. */
-  byDayModel: (UsageTotals & { day: string; model: string })[];
-  byModel: (UsageTotals & { model: string })[];
-  byProject: (UsageTotals & { project: string })[];
-  byAgent: (UsageTotals & { agentType: string })[];
+  byDayModel: (UsageTotals & { day: string; model: string })[]
+  byModel: (UsageTotals & { model: string })[]
+  byProject: (UsageTotals & { project: string })[]
+  byAgent: (UsageTotals & { agentType: string })[]
   /**
    * Models we have no price for. Their tokens are counted, their cost is not —
    * surfaced so the UI never presents a total that silently omits spend.
    */
-  unpricedModels: string[];
+  unpricedModels: string[]
   /** Inclusive bounds actually applied, or null when unbounded. */
-  from: string | null;
-  to: string | null;
-  filesScanned: number;
+  from: string | null
+  to: string | null
+  filesScanned: number
 }
 
 function emptyTotals(): UsageTotals {
-  return { ...ZERO, turns: 0, cost: 0, sessions: 0 };
+  return { ...ZERO, turns: 0, cost: 0, sessions: 0 }
 }
 
 /** Fold buckets into one totals row, costing each bucket at its own rate. */
 function fold(buckets: Bucket[]): UsageTotals {
-  const t = emptyTotals();
-  const sessions = new Set<string>();
+  const t = emptyTotals()
+  const sessions = new Set<string>()
   for (const b of buckets) {
-    addTokens(t, b);
-    t.turns += b.turns;
+    addTokens(t, b)
+    t.turns += b.turns
     // Cost per (day, model) cell: a session mixes models, and a model can change
     // price over time, so a blended rate applied to summed tokens would be wrong.
-    t.cost += costOf(b.model, b, b.day) ?? 0;
-    if (b.sessionId) sessions.add(b.sessionId);
+    t.cost += costOf(b.model, b, b.day) ?? 0
+    if (b.sessionId) sessions.add(b.sessionId)
   }
-  t.sessions = sessions.size;
-  return t;
+  t.sessions = sessions.size
+  return t
 }
 
-function groupBy<K extends string>(
-  buckets: Bucket[],
-  key: (b: Bucket) => string,
-  label: K,
-): (UsageTotals & Record<K, string>)[] {
-  const groups = new Map<string, Bucket[]>();
+function groupBy<K extends string>(buckets: Bucket[], key: (b: Bucket) => string, label: K): (UsageTotals & Record<K, string>)[] {
+  const groups = new Map<string, Bucket[]>()
   for (const b of buckets) {
-    const k = key(b);
-    const list = groups.get(k);
-    if (list) list.push(b);
-    else groups.set(k, [b]);
+    const k = key(b)
+    const list = groups.get(k)
+    if (list) list.push(b)
+    else groups.set(k, [b])
   }
   return [...groups.entries()]
     .map(([k, list]) => ({ ...fold(list), [label]: k }) as UsageTotals & Record<K, string>)
-    .sort((a, b) => b.cost - a.cost || b.output - a.output);
+    .sort((a, b) => b.cost - a.cost || b.output - a.output)
 }
 
 /** Aggregate usage over an inclusive `YYYY-MM-DD` range (omit for all time). */
 export async function getUsage(from?: string, to?: string): Promise<UsageReport> {
-  const { buckets: all, scanned } = await collect();
-  const buckets = all.filter((b) => (!from || b.day >= from) && (!to || b.day <= to));
+  const { buckets: all, scanned } = await collect()
+  const buckets = all.filter((b) => (!from || b.day >= from) && (!to || b.day <= to))
 
-  const unpriced = [...new Set(buckets.map((b) => b.model))].filter((m) => !isPriced(m)).sort();
+  const unpriced = [...new Set(buckets.map((b) => b.model))].filter((m) => !isPriced(m)).sort()
 
   // Index once: a nested filter per (day, model) pair would be quadratic.
-  const byPair = new Map<string, Bucket[]>();
+  const byPair = new Map<string, Bucket[]>()
   for (const b of buckets) {
-    const k = `${b.day}
${b.model}`;
-    const list = byPair.get(k);
-    if (list) list.push(b);
-    else byPair.set(k, [b]);
+    const k = `${b.day}
${b.model}`
+    const list = byPair.get(k)
+    if (list) list.push(b)
+    else byPair.set(k, [b])
   }
   const byDayModel = [...byPair.values()]
     .map((cells) => {
-      const head = cells[0] as Bucket;
-      return { ...fold(cells), day: head.day, model: head.model };
+      const head = cells[0] as Bucket
+      return { ...fold(cells), day: head.day, model: head.model }
     })
-    .sort((a, b) => a.day.localeCompare(b.day) || a.model.localeCompare(b.model));
+    .sort((a, b) => a.day.localeCompare(b.day) || a.model.localeCompare(b.model))
 
   return {
     totals: fold(buckets),
@@ -331,5 +327,5 @@ export async function getUsage(from?: string, to?: string): Promise<UsageReport>
     from: from ?? null,
     to: to ?? null,
     filesScanned: scanned,
-  };
+  }
 }
diff --git a/server/watch.ts b/server/watch.ts
index 2642681..bfd20b3 100644
--- a/server/watch.ts
+++ b/server/watch.ts
@@ -15,38 +15,38 @@
 //    a hint to refresh, never as the sole source of truth — the SPA keeps a slow
 //    fallback poll for exactly this reason.
 
-import { watch, existsSync, realpathSync, type FSWatcher } from 'node:fs';
-import { join, sep } from 'node:path';
-import { CLAUDE_DIR } from './claude/paths.ts';
+import { watch, existsSync, realpathSync, type FSWatcher } from 'node:fs'
+import { join, sep } from 'node:path'
+import { CLAUDE_DIR } from './claude/paths.ts'
 
 /** Something changed under `~/.claude`. */
 export type ClaudeEvent =
   /** A file in `sessions/` moved — a session started, went busy, or ended. */
   | { kind: 'sessions' }
   /** A transcript grew. `id` is the session it belongs to, sub-agents included. */
-  | { kind: 'transcript'; slug: string; id: string };
+  | { kind: 'transcript'; slug: string; id: string }
 
-type Listener = (event: ClaudeEvent) => void;
+type Listener = (event: ClaudeEvent) => void
 
-const listeners = new Set<Listener>();
+const listeners = new Set<Listener>()
 
 /** Collapse the burst of events one append produces. */
-const WINDOW_MS = 150;
+const WINDOW_MS = 150
 /** How long to wait before re-arming a watcher that died or found no directory. */
-const RETRY_MS = 2000;
+const RETRY_MS = 2000
 
 /** One open coalescing window per key: the timer, and what arrived during it. */
 interface Window {
-  timer: NodeJS.Timeout;
-  trailing: ClaudeEvent | null;
+  timer: NodeJS.Timeout
+  trailing: ClaudeEvent | null
 }
 
-const windows = new Map<string, Window>();
+const windows = new Map<string, Window>()
 
 function deliver(event: ClaudeEvent): void {
   for (const l of listeners) {
     try {
-      l(event);
+      l(event)
     } catch {
       /* a broken subscriber must not take the watcher down */
     }
@@ -69,23 +69,23 @@ function deliver(event: ClaudeEvent): void {
  * says the turn is over, would be the one lost.
  */
 function emit(event: ClaudeEvent, key: string): void {
-  const open = windows.get(key);
+  const open = windows.get(key)
   if (open) {
-    open.trailing = event;
-    return;
+    open.trailing = event
+    return
   }
 
-  deliver(event);
+  deliver(event)
   windows.set(key, {
     timer: setTimeout(() => {
-      const closing = windows.get(key);
-      windows.delete(key);
+      const closing = windows.get(key)
+      windows.delete(key)
       // A trailing event re-opens a window of its own: it is being delivered
       // now, so what follows it deserves the same protection.
-      if (closing?.trailing) emit(closing.trailing, key);
+      if (closing?.trailing) emit(closing.trailing, key)
     }, WINDOW_MS),
     trailing: null,
-  });
+  })
 }
 
 /**
@@ -98,19 +98,19 @@ function emit(event: ClaudeEvent, key: string): void {
  * folds sub-agent turns into the session that spawned them.
  */
 function locate(relative: string): Extract<ClaudeEvent, { kind: 'transcript' }> | null {
-  if (!relative.endsWith('.jsonl')) return null;
-  const parts = relative.split(sep).filter(Boolean);
-  const slug = parts[0];
-  if (!slug || parts.length < 2) return null;
+  if (!relative.endsWith('.jsonl')) return null
+  const parts = relative.split(sep).filter(Boolean)
+  const slug = parts[0]
+  if (!slug || parts.length < 2) return null
 
   if (parts.length === 2) {
-    const file = parts[1];
-    if (!file) return null;
-    return { kind: 'transcript', slug, id: file.slice(0, -'.jsonl'.length) };
+    const file = parts[1]
+    if (!file) return null
+    return { kind: 'transcript', slug, id: file.slice(0, -'.jsonl'.length) }
   }
-  const id = parts[1];
-  if (!id) return null;
-  return { kind: 'transcript', slug, id };
+  const id = parts[1]
+  if (!id) return null
+  return { kind: 'transcript', slug, id }
 }
 
 /**
@@ -124,51 +124,51 @@ function locate(relative: string): Extract<ClaudeEvent, { kind: 'transcript' }>
  */
 function canonical(dir: string): string {
   try {
-    return realpathSync.native(dir);
+    return realpathSync.native(dir)
   } catch {
-    return dir;
+    return dir
   }
 }
 
 /** Arm one watcher, re-arming it whenever the directory or the watch goes away. */
 function arm(dir: string, recursive: boolean, onChange: (relative: string) => void): () => void {
-  let watcher: FSWatcher | null = null;
-  let retry: NodeJS.Timeout | null = null;
-  let stopped = false;
+  let watcher: FSWatcher | null = null
+  let retry: NodeJS.Timeout | null = null
+  let stopped = false
 
   const start = (): void => {
-    if (stopped) return;
+    if (stopped) return
     if (!existsSync(dir)) {
-      retry = setTimeout(start, RETRY_MS);
-      return;
+      retry = setTimeout(start, RETRY_MS)
+      return
     }
     try {
       watcher = watch(canonical(dir), { recursive, persistent: false }, (_type, filename) => {
-        if (filename) onChange(filename.toString());
-      });
+        if (filename) onChange(filename.toString())
+      })
       watcher.on('error', () => {
-        watcher?.close();
-        watcher = null;
-        if (!stopped) retry = setTimeout(start, RETRY_MS);
-      });
+        watcher?.close()
+        watcher = null
+        if (!stopped) retry = setTimeout(start, RETRY_MS)
+      })
     } catch {
-      retry = setTimeout(start, RETRY_MS);
+      retry = setTimeout(start, RETRY_MS)
     }
-  };
+  }
 
-  start();
+  start()
   return () => {
-    stopped = true;
-    if (retry) clearTimeout(retry);
-    watcher?.close();
-  };
+    stopped = true
+    if (retry) clearTimeout(retry)
+    watcher?.close()
+  }
 }
 
-let stopAll: (() => void) | null = null;
+let stopAll: (() => void) | null = null
 
 /** Start watching on the first subscriber; keep watching until the last leaves. */
 export function subscribe(listener: Listener): () => void {
-  listeners.add(listener);
+  listeners.add(listener)
   if (!stopAll) {
     const stopSessions = arm(join(CLAUDE_DIR, 'sessions'), false, (name) => {
       // Keyed by file, not by the `sessions` kind they all share. Each live CLI
@@ -177,25 +177,25 @@ export function subscribe(listener: Listener): () => void {
       // list stopped moving at exactly the moment it had the most to say. The
       // event carries no payload, so this key is only a coalescing bucket — one
       // notification per session, which is what makes them independent.
-      if (name.endsWith('.json')) emit({ kind: 'sessions' }, `sessions/${name}`);
-    });
+      if (name.endsWith('.json')) emit({ kind: 'sessions' }, `sessions/${name}`)
+    })
     const stopProjects = arm(join(CLAUDE_DIR, 'projects'), true, (name) => {
-      const event = locate(name);
-      if (event) emit(event, `${event.slug}/${event.id}`);
-    });
+      const event = locate(name)
+      if (event) emit(event, `${event.slug}/${event.id}`)
+    })
     stopAll = () => {
-      stopSessions();
-      stopProjects();
-    };
+      stopSessions()
+      stopProjects()
+    }
   }
 
   return () => {
-    listeners.delete(listener);
+    listeners.delete(listener)
     if (listeners.size === 0) {
-      stopAll?.();
-      stopAll = null;
-      for (const w of windows.values()) clearTimeout(w.timer);
-      windows.clear();
+      stopAll?.()
+      stopAll = null
+      for (const w of windows.values()) clearTimeout(w.timer)
+      windows.clear()
     }
-  };
+  }
 }
diff --git a/shared/agent.ts b/shared/agent.ts
index c932b8e..7366749 100644
--- a/shared/agent.ts
+++ b/shared/agent.ts
@@ -6,7 +6,7 @@
 // liste de `TranscriptEvent` — exactement le modèle que la timeline de rejeu
 // sait déjà rendre.
 
-import type { TranscriptEvent } from './transcript.ts';
+import type { TranscriptEvent } from './transcript.ts'
 
 /** Où en est un runner, tel que l'UI doit le montrer. */
 export type AgentStatus =
@@ -19,7 +19,7 @@ export type AgentStatus =
   /** Le runner est arrêté ; plus rien n'arrivera. */
   | 'ended'
   /** Le runner s'est arrêté sur une erreur ; `error` la porte. */
-  | 'failed';
+  | 'failed'
 
 /**
  * Une demande de permission en attente d'un humain.
@@ -31,17 +31,17 @@ export type AgentStatus =
  */
 export interface PermissionRequest {
   /** Identifiant de la demande côté AURA ; c'est lui qu'on renvoie pour répondre. */
-  id: string;
-  toolName: string;
-  input: Record<string, unknown>;
-  toolUseId: string;
-  title?: string;
-  displayName?: string;
-  description?: string;
-  blockedPath?: string;
-  decisionReason?: string;
+  id: string
+  toolName: string
+  input: Record<string, unknown>
+  toolUseId: string
+  title?: string
+  displayName?: string
+  description?: string
+  blockedPath?: string
+  decisionReason?: string
   /** Horodatage d'émission, pour afficher l'attente. */
-  askedAt: number;
+  askedAt: number
 }
 
 /** Ce qu'un humain peut répondre à une demande de permission. */
@@ -49,7 +49,7 @@ export type PermissionAnswer =
   | 'allow'
   /** Autoriser, et ne plus demander pour ce motif de la session. */
   | 'allow-always'
-  | 'deny';
+  | 'deny'
 
 /**
  * Une question posée par l'agent, en attente d'un formulaire.
@@ -59,17 +59,17 @@ export type PermissionAnswer =
  * lui-même plutôt qu'un outil qu'il laisse passer.
  */
 export interface AskRequest {
-  id: string;
-  questions: AskQuestion[];
-  askedAt: number;
+  id: string
+  questions: AskQuestion[]
+  askedAt: number
 }
 
 export interface AskQuestion {
-  question: string;
-  header: string;
-  multiSelect?: boolean;
+  question: string
+  header: string
+  multiSelect?: boolean
   /** `preview` : la maquette à comparer — souvent de l'ASCII sur plusieurs lignes. */
-  options: { label: string; description: string; preview?: string }[];
+  options: { label: string; description: string; preview?: string }[]
 }
 
 /**
@@ -82,12 +82,12 @@ export interface AskQuestion {
  */
 export interface SlashCommandInfo {
   /** Sans la barre oblique : `compact`, `context`, `code-review`… */
-  name: string;
-  description: string;
+  name: string
+  description: string
   /** Ce que la commande attend après son nom. Souvent vide. */
-  argumentHint?: string;
+  argumentHint?: string
   /** Les autres noms qui mènent ici — `/cost` résout vers `/usage`. */
-  aliases?: string[];
+  aliases?: string[]
 }
 
 /**
@@ -112,23 +112,23 @@ export type AgentPhase =
   /** Le contexte se compacte. */
   | 'compacting'
   /** L'API a refusé et le SDK repasse après un délai. */
-  | 'retrying';
+  | 'retrying'
 
 /** Un outil parti et pas encore revenu. */
 export interface ActiveTool {
   /** Le `tool_use_id`, qui relie la ligne d'activité à sa carte dans le fil. */
-  id: string;
-  name: string;
-  startedAt: number;
+  id: string
+  name: string
+  startedAt: number
   /** La durée que le SDK mesure lui-même, quand il la signale. */
-  elapsedSeconds?: number;
+  elapsedSeconds?: number
 }
 
 export interface AgentActivity {
   /** `null` quand rien n'est en cours — entre deux tours, ou session finie. */
-  phase: AgentPhase | null;
+  phase: AgentPhase | null
   /** Le début de la phase, pour un chrono que le client fait avancer seul. */
-  since: number;
+  since: number
   /**
    * Le début du tour, et non de la phase. `0` au repos.
    *
@@ -137,12 +137,12 @@ export interface AgentActivity {
    * chrono qui repart sans cesse ne répond pas à « depuis combien de temps ça
    * mouline ? » — il ne fait que prouver que ça bouge encore.
    */
-  turnStartedAt: number;
+  turnStartedAt: number
   /**
    * L'estimation de tokens de raisonnement du SDK. Approximative et assumée
    * comme telle : elle sert à montrer que ça avance, pas à facturer.
    */
-  thinkingTokens?: number;
+  thinkingTokens?: number
   /**
    * Les tokens de sortie accumulés sur le tour — le `↓` du CLI.
    *
@@ -150,15 +150,15 @@ export interface AgentActivity {
    * chaque réponse close, là où `thinkingTokens` court pendant un raisonnement.
    * Les deux se complètent plus qu'ils ne se doublent.
    */
-  outputTokens?: number;
+  outputTokens?: number
   /** Les outils en vol, du plus ancien au plus récent. */
-  tools: ActiveTool[];
+  tools: ActiveTool[]
   /** La tentative en cours, quand `phase` vaut `retrying`. */
-  retry?: { attempt: number; maxRetries: number; delayMs: number };
+  retry?: { attempt: number; maxRetries: number; delayMs: number }
 }
 
 /** Rien en cours : l'état de repos, et la valeur initiale du front. */
-export const IDLE_ACTIVITY: AgentActivity = { phase: null, since: 0, turnStartedAt: 0, tools: [] };
+export const IDLE_ACTIVITY: AgentActivity = { phase: null, since: 0, turnStartedAt: 0, tools: [] }
 
 /**
  * Une commande que la session a lancée en arrière-plan, et qui lui survit.
@@ -171,12 +171,12 @@ export const IDLE_ACTIVITY: AgentActivity = { phase: null, since: 0, turnStarted
  */
 export interface BackgroundShell {
   /** L'identifiant que le CLI attribue — `btt4xdjh2`. Le même des deux bouts. */
-  id: string;
+  id: string
   /** Le `tool_use_id`, qui relie la ligne à sa carte dans le fil. */
-  toolUseId: string;
-  command: string;
-  description?: string;
-  startedAt: number;
+  toolUseId: string
+  command: string
+  description?: string
+  startedAt: number
   /**
    * `done` vient de la notification du harnais, `killed` de l'appel d'arrêt —
    * jamais d'une déduction.
@@ -189,10 +189,10 @@ export interface BackgroundShell {
    * celui-là, personne ne nous en préviendra, et il reste `running`. C'est
    * assumé : `lastWriteAt` montre le silence, et un silence qui dure se lit.
    */
-  state: 'running' | 'killed' | 'done';
+  state: 'running' | 'killed' | 'done'
   /** Le code de sortie, tel que la notification le donne. */
-  exitCode?: number;
-  endedAt?: number;
+  exitCode?: number
+  endedAt?: number
   /**
    * La dernière fois que le fichier de sortie a grossi.
    *
@@ -200,25 +200,25 @@ export interface BackgroundShell {
    * sentinelle dont la condition n'arrivera jamais — `until netstat … :5001`
    * boucle en silence, sans rien écrire, et rien d'autre ne le trahit.
    */
-  lastWriteAt?: number;
+  lastWriteAt?: number
   /** Taille du fichier de sortie, qui sert de curseur à la lecture. */
-  size?: number;
+  size?: number
 }
 
 /** Un morceau de la sortie d'un shell, rendu à partir d'un curseur. */
 export interface ShellOutput {
-  text: string;
+  text: string
   /** L'octet où ce morceau commence — le curseur à repasser pour la suite. */
-  from: number;
+  from: number
   /** La taille du fichier à cet instant, qui sert de curseur au prochain appel. */
-  size: number;
+  size: number
   /**
    * Les octets sautés entre le curseur demandé et celui servi.
    *
    * Le panneau le dit plutôt que de faire croire à une sortie continue : un
    * serveur bavard laissé de côté dix minutes en écrit plus que la borne.
    */
-  skipped?: number;
+  skipped?: number
 }
 
 /**
@@ -232,11 +232,11 @@ export interface ShellOutput {
 export type AgentUpsert =
   /** Premier message d'un flux : tout l'état, pour qu'un onglet ouvert tard rattrape. */
   | {
-      kind: 'snapshot';
-      session: AgentSession;
-      events: TranscriptEvent[];
-      activity: AgentActivity;
-      shells: BackgroundShell[];
+      kind: 'snapshot'
+      session: AgentSession
+      events: TranscriptEvent[]
+      activity: AgentActivity
+      shells: BackgroundShell[]
     }
   | { kind: 'session'; session: AgentSession }
   | { kind: 'append-event'; event: TranscriptEvent }
@@ -263,7 +263,7 @@ export type AgentUpsert =
    * un Skill découvert dans un sous-dossier, par exemple. Elle remplace la
    * précédente en entier ; il n'y a pas de delta à appliquer.
    */
-  | { kind: 'commands'; commands: SlashCommandInfo[] };
+  | { kind: 'commands'; commands: SlashCommandInfo[] }
 
 /** L'identité d'une session pilotée, telle que le front l'affiche et la route. */
 export interface AgentSession {
@@ -275,13 +275,13 @@ export interface AgentSession {
    * prompt. Router sur le `sessionId` obligerait le front à attendre ; il route
    * donc sur celui-ci, toujours disponible.
    */
-  runId: string;
+  runId: string
   /** L'identifiant du SDK, vide tant que `init` n'est pas passé. */
-  sessionId: string;
+  sessionId: string
   /** Dossier de travail, résolu en chemin long. */
-  cwd: string;
+  cwd: string
   /** Slug du projet où le transcript s'écrit ; permet le lien vers le rejeu. */
-  slug: string;
+  slug: string
   /**
    * Le modèle **choisi** : `''` veut dire « celui des réglages ».
    *
@@ -290,25 +290,25 @@ export interface AgentSession {
    * l'utilisateur avait demandé « celui des réglages » — une valeur qui ne
    * figure dans aucune option, et qui donne à croire qu'il a choisi ce modèle-là.
    */
-  model: string;
+  model: string
   /** Ce que le SDK emploie réellement, connu après `init`. Pour l'afficher. */
-  resolvedModel?: string;
-  permissionMode: string;
-  status: AgentStatus;
-  error?: string;
-  startedAt: number;
+  resolvedModel?: string
+  permissionMode: string
+  status: AgentStatus
+  error?: string
+  startedAt: number
   /** La session prolonge un transcript existant plutôt que d'en ouvrir un. */
-  resumed?: boolean;
+  resumed?: boolean
 }
 
 export interface CreateSessionBody {
-  cwd: string;
-  model?: string;
-  permissionMode?: string;
+  cwd: string
+  model?: string
+  permissionMode?: string
   /** Premier tour, envoyé sans attendre `init`. Facultatif. */
-  prompt?: string;
+  prompt?: string
   /** Les images du premier tour. Sans `prompt`, elles ne partent pas. */
-  attachments?: PromptAttachment[];
+  attachments?: PromptAttachment[]
   /**
    * Identifiant SDK d'une session à reprendre.
    *
@@ -316,11 +316,11 @@ export interface CreateSessionBody {
    * rechargé et les nouveaux tours s'ajoutent au même `.jsonl`. C'est ce qui
    * rend un lien d'Atelier durable — le registre, lui, meurt avec le serveur.
    */
-  resume?: string;
+  resume?: string
 }
 
 export interface SetPermissionModeBody {
-  permissionMode: string;
+  permissionMode: string
 }
 
 /**
@@ -337,13 +337,13 @@ export interface SetPermissionModeBody {
  * demander — l'écran d'à côté ne le proposait pas, ce qui ne l'empêchait pas
  * d'exister. La liste vit ici pour que les deux ne puissent plus diverger.
  */
-export const PERMISSION_MODES = ['default', 'auto', 'acceptEdits', 'plan'] as const;
+export const PERMISSION_MODES = ['default', 'auto', 'acceptEdits', 'plan'] as const
 
-export type PermissionMode = (typeof PERMISSION_MODES)[number];
+export type PermissionMode = (typeof PERMISSION_MODES)[number]
 
 /** Ce mode est-il l'un de ceux qu'AURA ouvre ? */
 export function isPermissionMode(value: string): value is PermissionMode {
-  return (PERMISSION_MODES as readonly string[]).includes(value);
+  return (PERMISSION_MODES as readonly string[]).includes(value)
 }
 
 /**
@@ -356,21 +356,21 @@ export function isPermissionMode(value: string): value is PermissionMode {
  */
 export interface PromptAttachment {
   /** `image/png`, `image/jpeg`, `image/gif` — ce que le presse-papier déclare. */
-  mediaType: string;
+  mediaType: string
   /** Le base64 nu : sans le préfixe `data:…;base64,`. */
-  data: string;
+  data: string
 }
 
 export interface SendBody {
-  prompt: string;
+  prompt: string
   /** Les images collées, dans l'ordre où elles ont été ajoutées. */
-  attachments?: PromptAttachment[];
+  attachments?: PromptAttachment[]
 }
 
 export interface RespondPermissionBody {
-  answer: PermissionAnswer;
+  answer: PermissionAnswer
   /** Motif du refus, montré au modèle. Ignoré pour une autorisation. */
-  reason?: string;
+  reason?: string
 }
 
 export interface RespondAskBody {
@@ -379,7 +379,7 @@ export interface RespondAskBody {
    * libellés joints par `, ` — c'est la forme que le harness produit, et donc
    * celle que le visualiseur sait relire.
    */
-  answers: Record<string, string>;
+  answers: Record<string, string>
   /** Texte libre ajouté par l'utilisateur, quand il en a écrit un. */
-  notes?: string;
+  notes?: string
 }
diff --git a/shared/context.ts b/shared/context.ts
index 4e832be..032c40e 100644
--- a/shared/context.ts
+++ b/shared/context.ts
@@ -29,7 +29,7 @@
  * sizes the per-tool badges with it.
  */
 export function estimateTokens(text: string): number {
-  return Math.ceil(text.length / 4);
+  return Math.ceil(text.length / 4)
 }
 
 /**
@@ -42,50 +42,41 @@ export function estimateTokens(text: string): number {
  * theme forbids reusing one. The panel draws `harness` in grey, beside the
  * baseline and the remainder, which is what it is.
  */
-export type ContextCategory =
-  'memory' | 'skills' | 'files' | 'tools' | 'thinking' | 'userMessage' | 'harness';
+export type ContextCategory = 'memory' | 'skills' | 'files' | 'tools' | 'thinking' | 'userMessage' | 'harness'
 
 /** Fixed order. It drives colour assignment, so never sort or cycle it. */
-export const CONTEXT_CATEGORIES: readonly ContextCategory[] = [
-  'memory',
-  'skills',
-  'files',
-  'tools',
-  'thinking',
-  'userMessage',
-  'harness',
-];
+export const CONTEXT_CATEGORIES: readonly ContextCategory[] = ['memory', 'skills', 'files', 'tools', 'thinking', 'userMessage', 'harness']
 
 /**
  * One tool, as it weighed on a turn. `count` folds repeated calls of the same
  * tool: three `Read`s read as one line, not three.
  */
 export interface ToolBreakdown {
-  name: string;
-  tokens: number;
-  count: number;
+  name: string
+  tokens: number
+  count: number
   /** At least one of those calls came back an error. */
-  isError: boolean;
+  isError: boolean
 }
 
 /** One named line of a catalogue injection: a skill, an agent, an MCP server. */
 export interface ContextEntry {
-  label: string;
-  tokens: number;
+  label: string
+  tokens: number
 }
 
 /** One thing that entered the context window. `tokens` is an estimate. */
 export interface ContextInjection {
-  category: ContextCategory;
+  category: ContextCategory
   /** What to show the user, e.g. a file's base name. */
-  label: string;
+  label: string
   /** Absolute path, when the injection came from one. */
-  path?: string;
-  tokens: number;
+  path?: string
+  tokens: number
   /** The turn at which it entered the window. */
-  turnIndex: number;
+  turnIndex: number
   /** Which compaction segment it belongs to — a compaction empties the window. */
-  phase: number;
+  phase: number
   /**
    * When set, the same thing entering the window twice within a phase is counted
    * once. A CLAUDE.md layer or an @-mentioned file is re-*referenced* far more
@@ -95,29 +86,29 @@ export interface ContextInjection {
    * A compaction empties the window, so the key set resets with it: re-injection
    * into the next phase is a real cost and is counted again.
    */
-  dedupeKey?: string;
+  dedupeKey?: string
   /** `tools` only: how many tool calls were folded into this row. */
-  toolCount?: number;
+  toolCount?: number
   /**
    * `tools` only: the split of `tokens` between what was sent to the tool and
    * what it sent back. An `Edit` weighs almost nothing on the way out and a great
    * deal on the way in, and the reverse is true of a `Read` — one figure hides
    * which of the two a session is paying for.
    */
-  inputTokens?: number;
-  outputTokens?: number;
+  inputTokens?: number
+  outputTokens?: number
   /**
    * `tools` only: which tools, largest first. "12 appels d'outil au tour 7" names
    * nothing — the reader cannot tell one 5 k `Read` from twelve cheap `Bash`.
    */
-  tools?: ToolBreakdown[];
+  tools?: ToolBreakdown[]
   /**
    * `thinking` only: the two halves of what a response produced. Claude's
    * reasoning and its answer both fall into the next turn's window, but only one
    * of them is shortened by asking for less thinking.
    */
-  thinkingTokens?: number;
-  textTokens?: number;
+  thinkingTokens?: number
+  textTokens?: number
   /**
    * A catalogue's named lines — the skills, agents or MCP servers it lists.
    *
@@ -126,25 +117,25 @@ export interface ContextInjection {
    * only question the count raises — "18 skills, but which?" — and shows which
    * descriptions are the expensive ones.
    */
-  entries?: ContextEntry[];
+  entries?: ContextEntry[]
 }
 
 /** The context window as it stood when one assistant response was produced. */
 export interface TurnContext {
   /** 0-based index among the session's assistant responses. */
-  turnIndex: number;
+  turnIndex: number
   /** Which compaction segment this turn lived in. */
-  phase: number;
+  phase: number
   /** UUID of the assistant event this describes. */
-  uuid: string;
-  timestamp: number;
+  uuid: string
+  timestamp: number
   /**
    * Exact size of the context sent to the model:
    * `usage.input + usage.cacheRead + usage.cacheCreate`.
    */
-  total: number;
+  total: number
   /** Estimated share per category, cumulative since the last compaction. */
-  byCategory: Record<ContextCategory, number>;
+  byCategory: Record<ContextCategory, number>
   /**
    * `total` minus the categories. Never negative.
    *
@@ -154,28 +145,28 @@ export interface TurnContext {
    * error of a chars/4 estimator on source code. Do not present this as one
    * thing to the reader — it is not.
    */
-  unattributed: number;
+  unattributed: number
 }
 
 /** Exact window growth at one anchored turn — no estimate involved. */
 export interface TurnDelta {
-  turnIndex: number;
-  uuid: string;
+  turnIndex: number
+  uuid: string
   /** Exact size of the window at this turn. */
-  total: number;
+  total: number
   /** Exact growth since the previous anchored turn of the phase. */
-  delta: number;
+  delta: number
 }
 
 /** A compaction event. Every field is recorded by the harness — none is estimated. */
 export interface Compaction {
-  uuid: string;
-  timestamp: number;
+  uuid: string
+  timestamp: number
   /** `manual` — the user ran /compact; `auto` — the window filled up. */
-  trigger: 'manual' | 'auto';
-  preTokens: number;
-  postTokens: number;
-  durationMs: number;
+  trigger: 'manual' | 'auto'
+  preTokens: number
+  postTokens: number
+  durationMs: number
 }
 
 /**
@@ -187,19 +178,19 @@ export interface Compaction {
  * figure here is exact — it is the difference of two sizes the harness recorded.
  */
 export function turnDeltas(ctx: SessionContext, phase: number): TurnDelta[] {
-  const anchored = ctx.turns.filter((t) => t.total > 0 && t.phase === phase);
-  const start = phase === 0 ? ctx.baseline : (ctx.compactions[phase - 1]?.postTokens ?? 0);
+  const anchored = ctx.turns.filter((t) => t.total > 0 && t.phase === phase)
+  const start = phase === 0 ? ctx.baseline : (ctx.compactions[phase - 1]?.postTokens ?? 0)
   return anchored.map((t, i) => ({
     turnIndex: t.turnIndex,
     uuid: t.uuid,
     total: t.total,
     delta: t.total - (i === 0 ? start : (anchored[i - 1]?.total ?? 0)),
-  }));
+  }))
 }
 
 export interface SessionContext {
   /** Size of the model's window. See `contextLimitFor` — it is not the model id. */
-  limit: number;
+  limit: number
   /**
    * What the session cost before anyone said anything: the system prompt and the
    * tool schemas. Neither is ever written to the transcript.
@@ -213,12 +204,12 @@ export interface SessionContext {
    * `0` when the first turn carries no usage: the subtraction has no anchor, and
    * a plausible constant would be a lie. Callers must render nothing, not zero.
    */
-  baseline: number;
-  turns: TurnContext[];
-  compactions: Compaction[];
+  baseline: number
+  turns: TurnContext[]
+  compactions: Compaction[]
   /**
    * Everything that entered the window, across every phase, in arrival order.
    * The panel ranks these by size to answer "what is eating my context?".
    */
-  injections: ContextInjection[];
+  injections: ContextInjection[]
 }
diff --git a/shared/processes.ts b/shared/processes.ts
index 5914007..c954328 100644
--- a/shared/processes.ts
+++ b/shared/processes.ts
@@ -28,59 +28,59 @@ export type ClaudeProcessKind =
   | 'daemon'
   /** Le pont de messagerie native de l'extension Chrome. */
   | 'native-host'
-  | 'other';
+  | 'other'
 
 export interface ClaudeProcess {
-  pid: number;
+  pid: number
   /** `0` quand le parent n'est pas connu. */
-  ppid: number;
-  kind: ClaudeProcessKind;
+  ppid: number
+  kind: ClaudeProcessKind
   /** La ligne de commande, écourtée : elle sert à reconnaître, pas à rejouer. */
-  command: string;
+  command: string
   /** Début du processus, quand le système le donne. */
-  startedAt?: number;
+  startedAt?: number
   /**
    * Le parent n'existe plus.
    *
    * Le cas qui a motivé cet écran : un daemon dont la session d'origine est morte
    * continue d'accepter des jobs, sans que rien ne le rattache plus à personne.
    */
-  orphan: boolean;
+  orphan: boolean
   /** Le processus d'AURA : jamais tuable depuis ici. */
-  self: boolean;
+  self: boolean
 
   // ── Ce que le fichier de session ajoute, quand il y en a un ───────────────
   /** Vide pour un daemon, un pty-host ou le native host : ils n'en écrivent pas. */
-  sessionId?: string;
-  name?: string;
-  cwd?: string;
+  sessionId?: string
+  name?: string
+  cwd?: string
   /** `busy`, `idle`, `waiting` — tel que le CLI l'écrit. */
-  status?: string;
+  status?: string
 }
 
 export interface ProcessList {
-  processes: ClaudeProcess[];
+  processes: ClaudeProcess[]
   /**
    * La plateforme ne sait pas énumérer ses processus.
    *
    * L'écran le dit franchement plutôt que d'afficher une liste vide, qui se
    * lirait comme « rien ne tourne » — le contraire de ce qu'on sait.
    */
-  unsupported?: boolean;
+  unsupported?: boolean
 }
 
 export interface KillProcessBody {
-  pid: number;
+  pid: number
   /**
    * Couper aussi toute la descendance.
    *
    * Presque toujours ce qu'on veut : un job coupé sans son hôte de
    * pseudo-terminal renaît aussitôt sous un nouveau PID.
    */
-  descendants?: boolean;
+  descendants?: boolean
 }
 
 export interface KillProcessResult {
   /** Les PID effectivement terminés, dans l'ordre où ils l'ont été. */
-  killed: number[];
+  killed: number[]
 }
diff --git a/shared/projects.ts b/shared/projects.ts
index d41bfec..eaabab0 100644
--- a/shared/projects.ts
+++ b/shared/projects.ts
@@ -1,41 +1,30 @@
 // Wire types of the Projects API (`/api/projects/*`), shared between the BFF
 // that builds them and the SPA that renders them. See `./transcript.ts`.
 
-import type { TranscriptSummary } from './transcript.ts';
+import type { TranscriptSummary } from './transcript.ts'
 
 export interface ProjectSummary {
-  slug: string;
-  path: string;
-  name: string;
-  size: number;
-  sessions: number;
-  lastActivity: number;
-  hasClaudeDir: boolean;
+  slug: string
+  path: string
+  name: string
+  size: number
+  sessions: number
+  lastActivity: number
+  hasClaudeDir: boolean
 }
 
 export type ResourceCategory =
-  | 'agents'
-  | 'skills'
-  | 'commands'
-  | 'rules'
-  | 'hooks'
-  | 'docs'
-  | 'tools'
-  | 'settings'
-  | 'memory'
-  | 'repo'
-  | 'included'
-  | 'other';
+  'agents' | 'skills' | 'commands' | 'rules' | 'hooks' | 'docs' | 'tools' | 'settings' | 'memory' | 'repo' | 'included' | 'other'
 
 export interface ResourceNode {
-  category: ResourceCategory;
+  category: ResourceCategory
   /** POSIX path relative to the source .claude folder. */
-  rel: string;
-  name: string;
-  title: string;
-  description: string;
-  size: number;
-  mtime: number;
+  rel: string
+  name: string
+  title: string
+  description: string
+  size: number
+  mtime: number
 }
 
 /**
@@ -45,22 +34,22 @@ export interface ResourceNode {
  * et non du dossier inclus : c'est ce que la route de lecture attend.
  */
 export interface IncludedFolder {
-  rel: string;
-  files: ResourceNode[];
+  rel: string
+  files: ResourceNode[]
 }
 
 /** Un dossier qu'AURA propose d'inclure, avec ce qu'il contient. */
 export interface FolderCandidate {
-  rel: string;
+  rel: string
   /** Documents du sous-arbre — ce qui justifie ou non de l'inclure. */
-  docs: number;
-  included: boolean;
+  docs: number
+  included: boolean
 }
 
 export interface HookEntry {
-  event: string;
-  matcher: string;
-  command: string;
+  event: string
+  matcher: string
+  command: string
 }
 
 /**
@@ -70,26 +59,26 @@ export interface HookEntry {
  * ressources demandent celui-ci — voir `getProjectResources` côté serveur.
  */
 export interface ProjectResources {
-  slug: string;
-  path: string;
-  name: string;
-  hasClaudeDir: boolean;
-  resources: ResourceNode[];
+  slug: string
+  path: string
+  name: string
+  hasClaudeDir: boolean
+  resources: ResourceNode[]
   /** Agent instructions found in the source tree — CLAUDE.md and its siblings
    * (AGENTS.md, GEMINI.md, .cursorrules…). Their `rel` is relative to the
    * project root, not to .claude — so they read through their own endpoint. */
-  memories: ResourceNode[];
+  memories: ResourceNode[]
   /** Repository documents: README, CONTRIBUTING, LICENSE and the like, taken at
    * the project root only, plus the fixed .github templates. Same origin and
    * same endpoint as `memories` — a separate list because a README is not
    * memory: Claude Code never loads it on its own. */
-  repoDocs: ResourceNode[];
+  repoDocs: ResourceNode[]
   /** Les dossiers que l'utilisateur a inclus, un groupe chacun. Vide par défaut :
    * aucun projet n'en a tant qu'on n'en a pas demandé. */
-  folders: IncludedFolder[];
+  folders: IncludedFolder[]
 }
 
 export interface ProjectDetail extends ProjectResources {
-  hooks: HookEntry[];
-  transcripts: TranscriptSummary[];
+  hooks: HookEntry[]
+  transcripts: TranscriptSummary[]
 }
diff --git a/shared/transcript.ts b/shared/transcript.ts
index 34ebbd4..80a0853 100644
--- a/shared/transcript.ts
+++ b/shared/transcript.ts
@@ -6,7 +6,7 @@
 // quietly drift from the other — a field renamed here breaks both typechecks at
 // once, which is the whole point.
 
-import type { Compaction, SessionContext } from './context.ts';
+import type { Compaction, SessionContext } from './context.ts'
 
 /**
  * Une image portée par une ligne du transcript — capture Playwright, `Read` d'un
@@ -19,25 +19,25 @@ import type { Compaction, SessionContext } from './context.ts';
  */
 export interface TranscriptImage {
   /** `uuid` de la ligne JSONL qui la porte. */
-  uuid: string;
+  uuid: string
   /** Rang de l'image dans cette ligne, dans l'ordre du fichier (0-based). */
-  index: number;
+  index: number
   /** Run de sous-agent d'où vient la ligne ; absent pour le fil principal. */
-  agentId?: string;
+  agentId?: string
   /** `image/png`, `image/jpeg`, … tel que déclaré par la source. */
-  mediaType: string;
+  mediaType: string
   /** Taille des octets décodés, pour l'annoncer avant de les charger. */
-  bytes: number;
+  bytes: number
   /** Dimensions lues dans l'en-tête du fichier ; absentes si illisibles. */
-  width?: number;
-  height?: number;
+  width?: number
+  height?: number
   /**
    * Ce que l'image a coûté au contexte, en tokens visuels.
    *
    * Absent quand les dimensions n'ont pas pu être lues : mieux vaut ne rien
    * annoncer qu'annoncer un chiffre inventé.
    */
-  tokens?: number;
+  tokens?: number
   /**
    * L'adresse d'où tirer les octets, quand ils ne sont pas dans un transcript.
    *
@@ -47,14 +47,14 @@ export interface TranscriptImage {
    * écrira qu'au premier tour, sous un `uuid` qui n'est pas encore le nôtre. Le
    * serveur donne donc l'adresse directement, et la reprend au rejeu.
    */
-  url?: string;
+  url?: string
 }
 
 export interface ToolResult {
-  content: string;
-  isError: boolean;
+  content: string
+  isError: boolean
   /** Les images rendues par l'outil, quand il en a produit. */
-  images?: TranscriptImage[];
+  images?: TranscriptImage[]
   /**
    * Le résultat *structuré* que le harness écrit à côté du texte
    * (`toolUseResult` sur la ligne), quand l'outil en a un qui dit quelque chose
@@ -64,7 +64,7 @@ export interface ToolResult {
    * blanche dans `server/transcript.ts`, qui explique pourquoi on ne le garde
    * pas systématiquement.
    */
-  meta?: Record<string, unknown>;
+  meta?: Record<string, unknown>
 }
 
 /**
@@ -77,33 +77,33 @@ export interface ToolResult {
  */
 export interface HookRun {
   /** Lifecycle event: `PreToolUse`, `PostToolUse`, `SessionStart`, `Stop`, … */
-  event: string;
+  event: string
   /** Full name as logged, e.g. `PreToolUse:Bash`. */
-  name: string;
+  name: string
   /** Shell command the harness ran, when it recorded one. */
-  command?: string;
+  command?: string
   /**
    * `context` — the hook fed text back into Claude's context; `error` — it
    * failed without stopping the turn; `blocked` — it stopped the turn.
    */
-  status: 'ok' | 'context' | 'error' | 'blocked';
-  exitCode?: number;
-  durationMs?: number;
-  stdout?: string;
-  stderr?: string;
+  status: 'ok' | 'context' | 'error' | 'blocked'
+  exitCode?: number
+  durationMs?: number
+  stdout?: string
+  stderr?: string
   /** Text the hook injected back into Claude's context. */
-  context?: string[];
+  context?: string[]
   /** Failure message, for `error` / `blocked`. */
-  error?: string;
+  error?: string
   /** The tool call this hook fired around, when it fired around one. */
-  toolUseId?: string;
+  toolUseId?: string
 }
 
 /** Silent runs of one command, folded together (they carry no information). */
 export interface SilentHookGroup {
-  command: string;
-  count: number;
-  durationMs: number;
+  command: string
+  count: number
+  durationMs: number
 }
 
 /**
@@ -112,9 +112,9 @@ export interface SilentHookGroup {
  * timeline and surfaced as a single foldable tally.
  */
 export interface SilentHooks {
-  count: number;
-  durationMs: number;
-  groups: SilentHookGroup[];
+  count: number
+  durationMs: number
+  groups: SilentHookGroup[]
 }
 
 export interface Block {
@@ -134,47 +134,47 @@ export interface Block {
      */
     | 'teammate_message'
     /** A `/command` the user ran in the CLI. `name` is `/compact`, `text` its args. */
-    | 'slash_command';
+    | 'slash_command'
   /** text / thinking / task_notification result (markdown) */
-  text?: string;
+  text?: string
   /** thinking: the transcript kept only the signature, `text` is empty */
-  redacted?: boolean;
+  redacted?: boolean
   /** tool_use */
-  id?: string;
-  name?: string;
-  input?: unknown;
+  id?: string
+  name?: string
+  input?: unknown
   /** result paired to a tool_use (attached during parsing) */
-  result?: ToolResult | null;
+  result?: ToolResult | null
   /** hooks that fired around this tool call, in the order they ran */
-  hooks?: HookRun[];
+  hooks?: HookRun[]
   /** tool_result (standalone, when it couldn't be paired) */
-  toolUseId?: string;
-  content?: string;
-  isError?: boolean;
+  toolUseId?: string
+  content?: string
+  isError?: boolean
   /** image (bloc de premier niveau) et tool_result orphelin : leurs images */
-  images?: TranscriptImage[];
+  images?: TranscriptImage[]
   /** task_notification */
-  summary?: string;
-  status?: string;
-  note?: string;
-  outputFile?: string;
+  summary?: string
+  status?: string
+  note?: string
+  outputFile?: string
   /**
    * task_notification: the run being reported on. `taskId` is the `agentId` of
    * the sub-agent; `agentType` names it, resolved from its sidecar during
    * parsing, and absent when the run left nothing to name it by.
    */
-  taskId?: string;
-  agentType?: string;
+  taskId?: string
+  agentType?: string
   /** teammate_message : l'équipier qui écrit, et la teinte que le CLI lui donne. */
-  from?: string;
-  color?: string;
+  from?: string
+  color?: string
   /**
    * teammate_message : le corps n'est pas toujours un message. 39 des 97 blocs
    * du parc portent un signal de service — un équipier devenu disponible, une
    * demande d'arrêt, un agent qui se termine — sous forme de JSON. `notice` en
    * porte le type, et `text` reste vide.
    */
-  notice?: string;
+  notice?: string
 }
 
 /**
@@ -186,10 +186,10 @@ export interface Block {
  * one event of a response carries it.
  */
 export interface Usage {
-  input: number;
-  output: number;
-  cacheRead: number;
-  cacheCreate: number;
+  input: number
+  output: number
+  cacheRead: number
+  cacheCreate: number
 }
 
 // ── Runs de sous-agents ──────────────────────────────────────────────────────
@@ -203,7 +203,7 @@ export interface Usage {
  * dernier horodatage : un agent bloqué depuis dix minutes et un agent terminé
  * depuis dix minutes écrivent exactement la même chose, c'est-à-dire rien.
  */
-export type SubagentRunStatus = 'running' | 'completed' | 'failed' | 'unknown';
+export type SubagentRunStatus = 'running' | 'completed' | 'failed' | 'unknown'
 
 /**
  * Un run de sous-agent, vu de l'extérieur : de quoi en faire une piste — le
@@ -221,34 +221,34 @@ export type SubagentRunStatus = 'running' | 'completed' | 'failed' | 'unknown';
  */
 export interface SubagentRunSummary {
   /** Identifie le run. Une piste = un `agentId` ; c'est aussi la clé de couleur. */
-  agentId: string;
+  agentId: string
   /** L'agent qui a tourné, quand quelque chose sur le disque le nomme. */
-  agentType?: string;
+  agentType?: string
   /** La description d'une ligne passée à l'appel `Agent`, s'il y en avait une. */
-  description?: string;
+  description?: string
   /** L'appel `Agent` auquel ce run répond. Absent = run non apparié. */
-  toolUseId?: string;
+  toolUseId?: string
   /** 1 pour un agent lancé par la session ; plus quand un agent en a lancé un autre. */
-  spawnDepth: number;
-  status: SubagentRunStatus;
+  spawnDepth: number
+  status: SubagentRunStatus
   /** Première ligne écrite par le run. */
-  startedAt: number;
+  startedAt: number
   /**
    * Dernière ligne écrite par le run. Se lit « actif jusqu'à » tant que le run
    * tourne, et jamais « terminé à » : c'est `endedAt` qui l'affirme.
    */
-  lastActivityAt: number;
+  lastActivityAt: number
   /**
    * Fin avérée, égale à `lastActivityAt`. Absent tant que `status` n'est pas
    * terminal — mieux vaut ne pas dater une fin que d'en inventer une.
    */
-  endedAt?: number;
+  endedAt?: number
   /** Réponses API du run, dédupées par `message.id`. */
-  turns: number;
+  turns: number
   /** Événements du run dans `events` : exactement ce que sa piste affichera. */
-  events: number;
+  events: number
   /** Ce que le run a consommé, sommé sur les relevés de ses réponses. */
-  tokens: Usage;
+  tokens: Usage
 }
 
 /**
@@ -267,42 +267,41 @@ export interface PlanModeMark {
    * plan déjà commencé : le CLI la note à part (45 fois au parc), et elle ne
    * rouvre rien qui ne le soit déjà.
    */
-  phase: 'enter' | 'reentry' | 'exit';
+  phase: 'enter' | 'reentry' | 'exit'
   /** Le fichier où le plan s'écrit. Présent sur les trois formes. */
-  planFilePath: string;
+  planFilePath: string
   /**
    * Le fichier existait-il déjà ? À l'entrée, `false` 93 fois sur 142 — un plan
    * neuf — contre `true` 49 fois, un plan repris. Absent sur `reentry`, que le
    * CLI n'assortit d'aucun drapeau.
    */
-  planExists?: boolean;
+  planExists?: boolean
   /**
    * Réponses de l'assistant passées dans ce régime, comptées jusqu'à la borne
    * de sortie. Posé sur `enter` seulement. Médiane 11 au parc, maximum 118.
    * Absent quand le mode reste ouvert à la fin de la session — 13 cas, où rien
    * ne dit combien de tours il aurait encore couverts.
    */
-  turns?: number;
+  turns?: number
 }
 
 export interface TranscriptEvent {
-  uuid: string;
-  parentUuid: string | null;
+  uuid: string
+  parentUuid: string | null
   /** Coarse kind used by the UI to pick a renderer. */
-  kind:
-    'user' | 'assistant' | 'system' | 'summary' | 'attachment' | 'hook' | 'compaction' | 'planmode';
-  role?: string;
-  timestamp: number;
-  isSidechain: boolean;
-  isMeta: boolean;
+  kind: 'user' | 'assistant' | 'system' | 'summary' | 'attachment' | 'hook' | 'compaction' | 'planmode'
+  role?: string
+  timestamp: number
+  isSidechain: boolean
+  isMeta: boolean
   /**
    * Sub-agent events only. `agentId` names the run (one per spawned agent);
    * `agentType` is the agent that produced it — `Explore`, `code-reviewer`, …
    * `agentType` is absent when nothing on disk could name the run; `agentId`
    * is always set on a sidechain event, so it can stand in as the color key.
    */
-  agentId?: string;
-  agentType?: string;
+  agentId?: string
+  agentType?: string
   /**
    * For `user` events, where the message actually came from. Genuine typed
    * prompts are `'human'`; anything else (`'task-notification'`, `'hook'`, …)
@@ -313,19 +312,19 @@ export interface TranscriptEvent {
    * auteur, autre moment — et ce moment explique pourquoi la réponse en cours
    * change de cap.
    */
-  origin?: string;
-  model?: string;
-  usage?: Usage;
-  gitBranch?: string;
+  origin?: string
+  model?: string
+  usage?: Usage
+  gitBranch?: string
   /** System messages carry a subtype + level. */
-  subtype?: string;
-  level?: string;
+  subtype?: string
+  level?: string
   /** `hook` events: the run that could not be tied to a tool call. */
-  hook?: HookRun;
+  hook?: HookRun
   /** `compaction` events: the exact tallies of the window that was collapsed. */
-  compaction?: Compaction;
+  compaction?: Compaction
   /** `planmode` events: the boundary itself. */
-  planMode?: PlanModeMark;
+  planMode?: PlanModeMark
   /**
    * Cet événement s'est-il joué en mode plan ? Posé sur tout ce qui tombe entre
    * une borne d'ouverture et sa fermeture — 2 102 réponses d'assistant au parc.
@@ -333,53 +332,53 @@ export interface TranscriptEvent {
    * d'un travail ordinaire : sans elle, cent dix-huit tours sans écriture ne
    * disent pas que l'écriture était interdite.
    */
-  inPlanMode?: boolean;
+  inPlanMode?: boolean
   /**
    * Le skill dont cette ligne est le manuel — un appel `Skill` la fait suivre
    * du mode d'emploi entier, injecté en ligne `user` méta. Le nom vient de
    * l'appel, retrouvé par `sourceToolUseID` ; le texte, lui, ne le porte pas
    * toujours. Absent partout ailleurs.
    */
-  skill?: string;
-  blocks: Block[];
+  skill?: string
+  blocks: Block[]
 }
 
 export interface TranscriptStats {
-  events: number;
-  userTurns: number;
-  assistantTurns: number;
-  toolCalls: number;
-  tokensIn: number;
-  tokensOut: number;
-  cacheRead: number;
-  cacheCreate: number;
-  durationMs: number;
-  startedAt: number;
-  endedAt: number;
-  models: string[];
-  tools: Record<string, number>;
+  events: number
+  userTurns: number
+  assistantTurns: number
+  toolCalls: number
+  tokensIn: number
+  tokensOut: number
+  cacheRead: number
+  cacheCreate: number
+  durationMs: number
+  startedAt: number
+  endedAt: number
+  models: string[]
+  tools: Record<string, number>
   /**
    * Cost in US dollars at Anthropic's API *list price* — not what a Pro/Max
    * subscription billed, which is a flat monthly fee. Summed per response at each
    * one's own model and rate. `null` when nothing could be priced (a local model,
    * `<synthetic>`); a bare `0` is a genuinely free session.
    */
-  costUsd: number | null;
+  costUsd: number | null
   /** A response ran on a model we have no price for: `costUsd` is a floor. */
-  costPartial: boolean;
+  costPartial: boolean
 }
 
 /** '' = untitled; `custom` was typed by the user, `ai` was generated. */
-export type TitleSource = '' | 'custom' | 'ai';
+export type TitleSource = '' | 'custom' | 'ai'
 
 export interface ParsedTranscript {
-  id: string;
-  sessionId: string;
-  cwd: string;
-  gitBranch: string;
-  version: string;
-  firstPrompt: string;
-  hasSidechain: boolean;
+  id: string
+  sessionId: string
+  cwd: string
+  gitBranch: string
+  version: string
+  firstPrompt: string
+  hasSidechain: boolean
   /**
    * Les runs de sous-agents, du plus ancien au plus récent ; vide quand il n'y
    * en a pas.
@@ -388,15 +387,15 @@ export interface ParsedTranscript {
    * portent son `agentId`, et tout `agentId` vu dans `events` a son run ici.
    * C'est ce qui permet de partitionner le flux en pistes sans rien perdre.
    */
-  subagents: SubagentRunSummary[];
+  subagents: SubagentRunSummary[]
   /** Session title, '' when never named. Prefer it over `firstPrompt` in the UI. */
-  title: string;
-  titleSource: TitleSource;
-  stats: TranscriptStats;
-  silentHooks: SilentHooks;
-  events: TranscriptEvent[];
+  title: string
+  titleSource: TitleSource
+  stats: TranscriptStats
+  silentHooks: SilentHooks
+  events: TranscriptEvent[]
   /** What filled the window, turn by turn. Totals exact, breakdown estimated. */
-  context: SessionContext;
+  context: SessionContext
 }
 
 /**
@@ -409,31 +408,31 @@ export interface ParsedTranscript {
  */
 export interface SessionMetrics {
   /** Les tours réellement pris par l'humain, hors échos d'outil et injections. */
-  userTurns: number;
+  userTurns: number
   /** Réponses API du fil principal, dédupées. Jamais un nombre de lignes. */
-  turns: number;
+  turns: number
   /** Entrée + sortie + cache, sous-agents compris. */
-  tokens: number;
+  tokens: number
   /** Dollars au prix catalogue API — pas ce qu'un abonnement a facturé. */
-  costUsd: number;
+  costUsd: number
   /** Un modèle de la session n'a pas de tarif connu : `costUsd` est un plancher. */
-  costPartial: boolean;
+  costPartial: boolean
   /** Du premier au dernier horodatage observé, sidecars compris. */
-  durationMs: number;
+  durationMs: number
 }
 
 /** Cheap per-file summary, for listing a project's sessions. */
 export interface TranscriptSummary {
-  id: string;
-  mtime: number;
-  size: number;
-  firstPrompt: string;
-  gitBranch: string;
-  hasSidechain: boolean;
+  id: string
+  mtime: number
+  size: number
+  firstPrompt: string
+  gitBranch: string
+  hasSidechain: boolean
   /** Session title, or '' when the session was never named. */
-  title: string;
+  title: string
   /** Where `title` came from — the UI marks a user-chosen name differently. */
-  titleSource: TitleSource;
+  titleSource: TitleSource
   /** Relevé de coût de la session. Absent tant qu'elle n'a rien consommé. */
-  metrics?: SessionMetrics;
+  metrics?: SessionMetrics
 }
diff --git a/site/.vitepress/config.ts b/site/.vitepress/config.ts
index 869403b..b6fa326 100644
--- a/site/.vitepress/config.ts
+++ b/site/.vitepress/config.ts
@@ -1,29 +1,29 @@
-import { readdirSync, readFileSync } from 'node:fs';
-import { dirname, join } from 'node:path';
-import { fileURLToPath } from 'node:url';
-import { defineConfig } from 'vitepress';
+import { readdirSync, readFileSync } from 'node:fs'
+import { dirname, join } from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { defineConfig } from 'vitepress'
 
-const root = join(dirname(fileURLToPath(import.meta.url)), '..', '..');
+const root = join(dirname(fileURLToPath(import.meta.url)), '..', '..')
 
 // La barre latérale se déduit de la source du manuel, jamais d'une liste tenue à la main :
 // une page ajoutée dans `src/help/sections/` apparaît ici au build suivant. `order` est le
 // même champ qui classe les pages dans l'application — un seul ordre, une seule vérité.
 function manualSidebar(locale: 'fr' | 'en', prefix: string) {
-  const dir = join(root, 'src/help/sections', locale);
+  const dir = join(root, 'src/help/sections', locale)
 
   return readdirSync(dir)
     .filter((name) => name.endsWith('.md'))
     .map((name) => {
-      const source = readFileSync(join(dir, name), 'utf8');
-      const title = /^title:\s*(.+)$/m.exec(source)?.[1]?.trim() ?? name.replace(/\.md$/, '');
-      const order = Number(/^order:\s*(\d+)$/m.exec(source)?.[1] ?? 999);
-      return { text: title, link: `${prefix}/${name.replace(/\.md$/, '')}`, order };
+      const source = readFileSync(join(dir, name), 'utf8')
+      const title = /^title:\s*(.+)$/m.exec(source)?.[1]?.trim() ?? name.replace(/\.md$/, '')
+      const order = Number(/^order:\s*(\d+)$/m.exec(source)?.[1] ?? 999)
+      return { text: title, link: `${prefix}/${name.replace(/\.md$/, '')}`, order }
     })
     .sort((a, b) => a.order - b.order)
-    .map(({ text, link }) => ({ text, link }));
+    .map(({ text, link }) => ({ text, link }))
 }
 
-const REPO = 'https://github.com/Shaenn/aura';
+const REPO = 'https://github.com/Shaenn/aura'
 
 export default defineConfig({
   // Le site est servi sous le nom du dépôt sur GitHub Pages.
@@ -91,4 +91,4 @@ export default defineConfig({
     search: { provider: 'local' },
     socialLinks: [{ icon: 'github', link: REPO }],
   },
-});
+})
diff --git a/site/.vitepress/theme/index.ts b/site/.vitepress/theme/index.ts
index 225e9fe..6c17a82 100644
--- a/site/.vitepress/theme/index.ts
+++ b/site/.vitepress/theme/index.ts
@@ -1,13 +1,13 @@
-import DefaultTheme from 'vitepress/theme';
-import './tokens.css';
+import DefaultTheme from 'vitepress/theme'
+import './tokens.css'
 
 // Les deux polices sont déjà des dépendances du projet et servies depuis le build, comme
 // dans l'application (`src/boot/fonts.ts`). Aucun CDN : la vitrine d'un outil qui ne fait
 // aucun appel sortant ne peut pas en faire un pour ses polices.
-import '@fontsource/inter/400.css';
-import '@fontsource/inter/500.css';
-import '@fontsource/inter/600.css';
-import '@fontsource/inter/700.css';
-import '@fontsource/jetbrains-mono/400.css';
+import '@fontsource/inter/400.css'
+import '@fontsource/inter/500.css'
+import '@fontsource/inter/600.css'
+import '@fontsource/inter/700.css'
+import '@fontsource/jetbrains-mono/400.css'
 
-export default DefaultTheme;
+export default DefaultTheme
diff --git a/site/.vitepress/theme/tokens.css b/site/.vitepress/theme/tokens.css
index 4efd4e5..452c14d 100644
--- a/site/.vitepress/theme/tokens.css
+++ b/site/.vitepress/theme/tokens.css
@@ -3,10 +3,8 @@
    ressembler, et le vocabulaire visuel d'AURA est fermé. */
 
 :root {
-  --vp-font-family-base:
-    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
-  --vp-font-family-mono:
-    'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
+  --vp-font-family-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+  --vp-font-family-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
 
   --vp-c-brand-1: #e07a5f;
   --vp-c-brand-2: #e68872;
@@ -54,11 +52,7 @@
 /* La page de garde : le halo de la marque, en fond du bloc d'accroche. */
 :root {
   --vp-home-hero-name-color: var(--vp-c-brand-1);
-  --vp-home-hero-image-background-image: radial-gradient(
-    circle at 50% 50%,
-    rgba(224, 122, 95, 0.28),
-    rgba(224, 122, 95, 0) 62%
-  );
+  --vp-home-hero-image-background-image: radial-gradient(circle at 50% 50%, rgba(224, 122, 95, 0.28), rgba(224, 122, 95, 0) 62%);
   --vp-home-hero-image-filter: blur(48px);
 }
 
diff --git a/src/boot/fonts.ts b/src/boot/fonts.ts
index 05fd97e..d03fcd9 100644
--- a/src/boot/fonts.ts
+++ b/src/boot/fonts.ts
@@ -1,15 +1,15 @@
-import { defineBoot } from '#q-app';
+import { defineBoot } from '#q-app'
 
 // UI font: Inter (weights used across the app).
-import '@fontsource/inter/400.css';
-import '@fontsource/inter/500.css';
-import '@fontsource/inter/600.css';
-import '@fontsource/inter/700.css';
+import '@fontsource/inter/400.css'
+import '@fontsource/inter/500.css'
+import '@fontsource/inter/600.css'
+import '@fontsource/inter/700.css'
 
 // Monospace for durations / console-style readouts.
-import '@fontsource/jetbrains-mono/400.css';
-import '@fontsource/jetbrains-mono/500.css';
+import '@fontsource/jetbrains-mono/400.css'
+import '@fontsource/jetbrains-mono/500.css'
 
 export default defineBoot(() => {
   // Font CSS is bundled via the imports above; nothing to run at boot.
-});
+})
diff --git a/src/boot/i18n.ts b/src/boot/i18n.ts
index 945543a..96bcfe1 100644
--- a/src/boot/i18n.ts
+++ b/src/boot/i18n.ts
@@ -1,10 +1,10 @@
-import { defineBoot } from '#q-app';
-import { i18n } from '@/i18n';
+import { i18n } from '@/i18n'
+import { defineBoot } from '#q-app'
 
 // Installe vue-i18n sur l'application. La langue effective n'est pas choisie
 // ici : c'est une préférence, chargée depuis le BFF par le boot `settings`, qui
 // s'exécute juste après. Ce boot doit donc précéder `settings` dans
 // `quasar.config.ts` — l'instance doit exister avant qu'on lui pose une langue.
 export default defineBoot(({ app }) => {
-  app.use(i18n);
-});
+  app.use(i18n)
+})
diff --git a/src/boot/settings.ts b/src/boot/settings.ts
index d3fca93..60ef384 100644
--- a/src/boot/settings.ts
+++ b/src/boot/settings.ts
@@ -1,5 +1,5 @@
-import { defineBoot } from '#q-app';
-import { useSettingsStore } from '@/stores/settings';
+import { useSettingsStore } from '@/stores/settings'
+import { defineBoot } from '#q-app'
 
 // Load UI preferences from the BFF before the first paint: nothing is kept in the
 // browser, dark mode is applied with no flash, and any legacy localStorage is
@@ -7,5 +7,5 @@ import { useSettingsStore } from '@/stores/settings';
 export default defineBoot(async () => {
   // The Pinia instance is installed before boot files run (SPA), so the store
   // resolves without passing it explicitly.
-  await useSettingsStore().load();
-});
+  await useSettingsStore().load()
+})
diff --git a/src/components/CliCommandDialog.vue b/src/components/CliCommandDialog.vue
index 60d8958..7093f5e 100644
--- a/src/components/CliCommandDialog.vue
+++ b/src/components/CliCommandDialog.vue
@@ -6,15 +6,7 @@
 
       <div class="cli-box">
         <code class="cli-cmd font-mono">{{ command }}</code>
-        <q-btn
-          flat
-          dense
-          round
-          size="sm"
-          icon="content_copy"
-          :aria-label="t('cli.copyAria')"
-          @click="copy"
-        />
+        <q-btn flat dense round size="sm" icon="content_copy" :aria-label="t('cli.copyAria')" @click="copy" />
       </div>
       <p class="cli-hint">
         <i18n-t keypath="cli.hint" scope="global">
@@ -34,69 +26,69 @@
 </template>
 
 <script setup lang="ts">
-// Read-only helper: shows a Claude Code CLI command with a copy button. AURA uses
-// it for actions it deliberately does NOT perform by writing files (plugin
-// install/uninstall, marketplace add/remove) — Claude Code manages ~/.claude/plugins.
-import { copyToClipboard } from 'quasar';
-import { useI18n } from 'vue-i18n';
-import { useNotify } from '@/composables/useNotify';
+  // Read-only helper: shows a Claude Code CLI command with a copy button. AURA uses
+  // it for actions it deliberately does NOT perform by writing files (plugin
+  // install/uninstall, marketplace add/remove) — Claude Code manages ~/.claude/plugins.
+  import { useNotify } from '@/composables/useNotify'
+  import { copyToClipboard } from 'quasar'
+  import { useI18n } from 'vue-i18n'
 
-const props = defineProps<{ command: string | null; title?: string; note?: string }>();
-const emit = defineEmits<{ close: [] }>();
+  const props = defineProps<{ command: string | null; title?: string; note?: string }>()
+  const emit = defineEmits<{ close: [] }>()
 
-const { t } = useI18n();
-const { notifyDone, notifyWarn } = useNotify();
+  const { t } = useI18n()
+  const { notifyDone, notifyWarn } = useNotify()
 
-async function copy(): Promise<void> {
-  if (!props.command) return;
-  try {
-    await copyToClipboard(props.command);
-    notifyDone(t('cli.copied'));
-  } catch {
-    notifyWarn(t('cli.copyFailed'));
+  async function copy(): Promise<void> {
+    if (!props.command) return
+    try {
+      await copyToClipboard(props.command)
+      notifyDone(t('cli.copied'))
+    } catch {
+      notifyWarn(t('cli.copyFailed'))
+    }
   }
-}
 </script>
 
 <style scoped lang="scss">
-.cli-card {
-  width: 560px;
-  max-width: 92vw;
-  padding: var(--space-lg);
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-md);
-}
-.cli-note {
-  margin: 0;
-  font-size: var(--fs-sm);
-  color: var(--muted);
-}
-.cli-box {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  background: var(--bg);
-  border: 1px solid var(--line);
-  border-radius: var(--radius-sm);
-  padding: var(--space-sm) var(--space-md);
-}
-.cli-cmd {
-  flex: 1 1 auto;
-  min-width: 0;
-  font-size: var(--fs-sm);
-  color: var(--text);
-  word-break: break-all;
-  user-select: all;
-}
-.cli-hint {
-  margin: 0;
-  font-size: var(--fs-xs);
-  color: var(--dim);
-}
-.cli-actions {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-}
+  .cli-card {
+    width: 560px;
+    max-width: 92vw;
+    padding: var(--space-lg);
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md);
+  }
+  .cli-note {
+    margin: 0;
+    font-size: var(--fs-sm);
+    color: var(--muted);
+  }
+  .cli-box {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    background: var(--bg);
+    border: 1px solid var(--line);
+    border-radius: var(--radius-sm);
+    padding: var(--space-sm) var(--space-md);
+  }
+  .cli-cmd {
+    flex: 1 1 auto;
+    min-width: 0;
+    font-size: var(--fs-sm);
+    color: var(--text);
+    word-break: break-all;
+    user-select: all;
+  }
+  .cli-hint {
+    margin: 0;
+    font-size: var(--fs-xs);
+    color: var(--dim);
+  }
+  .cli-actions {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+  }
 </style>
diff --git a/src/components/ConfirmDiffDialog.vue b/src/components/ConfirmDiffDialog.vue
index 62ad3a6..4488259 100644
--- a/src/components/ConfirmDiffDialog.vue
+++ b/src/components/ConfirmDiffDialog.vue
@@ -20,9 +20,7 @@
       <div class="diff-body font-mono">
         <div v-if="!lines.length" class="diff-empty">{{ t('diff.noChange') }}</div>
         <div v-for="(l, i) in lines" :key="i" class="diff-line" :class="`diff-line--${l.op}`">
-          <span class="gutter" aria-hidden="true">{{
-            l.op === 'add' ? '+' : l.op === 'del' ? '−' : ' '
-          }}</span>
+          <span class="gutter" aria-hidden="true">{{ l.op === 'add' ? '+' : l.op === 'del' ? '−' : ' ' }}</span>
           <span class="content">{{ l.text || ' ' }}</span>
         </div>
       </div>
@@ -50,168 +48,159 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref, watch } from 'vue';
-import { useQuasar } from 'quasar';
-import { useI18n } from 'vue-i18n';
-import { useNotify } from '@/composables/useNotify';
-import { apply, ClaudeApiError, type Proposal } from '@/services/claude';
-import { diffLines, diffStat } from '@/utils/diff';
+  import { useNotify } from '@/composables/useNotify'
+  import { apply, ClaudeApiError, type Proposal } from '@/services/claude'
+  import { diffLines, diffStat } from '@/utils/diff'
+  import { useQuasar } from 'quasar'
+  import { computed, ref, watch } from 'vue'
+  import { useI18n } from 'vue-i18n'
 
-const props = defineProps<{
-  proposal: Proposal | null;
-  /**
-   * Optional custom commit. When omitted, the dialog writes through the standard
-   * `/api/claude/apply` flow. Pages that write elsewhere (e.g. ~/.claude.json)
-   * pass their own apply here; it should throw a `ClaudeApiError` with status
-   * 409 on a concurrency conflict so the same message is shown.
-   */
-  applyFn?: (p: Proposal) => Promise<{ rel: string; backupPath: string | null }>;
-}>();
-const emit = defineEmits<{ applied: [{ rel: string; backupPath: string | null }]; close: [] }>();
+  const props = defineProps<{
+    proposal: Proposal | null
+    /**
+     * Optional custom commit. When omitted, the dialog writes through the standard
+     * `/api/claude/apply` flow. Pages that write elsewhere (e.g. ~/.claude.json)
+     * pass their own apply here; it should throw a `ClaudeApiError` with status
+     * 409 on a concurrency conflict so the same message is shown.
+     */
+    applyFn?: (p: Proposal) => Promise<{ rel: string; backupPath: string | null }>
+  }>()
+  const emit = defineEmits<{ applied: [{ rel: string; backupPath: string | null }]; close: [] }>()
 
-const { t } = useI18n();
-const $q = useQuasar();
-const { notifyDone } = useNotify();
-const open = ref(false);
-const applying = ref(false);
-const error = ref('');
+  const { t } = useI18n()
+  const $q = useQuasar()
+  const { notifyDone } = useNotify()
+  const open = ref(false)
+  const applying = ref(false)
+  const error = ref('')
 
-watch(
-  () => props.proposal,
-  (p) => {
-    error.value = '';
-    open.value = p !== null;
-  },
-);
+  watch(
+    () => props.proposal,
+    (p) => {
+      error.value = ''
+      open.value = p !== null
+    },
+  )
 
-const lines = computed(() =>
-  props.proposal ? diffLines(props.proposal.before, props.proposal.after) : [],
-);
-const stat = computed(() => diffStat(lines.value));
+  const lines = computed(() => (props.proposal ? diffLines(props.proposal.before, props.proposal.after) : []))
+  const stat = computed(() => diffStat(lines.value))
 
-async function confirm(): Promise<void> {
-  if (!props.proposal) return;
-  applying.value = true;
-  error.value = '';
-  try {
-    const res = props.applyFn
-      ? await props.applyFn(props.proposal)
-      : await apply(props.proposal.rel, props.proposal.after, props.proposal.before);
-    notifyDone(t('diff.applied'));
-    open.value = false;
-    emit('applied', { rel: res.rel, backupPath: res.backupPath });
-  } catch (e) {
-    error.value =
-      e instanceof ClaudeApiError && e.status === 409
-        ? t('diff.conflict')
-        : e instanceof Error
-          ? e.message
-          : t('diff.failed');
-  } finally {
-    applying.value = false;
-  }
-}
+  async function confirm(): Promise<void> {
+    if (!props.proposal) return
+    applying.value = true
+    error.value = ''
+    try {
+      const res = props.applyFn ? await props.applyFn(props.proposal) : await apply(props.proposal.rel, props.proposal.after, props.proposal.before)
+      notifyDone(t('diff.applied'))
+      open.value = false
+      emit('applied', { rel: res.rel, backupPath: res.backupPath })
+    } catch (e) {
+      error.value = e instanceof ClaudeApiError && e.status === 409 ? t('diff.conflict') : e instanceof Error ? e.message : t('diff.failed')
+    } finally {
+      applying.value = false
+    }
+  }
 
-function onHide(): void {
-  emit('close');
-}
+  function onHide(): void {
+    emit('close')
+  }
 </script>
 
 <style scoped lang="scss">
-.diff-card {
-  width: 760px;
-  max-width: 92vw;
-  display: flex;
-  flex-direction: column;
-  max-height: 82vh;
-  // Quasar donne `overflow: auto` aux cartes de dialogue, et il le garde : le
-  // pixel dont les renforts débordent par défaut suffisait alors à faire
-  // apparaître deux barres de défilement autour du diff. Ici ils s'arrêtent au
-  // ras de l'arête.
-  --brace-inset: 0;
-}
-.diff-head {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: var(--space-md) var(--space-lg);
-  gap: var(--space-md);
-}
-.diff-path {
-  font-size: var(--fs-sm);
-  color: var(--text);
-  margin-top: 2px;
-}
-.diff-stat {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  font-size: var(--fs-sm);
-}
-.diff-stat .add {
-  color: var(--pulse);
-}
-.diff-stat .del {
-  color: var(--danger);
-}
-.badge {
-  padding: 1px 6px;
-  border-radius: var(--radius-xs);
-  font-size: var(--fs-2xs);
-  text-transform: uppercase;
-  letter-spacing: 0.08em;
-}
-.badge--new {
-  background: var(--brand-soft);
-  color: var(--brand);
-}
-.diff-body {
-  overflow: auto;
-  padding: var(--space-sm) 0;
-  font-size: var(--fs-sm);
-  line-height: 1.5;
-  background: var(--bg);
-}
-.diff-empty {
-  padding: var(--space-lg);
-  color: var(--muted);
-  text-align: center;
-}
-.diff-line {
-  display: flex;
-  padding: 0 var(--space-md);
-  white-space: pre-wrap;
-  word-break: break-word;
-}
-.diff-line .gutter {
-  width: 1.4em;
-  flex: 0 0 auto;
-  color: var(--dim);
-  user-select: none;
-}
-.diff-line--add {
-  background: rgba(110, 231, 168, 0.1);
-}
-.diff-line--add .content {
-  color: var(--pulse);
-}
-.diff-line--del {
-  background: rgba(229, 72, 77, 0.1);
-}
-.diff-line--del .content {
-  color: var(--danger);
-}
-.diff-line--same .content {
-  color: var(--muted);
-}
-.diff-actions {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  padding: var(--space-md) var(--space-lg);
-}
-.err {
-  color: var(--danger);
-  font-size: var(--fs-sm);
-}
+  .diff-card {
+    width: 760px;
+    max-width: 92vw;
+    display: flex;
+    flex-direction: column;
+    max-height: 82vh;
+    // Quasar donne `overflow: auto` aux cartes de dialogue, et il le garde : le
+    // pixel dont les renforts débordent par défaut suffisait alors à faire
+    // apparaître deux barres de défilement autour du diff. Ici ils s'arrêtent au
+    // ras de l'arête.
+    --brace-inset: 0;
+  }
+  .diff-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: var(--space-md) var(--space-lg);
+    gap: var(--space-md);
+  }
+  .diff-path {
+    font-size: var(--fs-sm);
+    color: var(--text);
+    margin-top: 2px;
+  }
+  .diff-stat {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    font-size: var(--fs-sm);
+  }
+  .diff-stat .add {
+    color: var(--pulse);
+  }
+  .diff-stat .del {
+    color: var(--danger);
+  }
+  .badge {
+    padding: 1px 6px;
+    border-radius: var(--radius-xs);
+    font-size: var(--fs-2xs);
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+  }
+  .badge--new {
+    background: var(--brand-soft);
+    color: var(--brand);
+  }
+  .diff-body {
+    overflow: auto;
+    padding: var(--space-sm) 0;
+    font-size: var(--fs-sm);
+    line-height: 1.5;
+    background: var(--bg);
+  }
+  .diff-empty {
+    padding: var(--space-lg);
+    color: var(--muted);
+    text-align: center;
+  }
+  .diff-line {
+    display: flex;
+    padding: 0 var(--space-md);
+    white-space: pre-wrap;
+    word-break: break-word;
+  }
+  .diff-line .gutter {
+    width: 1.4em;
+    flex: 0 0 auto;
+    color: var(--dim);
+    user-select: none;
+  }
+  .diff-line--add {
+    background: rgba(110, 231, 168, 0.1);
+  }
+  .diff-line--add .content {
+    color: var(--pulse);
+  }
+  .diff-line--del {
+    background: rgba(229, 72, 77, 0.1);
+  }
+  .diff-line--del .content {
+    color: var(--danger);
+  }
+  .diff-line--same .content {
+    color: var(--muted);
+  }
+  .diff-actions {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    padding: var(--space-md) var(--space-lg);
+  }
+  .err {
+    color: var(--danger);
+    font-size: var(--fs-sm);
+  }
 </style>
diff --git a/src/components/OrphanPlans.vue b/src/components/OrphanPlans.vue
index 95dc048..4c782fd 100644
--- a/src/components/OrphanPlans.vue
+++ b/src/components/OrphanPlans.vue
@@ -35,9 +35,7 @@
               @click="select(p.name)"
             >
               <span class="orp-item-title">{{ p.title }}</span>
-              <span class="orp-item-meta font-mono">
-                {{ fmtDate(p.mtime) }} · {{ fmtBytes(p.size) }}
-              </span>
+              <span class="orp-item-meta font-mono"> {{ fmtDate(p.mtime) }} · {{ fmtBytes(p.size) }} </span>
             </button>
           </li>
         </ul>
@@ -49,20 +47,10 @@
             <q-icon name="assignment" size="16px" aria-hidden="true" />
             <span class="orp-path font-mono">{{ selected }}</span>
             <q-space />
-            <q-btn
-              flat
-              dense
-              no-caps
-              color="negative"
-              icon="delete"
-              :label="t('common.delete')"
-              @click="confirmDelete = true"
-            />
+            <q-btn flat dense no-caps color="negative" icon="delete" :label="t('common.delete')" @click="confirmDelete = true" />
           </header>
           <div class="orp-content">
-            <div v-if="reading" class="orp-loading">
-              <q-spinner size="24px" /> {{ t('common.loading') }}
-            </div>
+            <div v-if="reading" class="orp-loading"><q-spinner size="24px" /> {{ t('common.loading') }}</div>
             <div v-else-if="readError" class="orp-state" role="alert">
               <q-icon name="error_outline" size="24px" color="negative" />
               <p>{{ readError }}</p>
@@ -83,15 +71,7 @@
         <div class="orp-del-path font-mono">{{ selected }}</div>
         <div class="orp-del-actions">
           <q-btn flat no-caps dense :label="t('common.cancel')" @click="confirmDelete = false" />
-          <q-btn
-            unelevated
-            no-caps
-            dense
-            color="negative"
-            :label="t('common.delete')"
-            :loading="deleting"
-            @click="doDelete"
-          />
+          <q-btn unelevated no-caps dense color="negative" :label="t('common.delete')" :loading="deleting" @click="doDelete" />
         </div>
       </q-card>
     </q-dialog>
@@ -99,234 +79,233 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted, ref, computed } from 'vue';
-import { useI18n } from 'vue-i18n';
-import { useNotify } from '@/composables/useNotify';
-import { getPlans, readPlan, deletePlan, type PlanInfo } from '@/services/system';
-import { fmtBytes, fmtDate } from '@/utils/format';
-import MarkdownView from '@/components/replay/MarkdownView.vue';
+  import MarkdownView from '@/components/replay/MarkdownView.vue'
+  import { useNotify } from '@/composables/useNotify'
+  import { getPlans, readPlan, deletePlan, type PlanInfo } from '@/services/system'
+  import { fmtBytes, fmtDate } from '@/utils/format'
+  import { onMounted, ref, computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
 
-const { t } = useI18n();
-const { notifyError, notifyDone } = useNotify();
-const plans = ref<PlanInfo[]>([]);
-const loading = ref(true);
-const error = ref('');
-const selected = ref<string | null>(null);
-const content = ref('');
-const reading = ref(false);
-const readError = ref('');
-const confirmDelete = ref(false);
-const deleting = ref(false);
+  const { t } = useI18n()
+  const { notifyError, notifyDone } = useNotify()
+  const plans = ref<PlanInfo[]>([])
+  const loading = ref(true)
+  const error = ref('')
+  const selected = ref<string | null>(null)
+  const content = ref('')
+  const reading = ref(false)
+  const readError = ref('')
+  const confirmDelete = ref(false)
+  const deleting = ref(false)
 
-/** Plans no project claims. Server-side, an empty slug means no transcript named it. */
-const orphans = computed(() => plans.value.filter((p) => !p.projectSlug));
+  /** Plans no project claims. Server-side, an empty slug means no transcript named it. */
+  const orphans = computed(() => plans.value.filter((p) => !p.projectSlug))
 
-const emit = defineEmits<{ count: [n: number] }>();
+  const emit = defineEmits<{ count: [n: number] }>()
 
-async function refresh(): Promise<void> {
-  loading.value = true;
-  error.value = '';
-  try {
-    plans.value = (await getPlans()).plans;
-    // A plan selected before a reload may be gone; drop a stale selection.
-    if (selected.value && !orphans.value.some((p) => p.name === selected.value)) reset();
-    emit('count', orphans.value.length);
-  } catch (e) {
-    error.value = msg(e);
-  } finally {
-    loading.value = false;
+  async function refresh(): Promise<void> {
+    loading.value = true
+    error.value = ''
+    try {
+      plans.value = (await getPlans()).plans
+      // A plan selected before a reload may be gone; drop a stale selection.
+      if (selected.value && !orphans.value.some((p) => p.name === selected.value)) reset()
+      emit('count', orphans.value.length)
+    } catch (e) {
+      error.value = msg(e)
+    } finally {
+      loading.value = false
+    }
   }
-}
 
-async function select(name: string): Promise<void> {
-  selected.value = name;
-  content.value = '';
-  readError.value = '';
-  reading.value = true;
-  try {
-    content.value = (await readPlan(name)).content;
-  } catch (e) {
-    readError.value = msg(e);
-  } finally {
-    reading.value = false;
+  async function select(name: string): Promise<void> {
+    selected.value = name
+    content.value = ''
+    readError.value = ''
+    reading.value = true
+    try {
+      content.value = (await readPlan(name)).content
+    } catch (e) {
+      readError.value = msg(e)
+    } finally {
+      reading.value = false
+    }
   }
-}
 
-function reset(): void {
-  selected.value = null;
-  content.value = '';
-  readError.value = '';
-}
+  function reset(): void {
+    selected.value = null
+    content.value = ''
+    readError.value = ''
+  }
 
-async function doDelete(): Promise<void> {
-  if (!selected.value) return;
-  deleting.value = true;
-  try {
-    await deletePlan(selected.value);
-    notifyDone(t('pages.maintenance.orphans.deleted'));
-    confirmDelete.value = false;
-    reset();
-    await refresh();
-  } catch (e) {
-    notifyError(e, t('pages.maintenance.orphans.deleteError'));
-  } finally {
-    deleting.value = false;
+  async function doDelete(): Promise<void> {
+    if (!selected.value) return
+    deleting.value = true
+    try {
+      await deletePlan(selected.value)
+      notifyDone(t('pages.maintenance.orphans.deleted'))
+      confirmDelete.value = false
+      reset()
+      await refresh()
+    } catch (e) {
+      notifyError(e, t('pages.maintenance.orphans.deleteError'))
+    } finally {
+      deleting.value = false
+    }
   }
-}
 
-const msg = (e: unknown): string =>
-  e instanceof Error && e.message.trim() ? e.message : t('common.noDetail');
+  const msg = (e: unknown): string => (e instanceof Error && e.message.trim() ? e.message : t('common.noDetail'))
 
-defineExpose({ refresh });
-onMounted(refresh);
+  defineExpose({ refresh })
+  onMounted(refresh)
 </script>
 
 <style scoped lang="scss">
-.orp-intro {
-  color: var(--dim);
-  font-size: var(--fs-sm);
-  line-height: 1.55;
-  margin: 0 0 var(--space-md);
-  max-width: 80ch;
-}
-.orp-skel {
-  display: grid;
-  grid-template-columns: 320px 1fr;
-  gap: var(--space-lg);
-}
-.orp-empty {
-  color: var(--dim);
-  font-size: var(--fs-sm);
-  margin: 0;
-}
-.orp-state {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: var(--space-sm);
-  padding: var(--space-lg);
-  color: var(--dim);
-  font-size: var(--fs-sm);
-  margin: auto;
-}
-.orp-body {
-  display: grid;
-  grid-template-columns: 320px 1fr;
-  gap: var(--space-lg);
-  align-items: start;
-}
-@media (max-width: 800px) {
-  .orp-body,
+  .orp-intro {
+    color: var(--dim);
+    font-size: var(--fs-sm);
+    line-height: 1.55;
+    margin: 0 0 var(--space-md);
+    max-width: 80ch;
+  }
   .orp-skel {
-    grid-template-columns: 1fr;
+    display: grid;
+    grid-template-columns: 320px 1fr;
+    gap: var(--space-lg);
+  }
+  .orp-empty {
+    color: var(--dim);
+    font-size: var(--fs-sm);
+    margin: 0;
+  }
+  .orp-state {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: var(--space-sm);
+    padding: var(--space-lg);
+    color: var(--dim);
+    font-size: var(--fs-sm);
+    margin: auto;
+  }
+  .orp-body {
+    display: grid;
+    grid-template-columns: 320px 1fr;
+    gap: var(--space-lg);
+    align-items: start;
+  }
+  @media (max-width: 800px) {
+    .orp-body,
+    .orp-skel {
+      grid-template-columns: 1fr;
+    }
+  }
+  .orp-list {
+    border: 1px solid var(--line);
+    border-radius: var(--radius-sm);
+    padding: var(--space-xs);
+    max-height: 60vh;
+    overflow: auto;
+  }
+  .orp-items {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+  .orp-item {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+    width: 100%;
+    text-align: left;
+    background: transparent;
+    border: none;
+    border-radius: var(--radius-sm);
+    padding: var(--space-sm) var(--space-md);
+    cursor: pointer;
+    color: var(--text);
+    transition: background var(--motion-fast);
+  }
+  .orp-item:hover {
+    background: var(--hover-overlay);
+  }
+  .orp-item--active {
+    background: var(--brand-soft);
+  }
+  .orp-item-title {
+    font-size: var(--fs-base);
+    font-weight: 500;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .orp-item-meta {
+    font-size: var(--fs-2xs);
+    color: var(--dim);
+  }
+  .orp-view {
+    display: flex;
+    flex-direction: column;
+    border: 1px solid var(--line);
+    border-radius: var(--radius-sm);
+    min-height: 60vh;
+    max-height: 60vh;
+    overflow: hidden;
+  }
+  .orp-toolbar {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    padding: var(--space-sm) var(--space-md);
+    border-bottom: 1px solid var(--line);
+  }
+  .orp-path {
+    font-size: var(--fs-sm);
+    color: var(--muted);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .orp-content {
+    flex: 1;
+    overflow: auto;
+    padding: var(--space-md);
+  }
+  .orp-loading {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    color: var(--dim);
+    font-size: var(--fs-sm);
+  }
+  .orp-placeholder {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: var(--space-sm);
+    flex: 1;
+    color: var(--faint);
+    font-size: var(--fs-sm);
+  }
+  .orp-del {
+    width: 420px;
+    max-width: 92vw;
+    padding: var(--space-lg);
+  }
+  .orp-del-title {
+    font-size: var(--fs-lg);
+    font-weight: 600;
+  }
+  .orp-del-path {
+    font-size: var(--fs-sm);
+    color: var(--muted);
+    margin: var(--space-xs) 0 var(--space-lg);
+    word-break: break-all;
+  }
+  .orp-del-actions {
+    display: flex;
+    justify-content: flex-end;
+    gap: var(--space-sm);
   }
-}
-.orp-list {
-  border: 1px solid var(--line);
-  border-radius: var(--radius-sm);
-  padding: var(--space-xs);
-  max-height: 60vh;
-  overflow: auto;
-}
-.orp-items {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-.orp-item {
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  width: 100%;
-  text-align: left;
-  background: transparent;
-  border: none;
-  border-radius: var(--radius-sm);
-  padding: var(--space-sm) var(--space-md);
-  cursor: pointer;
-  color: var(--text);
-  transition: background var(--motion-fast);
-}
-.orp-item:hover {
-  background: var(--hover-overlay);
-}
-.orp-item--active {
-  background: var(--brand-soft);
-}
-.orp-item-title {
-  font-size: var(--fs-base);
-  font-weight: 500;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.orp-item-meta {
-  font-size: var(--fs-2xs);
-  color: var(--dim);
-}
-.orp-view {
-  display: flex;
-  flex-direction: column;
-  border: 1px solid var(--line);
-  border-radius: var(--radius-sm);
-  min-height: 60vh;
-  max-height: 60vh;
-  overflow: hidden;
-}
-.orp-toolbar {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  padding: var(--space-sm) var(--space-md);
-  border-bottom: 1px solid var(--line);
-}
-.orp-path {
-  font-size: var(--fs-sm);
-  color: var(--muted);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.orp-content {
-  flex: 1;
-  overflow: auto;
-  padding: var(--space-md);
-}
-.orp-loading {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  color: var(--dim);
-  font-size: var(--fs-sm);
-}
-.orp-placeholder {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: var(--space-sm);
-  flex: 1;
-  color: var(--faint);
-  font-size: var(--fs-sm);
-}
-.orp-del {
-  width: 420px;
-  max-width: 92vw;
-  padding: var(--space-lg);
-}
-.orp-del-title {
-  font-size: var(--fs-lg);
-  font-weight: 600;
-}
-.orp-del-path {
-  font-size: var(--fs-sm);
-  color: var(--muted);
-  margin: var(--space-xs) 0 var(--space-lg);
-  word-break: break-all;
-}
-.orp-del-actions {
-  display: flex;
-  justify-content: flex-end;
-  gap: var(--space-sm);
-}
 </style>
diff --git a/src/components/PlanTree.vue b/src/components/PlanTree.vue
index ef49ed5..b26151f 100644
--- a/src/components/PlanTree.vue
+++ b/src/components/PlanTree.vue
@@ -12,11 +12,7 @@
         "
         @click="toggle(y.key)"
       >
-        <q-icon
-          :name="isOpen(y.key) ? 'expand_more' : 'chevron_right'"
-          size="14px"
-          aria-hidden="true"
-        />
+        <q-icon :name="isOpen(y.key) ? 'expand_more' : 'chevron_right'" size="14px" aria-hidden="true" />
         <q-icon name="calendar_month" size="13px" aria-hidden="true" />
         <span class="pt-node-name font-mono">{{ y.label }}</span>
         <span class="pt-count font-mono">{{ y.count }}</span>
@@ -29,17 +25,11 @@
             class="pt-node"
             :aria-expanded="isOpen(m.key)"
             :aria-label="
-              isOpen(m.key)
-                ? t('common.collapse', { label: `${m.label} ${y.label}` })
-                : t('common.expand', { label: `${m.label} ${y.label}` })
+              isOpen(m.key) ? t('common.collapse', { label: `${m.label} ${y.label}` }) : t('common.expand', { label: `${m.label} ${y.label}` })
             "
             @click="toggle(m.key)"
           >
-            <q-icon
-              :name="isOpen(m.key) ? 'expand_more' : 'chevron_right'"
-              size="14px"
-              aria-hidden="true"
-            />
+            <q-icon :name="isOpen(m.key) ? 'expand_more' : 'chevron_right'" size="14px" aria-hidden="true" />
             <span class="pt-node-name">{{ m.label }}</span>
             <span class="pt-count font-mono">{{ m.plans.length }}</span>
           </button>
@@ -66,172 +56,172 @@
 </template>
 
 <script setup lang="ts">
-import { computed, reactive } from 'vue';
-import { useI18n } from 'vue-i18n';
-import type { PlanInfo } from '@/services/system';
-import { fmtMonth } from '@/utils/format';
+  import type { PlanInfo } from '@/services/system'
+  import { fmtMonth } from '@/utils/format'
+  import { computed, reactive } from 'vue'
+  import { useI18n } from 'vue-i18n'
 
-const { t } = useI18n();
+  const { t } = useI18n()
 
-const props = defineProps<{ plans: PlanInfo[]; activeName: string }>();
-defineEmits<{ open: [plan: PlanInfo] }>();
+  const props = defineProps<{ plans: PlanInfo[]; activeName: string }>()
+  defineEmits<{ open: [plan: PlanInfo] }>()
 
-interface PlanMonth {
-  key: string; // `${year}-${month}`, also the expand key
-  label: string; // « juillet »
-  plans: PlanInfo[];
-}
-interface PlanYear {
-  key: string; // `${year}`
-  label: string;
-  count: number;
-  months: PlanMonth[];
-}
+  interface PlanMonth {
+    key: string // `${year}-${month}`, also the expand key
+    label: string // « juillet »
+    plans: PlanInfo[]
+  }
+  interface PlanYear {
+    key: string // `${year}`
+    label: string
+    count: number
+    months: PlanMonth[]
+  }
 
-/** Plans bucketed by year then month, newest first — they arrive already sorted. */
-const years = computed<PlanYear[]>(() => {
-  const byYear = new Map<number, Map<number, PlanInfo[]>>();
-  for (const p of props.plans) {
-    const d = new Date(p.mtime);
-    const y = d.getFullYear();
-    const m = d.getMonth();
-    let months = byYear.get(y);
-    if (!months) byYear.set(y, (months = new Map()));
-    const bucket = months.get(m);
-    if (bucket) bucket.push(p);
-    else months.set(m, [p]);
-  }
-  return [...byYear.entries()]
-    .sort((a, b) => b[0] - a[0])
-    .map(([y, months]) => ({
-      key: String(y),
-      label: String(y),
-      count: [...months.values()].reduce((n, arr) => n + arr.length, 0),
-      months: [...months.entries()]
-        .sort((a, b) => b[0] - a[0])
-        .map(([m, plans]) => ({
-          key: `${y}-${m}`,
-          label: fmtMonth(new Date(y, m, 1).getTime()),
-          plans,
-        })),
-    }));
-});
+  /** Plans bucketed by year then month, newest first — they arrive already sorted. */
+  const years = computed<PlanYear[]>(() => {
+    const byYear = new Map<number, Map<number, PlanInfo[]>>()
+    for (const p of props.plans) {
+      const d = new Date(p.mtime)
+      const y = d.getFullYear()
+      const m = d.getMonth()
+      let months = byYear.get(y)
+      if (!months) byYear.set(y, (months = new Map()))
+      const bucket = months.get(m)
+      if (bucket) bucket.push(p)
+      else months.set(m, [p])
+    }
+    return [...byYear.entries()]
+      .sort((a, b) => b[0] - a[0])
+      .map(([y, months]) => ({
+        key: String(y),
+        label: String(y),
+        count: [...months.values()].reduce((n, arr) => n + arr.length, 0),
+        months: [...months.entries()]
+          .sort((a, b) => b[0] - a[0])
+          .map(([m, plans]) => ({
+            key: `${y}-${m}`,
+            label: fmtMonth(new Date(y, m, 1).getTime()),
+            plans,
+          })),
+      }))
+  })
 
-/** The newest year and its newest month start open; everything else stays folded. */
-const defaultOpen = computed(() => {
-  const y = years.value[0];
-  const m = y?.months[0];
-  return new Set([y?.key, m?.key].filter((k): k is string => Boolean(k)));
-});
+  /** The newest year and its newest month start open; everything else stays folded. */
+  const defaultOpen = computed(() => {
+    const y = years.value[0]
+    const m = y?.months[0]
+    return new Set([y?.key, m?.key].filter((k): k is string => Boolean(k)))
+  })
 
-const overrides = reactive<Record<string, boolean>>({});
-const isOpen = (key: string): boolean => overrides[key] ?? defaultOpen.value.has(key);
-function toggle(key: string): void {
-  overrides[key] = !isOpen(key);
-}
+  const overrides = reactive<Record<string, boolean>>({})
+  const isOpen = (key: string): boolean => overrides[key] ?? defaultOpen.value.has(key)
+  function toggle(key: string): void {
+    overrides[key] = !isOpen(key)
+  }
 
-/** Day only — the month is already the parent node. */
-const dayOf = (ms: number): string => String(new Date(ms).getDate()).padStart(2, '0');
+  /** Day only — the month is already the parent node. */
+  const dayOf = (ms: number): string => String(new Date(ms).getDate()).padStart(2, '0')
 </script>
 
 <style scoped lang="scss">
-.pt-years,
-.pt-months,
-.pt-plans {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-// Chaque niveau est décalé sous son parent, avec un trait d'appartenance.
-.pt-months,
-.pt-plans {
-  margin-left: calc(var(--space-sm) + 6px);
-  padding-left: var(--space-sm);
-  border-left: 1px solid var(--line-2);
-}
-.pt-node {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  padding: var(--space-xs) var(--space-sm);
-  font-size: var(--fs-xs);
-  color: var(--muted);
-  background: none;
-  border: none;
-  border-radius: var(--radius-sm);
-  text-align: left;
-  cursor: pointer;
-  transition: background var(--motion-fast);
-}
-.pt-node:hover {
-  background: var(--hover-overlay);
-}
-.pt-node:focus-visible {
-  outline: 2px solid var(--brand);
-  outline-offset: -2px;
-}
-.pt-node .q-icon {
-  color: var(--faint);
-  flex: 0 0 auto;
-}
-.pt-node-name {
-  flex: 1 1 auto;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.pt-count {
-  flex: 0 0 auto;
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-}
-.pt-plan {
-  width: 100%;
-  display: flex;
-  align-items: baseline;
-  gap: var(--space-xs);
-  padding: var(--space-sm);
-  background: none;
-  border: none;
-  border-left: 2px solid transparent;
-  border-radius: var(--radius-sm);
-  color: inherit;
-  text-align: left;
-  cursor: pointer;
-  transition:
-    background var(--motion-fast),
-    border-color var(--motion-fast);
-}
-.pt-plan:hover {
-  background: var(--hover-overlay);
-}
-.pt-plan:focus-visible {
-  outline: 2px solid var(--brand);
-  outline-offset: -2px;
-}
-.pt-plan--active {
-  background: var(--brand-soft);
-  border-left-color: var(--brand);
-}
-.pt-plan .q-icon {
-  color: var(--brand);
-  flex: 0 0 auto;
-  align-self: center;
-}
-.pt-plan-title {
-  flex: 1 1 auto;
-  min-width: 0;
-  font-size: var(--fs-sm);
-  color: var(--text);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.pt-plan-meta {
-  flex: 0 0 auto;
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-}
+  .pt-years,
+  .pt-months,
+  .pt-plans {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+  // Chaque niveau est décalé sous son parent, avec un trait d'appartenance.
+  .pt-months,
+  .pt-plans {
+    margin-left: calc(var(--space-sm) + 6px);
+    padding-left: var(--space-sm);
+    border-left: 1px solid var(--line-2);
+  }
+  .pt-node {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    padding: var(--space-xs) var(--space-sm);
+    font-size: var(--fs-xs);
+    color: var(--muted);
+    background: none;
+    border: none;
+    border-radius: var(--radius-sm);
+    text-align: left;
+    cursor: pointer;
+    transition: background var(--motion-fast);
+  }
+  .pt-node:hover {
+    background: var(--hover-overlay);
+  }
+  .pt-node:focus-visible {
+    outline: 2px solid var(--brand);
+    outline-offset: -2px;
+  }
+  .pt-node .q-icon {
+    color: var(--faint);
+    flex: 0 0 auto;
+  }
+  .pt-node-name {
+    flex: 1 1 auto;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .pt-count {
+    flex: 0 0 auto;
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+  }
+  .pt-plan {
+    width: 100%;
+    display: flex;
+    align-items: baseline;
+    gap: var(--space-xs);
+    padding: var(--space-sm);
+    background: none;
+    border: none;
+    border-left: 2px solid transparent;
+    border-radius: var(--radius-sm);
+    color: inherit;
+    text-align: left;
+    cursor: pointer;
+    transition:
+      background var(--motion-fast),
+      border-color var(--motion-fast);
+  }
+  .pt-plan:hover {
+    background: var(--hover-overlay);
+  }
+  .pt-plan:focus-visible {
+    outline: 2px solid var(--brand);
+    outline-offset: -2px;
+  }
+  .pt-plan--active {
+    background: var(--brand-soft);
+    border-left-color: var(--brand);
+  }
+  .pt-plan .q-icon {
+    color: var(--brand);
+    flex: 0 0 auto;
+    align-self: center;
+  }
+  .pt-plan-title {
+    flex: 1 1 auto;
+    min-width: 0;
+    font-size: var(--fs-sm);
+    color: var(--text);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .pt-plan-meta {
+    flex: 0 0 auto;
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+  }
 </style>
diff --git a/src/components/RuleTree.vue b/src/components/RuleTree.vue
index 4c021b6..ccf16e9 100644
--- a/src/components/RuleTree.vue
+++ b/src/components/RuleTree.vue
@@ -7,18 +7,10 @@
           type="button"
           class="rt-dir"
           :aria-expanded="isExpanded(n.path)"
-          :aria-label="
-            isExpanded(n.path)
-              ? t('common.collapse', { label: n.name })
-              : t('common.expand', { label: n.name })
-          "
+          :aria-label="isExpanded(n.path) ? t('common.collapse', { label: n.name }) : t('common.expand', { label: n.name })"
           @click="toggle(n.path)"
         >
-          <q-icon
-            :name="isExpanded(n.path) ? 'expand_more' : 'chevron_right'"
-            size="14px"
-            aria-hidden="true"
-          />
+          <q-icon :name="isExpanded(n.path) ? 'expand_more' : 'chevron_right'" size="14px" aria-hidden="true" />
           <q-icon name="folder_open" size="13px" aria-hidden="true" />
           <span class="rt-dir-name font-mono">{{ n.name }}</span>
           <span class="rt-count font-mono">{{ n.fileCount }}</span>
@@ -52,139 +44,139 @@
 </template>
 
 <script setup lang="ts">
-import { reactive } from 'vue';
-import { useI18n } from 'vue-i18n';
-import type { ResourceNode } from '@/services/projects';
-import { fmtBytes } from '@/utils/format';
+  import { reactive } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import type { ResourceNode } from '@/services/projects'
+  import { fmtBytes } from '@/utils/format'
 
-// Les nœuds sont déclarés avec `buildTree`, qui les produit : un module de
-// logique n'a pas à importer un composant pour nommer son résultat. On les
-// ré-exporte ici pour que les appelants historiques ne changent pas d'import.
-export type { RuleFileNode, RuleDirNode, RuleNode } from '@/components/resources/projectResources';
-import type { RuleNode } from '@/components/resources/projectResources';
+  // Les nœuds sont déclarés avec `buildTree`, qui les produit : un module de
+  // logique n'a pas à importer un composant pour nommer son résultat. On les
+  // ré-exporte ici pour que les appelants historiques ne changent pas d'import.
+  export type { RuleFileNode, RuleDirNode, RuleNode } from '@/components/resources/projectResources'
+  import type { RuleNode } from '@/components/resources/projectResources'
 
-// `fileMeta` : le chiffre en bout de ligne. C'est une taille partout, sauf sur
-// les Sauvegardes où un fichier vaut par son nombre de versions.
-withDefaults(
-  defineProps<{
-    nodes: RuleNode[];
-    activeRel: string;
-    fileIcon?: string;
-    fileMeta?: (node: ResourceNode) => string;
-  }>(),
-  {
-    fileIcon: 'rule',
-    fileMeta: (node: ResourceNode) => fmtBytes(node.size),
-  },
-);
-defineEmits<{ open: [node: ResourceNode] }>();
+  // `fileMeta` : le chiffre en bout de ligne. C'est une taille partout, sauf sur
+  // les Sauvegardes où un fichier vaut par son nombre de versions.
+  withDefaults(
+    defineProps<{
+      nodes: RuleNode[]
+      activeRel: string
+      fileIcon?: string
+      fileMeta?: (node: ResourceNode) => string
+    }>(),
+    {
+      fileIcon: 'rule',
+      fileMeta: (node: ResourceNode) => fmtBytes(node.size),
+    },
+  )
+  defineEmits<{ open: [node: ResourceNode] }>()
 
-const { t } = useI18n();
+  const { t } = useI18n()
 
-// Dossiers dépliés par défaut ; chaque instance gère l'état de ses enfants directs.
-const collapsed = reactive<Record<string, boolean>>({});
-const isExpanded = (path: string): boolean => !collapsed[path];
-function toggle(path: string): void {
-  collapsed[path] = !collapsed[path];
-}
+  // Dossiers dépliés par défaut ; chaque instance gère l'état de ses enfants directs.
+  const collapsed = reactive<Record<string, boolean>>({})
+  const isExpanded = (path: string): boolean => !collapsed[path]
+  function toggle(path: string): void {
+    collapsed[path] = !collapsed[path]
+  }
 </script>
 
 <style scoped lang="scss">
-.rt-list {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-// Les enfants sont décalés sous leur dossier, avec un trait d'appartenance.
-.rt-children {
-  margin-left: calc(var(--space-sm) + 6px);
-  padding-left: var(--space-sm);
-  border-left: 1px solid var(--line-2);
-}
-.rt-dir {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  padding: var(--space-xs) var(--space-sm);
-  font-size: var(--fs-xs);
-  color: var(--muted);
-  background: none;
-  border: none;
-  border-radius: var(--radius-sm);
-  text-align: left;
-  cursor: pointer;
-  transition: background var(--motion-fast);
-}
-.rt-dir:hover {
-  background: var(--hover-overlay);
-}
-.rt-dir:focus-visible {
-  outline: 2px solid var(--brand);
-  outline-offset: -2px;
-}
-.rt-dir .q-icon {
-  color: var(--faint);
-  flex: 0 0 auto;
-}
-.rt-dir-name {
-  flex: 1 1 auto;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.rt-count {
-  flex: 0 0 auto;
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-}
-.rt-file {
-  width: 100%;
-  display: flex;
-  align-items: baseline;
-  gap: var(--space-xs);
-  padding: var(--space-sm);
-  background: none;
-  border: none;
-  border-left: 2px solid transparent;
-  border-radius: var(--radius-sm);
-  color: inherit;
-  text-align: left;
-  cursor: pointer;
-  transition:
-    background var(--motion-fast),
-    border-color var(--motion-fast);
-}
-.rt-file:hover {
-  background: var(--hover-overlay);
-}
-.rt-file:focus-visible {
-  outline: 2px solid var(--brand);
-  outline-offset: -2px;
-}
-.rt-file--active {
-  background: var(--brand-soft);
-  border-left-color: var(--brand);
-}
-.rt-file .q-icon {
-  color: var(--brand);
-  flex: 0 0 auto;
-  align-self: center;
-}
-.rt-file-name {
-  flex: 1 1 auto;
-  min-width: 0;
-  font-size: var(--fs-sm);
-  color: var(--text);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.rt-file-size {
-  flex: 0 0 auto;
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-  white-space: nowrap;
-}
+  .rt-list {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+  // Les enfants sont décalés sous leur dossier, avec un trait d'appartenance.
+  .rt-children {
+    margin-left: calc(var(--space-sm) + 6px);
+    padding-left: var(--space-sm);
+    border-left: 1px solid var(--line-2);
+  }
+  .rt-dir {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    padding: var(--space-xs) var(--space-sm);
+    font-size: var(--fs-xs);
+    color: var(--muted);
+    background: none;
+    border: none;
+    border-radius: var(--radius-sm);
+    text-align: left;
+    cursor: pointer;
+    transition: background var(--motion-fast);
+  }
+  .rt-dir:hover {
+    background: var(--hover-overlay);
+  }
+  .rt-dir:focus-visible {
+    outline: 2px solid var(--brand);
+    outline-offset: -2px;
+  }
+  .rt-dir .q-icon {
+    color: var(--faint);
+    flex: 0 0 auto;
+  }
+  .rt-dir-name {
+    flex: 1 1 auto;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .rt-count {
+    flex: 0 0 auto;
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+  }
+  .rt-file {
+    width: 100%;
+    display: flex;
+    align-items: baseline;
+    gap: var(--space-xs);
+    padding: var(--space-sm);
+    background: none;
+    border: none;
+    border-left: 2px solid transparent;
+    border-radius: var(--radius-sm);
+    color: inherit;
+    text-align: left;
+    cursor: pointer;
+    transition:
+      background var(--motion-fast),
+      border-color var(--motion-fast);
+  }
+  .rt-file:hover {
+    background: var(--hover-overlay);
+  }
+  .rt-file:focus-visible {
+    outline: 2px solid var(--brand);
+    outline-offset: -2px;
+  }
+  .rt-file--active {
+    background: var(--brand-soft);
+    border-left-color: var(--brand);
+  }
+  .rt-file .q-icon {
+    color: var(--brand);
+    flex: 0 0 auto;
+    align-self: center;
+  }
+  .rt-file-name {
+    flex: 1 1 auto;
+    min-width: 0;
+    font-size: var(--fs-sm);
+    color: var(--text);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .rt-file-size {
+    flex: 0 0 auto;
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+    white-space: nowrap;
+  }
 </style>
diff --git a/src/components/agent/ActivityLine.vue b/src/components/agent/ActivityLine.vue
index 2322fab..1fc3ba1 100644
--- a/src/components/agent/ActivityLine.vue
+++ b/src/components/agent/ActivityLine.vue
@@ -28,149 +28,146 @@
 </template>
 
 <script setup lang="ts">
-import { computed, onUnmounted, ref, watch } from 'vue';
-import { useI18n } from 'vue-i18n';
-import type { AgentActivity, AgentPhase } from '@/services/agent';
-import { fmtNum } from '@/utils/format';
-import PulseDots from '@/components/ui/PulseDots.vue';
-
-const props = defineProps<{ activity: AgentActivity }>();
-
-const { t } = useI18n();
-
-/**
- * Ce que chaque phase dit, quand elle n'a rien de plus précis à dire.
- *
- * `tool` n'y figure pas : elle se nomme de ses outils, et « Outil en cours »
- * apprendrait moins que « Bash ». La clé est calculée à l'appel : un libellé
- * posé ici resterait figé dans la langue du démarrage.
- */
-const phaseLabel = (phase: Exclude<AgentPhase, 'tool'>): string => t(`agent.activity.${phase}`);
-
-/**
- * L'horloge du composant, qui n'avance que pendant qu'on regarde.
- *
- * Le serveur envoie un instant de départ, pas une durée : un chrono qui court
- * côté client tient la seconde sans coûter une trame réseau par seconde. Le
- * `tool_progress` du SDK, lui, corrige quand il passe.
- */
-const now = ref(Date.now());
-let ticker: ReturnType<typeof setInterval> | null = null;
-
-watch(
-  () => props.activity.phase !== null,
-  (running) => {
-    if (ticker) {
-      clearInterval(ticker);
-      ticker = null;
+  import PulseDots from '@/components/ui/PulseDots.vue'
+  import type { AgentActivity, AgentPhase } from '@/services/agent'
+  import { fmtNum } from '@/utils/format'
+  import { computed, onUnmounted, ref, watch } from 'vue'
+  import { useI18n } from 'vue-i18n'
+
+  const props = defineProps<{ activity: AgentActivity }>()
+
+  const { t } = useI18n()
+
+  /**
+   * Ce que chaque phase dit, quand elle n'a rien de plus précis à dire.
+   *
+   * `tool` n'y figure pas : elle se nomme de ses outils, et « Outil en cours »
+   * apprendrait moins que « Bash ». La clé est calculée à l'appel : un libellé
+   * posé ici resterait figé dans la langue du démarrage.
+   */
+  const phaseLabel = (phase: Exclude<AgentPhase, 'tool'>): string => t(`agent.activity.${phase}`)
+
+  /**
+   * L'horloge du composant, qui n'avance que pendant qu'on regarde.
+   *
+   * Le serveur envoie un instant de départ, pas une durée : un chrono qui court
+   * côté client tient la seconde sans coûter une trame réseau par seconde. Le
+   * `tool_progress` du SDK, lui, corrige quand il passe.
+   */
+  const now = ref(Date.now())
+  let ticker: ReturnType<typeof setInterval> | null = null
+
+  watch(
+    () => props.activity.phase !== null,
+    (running) => {
+      if (ticker) {
+        clearInterval(ticker)
+        ticker = null
+      }
+      if (!running) return
+      now.value = Date.now()
+      ticker = setInterval(() => {
+        now.value = Date.now()
+      }, 1000)
+    },
+    { immediate: true },
+  )
+
+  onUnmounted(() => {
+    if (ticker) clearInterval(ticker)
+  })
+
+  const label = computed(() => {
+    const { phase, tools, retry } = props.activity
+    if (!phase) return ''
+    if (phase === 'retrying' && retry) {
+      return t('agent.activity.retryAttempt', { attempt: retry.attempt, max: retry.maxRetries })
     }
-    if (!running) return;
-    now.value = Date.now();
-    ticker = setInterval(() => {
-      now.value = Date.now();
-    }, 1000);
-  },
-  { immediate: true },
-);
-
-onUnmounted(() => {
-  if (ticker) clearInterval(ticker);
-});
-
-const label = computed(() => {
-  const { phase, tools, retry } = props.activity;
-  if (!phase) return '';
-  if (phase === 'retrying' && retry) {
-    return t('agent.activity.retryAttempt', { attempt: retry.attempt, max: retry.maxRetries });
+    if (phase !== 'tool') return phaseLabel(phase)
+    if (!tools.length) return t('agent.activity.toolUnnamed')
+    // Trois noms tiennent sur une ligne ; au-delà on compte, parce qu'une liste
+    // qui déborde ne se lit plus et pousse le chrono hors de l'écran.
+    const shown = tools.slice(0, 3).map((t) => t.name)
+    const rest = tools.length - shown.length
+    return rest > 0 ? `${shown.join(', ')} +${rest}` : shown.join(', ')
+  })
+
+  /** Une durée telle qu'on la lit d'un coup d'œil, jamais au dixième. */
+  function fmtDuration(seconds: number): string {
+    const s = t('formats.duration.s')
+    if (seconds < 60) return `${Math.floor(seconds)} ${s}`
+    const minutes = Math.floor(seconds / 60)
+    return `${minutes} ${t('formats.duration.min')} ${String(Math.floor(seconds % 60)).padStart(2, '0')} ${s}`
   }
-  if (phase !== 'tool') return phaseLabel(phase);
-  if (!tools.length) return t('agent.activity.toolUnnamed');
-  // Trois noms tiennent sur une ligne ; au-delà on compte, parce qu'une liste
-  // qui déborde ne se lit plus et pousse le chrono hors de l'écran.
-  const shown = tools.slice(0, 3).map((t) => t.name);
-  const rest = tools.length - shown.length;
-  return rest > 0 ? `${shown.join(', ')} +${rest}` : shown.join(', ');
-});
-
-/** Une durée telle qu'on la lit d'un coup d'œil, jamais au dixième. */
-function fmtDuration(seconds: number): string {
-  const s = t('formats.duration.s');
-  if (seconds < 60) return `${Math.floor(seconds)} ${s}`;
-  const minutes = Math.floor(seconds / 60);
-  return `${minutes} ${t('formats.duration.min')} ${String(Math.floor(seconds % 60)).padStart(2, '0')} ${s}`;
-}
-
-/**
- * Le compteur de la phase — ce qui bouge *à l'intérieur* de ce qui est annoncé.
- *
- * Distinct du chrono du tour : celui-ci répond à « où en est cet outil-là »,
- * l'autre à « depuis combien de temps ça mouline ».
- */
-const detail = computed(() => {
-  const { phase, thinkingTokens, tools, since, retry } = props.activity;
-  if (!phase) return '';
-  if (phase === 'retrying') {
-    if (!retry) return '';
-    // Le SDK annonce un délai, pas une échéance : l'afficher tel quel laisserait
-    // « dans 48 s » immobile pendant quarante-huit secondes, ce qui se lit comme
-    // un écran gelé — exactement ce qu'on essaie de faire disparaître.
-    const left = Math.max(0, retry.delayMs / 1000 - (now.value - since) / 1000);
-    return left < 1
-      ? t('agent.activity.retryNow')
-      : t('agent.activity.retryIn', { n: Math.ceil(left) });
-  }
-  if (phase === 'thinking' && thinkingTokens) {
-    return t('agent.activity.thinkingTokens', { n: fmtNum(thinkingTokens) });
-  }
-  if (phase !== 'tool') return '';
-
-  // Pour un outil c'est *sa* durée qui compte, pas celle de la phase : deux
-  // outils lancés ensemble n'ont pas commencé au même instant. Et le chrono que
-  // le SDK mesure lui-même fait foi sur celui qu'on calcule.
-  const first = tools[0];
-  const seconds =
-    first?.elapsedSeconds ?? Math.max(0, (now.value - (first?.startedAt ?? since)) / 1000);
-  // Sous deux secondes, un chrono clignote plus qu'il n'informe.
-  return seconds < 2 ? '' : fmtDuration(seconds);
-});
-
-/**
- * Depuis combien de temps le tour dure — le `10m 8s` du CLI.
- *
- * Cinq secondes avant de l'afficher : en dessous, il n'y a rien à s'expliquer,
- * et un chiffre qui apparaît pour disparaître aussitôt fait plus de bruit que de
- * signal.
- */
-const turn = computed(() => {
-  const { turnStartedAt } = props.activity;
-  if (!turnStartedAt) return '';
-  const seconds = Math.max(0, (now.value - turnStartedAt) / 1000);
-  return seconds < 5 ? '' : fmtDuration(seconds);
-});
+
+  /**
+   * Le compteur de la phase — ce qui bouge *à l'intérieur* de ce qui est annoncé.
+   *
+   * Distinct du chrono du tour : celui-ci répond à « où en est cet outil-là »,
+   * l'autre à « depuis combien de temps ça mouline ».
+   */
+  const detail = computed(() => {
+    const { phase, thinkingTokens, tools, since, retry } = props.activity
+    if (!phase) return ''
+    if (phase === 'retrying') {
+      if (!retry) return ''
+      // Le SDK annonce un délai, pas une échéance : l'afficher tel quel laisserait
+      // « dans 48 s » immobile pendant quarante-huit secondes, ce qui se lit comme
+      // un écran gelé — exactement ce qu'on essaie de faire disparaître.
+      const left = Math.max(0, retry.delayMs / 1000 - (now.value - since) / 1000)
+      return left < 1 ? t('agent.activity.retryNow') : t('agent.activity.retryIn', { n: Math.ceil(left) })
+    }
+    if (phase === 'thinking' && thinkingTokens) {
+      return t('agent.activity.thinkingTokens', { n: fmtNum(thinkingTokens) })
+    }
+    if (phase !== 'tool') return ''
+
+    // Pour un outil c'est *sa* durée qui compte, pas celle de la phase : deux
+    // outils lancés ensemble n'ont pas commencé au même instant. Et le chrono que
+    // le SDK mesure lui-même fait foi sur celui qu'on calcule.
+    const first = tools[0]
+    const seconds = first?.elapsedSeconds ?? Math.max(0, (now.value - (first?.startedAt ?? since)) / 1000)
+    // Sous deux secondes, un chrono clignote plus qu'il n'informe.
+    return seconds < 2 ? '' : fmtDuration(seconds)
+  })
+
+  /**
+   * Depuis combien de temps le tour dure — le `10m 8s` du CLI.
+   *
+   * Cinq secondes avant de l'afficher : en dessous, il n'y a rien à s'expliquer,
+   * et un chiffre qui apparaît pour disparaître aussitôt fait plus de bruit que de
+   * signal.
+   */
+  const turn = computed(() => {
+    const { turnStartedAt } = props.activity
+    if (!turnStartedAt) return ''
+    const seconds = Math.max(0, (now.value - turnStartedAt) / 1000)
+    return seconds < 5 ? '' : fmtDuration(seconds)
+  })
 </script>
 
 <style scoped lang="scss">
-.al {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  padding: var(--space-xs) var(--space-md);
-  font-size: var(--fs-xs);
-  color: var(--muted);
-}
-
-.al-label {
-  color: var(--text);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  min-width: 0;
-}
-
-.al-detail,
-.al-turn {
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-  flex: none;
-}
+  .al {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    padding: var(--space-xs) var(--space-md);
+    font-size: var(--fs-xs);
+    color: var(--muted);
+  }
+
+  .al-label {
+    color: var(--text);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    min-width: 0;
+  }
+
+  .al-detail,
+  .al-turn {
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+    flex: none;
+  }
 </style>
diff --git a/src/components/agent/AskPrompt.vue b/src/components/agent/AskPrompt.vue
index a6982cc..c92e41d 100644
--- a/src/components/agent/AskPrompt.vue
+++ b/src/components/agent/AskPrompt.vue
@@ -13,15 +13,7 @@
       <!-- Où l'on en est, quand il y a plusieurs questions à répondre. -->
       <span v-if="multi" class="ap-count font-mono">{{ step + 1 }} / {{ questions.length }}</span>
       <q-space />
-      <q-btn
-        flat
-        dense
-        round
-        size="sm"
-        icon="close"
-        :aria-label="t('agent.ask.close')"
-        @click="emit('close')"
-      >
+      <q-btn flat dense round size="sm" icon="close" :aria-label="t('agent.ask.close')" @click="emit('close')">
         <q-tooltip>{{ t('agent.ask.closeHint') }}</q-tooltip>
       </q-btn>
     </header>
@@ -35,17 +27,7 @@
       existait. L'en-tête de chaque question — douze caractères, c'est sa
       raison d'être — fait le titre de son étape.
     -->
-    <q-stepper
-      v-if="multi"
-      v-model="step"
-      flat
-      animated
-      header-nav
-      class="ap-stepper"
-      color="primary"
-      active-color="primary"
-      done-color="primary"
-    >
+    <q-stepper v-if="multi" v-model="step" flat animated header-nav class="ap-stepper" color="primary" active-color="primary" done-color="primary">
       <q-step
         v-for="(q, qi) in questions"
         :key="qi"
@@ -56,20 +38,11 @@
         icon="help_outline"
         done-icon="check"
       >
-        <QuestionFields
-          :question="q"
-          :model-value="picks[qi]"
-          @update:model-value="(v) => setPick(qi, v)"
-        />
+        <QuestionFields :question="q" :model-value="picks[qi]" @update:model-value="(v) => setPick(qi, v)" />
       </q-step>
     </q-stepper>
 
-    <QuestionFields
-      v-else-if="questions[0]"
-      :question="questions[0]"
-      :model-value="picks[0]"
-      @update:model-value="(v) => setPick(0, v)"
-    />
+    <QuestionFields v-else-if="questions[0]" :question="questions[0]" :model-value="picks[0]" @update:model-value="(v) => setPick(0, v)" />
 
     <!-- La précision vaut pour la réponse entière, pas pour une étape : elle vit
          donc hors du stepper, avec le bouton qui l'envoie. -->
@@ -88,15 +61,7 @@
     />
 
     <div class="ap-actions">
-      <q-btn
-        v-if="multi && step > 0"
-        flat
-        no-caps
-        icon="chevron_left"
-        :label="t('agent.ask.previous')"
-        :disable="busy"
-        @click="step -= 1"
-      />
+      <q-btn v-if="multi && step > 0" flat no-caps icon="chevron_left" :label="t('agent.ask.previous')" :disable="busy" @click="step -= 1" />
       <q-space />
       <!-- Tant qu'il reste une question sans réponse, avancer est le seul geste
            offert : c'est plus clair qu'un « Répondre » grisé sans dire pourquoi. -->
@@ -110,15 +75,7 @@
         :disable="busy || !answered(step)"
         @click="step += 1"
       />
-      <q-btn
-        v-else
-        unelevated
-        no-caps
-        type="submit"
-        color="primary"
-        :label="t('agent.ask.submit')"
-        :disable="busy || !complete"
-      >
+      <q-btn v-else unelevated no-caps type="submit" color="primary" :label="t('agent.ask.submit')" :disable="busy || !complete">
         <q-tooltip v-if="!complete && multi">
           {{ t('agent.ask.missing', missing.length) }}
         </q-tooltip>
@@ -128,116 +85,116 @@
 </template>
 
 <script setup lang="ts">
-import { computed, useId } from 'vue';
-import { useI18n } from 'vue-i18n';
-import type { AskRequest } from '@/services/agent';
-import QuestionFields from './QuestionFields.vue';
-
-/**
- * Ce qu'une réponse en cours retient, entre deux ouvertures du dialogue.
- *
- * Le brouillon vit chez l'appelant et non ici : refermer le dialogue démonte ce
- * composant, et une réponse à demi choisie ne doit pas disparaître parce qu'on
- * est allé relire la conversation — c'est même la raison d'être du bouton.
- */
-export interface AskDraft {
-  /** Un choix par question : une chaîne, ou une liste quand le choix est multiple. */
-  picks: (string | string[])[];
-  notes: string;
-  step: number;
-}
-
-const props = defineProps<{ request: AskRequest; busy?: boolean }>();
-const draft = defineModel<AskDraft>('draft', { required: true });
-const emit = defineEmits<{ answer: [Record<string, string>, string]; close: [] }>();
-
-const { t } = useI18n();
-
-const headId = useId();
-
-const questions = computed(() => props.request.questions);
-const multi = computed(() => questions.value.length > 1);
-
-const picks = computed(() => draft.value.picks);
-const step = computed({
-  get: () => Math.min(draft.value.step, questions.value.length - 1),
-  set: (v) => (draft.value = { ...draft.value, step: v }),
-});
-const notes = computed({
-  get: () => draft.value.notes,
-  set: (v) => (draft.value = { ...draft.value, notes: v }),
-});
-
-function setPick(index: number, value: string | string[]): void {
-  const next = [...draft.value.picks];
-  next[index] = value;
-  draft.value = { ...draft.value, picks: next };
-}
-
-/** Une question a sa réponse : une chaîne non vide, ou au moins une case cochée. */
-function answered(index: number): boolean {
-  const pick = picks.value[index];
-  return Array.isArray(pick) ? pick.length > 0 : Boolean(pick);
-}
-
-const missing = computed(() => questions.value.map((_, i) => i).filter((i) => !answered(i)));
-const complete = computed(() => missing.value.length === 0);
-
-function submit(): void {
-  if (!complete.value) return;
-  const answers: Record<string, string> = {};
-  questions.value.forEach((q, i) => {
-    const pick = picks.value[i];
-    // Le harness joint les choix multiples par `, ` : on reprend sa forme, parce
-    // que c'est elle que le visualiseur relit au rejeu.
-    answers[q.question] = Array.isArray(pick) ? pick.join(', ') : (pick ?? '');
-  });
-  emit('answer', answers, notes.value);
-}
+  import type { AskRequest } from '@/services/agent'
+  import { computed, useId } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import QuestionFields from './QuestionFields.vue'
+
+  /**
+   * Ce qu'une réponse en cours retient, entre deux ouvertures du dialogue.
+   *
+   * Le brouillon vit chez l'appelant et non ici : refermer le dialogue démonte ce
+   * composant, et une réponse à demi choisie ne doit pas disparaître parce qu'on
+   * est allé relire la conversation — c'est même la raison d'être du bouton.
+   */
+  export interface AskDraft {
+    /** Un choix par question : une chaîne, ou une liste quand le choix est multiple. */
+    picks: (string | string[])[]
+    notes: string
+    step: number
+  }
+
+  const props = defineProps<{ request: AskRequest; busy?: boolean }>()
+  const draft = defineModel<AskDraft>('draft', { required: true })
+  const emit = defineEmits<{ answer: [Record<string, string>, string]; close: [] }>()
+
+  const { t } = useI18n()
+
+  const headId = useId()
+
+  const questions = computed(() => props.request.questions)
+  const multi = computed(() => questions.value.length > 1)
+
+  const picks = computed(() => draft.value.picks)
+  const step = computed({
+    get: () => Math.min(draft.value.step, questions.value.length - 1),
+    set: (v) => (draft.value = { ...draft.value, step: v }),
+  })
+  const notes = computed({
+    get: () => draft.value.notes,
+    set: (v) => (draft.value = { ...draft.value, notes: v }),
+  })
+
+  function setPick(index: number, value: string | string[]): void {
+    const next = [...draft.value.picks]
+    next[index] = value
+    draft.value = { ...draft.value, picks: next }
+  }
+
+  /** Une question a sa réponse : une chaîne non vide, ou au moins une case cochée. */
+  function answered(index: number): boolean {
+    const pick = picks.value[index]
+    return Array.isArray(pick) ? pick.length > 0 : Boolean(pick)
+  }
+
+  const missing = computed(() => questions.value.map((_, i) => i).filter((i) => !answered(i)))
+  const complete = computed(() => missing.value.length === 0)
+
+  function submit(): void {
+    if (!complete.value) return
+    const answers: Record<string, string> = {}
+    questions.value.forEach((q, i) => {
+      const pick = picks.value[i]
+      // Le harness joint les choix multiples par `, ` : on reprend sa forme, parce
+      // que c'est elle que le visualiseur relit au rejeu.
+      answers[q.question] = Array.isArray(pick) ? pick.join(', ') : (pick ?? '')
+    })
+    emit('answer', answers, notes.value)
+  }
 </script>
 
 <style scoped>
-.ap {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-md);
-  min-height: 0;
-}
-
-.ap-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  color: var(--text);
-}
-
-.ap-head h3 {
-  font-size: var(--fs-base);
-  font-weight: 600;
-  margin: 0;
-}
-
-.ap-count {
-  font-size: var(--fs-xs);
-  color: var(--muted);
-}
-
-/* Le stepper de Quasar porte son propre fond et son propre rembourrage : on lui
+  .ap {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md);
+    min-height: 0;
+  }
+
+  .ap-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    color: var(--text);
+  }
+
+  .ap-head h3 {
+    font-size: var(--fs-base);
+    font-weight: 600;
+    margin: 0;
+  }
+
+  .ap-count {
+    font-size: var(--fs-xs);
+    color: var(--muted);
+  }
+
+  /* Le stepper de Quasar porte son propre fond et son propre rembourrage : on lui
    retire les deux, la carte du dialogue les fournit déjà. */
-.ap-stepper {
-  background: transparent;
-  min-height: 0;
-}
-.ap-stepper :deep(.q-stepper__step-inner) {
-  padding: var(--space-md) 0 0;
-}
-.ap-stepper :deep(.q-stepper__header) {
-  border-bottom: 1px solid var(--line);
-}
-
-.ap-actions {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-}
+  .ap-stepper {
+    background: transparent;
+    min-height: 0;
+  }
+  .ap-stepper :deep(.q-stepper__step-inner) {
+    padding: var(--space-md) 0 0;
+  }
+  .ap-stepper :deep(.q-stepper__header) {
+    border-bottom: 1px solid var(--line);
+  }
+
+  .ap-actions {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+  }
 </style>
diff --git a/src/components/agent/PermissionPrompt.vue b/src/components/agent/PermissionPrompt.vue
index ea47133..e1925ca 100644
--- a/src/components/agent/PermissionPrompt.vue
+++ b/src/components/agent/PermissionPrompt.vue
@@ -25,163 +25,140 @@
     </details>
 
     <div class="pp-actions">
-      <q-btn
-        unelevated
-        no-caps
-        color="primary"
-        :label="t('agent.permission.allow')"
-        :disable="busy"
-        @click="answer('allow')"
-      />
-      <q-btn
-        flat
-        no-caps
-        :label="t('agent.permission.always')"
-        :disable="busy"
-        @click="answer('allow-always')"
-      />
-      <q-btn
-        flat
-        no-caps
-        :label="t('agent.permission.deny')"
-        :disable="busy"
-        @click="answer('deny')"
-      />
+      <q-btn unelevated no-caps color="primary" :label="t('agent.permission.allow')" :disable="busy" @click="answer('allow')" />
+      <q-btn flat no-caps :label="t('agent.permission.always')" :disable="busy" @click="answer('allow-always')" />
+      <q-btn flat no-caps :label="t('agent.permission.deny')" :disable="busy" @click="answer('deny')" />
     </div>
   </section>
 </template>
 
 <script setup lang="ts">
-import { computed, ref, onMounted, onUnmounted } from 'vue';
-import { useI18n } from 'vue-i18n';
-import type { PermissionAnswer, PermissionRequest } from '@/services/agent';
-
-const { t } = useI18n();
-
-const props = defineProps<{ request: PermissionRequest; busy?: boolean }>();
-const emit = defineEmits<{ answer: [PermissionAnswer] }>();
-
-const headId = computed(() => `perm-${props.request.id}`);
-
-/**
- * Le libellé de l'action. `title` est ce que le SDK dit de privilégier, mais il
- * arrive vide plus souvent qu'à son tour — les trois niveaux de repli sont donc
- * tous nécessaires, pas décoratifs.
- */
-const label = computed(
-  () => props.request.title || props.request.displayName || props.request.toolName,
-);
-
-/** Ce sur quoi l'outil va agir : un chemin, une commande, sinon rien. */
-const target = computed(() => {
-  const input = props.request.input;
-  const path = input.file_path ?? input.path ?? input.notebook_path;
-  if (typeof path === 'string') return path;
-  if (typeof input.command === 'string') return input.command;
-  return props.request.blockedPath ?? '';
-});
-
-/** L'appel entier, pour qui veut vérifier ce que le résumé ne montre pas. */
-const detail = computed(() => {
-  try {
-    return JSON.stringify(props.request.input, null, 2);
-  } catch {
-    return '';
+  import type { PermissionAnswer, PermissionRequest } from '@/services/agent'
+  import { computed, ref, onMounted, onUnmounted } from 'vue'
+  import { useI18n } from 'vue-i18n'
+
+  const { t } = useI18n()
+
+  const props = defineProps<{ request: PermissionRequest; busy?: boolean }>()
+  const emit = defineEmits<{ answer: [PermissionAnswer] }>()
+
+  const headId = computed(() => `perm-${props.request.id}`)
+
+  /**
+   * Le libellé de l'action. `title` est ce que le SDK dit de privilégier, mais il
+   * arrive vide plus souvent qu'à son tour — les trois niveaux de repli sont donc
+   * tous nécessaires, pas décoratifs.
+   */
+  const label = computed(() => props.request.title || props.request.displayName || props.request.toolName)
+
+  /** Ce sur quoi l'outil va agir : un chemin, une commande, sinon rien. */
+  const target = computed(() => {
+    const input = props.request.input
+    const path = input.file_path ?? input.path ?? input.notebook_path
+    if (typeof path === 'string') return path
+    if (typeof input.command === 'string') return input.command
+    return props.request.blockedPath ?? ''
+  })
+
+  /** L'appel entier, pour qui veut vérifier ce que le résumé ne montre pas. */
+  const detail = computed(() => {
+    try {
+      return JSON.stringify(props.request.input, null, 2)
+    } catch {
+      return ''
+    }
+  })
+
+  // Une demande qui attend depuis longtemps ne se distingue pas d'une demande
+  // fraîche, alors qu'elle expirera. Le compteur le dit sans rien réclamer.
+  const now = ref(Date.now())
+  let timer: ReturnType<typeof setInterval> | null = null
+  onMounted(() => {
+    timer = setInterval(() => (now.value = Date.now()), 1000)
+  })
+  onUnmounted(() => {
+    if (timer) clearInterval(timer)
+  })
+
+  const since = computed(() => {
+    const s = Math.max(0, Math.round((now.value - props.request.askedAt) / 1000))
+    const unit = t('formats.duration.s')
+    return s < 60 ? `${s} ${unit}` : `${Math.floor(s / 60)} ${t('formats.duration.min')} ${String(s % 60).padStart(2, '0')}`
+  })
+
+  function answer(value: PermissionAnswer): void {
+    emit('answer', value)
   }
-});
-
-// Une demande qui attend depuis longtemps ne se distingue pas d'une demande
-// fraîche, alors qu'elle expirera. Le compteur le dit sans rien réclamer.
-const now = ref(Date.now());
-let timer: ReturnType<typeof setInterval> | null = null;
-onMounted(() => {
-  timer = setInterval(() => (now.value = Date.now()), 1000);
-});
-onUnmounted(() => {
-  if (timer) clearInterval(timer);
-});
-
-const since = computed(() => {
-  const s = Math.max(0, Math.round((now.value - props.request.askedAt) / 1000));
-  const unit = t('formats.duration.s');
-  return s < 60
-    ? `${s} ${unit}`
-    : `${Math.floor(s / 60)} ${t('formats.duration.min')} ${String(s % 60).padStart(2, '0')}`;
-});
-
-function answer(value: PermissionAnswer): void {
-  emit('answer', value);
-}
 </script>
 
 <style scoped>
-.pp {
-  border: 1px solid var(--brand-line);
-  border-radius: var(--radius-md);
-  background: var(--brand-soft);
-  padding: var(--space-lg) var(--space-xl);
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-}
-
-.pp-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  color: var(--brand);
-}
-
-.pp-head h3 {
-  font-size: var(--fs-base);
-  font-weight: 600;
-  margin: 0;
-  flex: 1;
-  min-width: 0;
-}
-
-.pp-since {
-  font-size: var(--fs-2xs);
-  color: var(--dim);
-}
-
-.pp-target {
-  margin: 0;
-  font-size: var(--fs-sm);
-  color: var(--text);
-  background: var(--surface-2);
-  border-radius: var(--radius-xs);
-  padding: var(--space-sm) var(--space-md);
-  overflow-wrap: anywhere;
-}
-
-.pp-desc,
-.pp-reason {
-  margin: 0;
-  font-size: var(--fs-sm);
-  color: var(--muted);
-}
-
-.pp-detail summary {
-  font-size: var(--fs-xs);
-  color: var(--dim);
-  cursor: pointer;
-}
-
-.pp-detail pre {
-  margin: var(--space-sm) 0 0;
-  font-size: var(--fs-xs);
-  color: var(--muted);
-  max-height: 220px;
-  overflow: auto;
-  white-space: pre-wrap;
-  overflow-wrap: anywhere;
-}
-
-.pp-actions {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--space-sm);
-  margin-top: var(--space-xs);
-}
+  .pp {
+    border: 1px solid var(--brand-line);
+    border-radius: var(--radius-md);
+    background: var(--brand-soft);
+    padding: var(--space-lg) var(--space-xl);
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+  }
+
+  .pp-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    color: var(--brand);
+  }
+
+  .pp-head h3 {
+    font-size: var(--fs-base);
+    font-weight: 600;
+    margin: 0;
+    flex: 1;
+    min-width: 0;
+  }
+
+  .pp-since {
+    font-size: var(--fs-2xs);
+    color: var(--dim);
+  }
+
+  .pp-target {
+    margin: 0;
+    font-size: var(--fs-sm);
+    color: var(--text);
+    background: var(--surface-2);
+    border-radius: var(--radius-xs);
+    padding: var(--space-sm) var(--space-md);
+    overflow-wrap: anywhere;
+  }
+
+  .pp-desc,
+  .pp-reason {
+    margin: 0;
+    font-size: var(--fs-sm);
+    color: var(--muted);
+  }
+
+  .pp-detail summary {
+    font-size: var(--fs-xs);
+    color: var(--dim);
+    cursor: pointer;
+  }
+
+  .pp-detail pre {
+    margin: var(--space-sm) 0 0;
+    font-size: var(--fs-xs);
+    color: var(--muted);
+    max-height: 220px;
+    overflow: auto;
+    white-space: pre-wrap;
+    overflow-wrap: anywhere;
+  }
+
+  .pp-actions {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--space-sm);
+    margin-top: var(--space-xs);
+  }
 </style>
diff --git a/src/components/agent/QuestionFields.vue b/src/components/agent/QuestionFields.vue
index 7edfdc4..c350456 100644
--- a/src/components/agent/QuestionFields.vue
+++ b/src/components/agent/QuestionFields.vue
@@ -3,9 +3,7 @@
     <legend>
       <span class="qf-tag font-mono">{{ question.header }}</span>
       {{ question.question }}
-      <span v-if="question.multiSelect" class="qf-multi font-mono">{{
-        t('agent.ask.multiSelect')
-      }}</span>
+      <span v-if="question.multiSelect" class="qf-multi font-mono">{{ t('agent.ask.multiSelect') }}</span>
     </legend>
 
     <q-option-group
@@ -38,200 +36,199 @@
 </template>
 
 <script setup lang="ts">
-// Une question et ses options — l'unité que le formulaire montre, seule ou par
-// étapes. Sortie d'`AskPrompt` parce que le stepper en rend une par étape et le
-// cas à une question la rend nue : deux appelants pour la même chose.
-//
-// L'option est une carte entière, et c'est la carte qui porte la sélection —
-// comme au rejeu, où une réponse retenue se lit à son cadre et non à un point
-// coché. Le contrôle dessiné par Quasar est donc masqué, jamais retiré : le
-// rôle, l'état et le clavier vivent sur la racine du composant (`role="radio"`,
-// `aria-checked`, `tabindex`), et c'est elle que l'on habille.
-import { computed } from 'vue';
-import { useI18n } from 'vue-i18n';
-import type { AskQuestion } from '@/services/agent';
-
-const props = defineProps<{ question: AskQuestion; modelValue: string | string[] | undefined }>();
-const emit = defineEmits<{ 'update:modelValue': [string | string[]] }>();
-
-const { t } = useI18n();
-
-/** La valeur d'une option est son libellé : c'est ce que le harness inscrit. */
-const options = computed(() =>
-  props.question.options.map((o) => ({
-    label: o.label,
-    value: o.label,
-    description: o.description,
-    preview: o.preview ?? '',
-  })),
-);
-
-const picked = (value: string): boolean =>
-  Array.isArray(props.modelValue) ? props.modelValue.includes(value) : props.modelValue === value;
-
-/** Le vocabulaire d'icônes suit la nature du choix : un rond, ou une case. */
-function markOf(value: string): string {
-  if (props.question.multiSelect) {
-    return picked(value) ? 'check_box' : 'check_box_outline_blank';
-  }
-  return picked(value) ? 'radio_button_checked' : 'radio_button_unchecked';
-}
+  // Une question et ses options — l'unité que le formulaire montre, seule ou par
+  // étapes. Sortie d'`AskPrompt` parce que le stepper en rend une par étape et le
+  // cas à une question la rend nue : deux appelants pour la même chose.
+  //
+  // L'option est une carte entière, et c'est la carte qui porte la sélection —
+  // comme au rejeu, où une réponse retenue se lit à son cadre et non à un point
+  // coché. Le contrôle dessiné par Quasar est donc masqué, jamais retiré : le
+  // rôle, l'état et le clavier vivent sur la racine du composant (`role="radio"`,
+  // `aria-checked`, `tabindex`), et c'est elle que l'on habille.
+  import type { AskQuestion } from '@/services/agent'
+  import { computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
+
+  const props = defineProps<{ question: AskQuestion; modelValue: string | string[] | undefined }>()
+  const emit = defineEmits<{ 'update:modelValue': [string | string[]] }>()
+
+  const { t } = useI18n()
+
+  /** La valeur d'une option est son libellé : c'est ce que le harness inscrit. */
+  const options = computed(() =>
+    props.question.options.map((o) => ({
+      label: o.label,
+      value: o.label,
+      description: o.description,
+      preview: o.preview ?? '',
+    })),
+  )
+
+  const picked = (value: string): boolean => (Array.isArray(props.modelValue) ? props.modelValue.includes(value) : props.modelValue === value)
+
+  /** Le vocabulaire d'icônes suit la nature du choix : un rond, ou une case. */
+  function markOf(value: string): string {
+    if (props.question.multiSelect) {
+      return picked(value) ? 'check_box' : 'check_box_outline_blank'
+    }
+    return picked(value) ? 'radio_button_checked' : 'radio_button_unchecked'
+  }
 </script>
 
 <style scoped>
-/* `min-width: 0` sur un `fieldset` n'est pas une précaution : la feuille de
+  /* `min-width: 0` sur un `fieldset` n'est pas une précaution : la feuille de
    style du navigateur lui pose `min-inline-size: min-content`, et lui seul. Une
    maquette ASCII de 120 colonnes lui donnait donc une largeur minimale de 951 px
    dans une carte qui en offre 912 — d'où un dialogue qui défilait
    horizontalement, et une option rognée dès qu'on y touchait. */
-.qf {
-  border: 0;
-  margin: 0;
-  padding: 0;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-xs);
-}
-
-.qf legend {
-  font-size: var(--fs-base);
-  color: var(--text);
-  padding: 0;
-  margin-bottom: var(--space-xs);
-}
-
-.qf-tag {
-  display: inline-block;
-  font-size: var(--fs-2xs);
-  color: var(--brand);
-  background: var(--brand-soft);
-  border-radius: var(--radius-xs);
-  padding: 1px var(--space-xs);
-  margin-right: var(--space-sm);
-}
-
-/* Dit ce que le nombre de cases ne dit pas encore : plusieurs réponses sont
+  .qf {
+    border: 0;
+    margin: 0;
+    padding: 0;
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+  }
+
+  .qf legend {
+    font-size: var(--fs-base);
+    color: var(--text);
+    padding: 0;
+    margin-bottom: var(--space-xs);
+  }
+
+  .qf-tag {
+    display: inline-block;
+    font-size: var(--fs-2xs);
+    color: var(--brand);
+    background: var(--brand-soft);
+    border-radius: var(--radius-xs);
+    padding: 1px var(--space-xs);
+    margin-right: var(--space-sm);
+  }
+
+  /* Dit ce que le nombre de cases ne dit pas encore : plusieurs réponses sont
    attendues. Le rejeu porte la même mention, au même endroit. */
-.qf-multi {
-  margin-left: var(--space-sm);
-  font-size: var(--fs-2xs);
-  color: var(--dim);
-}
+  .qf-multi {
+    margin-left: var(--space-sm);
+    font-size: var(--fs-2xs);
+    color: var(--dim);
+  }
 
-/* Une colonne de cartes. Le gouttière de Quasar poserait des marges négatives
+  /* Une colonne de cartes. Le gouttière de Quasar poserait des marges négatives
    qui feraient dépasser la première carte du cadre. */
-.qf-group {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-  margin: 0;
-}
-.qf-group :deep(> div) {
-  margin: 0;
-  min-width: 0;
-}
-
-/* L'option elle-même : une carte pleine largeur, qui prend la couleur de la
+  .qf-group {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+    margin: 0;
+  }
+  .qf-group :deep(> div) {
+    margin: 0;
+    min-width: 0;
+  }
+
+  /* L'option elle-même : une carte pleine largeur, qui prend la couleur de la
    marque quand elle est retenue — l'aspect exact d'une réponse au rejeu. */
-.qf-group :deep(.q-radio),
-.qf-group :deep(.q-checkbox) {
-  display: flex;
-  align-items: flex-start;
-  width: 100%;
-  max-width: 100%;
-  min-width: 0;
-  margin: 0;
-  padding: var(--space-sm) var(--space-md);
-  border: 1px solid var(--line);
-  border-radius: var(--radius-sm);
-  background: var(--surface);
-  transition:
-    border-color var(--motion-fast) ease,
-    background var(--motion-fast) ease;
-}
-.qf-group :deep(.q-radio:hover),
-.qf-group :deep(.q-checkbox:hover) {
-  border-color: var(--line-3);
-  background: var(--surface-2);
-}
-.qf-group :deep(.q-radio[aria-checked='true']),
-.qf-group :deep(.q-checkbox[aria-checked='true']) {
-  border-color: var(--brand-line);
-  background: var(--brand-soft);
-}
-/* Quasar retire le contour au clic ; il faut le rendre au clavier, où il est la
+  .qf-group :deep(.q-radio),
+  .qf-group :deep(.q-checkbox) {
+    display: flex;
+    align-items: flex-start;
+    width: 100%;
+    max-width: 100%;
+    min-width: 0;
+    margin: 0;
+    padding: var(--space-sm) var(--space-md);
+    border: 1px solid var(--line);
+    border-radius: var(--radius-sm);
+    background: var(--surface);
+    transition:
+      border-color var(--motion-fast) ease,
+      background var(--motion-fast) ease;
+  }
+  .qf-group :deep(.q-radio:hover),
+  .qf-group :deep(.q-checkbox:hover) {
+    border-color: var(--line-3);
+    background: var(--surface-2);
+  }
+  .qf-group :deep(.q-radio[aria-checked='true']),
+  .qf-group :deep(.q-checkbox[aria-checked='true']) {
+    border-color: var(--brand-line);
+    background: var(--brand-soft);
+  }
+  /* Quasar retire le contour au clic ; il faut le rendre au clavier, où il est la
    seule chose qui dise où l'on est. */
-.qf-group :deep(.q-radio:focus-visible),
-.qf-group :deep(.q-checkbox:focus-visible) {
-  outline: 2px solid var(--brand-line);
-  outline-offset: 2px;
-}
+  .qf-group :deep(.q-radio:focus-visible),
+  .qf-group :deep(.q-checkbox:focus-visible) {
+    outline: 2px solid var(--brand-line);
+    outline-offset: 2px;
+  }
 
-/* Le contrôle dessiné par Quasar disparaît : la carte le remplace. Masqué et
+  /* Le contrôle dessiné par Quasar disparaît : la carte le remplace. Masqué et
    non retiré — l'état accessible et le clavier vivent sur la racine, pas ici. */
-.qf-group :deep(.q-radio__inner),
-.qf-group :deep(.q-checkbox__inner) {
-  display: none;
-}
-.qf-group :deep(.q-radio__label),
-.qf-group :deep(.q-checkbox__label) {
-  min-width: 0;
-  padding: 0;
-}
-
-.qf-opt {
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-}
-
-.qf-opt-top {
-  display: flex;
-  align-items: baseline;
-  gap: var(--space-sm);
-  min-width: 0;
-}
-
-.qf-opt-mark {
-  color: var(--faint);
-  flex-shrink: 0;
-  align-self: center;
-}
-.qf-group :deep(.q-radio[aria-checked='true']) .qf-opt-mark,
-.qf-group :deep(.q-checkbox[aria-checked='true']) .qf-opt-mark {
-  color: var(--brand);
-}
-
-.qf-opt-label {
-  font-size: var(--fs-sm);
-  font-weight: 600;
-  color: var(--text);
-}
-
-.qf-opt-desc {
-  font-size: var(--fs-xs);
-  color: var(--muted);
-  line-height: 1.5;
-  margin-top: 2px;
-}
-
-/* Une maquette se lit telle qu'elle a été écrite : les blancs sont porteurs, et
+  .qf-group :deep(.q-radio__inner),
+  .qf-group :deep(.q-checkbox__inner) {
+    display: none;
+  }
+  .qf-group :deep(.q-radio__label),
+  .qf-group :deep(.q-checkbox__label) {
+    min-width: 0;
+    padding: 0;
+  }
+
+  .qf-opt {
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+  }
+
+  .qf-opt-top {
+    display: flex;
+    align-items: baseline;
+    gap: var(--space-sm);
+    min-width: 0;
+  }
+
+  .qf-opt-mark {
+    color: var(--faint);
+    flex-shrink: 0;
+    align-self: center;
+  }
+  .qf-group :deep(.q-radio[aria-checked='true']) .qf-opt-mark,
+  .qf-group :deep(.q-checkbox[aria-checked='true']) .qf-opt-mark {
+    color: var(--brand);
+  }
+
+  .qf-opt-label {
+    font-size: var(--fs-sm);
+    font-weight: 600;
+    color: var(--text);
+  }
+
+  .qf-opt-desc {
+    font-size: var(--fs-xs);
+    color: var(--muted);
+    line-height: 1.5;
+    margin-top: 2px;
+  }
+
+  /* Une maquette se lit telle qu'elle a été écrite : les blancs sont porteurs, et
    elle défile chez elle plutôt que d'élargir le formulaire. */
-.qf-opt-preview {
-  margin: var(--space-sm) 0 0;
-  padding: var(--space-sm) var(--space-md);
-  background: var(--surface-2);
-  border: 1px solid var(--line);
-  border-radius: var(--radius-xs);
-  font-size: var(--fs-xs);
-  line-height: 1.45;
-  color: var(--muted);
-  white-space: pre;
-  overflow-x: auto;
-}
-.qf-group :deep(.q-radio[aria-checked='true']) .qf-opt-preview,
-.qf-group :deep(.q-checkbox[aria-checked='true']) .qf-opt-preview {
-  color: var(--text);
-}
+  .qf-opt-preview {
+    margin: var(--space-sm) 0 0;
+    padding: var(--space-sm) var(--space-md);
+    background: var(--surface-2);
+    border: 1px solid var(--line);
+    border-radius: var(--radius-xs);
+    font-size: var(--fs-xs);
+    line-height: 1.45;
+    color: var(--muted);
+    white-space: pre;
+    overflow-x: auto;
+  }
+  .qf-group :deep(.q-radio[aria-checked='true']) .qf-opt-preview,
+  .qf-group :deep(.q-checkbox[aria-checked='true']) .qf-opt-preview {
+    color: var(--text);
+  }
 </style>
diff --git a/src/components/agent/SessionComposer.vue b/src/components/agent/SessionComposer.vue
index 41aba6d..2565c85 100644
--- a/src/components/agent/SessionComposer.vue
+++ b/src/components/agent/SessionComposer.vue
@@ -133,15 +133,7 @@
         Interrompre n'est proposé que pendant un tour. Un bouton grisé le reste du
         temps dirait la même chose en occupant la place d'une action possible.
       -->
-      <q-btn
-        v-if="working"
-        flat
-        no-caps
-        icon="stop_circle"
-        :label="t('agent.composer.interrupt')"
-        :disable="busy"
-        @click="emit('interrupt')"
-      />
+      <q-btn v-if="working" flat no-caps icon="stop_circle" :label="t('agent.composer.interrupt')" :disable="busy" @click="emit('interrupt')" />
       <q-btn
         unelevated
         no-caps
@@ -156,654 +148,642 @@
 </template>
 
 <script setup lang="ts">
-import { computed, nextTick, ref, useId, useTemplateRef, watch } from 'vue';
-import { useI18n } from 'vue-i18n';
-import type { PromptAttachment, SlashCommandInfo } from '@/services/agent';
-import { fmtBytes } from '@/utils/format';
-import { treeRows } from '@/utils/pathMatch';
-
-const props = defineProps<{
-  working?: boolean;
-  busy?: boolean;
-  ended?: boolean;
-  /** Les commandes `/` proposables. Vide tant que personne n'en a demandé. */
-  commands?: SlashCommandInfo[];
-  commandsLoading?: boolean;
-  /** Les chemins du dossier de travail, pour le `@`. Même chargement paresseux. */
-  files?: string[];
-  filesLoading?: boolean;
-  /** Le dépôt était trop grand : la liste est partielle, et le menu le dit. */
-  filesTruncated?: boolean;
-}>();
-const emit = defineEmits<{
-  send: [string, PromptAttachment[]];
-  interrupt: [];
-  /** Au premier `/` tapé : c'est l'écran qui va chercher la liste. */
-  'commands-needed': [];
-  /** Au premier `@` tapé, de même — et c'est là que le dossier se parcourt. */
-  'files-needed': [];
-}>();
-
-const { t } = useI18n();
-
-const text = ref('');
-
-const disable = computed(() => props.ended === true);
-
-/**
- * Écrire pendant que l'agent travaille est permis, et c'est voulu : le CLI met
- * ces tours en file et les dépile au milieu du travail. C'est souvent là qu'on
- * corrige le tir.
- */
-const placeholder = computed(() =>
-  props.ended
-    ? t('agent.composer.ended')
-    : props.working
-      ? t('agent.composer.working')
-      : t('agent.composer.idle'),
-);
-
-// ── Le menu : commandes `/` et chemins `@` ──────────────────────────────────
-//
-// Un seul menu pour deux sources, parce que c'est un seul geste : on tape un
-// caractère d'appel, on filtre, on choisit, ça s'insère. Ce qui les sépare tient
-// en deux lignes — où le motif a le droit de commencer, et ce qu'on insère.
-
-const listId = useId();
-const menuEl = useTemplateRef<HTMLElement>('menuEl');
-const fieldEl = useTemplateRef<{ nativeEl?: HTMLTextAreaElement }>('fieldEl');
-const active = ref(0);
-const dismissed = ref(false);
-/** Où est le curseur, seule chose qui dise à quel mot on est en train de toucher. */
-const caret = ref(0);
-
-function syncCaret(): void {
-  caret.value = fieldEl.value?.nativeEl?.selectionStart ?? text.value.length;
-}
-
-/** Ce qui s'écrit, et où : `start` est la position du caractère d'appel. */
-interface Menu {
-  kind: 'command' | 'file';
-  query: string;
-  start: number;
-}
-
-/**
- * Ce qu'on est en train de nommer, ou `null` si l'on écrit du texte ordinaire.
- *
- * Les deux motifs ne se ressemblent qu'en apparence :
- *
- * - Une **commande** ouvre le message. Le CLI ne les reconnaît que là, et
- *   proposer la liste au milieu d'une phrase volerait la touche Entrée à
- *   quelqu'un qui écrit une adresse électronique.
- * - Un **chemin** se mentionne n'importe où, autant de fois qu'on veut. Il se
- *   lit donc autour du curseur — du dernier `@` précédé d'un espace jusqu'à la
- *   position courante.
- *
- * Dans les deux cas, un espace ferme : passé lui, on ne nomme plus, on écrit.
- */
-const menu = computed<Menu | null>(() => {
-  const before = text.value.slice(0, caret.value);
-
-  const command = /^\/(\S*)$/.exec(before);
-  if (command && caret.value === text.value.trimEnd().length) {
-    return { kind: 'command', query: command[1] ?? '', start: 0 };
-  }
-
-  const file = /(?:^|\s)@(\S*)$/.exec(before);
-  if (file) {
-    const query = file[1] ?? '';
-    return { kind: 'file', query, start: caret.value - query.length - 1 };
-  }
-  return null;
-});
-
-/** Ce qu'une ligne du menu affiche, quelle que soit sa source. */
-interface Item {
-  /** Ce qui s'insère à la place du motif. */
-  value: string;
-  label: string;
-  hint?: string;
-  description?: string;
-}
-
-/**
- * Les commandes qui correspondent, celles dont le nom commence par ce qui est
- * tapé d'abord.
- *
- * Un alias vaut le nom pour trouver — `/cost` mène à `/usage` — mais c'est le
- * nom canonique qui s'affiche et qui s'insère : deux entrées pour une seule
- * commande diraient qu'elles font deux choses.
- */
-function commandItems(query: string): Item[] {
-  const q = query.toLowerCase();
-  const rank = (c: SlashCommandInfo): number => {
-    const names = [c.name, ...(c.aliases ?? [])].map((n) => n.toLowerCase());
-    if (names.some((n) => n.startsWith(q))) return 0;
-    return names.some((n) => n.includes(q)) ? 1 : 2;
-  };
-  return (props.commands ?? [])
-    .map((command) => ({ command, rank: rank(command) }))
-    .filter((m) => m.rank < 2)
-    .sort((a, b) => a.rank - b.rank || a.command.name.localeCompare(b.command.name))
-    .map(({ command }) => ({
-      value: `/${command.name}`,
-      label: `/${command.name}`,
-      ...(command.argumentHint ? { hint: command.argumentHint } : {}),
-      ...(command.description ? { description: command.description } : {}),
-    }));
-}
-
-/**
- * Ce que le menu affiche, groupe par groupe.
- *
- * Les commandes forment un seul groupe sans en-tête ; les fichiers viennent
- * rangés sous leur dossier. Chaque ligne porte son rang dans la liste plate —
- * c'est lui que la navigation au clavier déplace, et l'arbre n'est qu'une mise
- * en forme par-dessus.
- */
-/**
- * Les dossiers repliés, par chemin.
- *
- * Un dossier fermé le reste tant qu'on ne le rouvre pas, même si la saisie
- * change : c'est un choix de l'utilisateur sur sa vue, pas une conséquence de sa
- * recherche. Les chemins qui disparaissent des résultats n'ont simplement plus
- * d'effet.
- */
-const collapsed = ref(new Set<string>());
-
-function toggle(path: string): void {
-  const next = new Set(collapsed.value);
-  if (!next.delete(path)) next.add(path);
-  collapsed.value = next;
-}
-
-/** Les chemins retenus, calculés une seule fois par frappe. */
-const found = computed(() =>
-  menu.value?.kind === 'file'
-    ? treeRows(props.files ?? [], menu.value.query, collapsed.value)
-    : null,
-);
-
-/** Une ligne affichée. `index` n'existe que sur les lignes choisissables. */
-interface Row {
-  key: string;
-  kind: 'dir' | 'file';
-  label: string;
-  depth: number;
-  path: string;
-  hint?: string;
-  description?: string;
-  /** Dossier : fermé, et ce qu'il retient. */
-  shut?: boolean;
-  count?: number;
-  index?: number;
-}
-
-/**
- * Ce que le menu affiche, ligne à ligne.
- *
- * Les commandes forment une liste plate — leur nom se suffit. Les fichiers
- * viennent en arbre, un segment de dossier par ligne, décroché d'un cran à
- * chaque niveau. **Toutes** les lignes se choisissent, dossiers compris : un
- * dossier mentionné dans un prompt désigne un périmètre de travail, ce qu'un
- * fichier ne dit pas.
- */
-const rows = computed<Row[]>(() => {
-  const open = menu.value;
-  if (!open) return [];
-
-  let index = 0;
-  if (open.kind === 'command') {
-    return commandItems(open.query).map((item) => ({
-      key: item.value,
-      kind: 'file' as const,
-      label: item.label,
-      depth: 0,
-      path: item.value,
-      ...(item.hint ? { hint: item.hint } : {}),
-      ...(item.description ? { description: item.description } : {}),
-      index: index++,
-    }));
-  }
-
-  return (found.value?.rows ?? []).map((row) => ({
-    key: `${row.kind}:${row.path}`,
-    kind: row.kind,
-    label: row.label,
-    depth: row.depth,
-    path: row.path,
-    ...(row.collapsed ? { shut: true } : {}),
-    ...(row.count ? { count: row.count } : {}),
-    index: index++,
-  }));
-});
-
-/**
- * Ce qu'Entrée insère, dans l'ordre où les flèches parcourent les lignes.
- *
- * Un dossier s'insère avec sa barre finale : `@src/components/` se lit comme un
- * dossier, là où `@src/components` pourrait passer pour un fichier sans
- * extension.
- */
-const items = computed<Item[]>(() => {
-  const open = menu.value;
-  if (!open) return [];
-  if (open.kind === 'command') return commandItems(open.query);
-  return (found.value?.rows ?? []).map((row) => ({
-    value: `@${row.path}${row.kind === 'dir' ? '/' : ''}`,
-    label: row.label,
-  }));
-});
-
-/**
- * Le seul cas où la liste n'est pas complète.
- *
- * L'affichage, lui, ne tronque plus rien : ce qui correspond est montré, et
- * c'est le repli qui règle la longueur. Reste la borne du serveur, qui ne se
- * déclenche que sur un dépôt démesuré — et qui doit se dire, sans quoi on
- * chercherait un fichier absent de l'écran en croyant qu'il n'existe pas.
- */
-const countNote = computed(() =>
-  menu.value?.kind === 'file' && props.filesTruncated ? t('agent.composer.files.truncated') : '',
-);
-
-const pending = computed(() =>
-  menu.value?.kind === 'file'
-    ? props.filesLoading === true && !(props.files ?? []).length
-    : props.commandsLoading === true && !(props.commands ?? []).length,
-);
-const menuOpen = computed(() => menu.value !== null && !dismissed.value && !disable.value);
-const activeId = computed(() =>
-  menuOpen.value && items.value.length ? `${listId}-${active.value}` : undefined,
-);
-
-watch(
-  () => menu.value?.kind ?? null,
-  (now, before) => {
-    if (now === null) {
-      dismissed.value = false;
-      return;
+  import type { PromptAttachment, SlashCommandInfo } from '@/services/agent'
+  import { fmtBytes } from '@/utils/format'
+  import { treeRows } from '@/utils/pathMatch'
+  import { computed, nextTick, ref, useId, useTemplateRef, watch } from 'vue'
+  import { useI18n } from 'vue-i18n'
+
+  const props = defineProps<{
+    working?: boolean
+    busy?: boolean
+    ended?: boolean
+    /** Les commandes `/` proposables. Vide tant que personne n'en a demandé. */
+    commands?: SlashCommandInfo[]
+    commandsLoading?: boolean
+    /** Les chemins du dossier de travail, pour le `@`. Même chargement paresseux. */
+    files?: string[]
+    filesLoading?: boolean
+    /** Le dépôt était trop grand : la liste est partielle, et le menu le dit. */
+    filesTruncated?: boolean
+  }>()
+  const emit = defineEmits<{
+    send: [string, PromptAttachment[]]
+    interrupt: []
+    /** Au premier `/` tapé : c'est l'écran qui va chercher la liste. */
+    'commands-needed': []
+    /** Au premier `@` tapé, de même — et c'est là que le dossier se parcourt. */
+    'files-needed': []
+  }>()
+
+  const { t } = useI18n()
+
+  const text = ref('')
+
+  const disable = computed(() => props.ended === true)
+
+  /**
+   * Écrire pendant que l'agent travaille est permis, et c'est voulu : le CLI met
+   * ces tours en file et les dépile au milieu du travail. C'est souvent là qu'on
+   * corrige le tir.
+   */
+  const placeholder = computed(() =>
+    props.ended ? t('agent.composer.ended') : props.working ? t('agent.composer.working') : t('agent.composer.idle'),
+  )
+
+  // ── Le menu : commandes `/` et chemins `@` ──────────────────────────────────
+  //
+  // Un seul menu pour deux sources, parce que c'est un seul geste : on tape un
+  // caractère d'appel, on filtre, on choisit, ça s'insère. Ce qui les sépare tient
+  // en deux lignes — où le motif a le droit de commencer, et ce qu'on insère.
+
+  const listId = useId()
+  const menuEl = useTemplateRef<HTMLElement>('menuEl')
+  const fieldEl = useTemplateRef<{ nativeEl?: HTMLTextAreaElement }>('fieldEl')
+  const active = ref(0)
+  const dismissed = ref(false)
+  /** Où est le curseur, seule chose qui dise à quel mot on est en train de toucher. */
+  const caret = ref(0)
+
+  function syncCaret(): void {
+    caret.value = fieldEl.value?.nativeEl?.selectionStart ?? text.value.length
+  }
+
+  /** Ce qui s'écrit, et où : `start` est la position du caractère d'appel. */
+  interface Menu {
+    kind: 'command' | 'file'
+    query: string
+    start: number
+  }
+
+  /**
+   * Ce qu'on est en train de nommer, ou `null` si l'on écrit du texte ordinaire.
+   *
+   * Les deux motifs ne se ressemblent qu'en apparence :
+   *
+   * - Une **commande** ouvre le message. Le CLI ne les reconnaît que là, et
+   *   proposer la liste au milieu d'une phrase volerait la touche Entrée à
+   *   quelqu'un qui écrit une adresse électronique.
+   * - Un **chemin** se mentionne n'importe où, autant de fois qu'on veut. Il se
+   *   lit donc autour du curseur — du dernier `@` précédé d'un espace jusqu'à la
+   *   position courante.
+   *
+   * Dans les deux cas, un espace ferme : passé lui, on ne nomme plus, on écrit.
+   */
+  const menu = computed<Menu | null>(() => {
+    const before = text.value.slice(0, caret.value)
+
+    const command = /^\/(\S*)$/.exec(before)
+    if (command && caret.value === text.value.trimEnd().length) {
+      return { kind: 'command', query: command[1] ?? '', start: 0 }
     }
-    // Chaque liste ne se demande qu'une fois par session, et seulement ici : ces
-    // appels démarrent le processus du CLI, ou parcourent un dépôt entier.
-    if (before === now) return;
-    if (now === 'file') emit('files-needed');
-    else emit('commands-needed');
-  },
-);
-
-// Une frappe qui reprend après un Échap rouvre le menu : on ne se tait que
-// jusqu'au prochain geste. La sélection se replace à chaque changement de
-// saisie, faute de quoi Entrée insérerait ce qui était surligné pour une autre.
-watch(
-  () => menu.value?.query ?? null,
-  (now, before) => {
-    if (now === null || now === before) return;
-    dismissed.value = false;
-    // L'arbre s'affiche par ordre alphabétique, mais c'est la meilleure réponse
-    // qu'on veut sous la touche Entrée : on va la chercher là où l'alphabet l'a
-    // rangée. Un dossier n'est jamais « la meilleure réponse » — c'est un
-    // fichier qu'on cherchait.
-    const best = found.value?.best ?? '';
-    const at = best ? rows.value.findIndex((row) => row.kind === 'file' && row.path === best) : -1;
-    active.value = at === -1 ? 0 : at;
-  },
-);
-
-// La sélection au clavier doit rester visible quand la liste dépasse sa hauteur.
-watch(active, async () => {
-  await nextTick();
-  menuEl.value?.querySelector('.is-active')?.scrollIntoView({ block: 'nearest' });
-});
-
-/**
- * Un geste dans le menu ne doit pas le refermer.
- *
- * Le menu se ferme quand le champ perd le focus — c'est ce qui le fait
- * disparaître dès qu'on va travailler ailleurs. Mais saisir la barre de
- * défilement retire elle aussi le focus au champ : l'arbre se refermait sous le
- * curseur au moment précis où l'on cherchait à descendre dedans.
- *
- * Les lignes, elles, se protègent par `mousedown.prevent`, qui empêche le
- * transfert de focus. On ne peut pas en faire autant ici : `preventDefault` sur
- * la barre de défilement supprimerait le glissement natif, donc le geste
- * lui-même. On note plutôt que le geste vient du menu, et on rend le focus au
- * champ quand il s'achève — où qu'il s'achève, la souris pouvant très bien être
- * relâchée en dehors.
- */
-let inMenu = false;
-
-function holdMenu(): void {
-  inMenu = true;
-  window.addEventListener(
-    'mouseup',
-    () => {
-      inMenu = false;
-      fieldEl.value?.nativeEl?.focus();
-    },
-    { once: true },
-  );
-}
-
-function closeMenu(): void {
-  if (inMenu) return;
-  dismissed.value = true;
-}
-
-/**
- * Complète la saisie sans envoyer : choisir un nom n'est pas décider du tour.
- *
- * On ne remplace que le motif — du caractère d'appel au curseur — et non tout le
- * champ : c'est ce qui permet plusieurs `@` dans un même message, et de compléter
- * l'un d'eux sans toucher au reste de la phrase.
- *
- * L'espace final ouvre la place de la suite et referme le menu de lui-même : le
- * motif ne reconnaît plus un nom en train de s'écrire.
- */
-function choose(i: number): void {
-  const open = menu.value;
-  const item = items.value[i];
-  if (!open || !item) return;
-
-  const inserted = `${item.value} `;
-  text.value = text.value.slice(0, open.start) + inserted + text.value.slice(caret.value);
-  const at = open.start + inserted.length;
-  caret.value = at;
-  // Le champ garde le focus ; sans replacer le curseur, il repartirait à la fin
-  // du texte et la mention suivante s'écrirait au mauvais endroit.
-  void nextTick(() => {
-    const field = fieldEl.value?.nativeEl;
-    field?.setSelectionRange(at, at);
-  });
-}
-
-function onKey(e: KeyboardEvent): void {
-  if (menuOpen.value && items.value.length) {
-    if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {
-      e.preventDefault();
-      const step = e.key === 'ArrowDown' ? 1 : -1;
-      const count = items.value.length;
-      active.value = (active.value + step + count) % count;
-      return;
+
+    const file = /(?:^|\s)@(\S*)$/.exec(before)
+    if (file) {
+      const query = file[1] ?? ''
+      return { kind: 'file', query, start: caret.value - query.length - 1 }
+    }
+    return null
+  })
+
+  /** Ce qu'une ligne du menu affiche, quelle que soit sa source. */
+  interface Item {
+    /** Ce qui s'insère à la place du motif. */
+    value: string
+    label: string
+    hint?: string
+    description?: string
+  }
+
+  /**
+   * Les commandes qui correspondent, celles dont le nom commence par ce qui est
+   * tapé d'abord.
+   *
+   * Un alias vaut le nom pour trouver — `/cost` mène à `/usage` — mais c'est le
+   * nom canonique qui s'affiche et qui s'insère : deux entrées pour une seule
+   * commande diraient qu'elles font deux choses.
+   */
+  function commandItems(query: string): Item[] {
+    const q = query.toLowerCase()
+    const rank = (c: SlashCommandInfo): number => {
+      const names = [c.name, ...(c.aliases ?? [])].map((n) => n.toLowerCase())
+      if (names.some((n) => n.startsWith(q))) return 0
+      return names.some((n) => n.includes(q)) ? 1 : 2
     }
-    // Droite ouvre, gauche ferme — la convention d'un arbre, et le seul geste
-    // qui n'insère rien. Sur un fichier, les deux touches rendent la main au
-    // curseur : c'est encore du texte qu'on est en train d'écrire.
-    const row = rows.value[active.value];
-    if (row?.kind === 'dir' && (e.key === 'ArrowRight' || e.key === 'ArrowLeft')) {
-      const shut = collapsed.value.has(row.path);
-      if (e.key === 'ArrowRight' ? shut : !shut) {
-        e.preventDefault();
-        toggle(row.path);
+    return (props.commands ?? [])
+      .map((command) => ({ command, rank: rank(command) }))
+      .filter((m) => m.rank < 2)
+      .sort((a, b) => a.rank - b.rank || a.command.name.localeCompare(b.command.name))
+      .map(({ command }) => ({
+        value: `/${command.name}`,
+        label: `/${command.name}`,
+        ...(command.argumentHint ? { hint: command.argumentHint } : {}),
+        ...(command.description ? { description: command.description } : {}),
+      }))
+  }
+
+  /**
+   * Ce que le menu affiche, groupe par groupe.
+   *
+   * Les commandes forment un seul groupe sans en-tête ; les fichiers viennent
+   * rangés sous leur dossier. Chaque ligne porte son rang dans la liste plate —
+   * c'est lui que la navigation au clavier déplace, et l'arbre n'est qu'une mise
+   * en forme par-dessus.
+   */
+  /**
+   * Les dossiers repliés, par chemin.
+   *
+   * Un dossier fermé le reste tant qu'on ne le rouvre pas, même si la saisie
+   * change : c'est un choix de l'utilisateur sur sa vue, pas une conséquence de sa
+   * recherche. Les chemins qui disparaissent des résultats n'ont simplement plus
+   * d'effet.
+   */
+  const collapsed = ref(new Set<string>())
+
+  function toggle(path: string): void {
+    const next = new Set(collapsed.value)
+    if (!next.delete(path)) next.add(path)
+    collapsed.value = next
+  }
+
+  /** Les chemins retenus, calculés une seule fois par frappe. */
+  const found = computed(() => (menu.value?.kind === 'file' ? treeRows(props.files ?? [], menu.value.query, collapsed.value) : null))
+
+  /** Une ligne affichée. `index` n'existe que sur les lignes choisissables. */
+  interface Row {
+    key: string
+    kind: 'dir' | 'file'
+    label: string
+    depth: number
+    path: string
+    hint?: string
+    description?: string
+    /** Dossier : fermé, et ce qu'il retient. */
+    shut?: boolean
+    count?: number
+    index?: number
+  }
+
+  /**
+   * Ce que le menu affiche, ligne à ligne.
+   *
+   * Les commandes forment une liste plate — leur nom se suffit. Les fichiers
+   * viennent en arbre, un segment de dossier par ligne, décroché d'un cran à
+   * chaque niveau. **Toutes** les lignes se choisissent, dossiers compris : un
+   * dossier mentionné dans un prompt désigne un périmètre de travail, ce qu'un
+   * fichier ne dit pas.
+   */
+  const rows = computed<Row[]>(() => {
+    const open = menu.value
+    if (!open) return []
+
+    let index = 0
+    if (open.kind === 'command') {
+      return commandItems(open.query).map((item) => ({
+        key: item.value,
+        kind: 'file' as const,
+        label: item.label,
+        depth: 0,
+        path: item.value,
+        ...(item.hint ? { hint: item.hint } : {}),
+        ...(item.description ? { description: item.description } : {}),
+        index: index++,
+      }))
+    }
+
+    return (found.value?.rows ?? []).map((row) => ({
+      key: `${row.kind}:${row.path}`,
+      kind: row.kind,
+      label: row.label,
+      depth: row.depth,
+      path: row.path,
+      ...(row.collapsed ? { shut: true } : {}),
+      ...(row.count ? { count: row.count } : {}),
+      index: index++,
+    }))
+  })
+
+  /**
+   * Ce qu'Entrée insère, dans l'ordre où les flèches parcourent les lignes.
+   *
+   * Un dossier s'insère avec sa barre finale : `@src/components/` se lit comme un
+   * dossier, là où `@src/components` pourrait passer pour un fichier sans
+   * extension.
+   */
+  const items = computed<Item[]>(() => {
+    const open = menu.value
+    if (!open) return []
+    if (open.kind === 'command') return commandItems(open.query)
+    return (found.value?.rows ?? []).map((row) => ({
+      value: `@${row.path}${row.kind === 'dir' ? '/' : ''}`,
+      label: row.label,
+    }))
+  })
+
+  /**
+   * Le seul cas où la liste n'est pas complète.
+   *
+   * L'affichage, lui, ne tronque plus rien : ce qui correspond est montré, et
+   * c'est le repli qui règle la longueur. Reste la borne du serveur, qui ne se
+   * déclenche que sur un dépôt démesuré — et qui doit se dire, sans quoi on
+   * chercherait un fichier absent de l'écran en croyant qu'il n'existe pas.
+   */
+  const countNote = computed(() => (menu.value?.kind === 'file' && props.filesTruncated ? t('agent.composer.files.truncated') : ''))
+
+  const pending = computed(() =>
+    menu.value?.kind === 'file'
+      ? props.filesLoading === true && !(props.files ?? []).length
+      : props.commandsLoading === true && !(props.commands ?? []).length,
+  )
+  const menuOpen = computed(() => menu.value !== null && !dismissed.value && !disable.value)
+  const activeId = computed(() => (menuOpen.value && items.value.length ? `${listId}-${active.value}` : undefined))
+
+  watch(
+    () => menu.value?.kind ?? null,
+    (now, before) => {
+      if (now === null) {
+        dismissed.value = false
+        return
+      }
+      // Chaque liste ne se demande qu'une fois par session, et seulement ici : ces
+      // appels démarrent le processus du CLI, ou parcourent un dépôt entier.
+      if (before === now) return
+      if (now === 'file') emit('files-needed')
+      else emit('commands-needed')
+    },
+  )
+
+  // Une frappe qui reprend après un Échap rouvre le menu : on ne se tait que
+  // jusqu'au prochain geste. La sélection se replace à chaque changement de
+  // saisie, faute de quoi Entrée insérerait ce qui était surligné pour une autre.
+  watch(
+    () => menu.value?.query ?? null,
+    (now, before) => {
+      if (now === null || now === before) return
+      dismissed.value = false
+      // L'arbre s'affiche par ordre alphabétique, mais c'est la meilleure réponse
+      // qu'on veut sous la touche Entrée : on va la chercher là où l'alphabet l'a
+      // rangée. Un dossier n'est jamais « la meilleure réponse » — c'est un
+      // fichier qu'on cherchait.
+      const best = found.value?.best ?? ''
+      const at = best ? rows.value.findIndex((row) => row.kind === 'file' && row.path === best) : -1
+      active.value = at === -1 ? 0 : at
+    },
+  )
+
+  // La sélection au clavier doit rester visible quand la liste dépasse sa hauteur.
+  watch(active, async () => {
+    await nextTick()
+    menuEl.value?.querySelector('.is-active')?.scrollIntoView({ block: 'nearest' })
+  })
+
+  /**
+   * Un geste dans le menu ne doit pas le refermer.
+   *
+   * Le menu se ferme quand le champ perd le focus — c'est ce qui le fait
+   * disparaître dès qu'on va travailler ailleurs. Mais saisir la barre de
+   * défilement retire elle aussi le focus au champ : l'arbre se refermait sous le
+   * curseur au moment précis où l'on cherchait à descendre dedans.
+   *
+   * Les lignes, elles, se protègent par `mousedown.prevent`, qui empêche le
+   * transfert de focus. On ne peut pas en faire autant ici : `preventDefault` sur
+   * la barre de défilement supprimerait le glissement natif, donc le geste
+   * lui-même. On note plutôt que le geste vient du menu, et on rend le focus au
+   * champ quand il s'achève — où qu'il s'achève, la souris pouvant très bien être
+   * relâchée en dehors.
+   */
+  let inMenu = false
+
+  function holdMenu(): void {
+    inMenu = true
+    window.addEventListener(
+      'mouseup',
+      () => {
+        inMenu = false
+        fieldEl.value?.nativeEl?.focus()
+      },
+      { once: true },
+    )
+  }
+
+  function closeMenu(): void {
+    if (inMenu) return
+    dismissed.value = true
+  }
+
+  /**
+   * Complète la saisie sans envoyer : choisir un nom n'est pas décider du tour.
+   *
+   * On ne remplace que le motif — du caractère d'appel au curseur — et non tout le
+   * champ : c'est ce qui permet plusieurs `@` dans un même message, et de compléter
+   * l'un d'eux sans toucher au reste de la phrase.
+   *
+   * L'espace final ouvre la place de la suite et referme le menu de lui-même : le
+   * motif ne reconnaît plus un nom en train de s'écrire.
+   */
+  function choose(i: number): void {
+    const open = menu.value
+    const item = items.value[i]
+    if (!open || !item) return
+
+    const inserted = `${item.value} `
+    text.value = text.value.slice(0, open.start) + inserted + text.value.slice(caret.value)
+    const at = open.start + inserted.length
+    caret.value = at
+    // Le champ garde le focus ; sans replacer le curseur, il repartirait à la fin
+    // du texte et la mention suivante s'écrirait au mauvais endroit.
+    void nextTick(() => {
+      const field = fieldEl.value?.nativeEl
+      field?.setSelectionRange(at, at)
+    })
+  }
+
+  function onKey(e: KeyboardEvent): void {
+    if (menuOpen.value && items.value.length) {
+      if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {
+        e.preventDefault()
+        const step = e.key === 'ArrowDown' ? 1 : -1
+        const count = items.value.length
+        active.value = (active.value + step + count) % count
+        return
+      }
+      // Droite ouvre, gauche ferme — la convention d'un arbre, et le seul geste
+      // qui n'insère rien. Sur un fichier, les deux touches rendent la main au
+      // curseur : c'est encore du texte qu'on est en train d'écrire.
+      const row = rows.value[active.value]
+      if (row?.kind === 'dir' && (e.key === 'ArrowRight' || e.key === 'ArrowLeft')) {
+        const shut = collapsed.value.has(row.path)
+        if (e.key === 'ArrowRight' ? shut : !shut) {
+          e.preventDefault()
+          toggle(row.path)
+        }
+        return
+      }
+      if (e.key === 'Tab' || (e.key === 'Enter' && !e.shiftKey && !e.isComposing)) {
+        e.preventDefault()
+        choose(active.value)
+        return
       }
-      return;
     }
-    if (e.key === 'Tab' || (e.key === 'Enter' && !e.shiftKey && !e.isComposing)) {
-      e.preventDefault();
-      choose(active.value);
-      return;
+    if (e.key === 'Escape' && menuOpen.value) {
+      // Le menu se referme sans vider le champ : ce qui est tapé reste envoyable.
+      e.preventDefault()
+      closeMenu()
+      return
+    }
+    // Entrée envoie, Maj+Entrée passe à la ligne — la convention des messageries,
+    // et celle du CLI.
+    if (e.key === 'Enter' && !e.shiftKey && !e.isComposing) {
+      e.preventDefault()
+      submit()
     }
   }
-  if (e.key === 'Escape' && menuOpen.value) {
-    // Le menu se referme sans vider le champ : ce qui est tapé reste envoyable.
-    e.preventDefault();
-    closeMenu();
-    return;
-  }
-  // Entrée envoie, Maj+Entrée passe à la ligne — la convention des messageries,
-  // et celle du CLI.
-  if (e.key === 'Enter' && !e.shiftKey && !e.isComposing) {
-    e.preventDefault();
-    submit();
-  }
-}
-
-// ── Les images collées ──────────────────────────────────────────────────────
-
-/**
- * Ce que l'API accepte de lire. Un presse-papier peut porter autre chose — un
- * fichier `.psd`, un SVG — et le refuser ici évite un tour parti pour rien.
- */
-const IMAGE_TYPES = ['image/png', 'image/jpeg', 'image/gif', 'image/webp'];
-
-/** La limite de l'API, la même que celle du BFF. */
-const MAX_IMAGE_BYTES = 5 * 1024 * 1024;
-
-interface Shot {
-  id: string;
-  mediaType: string;
-  /** Le base64 nu, tel qu'il partira. */
-  data: string;
-  bytes: number;
-  /** L'aperçu, servi depuis le navigateur : l'image n'a pas encore d'adresse. */
-  url: string;
-}
-
-const shots = ref<(Shot & { alt: string; caption: string })[]>([]);
-const pasteError = ref('');
-
-/**
- * Coller une image l'attache au tour au lieu de l'écrire.
- *
- * Le presse-papier ne donne pas de fichier sur le disque : ni chemin, ni nom,
- * seulement des octets. C'est la raison d'être de tout ce chemin — sans lui, une
- * capture d'écran n'a aucun moyen d'entrer dans une session.
- *
- * On ne coupe le collage que si l'on a bien pris quelque chose : un presse-papier
- * mixte doit continuer d'insérer son texte.
- */
-async function onPaste(e: ClipboardEvent): Promise<void> {
-  const files = [...(e.clipboardData?.items ?? [])]
-    .filter((item) => item.kind === 'file' && item.type.startsWith('image/'))
-    .map((item) => item.getAsFile())
-    .filter((file): file is File => file !== null);
-  if (!files.length) return;
-
-  e.preventDefault();
-  pasteError.value = '';
-  for (const file of files) await attach(file);
-}
-
-async function attach(file: File): Promise<void> {
-  if (!IMAGE_TYPES.includes(file.type)) {
-    pasteError.value = t('agent.composer.images.type', { type: file.type });
-    return;
-  }
-  if (file.size > MAX_IMAGE_BYTES) {
-    pasteError.value = t('agent.composer.images.tooBig');
-    return;
-  }
-
-  const data = await base64(file);
-  const id = `${Date.now()}-${shots.value.length}`;
-  const alt = t('agent.composer.images.alt', { n: shots.value.length + 1 });
-  shots.value = [
-    ...shots.value,
-    {
-      id,
-      mediaType: file.type,
-      data,
-      bytes: file.size,
-      // `data:` plutôt qu'un `URL.createObjectURL` : rien à révoquer, et
-      // l'aperçu survit au vidage de la liste sans laisser de poignée derrière.
-      url: `data:${file.type};base64,${data}`,
-      alt,
-      caption: `${file.type.replace(/^image\//, '').toUpperCase()} · ${fmtBytes(file.size)}`,
-    },
-  ];
-}
-
-/** Le base64 nu, sans le préfixe `data:…;base64,` que le lecteur ajoute. */
-function base64(file: File): Promise<string> {
-  return new Promise((resolve, reject) => {
-    const reader = new FileReader();
-    reader.onload = () => {
-      // `readAsDataURL` rend toujours une chaîne ; le type, lui, couvre aussi
-      // l'`ArrayBuffer` des autres lectures.
-      const read = typeof reader.result === 'string' ? reader.result : '';
-      resolve(read.split(',')[1] ?? '');
-    };
-    reader.onerror = () => reject(reader.error ?? new Error('read'));
-    reader.readAsDataURL(file);
-  });
-}
-
-function drop(id: string): void {
-  shots.value = shots.value.filter((shot) => shot.id !== id);
-  pasteError.value = '';
-}
-
-function submit(): void {
-  const value = text.value.trim();
-  if (!value || disable.value) return;
-  emit(
-    'send',
-    value,
-    shots.value.map(({ mediaType, data }) => ({ mediaType, data })),
-  );
-  text.value = '';
-  shots.value = [];
-  pasteError.value = '';
-}
+
+  // ── Les images collées ──────────────────────────────────────────────────────
+
+  /**
+   * Ce que l'API accepte de lire. Un presse-papier peut porter autre chose — un
+   * fichier `.psd`, un SVG — et le refuser ici évite un tour parti pour rien.
+   */
+  const IMAGE_TYPES = ['image/png', 'image/jpeg', 'image/gif', 'image/webp']
+
+  /** La limite de l'API, la même que celle du BFF. */
+  const MAX_IMAGE_BYTES = 5 * 1024 * 1024
+
+  interface Shot {
+    id: string
+    mediaType: string
+    /** Le base64 nu, tel qu'il partira. */
+    data: string
+    bytes: number
+    /** L'aperçu, servi depuis le navigateur : l'image n'a pas encore d'adresse. */
+    url: string
+  }
+
+  const shots = ref<(Shot & { alt: string; caption: string })[]>([])
+  const pasteError = ref('')
+
+  /**
+   * Coller une image l'attache au tour au lieu de l'écrire.
+   *
+   * Le presse-papier ne donne pas de fichier sur le disque : ni chemin, ni nom,
+   * seulement des octets. C'est la raison d'être de tout ce chemin — sans lui, une
+   * capture d'écran n'a aucun moyen d'entrer dans une session.
+   *
+   * On ne coupe le collage que si l'on a bien pris quelque chose : un presse-papier
+   * mixte doit continuer d'insérer son texte.
+   */
+  async function onPaste(e: ClipboardEvent): Promise<void> {
+    const files = [...(e.clipboardData?.items ?? [])]
+      .filter((item) => item.kind === 'file' && item.type.startsWith('image/'))
+      .map((item) => item.getAsFile())
+      .filter((file): file is File => file !== null)
+    if (!files.length) return
+
+    e.preventDefault()
+    pasteError.value = ''
+    for (const file of files) await attach(file)
+  }
+
+  async function attach(file: File): Promise<void> {
+    if (!IMAGE_TYPES.includes(file.type)) {
+      pasteError.value = t('agent.composer.images.type', { type: file.type })
+      return
+    }
+    if (file.size > MAX_IMAGE_BYTES) {
+      pasteError.value = t('agent.composer.images.tooBig')
+      return
+    }
+
+    const data = await base64(file)
+    const id = `${Date.now()}-${shots.value.length}`
+    const alt = t('agent.composer.images.alt', { n: shots.value.length + 1 })
+    shots.value = [
+      ...shots.value,
+      {
+        id,
+        mediaType: file.type,
+        data,
+        bytes: file.size,
+        // `data:` plutôt qu'un `URL.createObjectURL` : rien à révoquer, et
+        // l'aperçu survit au vidage de la liste sans laisser de poignée derrière.
+        url: `data:${file.type};base64,${data}`,
+        alt,
+        caption: `${file.type.replace(/^image\//, '').toUpperCase()} · ${fmtBytes(file.size)}`,
+      },
+    ]
+  }
+
+  /** Le base64 nu, sans le préfixe `data:…;base64,` que le lecteur ajoute. */
+  function base64(file: File): Promise<string> {
+    return new Promise((resolve, reject) => {
+      const reader = new FileReader()
+      reader.onload = () => {
+        // `readAsDataURL` rend toujours une chaîne ; le type, lui, couvre aussi
+        // l'`ArrayBuffer` des autres lectures.
+        const read = typeof reader.result === 'string' ? reader.result : ''
+        resolve(read.split(',')[1] ?? '')
+      }
+      reader.onerror = () => reject(reader.error ?? new Error('read'))
+      reader.readAsDataURL(file)
+    })
+  }
+
+  function drop(id: string): void {
+    shots.value = shots.value.filter((shot) => shot.id !== id)
+    pasteError.value = ''
+  }
+
+  function submit(): void {
+    const value = text.value.trim()
+    if (!value || disable.value) return
+    emit(
+      'send',
+      value,
+      shots.value.map(({ mediaType, data }) => ({ mediaType, data })),
+    )
+    text.value = ''
+    shots.value = []
+    pasteError.value = ''
+  }
 </script>
 
 <style scoped>
-.sc {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-}
+  .sc {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+  }
 
-.sc-field-wrap {
-  position: relative;
-}
+  .sc-field-wrap {
+    position: relative;
+  }
 
-/* Les vignettes : assez grandes pour reconnaître ce qu'on a collé, assez petites
+  /* Les vignettes : assez grandes pour reconnaître ce qu'on a collé, assez petites
    pour que trois d'entre elles ne poussent pas le champ hors de l'écran. */
-.sc-shots {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--space-sm);
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-.sc-shot {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-}
-
-.sc-shot-img {
-  display: block;
-  max-width: 140px;
-  max-height: 90px;
-  object-fit: contain;
-  border: 1px solid var(--line);
-  border-radius: var(--radius-xs);
-  background: var(--bg);
-}
-
-/* Sur l'image plutôt qu'à côté : la vignette est petite, et une rangée de
+  .sc-shots {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--space-sm);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .sc-shot {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+  }
+
+  .sc-shot-img {
+    display: block;
+    max-width: 140px;
+    max-height: 90px;
+    object-fit: contain;
+    border: 1px solid var(--line);
+    border-radius: var(--radius-xs);
+    background: var(--bg);
+  }
+
+  /* Sur l'image plutôt qu'à côté : la vignette est petite, et une rangée de
    boutons sous une rangée d'images se lit mal. */
-.sc-shot-drop {
-  position: absolute;
-  top: 2px;
-  right: 2px;
-  color: var(--text);
-  background: var(--surface-2);
-}
-
-.sc-shot-meta {
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-}
-
-.sc-paste-error {
-  margin: 0;
-  font-size: var(--fs-xs);
-  color: var(--warn);
-}
-
-.sc-field {
-  width: 100%;
-}
-
-.sc-actions {
-  display: flex;
-  justify-content: flex-end;
-  gap: var(--space-sm);
-}
-
-/* Le menu se pose au-dessus du champ : sous lui, il sortirait de l'écran dès que
+  .sc-shot-drop {
+    position: absolute;
+    top: 2px;
+    right: 2px;
+    color: var(--text);
+    background: var(--surface-2);
+  }
+
+  .sc-shot-meta {
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+  }
+
+  .sc-paste-error {
+    margin: 0;
+    font-size: var(--fs-xs);
+    color: var(--warn);
+  }
+
+  .sc-field {
+    width: 100%;
+  }
+
+  .sc-actions {
+    display: flex;
+    justify-content: flex-end;
+    gap: var(--space-sm);
+  }
+
+  /* Le menu se pose au-dessus du champ : sous lui, il sortirait de l'écran dès que
    le composeur est en bas de page — c'est-à-dire toujours. */
-.sc-menu {
-  position: absolute;
-  bottom: calc(100% + var(--space-xs));
-  left: 0;
-  right: 0;
-  z-index: 1;
-  max-height: 18rem;
-  overflow-y: auto;
-  margin: 0;
-  padding: var(--space-xs);
-  list-style: none;
-}
-
-.sc-menu-note {
-  padding: var(--space-sm);
-  color: var(--muted);
-  font-size: var(--fs-sm);
-}
-
-/* Le décrochage vient de `depth`, posé en style en ligne : c'est la seule mesure
+  .sc-menu {
+    position: absolute;
+    bottom: calc(100% + var(--space-xs));
+    left: 0;
+    right: 0;
+    z-index: 1;
+    max-height: 18rem;
+    overflow-y: auto;
+    margin: 0;
+    padding: var(--space-xs);
+    list-style: none;
+  }
+
+  .sc-menu-note {
+    padding: var(--space-sm);
+    color: var(--muted);
+    font-size: var(--fs-sm);
+  }
+
+  /* Le décrochage vient de `depth`, posé en style en ligne : c'est la seule mesure
    qui dépend d'une donnée, et une classe par niveau ne dirait rien de plus. */
-.sc-menu-row {
-  display: flex;
-  flex-direction: column;
-  padding: var(--space-xs) var(--space-sm);
-  border-radius: var(--radius-xs);
-}
-
-/* Un dossier se choisit comme un fichier, mais se lit en retrait : c'est la
+  .sc-menu-row {
+    display: flex;
+    flex-direction: column;
+    padding: var(--space-xs) var(--space-sm);
+    border-radius: var(--radius-xs);
+  }
+
+  /* Un dossier se choisit comme un fichier, mais se lit en retrait : c'est la
    structure, pas la réponse. */
-.sc-menu-dir {
-  color: var(--dim);
-}
-
-.sc-menu-chevron {
-  margin-right: 2px;
-  margin-left: calc(-1 * var(--space-xs));
-  cursor: pointer;
-}
-
-.sc-menu-item {
-  cursor: pointer;
-  transition: background var(--motion-fast);
-}
-
-.sc-menu-item:hover,
-.sc-menu-item.is-active {
-  background: var(--surface-3);
-}
-
-.sc-menu-name {
-  color: var(--text);
-  font-size: var(--fs-sm);
-}
-
-.sc-menu-hint {
-  color: var(--dim);
-}
-
-.sc-menu-desc {
-  color: var(--muted);
-  font-size: var(--fs-xs);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
+  .sc-menu-dir {
+    color: var(--dim);
+  }
+
+  .sc-menu-chevron {
+    margin-right: 2px;
+    margin-left: calc(-1 * var(--space-xs));
+    cursor: pointer;
+  }
+
+  .sc-menu-item {
+    cursor: pointer;
+    transition: background var(--motion-fast);
+  }
+
+  .sc-menu-item:hover,
+  .sc-menu-item.is-active {
+    background: var(--surface-3);
+  }
+
+  .sc-menu-name {
+    color: var(--text);
+    font-size: var(--fs-sm);
+  }
+
+  .sc-menu-hint {
+    color: var(--dim);
+  }
+
+  .sc-menu-desc {
+    color: var(--muted);
+    font-size: var(--fs-xs);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
 </style>
diff --git a/src/components/help/HelpDrawer.vue b/src/components/help/HelpDrawer.vue
index bc349db..f2c38f3 100644
--- a/src/components/help/HelpDrawer.vue
+++ b/src/components/help/HelpDrawer.vue
@@ -8,35 +8,12 @@
        colonnes (une clé, son rôle, la valeur supposée quand elle manque). Sous
        cette largeur, ils défilaient horizontalement chez eux — ce qui revient à
        cacher la colonne qui porte l'information. -->
-  <q-drawer
-    v-model="open"
-    side="right"
-    overlay
-    bordered
-    :width="560"
-    :breakpoint="1024"
-    class="help-drawer"
-    @hide="unpinHelp"
-  >
+  <q-drawer v-model="open" side="right" overlay bordered :width="560" :breakpoint="1024" class="help-drawer" @hide="unpinHelp">
     <section class="hd" aria-labelledby="hd-title">
       <header class="hd-head">
-        <q-icon
-          v-if="section"
-          :name="section.icon"
-          size="16px"
-          class="hd-icon"
-          aria-hidden="true"
-        />
+        <q-icon v-if="section" :name="section.icon" size="16px" class="hd-icon" aria-hidden="true" />
         <h2 id="hd-title" class="hd-cmd font-mono">{{ command }}</h2>
-        <q-btn
-          flat
-          dense
-          round
-          size="sm"
-          icon="close"
-          :aria-label="t('layout.help.close')"
-          @click="closeHelp"
-        />
+        <q-btn flat dense round size="sm" icon="close" :aria-label="t('layout.help.close')" @click="closeHelp" />
       </header>
 
       <div class="hd-body">
@@ -56,124 +33,122 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
-import { useI18n } from 'vue-i18n';
-import { useRoute, type RouteLocationRaw } from 'vue-router';
-import MarkdownView from '@/components/replay/MarkdownView.vue';
-import { findSection, sectionForRoute } from '@/help';
-import { useHelp, closeHelp, unpinHelp } from '@/composables/useHelp';
+  import MarkdownView from '@/components/replay/MarkdownView.vue'
+  import { useHelp, closeHelp, unpinHelp } from '@/composables/useHelp'
+  import { findSection, sectionForRoute } from '@/help'
+  import { computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import { useRoute, type RouteLocationRaw } from 'vue-router'
 
-const { t } = useI18n();
-const route = useRoute();
-const { open, pinned } = useHelp();
+  const { t } = useI18n()
+  const route = useRoute()
+  const { open, pinned } = useHelp()
 
-// A pinned section wins; otherwise the drawer tracks the current route, so
-// navigating with the drawer open swaps the manual page under it.
-const section = computed(() => findSection(pinned.value) ?? sectionForRoute(route.name));
+  // A pinned section wins; otherwise the drawer tracks the current route, so
+  // navigating with the drawer open swaps the manual page under it.
+  const section = computed(() => findSection(pinned.value) ?? sectionForRoute(route.name))
 
-const command = computed(() => (section.value ? `man aura-${section.value.id}` : 'man aura'));
+  const command = computed(() => (section.value ? `man aura-${section.value.id}` : 'man aura'))
 
-const manualTo = computed<RouteLocationRaw>(() =>
-  section.value ? { name: 'help', query: { s: section.value.id } } : { name: 'help' },
-);
+  const manualTo = computed<RouteLocationRaw>(() => (section.value ? { name: 'help', query: { s: section.value.id } } : { name: 'help' }))
 </script>
 
 <style scoped lang="scss">
-/* Transparent on purpose: the glass fill lives on the drawer shell. An opaque
+  /* Transparent on purpose: the glass fill lives on the drawer shell. An opaque
    layer here would sit on top of it and cancel the blur entirely. */
-.hd {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  background: transparent;
-}
+  .hd {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    background: transparent;
+  }
 
-/* ── Header: the manpage command line ─────────────────────────────────────── */
-.hd-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  flex: 0 0 auto;
-  height: 40px;
-  padding: 0 var(--space-sm) 0 var(--space-lg);
-  border-bottom: 1px solid var(--line);
-  background: var(--topbar-bg);
-}
-.hd-icon {
-  color: var(--brand);
-  flex: 0 0 auto;
-}
-.hd-cmd {
-  flex: 1;
-  min-width: 0;
-  margin: 0;
-  font-size: var(--fs-xs);
-  font-weight: 500;
-  letter-spacing: 0.08em;
-  color: var(--brand-muted);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
+  /* ── Header: the manpage command line ─────────────────────────────────────── */
+  .hd-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    flex: 0 0 auto;
+    height: 40px;
+    padding: 0 var(--space-sm) 0 var(--space-lg);
+    border-bottom: 1px solid var(--line);
+    background: var(--topbar-bg);
+  }
+  .hd-icon {
+    color: var(--brand);
+    flex: 0 0 auto;
+  }
+  .hd-cmd {
+    flex: 1;
+    min-width: 0;
+    margin: 0;
+    font-size: var(--fs-xs);
+    font-weight: 500;
+    letter-spacing: 0.08em;
+    color: var(--brand-muted);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
 
-/* ── Body: the rendered section ───────────────────────────────────────────── */
-.hd-body {
-  flex: 1 1 auto;
-  min-height: 0;
-  overflow-y: auto;
-  padding: var(--space-lg);
-}
-/* The section title already sits in the header — the body opens on prose. */
-.hd-body :deep(.md-view > h2:first-child),
-.hd-body :deep(.md-view > p:first-child) {
-  margin-top: 0;
-}
-.hd-empty {
-  margin: 0;
-  color: var(--dim);
-  font-size: var(--fs-sm);
-}
+  /* ── Body: the rendered section ───────────────────────────────────────────── */
+  .hd-body {
+    flex: 1 1 auto;
+    min-height: 0;
+    overflow-y: auto;
+    padding: var(--space-lg);
+  }
+  /* The section title already sits in the header — the body opens on prose. */
+  .hd-body :deep(.md-view > h2:first-child),
+  .hd-body :deep(.md-view > p:first-child) {
+    margin-top: 0;
+  }
+  .hd-empty {
+    margin: 0;
+    color: var(--dim);
+    font-size: var(--fs-sm);
+  }
 
-/* ── Footer: escape hatch to the full manual ──────────────────────────────── */
-/* Sits outside the scroll area, so the rule alone separates it — an opaque fill
+  /* ── Footer: escape hatch to the full manual ──────────────────────────────── */
+  /* Sits outside the scroll area, so the rule alone separates it — an opaque fill
    would only punch a hole in the glass. */
-.hd-foot {
-  flex: 0 0 auto;
-  padding: var(--space-sm) var(--space-lg);
-  border-top: 1px solid var(--line);
-}
-.hd-link {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--space-sm);
-  font-size: var(--fs-xs);
-  color: var(--muted);
-  text-decoration: none;
-  transition: color var(--motion-fast) ease;
-}
-.hd-link:hover {
-  color: var(--brand);
-}
-.hd-arrow {
-  transition: transform var(--motion-base) ease;
-}
-.hd-link:hover .hd-arrow {
-  transform: translateX(3px);
-}
+  .hd-foot {
+    flex: 0 0 auto;
+    padding: var(--space-sm) var(--space-lg);
+    border-top: 1px solid var(--line);
+  }
+  .hd-link {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--space-sm);
+    font-size: var(--fs-xs);
+    color: var(--muted);
+    text-decoration: none;
+    transition: color var(--motion-fast) ease;
+  }
+  .hd-link:hover {
+    color: var(--brand);
+  }
+  .hd-arrow {
+    transition: transform var(--motion-base) ease;
+  }
+  .hd-link:hover .hd-arrow {
+    transform: translateX(3px);
+  }
 </style>
 
 <style lang="scss">
-/* The drawer surface itself is outside the scoped tree. */
-/* Fond et tranche viennent du système (surfaces flottantes en verre, app.scss).
+  /* The drawer surface itself is outside the scoped tree. */
+  /* Fond et tranche viennent du système (surfaces flottantes en verre, app.scss).
    Ce sélecteur est plus spécifique que la règle globale : il doit reprendre le
    token, pas réintroduire une surface opaque. La bordure, elle, est laissée au
    système — elle doit y battre celle de Quasar, ce qui demande un sélecteur
    plus fort que ce qu'on peut écrire ici. */
-.q-drawer.help-drawer {
-  background: var(--glass-bg);
-  box-shadow: var(--drawer-shadow);
-}
-.help-drawer .q-drawer__content {
-  overflow: hidden; /* the body scrolls, not the shell */
-}
+  .q-drawer.help-drawer {
+    background: var(--glass-bg);
+    box-shadow: var(--drawer-shadow);
+  }
+  .help-drawer .q-drawer__content {
+    overflow: hidden; /* the body scrolls, not the shell */
+  }
 </style>
diff --git a/src/components/replay/AgentTrackBar.vue b/src/components/replay/AgentTrackBar.vue
index 9851cd2..f762f5d 100644
--- a/src/components/replay/AgentTrackBar.vue
+++ b/src/components/replay/AgentTrackBar.vue
@@ -31,14 +31,7 @@
       </span>
     </q-tab>
 
-    <q-tab
-      v-for="run in runs"
-      :id="trackTabId(run.agentId)"
-      :key="run.agentId"
-      :name="run.agentId"
-      :ripple="false"
-      class="atb-tab"
-    >
+    <q-tab v-for="run in runs" :id="trackTabId(run.agentId)" :key="run.agentId" :name="run.agentId" :ripple="false" class="atb-tab">
       <span class="atb-inner">
         <!-- La teinte vient de `agentColorOf`, la même que le filet du flux : un
              agent se reconnaît d'une vue à l'autre. Le halo suit la teinte, sinon
@@ -50,20 +43,8 @@
           aria-hidden="true"
         />
         <span class="atb-name">{{ nameOf(run) }}</span>
-        <q-icon
-          v-if="run.status === 'completed'"
-          name="check"
-          size="13px"
-          class="atb-done"
-          aria-hidden="true"
-        />
-        <q-icon
-          v-else-if="run.status === 'failed'"
-          name="error_outline"
-          size="13px"
-          class="atb-failed"
-          aria-hidden="true"
-        />
+        <q-icon v-if="run.status === 'completed'" name="check" size="13px" class="atb-done" aria-hidden="true" />
+        <q-icon v-else-if="run.status === 'failed'" name="error_outline" size="13px" class="atb-failed" aria-hidden="true" />
         <span class="atb-count font-mono" aria-hidden="true">{{ run.turns }}</span>
         <!-- Le nom visible entre déjà dans le nom accessible ; ceci le complète
              de ce que la couleur et l'icône disent à l'œil seul. -->
@@ -77,131 +58,131 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
-import { useI18n } from 'vue-i18n';
-import type { SubagentRunSummary } from '@/services/projects';
-import { agentColorOf } from '@/utils/agentColors';
-import { MAIN_TRACK, trackTabId, type TrackId } from '@/composables/useAgentTracks';
-
-const props = withDefaults(
-  defineProps<{
-    /** Les runs de la session, du plus ancien au plus récent. */
-    runs: SubagentRunSummary[];
-    /** La piste affichée : `''` pour le fil principal, sinon un `agentId`. */
-    modelValue: TrackId;
-    /** Ce qui reste au fil principal, affiché sur son onglet. */
-    mainCount?: number;
-  }>(),
-  { mainCount: 0 },
-);
-
-const emit = defineEmits<{ 'update:modelValue': [track: TrackId] }>();
-
-const { t } = useI18n();
-
-/**
- * `q-tabs` traite la chaîne vide comme « aucun onglet » et n'en surlignerait
- * aucun. Le fil principal prend donc un nom à lui dans la barre, traduit ici, et
- * la piste reste `''` partout ailleurs — c'est l'absence d'agent qui la définit.
- */
-const MAIN_TAB = '__main__';
-
-const tab = computed<string>({
-  get: () => props.modelValue || MAIN_TAB,
-  set: (v) => emit('update:modelValue', v === MAIN_TAB ? MAIN_TRACK : v),
-});
-
-const colorOf = (run: SubagentRunSummary): string => agentColorOf(run);
-
-const nameOf = (run: SubagentRunSummary): string => run.agentType ?? t('replay.tracks.subagent');
-
-/**
- * Les types d'agent portés par plusieurs runs.
- *
- * Huit teintes ne séparent pas plus de huit agents, et deux runs du *même* agent
- * partagent de toute façon la couleur et le nom : à l'écran ils se distinguent
- * par leur position, ce dont un lecteur d'écran ne dispose pas. On leur ajoute
- * alors le début de leur identifiant, et à eux seuls — l'ajouter partout
- * alourdirait chaque onglet pour un cas qui ne se produit pas.
- */
-const ambiguous = computed(() => {
-  const seen = new Set<string>();
-  const twice = new Set<string>();
-  for (const run of props.runs) {
-    const key = nameOf(run);
-    if (seen.has(key)) twice.add(key);
-    seen.add(key);
-  }
-  return twice;
-});
-
-function srDetail(run: SubagentRunSummary): string {
-  const parts = [t(`replay.tracks.status.${run.status}`), t('replay.tracks.turns', run.turns)];
-  if (ambiguous.value.has(nameOf(run))) {
-    parts.unshift(t('replay.tracks.id', { id: run.agentId.slice(0, 8) }));
+  import { MAIN_TRACK, trackTabId, type TrackId } from '@/composables/useAgentTracks'
+  import type { SubagentRunSummary } from '@/services/projects'
+  import { agentColorOf } from '@/utils/agentColors'
+  import { computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
+
+  const props = withDefaults(
+    defineProps<{
+      /** Les runs de la session, du plus ancien au plus récent. */
+      runs: SubagentRunSummary[]
+      /** La piste affichée : `''` pour le fil principal, sinon un `agentId`. */
+      modelValue: TrackId
+      /** Ce qui reste au fil principal, affiché sur son onglet. */
+      mainCount?: number
+    }>(),
+    { mainCount: 0 },
+  )
+
+  const emit = defineEmits<{ 'update:modelValue': [track: TrackId] }>()
+
+  const { t } = useI18n()
+
+  /**
+   * `q-tabs` traite la chaîne vide comme « aucun onglet » et n'en surlignerait
+   * aucun. Le fil principal prend donc un nom à lui dans la barre, traduit ici, et
+   * la piste reste `''` partout ailleurs — c'est l'absence d'agent qui la définit.
+   */
+  const MAIN_TAB = '__main__'
+
+  const tab = computed<string>({
+    get: () => props.modelValue || MAIN_TAB,
+    set: (v) => emit('update:modelValue', v === MAIN_TAB ? MAIN_TRACK : v),
+  })
+
+  const colorOf = (run: SubagentRunSummary): string => agentColorOf(run)
+
+  const nameOf = (run: SubagentRunSummary): string => run.agentType ?? t('replay.tracks.subagent')
+
+  /**
+   * Les types d'agent portés par plusieurs runs.
+   *
+   * Huit teintes ne séparent pas plus de huit agents, et deux runs du *même* agent
+   * partagent de toute façon la couleur et le nom : à l'écran ils se distinguent
+   * par leur position, ce dont un lecteur d'écran ne dispose pas. On leur ajoute
+   * alors le début de leur identifiant, et à eux seuls — l'ajouter partout
+   * alourdirait chaque onglet pour un cas qui ne se produit pas.
+   */
+  const ambiguous = computed(() => {
+    const seen = new Set<string>()
+    const twice = new Set<string>()
+    for (const run of props.runs) {
+      const key = nameOf(run)
+      if (seen.has(key)) twice.add(key)
+      seen.add(key)
+    }
+    return twice
+  })
+
+  function srDetail(run: SubagentRunSummary): string {
+    const parts = [t(`replay.tracks.status.${run.status}`), t('replay.tracks.turns', run.turns)]
+    if (ambiguous.value.has(nameOf(run))) {
+      parts.unshift(t('replay.tracks.id', { id: run.agentId.slice(0, 8) }))
+    }
+    return `, ${parts.join(', ')}`
   }
-  return `, ${parts.join(', ')}`;
-}
 </script>
 
 <style scoped lang="scss">
-/*
+  /*
   Une barre de navigation, pas un bandeau : elle se pose sur le fond du flux et
   ne se sépare que par un filet, la carte du dessous portant déjà l'ombre.
 */
-.atb {
-  border-bottom: 1px solid var(--line);
-  color: var(--muted);
-}
-
-.atb-tab {
-  min-height: 0;
-  padding: 0;
-}
-.atb-tab :deep(.q-tab__content) {
-  min-width: 0;
-  padding: var(--space-xs) var(--space-sm);
-}
-
-.atb-inner {
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  min-width: 0;
-  font-size: var(--fs-xs);
-}
-
-/* Le nom est ce qui se coupe en premier : l'état et le compte tiennent en
+  .atb {
+    border-bottom: 1px solid var(--line);
+    color: var(--muted);
+  }
+
+  .atb-tab {
+    min-height: 0;
+    padding: 0;
+  }
+  .atb-tab :deep(.q-tab__content) {
+    min-width: 0;
+    padding: var(--space-xs) var(--space-sm);
+  }
+
+  .atb-inner {
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    min-width: 0;
+    font-size: var(--fs-xs);
+  }
+
+  /* Le nom est ce qui se coupe en premier : l'état et le compte tiennent en
    quelques caractères et disent, eux, où en est la piste. */
-.atb-name {
-  max-width: 14ch;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.atb-dot {
-  flex: none;
-}
-
-.atb-done {
-  color: var(--pulse);
-}
-.atb-failed {
-  color: var(--danger);
-}
-
-.atb-count {
-  flex: none;
-  font-size: var(--fs-2xs);
-  font-variant-numeric: tabular-nums;
-  color: var(--faint);
-}
-
-/* L'onglet actif s'affirme par le texte, la teinte de la pastille restant celle
+  .atb-name {
+    max-width: 14ch;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .atb-dot {
+    flex: none;
+  }
+
+  .atb-done {
+    color: var(--pulse);
+  }
+  .atb-failed {
+    color: var(--danger);
+  }
+
+  .atb-count {
+    flex: none;
+    font-size: var(--fs-2xs);
+    font-variant-numeric: tabular-nums;
+    color: var(--faint);
+  }
+
+  /* L'onglet actif s'affirme par le texte, la teinte de la pastille restant celle
    de l'agent — deux couleurs concurrentes sur un même onglet ne se lisent pas. */
-.atb :deep(.q-tab--active) {
-  color: var(--text);
-  background: var(--hover-overlay);
-}
+  .atb :deep(.q-tab--active) {
+    color: var(--text);
+    background: var(--hover-overlay);
+  }
 </style>
diff --git a/src/components/replay/AsideSection.vue b/src/components/replay/AsideSection.vue
index e53f96e..8d7e522 100644
--- a/src/components/replay/AsideSection.vue
+++ b/src/components/replay/AsideSection.vue
@@ -8,13 +8,7 @@
       empêcher.
     -->
     <h2 class="as-head">
-      <button
-        type="button"
-        class="as-btn"
-        :aria-expanded="open"
-        :aria-controls="bodyId"
-        @click="emit('toggle')"
-      >
+      <button type="button" class="as-btn" :aria-expanded="open" :aria-controls="bodyId" @click="emit('toggle')">
         <q-icon :name="open ? 'expand_less' : 'expand_more'" size="18px" aria-hidden="true" />
         <span :id="titleId" class="as-title">{{ title }}</span>
         <q-space />
@@ -29,108 +23,101 @@
       et le contexte calcule son remplissage. Démonter les cartes fermées
       viderait les résumés ci-dessus de leur chiffre jusqu'au premier clic.
     -->
-    <div
-      v-show="open"
-      :id="bodyId"
-      class="as-body"
-      role="region"
-      :aria-labelledby="titleId"
-      :class="{ 'as-body--pad': pad }"
-    >
+    <div v-show="open" :id="bodyId" class="as-body" role="region" :aria-labelledby="titleId" :class="{ 'as-body--pad': pad }">
       <slot />
     </div>
   </section>
 </template>
 
 <script setup lang="ts">
-import { useId } from 'vue';
+  import { useId } from 'vue'
 
-defineProps<{
-  title: string;
-  open: boolean;
-  /** Le contenu ne porte pas son propre rembourrage (cas de `SessionCostPanel`). */
-  pad?: boolean;
-}>();
-const emit = defineEmits<{ toggle: [] }>();
+  defineProps<{
+    title: string
+    open: boolean
+    /** Le contenu ne porte pas son propre rembourrage (cas de `SessionCostPanel`). */
+    pad?: boolean
+  }>()
+  const emit = defineEmits<{ toggle: [] }>()
 
-const bodyId = useId();
-const titleId = useId();
+  const bodyId = useId()
+  const titleId = useId()
 </script>
 
 <style scoped lang="scss">
-.as {
-  // Repliée, la carte ne prend que la hauteur de son titre.
-  flex: 0 0 auto;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  // Un enfant flex refuse de rétrécir sous son contenu sans cette permission —
-  // et c'est le corps qui doit défiler, pas la carte qui doit grandir.
-  min-height: 0;
-}
-// Ouverte, elle prend toute la place que les autres ne prennent pas.
-.as--open {
-  flex: 1 1 auto;
-}
-
-.as-head {
-  margin: 0;
-  flex: 0 0 auto;
-  font-size: var(--fs-sm);
-  font-weight: 600;
-}
-.as-btn {
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  width: 100%;
-  padding: var(--space-sm) var(--space-md);
-  border: 0;
-  border-radius: var(--radius-md);
-  background: transparent;
-  color: var(--text);
-  font: inherit;
-  text-align: left;
-  cursor: pointer;
-  transition: background var(--motion-fast);
-}
-.as-btn:hover {
-  background: var(--hover-overlay);
-}
-.as-btn:focus-visible {
-  outline: 1px solid var(--brand);
-  outline-offset: -1px;
-}
-.as-title {
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.as-summary {
-  flex: none;
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  font-size: var(--fs-xs);
-  font-weight: 400;
-  color: var(--dim);
-  font-variant-numeric: tabular-nums;
-}
+  .as {
+    // Repliée, la carte ne prend que la hauteur de son titre.
+    flex: 0 0 auto;
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    // Un enfant flex refuse de rétrécir sous son contenu sans cette permission —
+    // et c'est le corps qui doit défiler, pas la carte qui doit grandir.
+    min-height: 0;
+  }
+  // Ouverte, elle prend toute la place que les autres ne prennent pas.
+  .as--open {
+    flex: 1 1 auto;
+  }
 
-.as-body {
-  overflow-y: auto;
-  min-height: 0;
-}
-.as-body--pad {
-  padding: var(--space-md);
-}
+  .as-head {
+    margin: 0;
+    flex: 0 0 auto;
+    font-size: var(--fs-sm);
+    font-weight: 600;
+  }
+  .as-btn {
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    width: 100%;
+    padding: var(--space-sm) var(--space-md);
+    border: 0;
+    border-radius: var(--radius-md);
+    background: transparent;
+    color: var(--text);
+    font: inherit;
+    text-align: left;
+    cursor: pointer;
+    transition: background var(--motion-fast);
+  }
+  .as-btn:hover {
+    background: var(--hover-overlay);
+  }
+  .as-btn:focus-visible {
+    outline: 1px solid var(--brand);
+    outline-offset: -1px;
+  }
+  .as-title {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .as-summary {
+    flex: none;
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    font-size: var(--fs-xs);
+    font-weight: 400;
+    color: var(--dim);
+    font-variant-numeric: tabular-nums;
+  }
 
-// Sur une colonne, la carte ouverte se déroule à sa hauteur : rien ne la borne
-// plus, et un défilement dans le défilement de la page serait un piège.
-@media (max-width: 1279px) {
   .as-body {
-    overflow: visible;
+    overflow-y: auto;
+    min-height: 0;
+  }
+  .as-body--pad {
+    padding: var(--space-md);
+  }
+
+  // Sur une colonne, la carte ouverte se déroule à sa hauteur : rien ne la borne
+  // plus, et un défilement dans le défilement de la page serait un piège.
+  @media (max-width: 1279px) {
+    .as-body {
+      overflow: visible;
+    }
   }
-}
 </style>
diff --git a/src/components/replay/AskUserQuestionView.vue b/src/components/replay/AskUserQuestionView.vue
index 5dd471c..ef970e5 100644
--- a/src/components/replay/AskUserQuestionView.vue
+++ b/src/components/replay/AskUserQuestionView.vue
@@ -3,19 +3,12 @@
     <div v-for="(q, qi) in questions" :key="qi" class="auq-q">
       <div class="auq-q-head">
         <span v-if="q.header" class="auq-chip font-mono">{{ q.header }}</span>
-        <span v-if="q.multiSelect" class="auq-multi font-mono">{{
-          t('agent.ask.multiSelect')
-        }}</span>
+        <span v-if="q.multiSelect" class="auq-multi font-mono">{{ t('agent.ask.multiSelect') }}</span>
       </div>
       <p class="auq-question">{{ q.question }}</p>
 
       <ul class="auq-options">
-        <li
-          v-for="(o, oi) in q.options"
-          :key="oi"
-          class="auq-option"
-          :class="{ 'auq-option--picked': isPicked(qi, o.label) }"
-        >
+        <li v-for="(o, oi) in q.options" :key="oi" class="auq-option" :class="{ 'auq-option--picked': isPicked(qi, o.label) }">
           <q-icon
             :name="isPicked(qi, o.label) ? 'radio_button_checked' : 'radio_button_unchecked'"
             size="16px"
@@ -66,245 +59,245 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
-import { useI18n } from 'vue-i18n';
+  import { computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
 
-interface Option {
-  label: string;
-  description?: string;
-  preview?: string;
-}
-interface Question {
-  question: string;
-  header?: string;
-  multiSelect?: boolean;
-  options: Option[];
-}
+  interface Option {
+    label: string
+    description?: string
+    preview?: string
+  }
+  interface Question {
+    question: string
+    header?: string
+    multiSelect?: boolean
+    options: Option[]
+  }
 
-const props = withDefaults(
-  defineProps<{
-    input: unknown;
-    result?: string | null;
-    /**
-     * Les réponses telles que le harness les a écrites — carte question → réponse.
-     *
-     * À préférer toujours au texte : voir `answers` plus bas.
-     */
-    answers?: Record<string, unknown> | null;
-    /** Les notes libres, par question — ce que l'utilisateur a écrit en plus. */
-    notes?: Record<string, unknown> | null;
-    /** Le délai, en ms, au bout duquel le harness a renoncé à attendre. */
-    afk?: number;
-    rejected?: boolean;
-  }>(),
-  { result: null, answers: null, notes: null, afk: 0, rejected: false },
-);
+  const props = withDefaults(
+    defineProps<{
+      input: unknown
+      result?: string | null
+      /**
+       * Les réponses telles que le harness les a écrites — carte question → réponse.
+       *
+       * À préférer toujours au texte : voir `answers` plus bas.
+       */
+      answers?: Record<string, unknown> | null
+      /** Les notes libres, par question — ce que l'utilisateur a écrit en plus. */
+      notes?: Record<string, unknown> | null
+      /** Le délai, en ms, au bout duquel le harness a renoncé à attendre. */
+      afk?: number
+      rejected?: boolean
+    }>(),
+    { result: null, answers: null, notes: null, afk: 0, rejected: false },
+  )
 
-const { t } = useI18n();
+  const { t } = useI18n()
 
-const questions = computed<Question[]>(() => {
-  const i = props.input as { questions?: Question[] } | null;
-  return Array.isArray(i?.questions) ? i.questions : [];
-});
+  const questions = computed<Question[]>(() => {
+    const i = props.input as { questions?: Question[] } | null
+    return Array.isArray(i?.questions) ? i.questions : []
+  })
 
-/**
- * Les réponses, par question.
- *
- * Le harness en écrit une carte structurée à côté du texte (`answers`) : c'est
- * elle qui fait foi. Le texte, lui, énumère les couples entre guillemets —
- * `"Question"="Réponse"` — et devient ambigu dès qu'une question en contient
- * elle-même un, ce qui arrive dès qu'on cite un champ ou un format. Mesuré sur
- * le corpus : 17 questions perdaient ainsi leur réponse et s'affichaient « en
- * attente » alors qu'elles avaient été répondues.
- *
- * Le repli sur le texte reste néanmoins nécessaire : 18 appels sur 360 n'ont
- * pas de carte structurée, et un rejeu approximatif y vaut mieux que rien.
- */
-const answers = computed<Map<string, string>>(() => {
-  const map = new Map<string, string>();
-  if (props.rejected) return map;
+  /**
+   * Les réponses, par question.
+   *
+   * Le harness en écrit une carte structurée à côté du texte (`answers`) : c'est
+   * elle qui fait foi. Le texte, lui, énumère les couples entre guillemets —
+   * `"Question"="Réponse"` — et devient ambigu dès qu'une question en contient
+   * elle-même un, ce qui arrive dès qu'on cite un champ ou un format. Mesuré sur
+   * le corpus : 17 questions perdaient ainsi leur réponse et s'affichaient « en
+   * attente » alors qu'elles avaient été répondues.
+   *
+   * Le repli sur le texte reste néanmoins nécessaire : 18 appels sur 360 n'ont
+   * pas de carte structurée, et un rejeu approximatif y vaut mieux que rien.
+   */
+  const answers = computed<Map<string, string>>(() => {
+    const map = new Map<string, string>()
+    if (props.rejected) return map
 
-  if (props.answers) {
-    for (const [q, a] of Object.entries(props.answers)) {
-      if (typeof a === 'string') map.set(q, a);
+    if (props.answers) {
+      for (const [q, a] of Object.entries(props.answers)) {
+        if (typeof a === 'string') map.set(q, a)
+      }
+      if (map.size) return map
     }
-    if (map.size) return map;
-  }
 
-  const r = props.result ?? '';
-  for (const m of r.matchAll(/"([^"]*)"\s*=\s*"([^"]*)"/g)) {
-    if (m[1] !== undefined) map.set(m[1], m[2] ?? '');
-  }
-  return map;
-});
+    const r = props.result ?? ''
+    for (const m of r.matchAll(/"([^"]*)"\s*=\s*"([^"]*)"/g)) {
+      if (m[1] !== undefined) map.set(m[1], m[2] ?? '')
+    }
+    return map
+  })
 
-/**
- * Ce que l'utilisateur a écrit à côté de son choix, quand ça n'est pas sa
- * réponse redite.
- *
- * Le harness recopie le plus souvent la note dans la réponse — 16 notes au parc,
- * la plupart mot pour mot identiques. L'afficher deux fois n'apprendrait rien.
- */
-function noteOf(qi: number): string {
-  const q = questions.value[qi];
-  if (!q || props.rejected) return '';
-  const n = props.notes?.[q.question];
-  if (typeof n !== 'string' || !n) return '';
-  return n === answerOf(qi) ? '' : n;
-}
+  /**
+   * Ce que l'utilisateur a écrit à côté de son choix, quand ça n'est pas sa
+   * réponse redite.
+   *
+   * Le harness recopie le plus souvent la note dans la réponse — 16 notes au parc,
+   * la plupart mot pour mot identiques. L'afficher deux fois n'apprendrait rien.
+   */
+  function noteOf(qi: number): string {
+    const q = questions.value[qi]
+    if (!q || props.rejected) return ''
+    const n = props.notes?.[q.question]
+    if (typeof n !== 'string' || !n) return ''
+    return n === answerOf(qi) ? '' : n
+  }
 
-/**
- * Le marqueur que le harness met dans `answers` quand l'utilisateur n'a coché
- * aucune option et s'est contenté d'écrire. Ce n'est pas une réponse : c'est
- * l'aveu qu'il n'y en a pas, et la note dit tout.
- */
-const NO_ANSWER = '(notes only)';
+  /**
+   * Le marqueur que le harness met dans `answers` quand l'utilisateur n'a coché
+   * aucune option et s'est contenté d'écrire. Ce n'est pas une réponse : c'est
+   * l'aveu qu'il n'y en a pas, et la note dit tout.
+   */
+  const NO_ANSWER = '(notes only)'
 
-function answerOf(qi: number): string {
-  const q = questions.value[qi];
-  const a = q ? (answers.value.get(q.question) ?? '') : '';
-  return a === NO_ANSWER ? '' : a;
-}
-function isPicked(qi: number, label: string): boolean {
-  const a = answerOf(qi);
-  if (!a) return false;
-  if (a === label) return true;
-  // Only multiSelect answers are comma-joined; splitting a single answer would
-  // break any label that contains a comma of its own.
-  if (!questions.value[qi]?.multiSelect) return false;
-  return a
-    .split(/\s*,\s*/)
-    .map((s) => s.trim())
-    .includes(label);
-}
-function matchesOption(qi: number): boolean {
-  const q = questions.value[qi];
-  if (!q) return false;
-  return q.options.some((o) => isPicked(qi, o.label));
-}
+  function answerOf(qi: number): string {
+    const q = questions.value[qi]
+    const a = q ? (answers.value.get(q.question) ?? '') : ''
+    return a === NO_ANSWER ? '' : a
+  }
+  function isPicked(qi: number, label: string): boolean {
+    const a = answerOf(qi)
+    if (!a) return false
+    if (a === label) return true
+    // Only multiSelect answers are comma-joined; splitting a single answer would
+    // break any label that contains a comma of its own.
+    if (!questions.value[qi]?.multiSelect) return false
+    return a
+      .split(/\s*,\s*/)
+      .map((s) => s.trim())
+      .includes(label)
+  }
+  function matchesOption(qi: number): boolean {
+    const q = questions.value[qi]
+    if (!q) return false
+    return q.options.some((o) => isPicked(qi, o.label))
+  }
 </script>
 
 <style scoped lang="scss">
-.auq {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-lg);
-}
-.auq-q {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-}
-.auq-q-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-}
-.auq-chip {
-  font-size: var(--fs-2xs);
-  text-transform: uppercase;
-  letter-spacing: 0.08em;
-  color: var(--brand);
-  background: var(--brand-soft);
-  border: 1px solid var(--brand-line);
-  border-radius: 999px;
-  padding: 2px 9px;
-}
-.auq-multi {
-  font-size: var(--fs-2xs);
-  color: var(--dim);
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-}
-.auq-question {
-  margin: 0;
-  font-size: var(--fs-md);
-  font-weight: 600;
-  line-height: 1.4;
-}
-.auq-options {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-xs);
-}
-.auq-option {
-  display: flex;
-  align-items: flex-start;
-  gap: var(--space-sm);
-  padding: var(--space-sm) var(--space-md);
-  border: 1px solid var(--line);
-  border-radius: var(--radius-sm);
-  background: var(--surface);
-}
-.auq-option--picked {
-  border-color: var(--brand-line);
-  background: var(--brand-soft);
-}
-.auq-option-mark {
-  color: var(--faint);
-  margin-top: 1px;
-  flex-shrink: 0;
-}
-.auq-option--picked .auq-option-mark {
-  color: var(--brand);
-}
-.auq-option-body {
-  min-width: 0;
-}
-.auq-option-label {
-  font-size: var(--fs-sm);
-  font-weight: 600;
-}
-.auq-option-desc {
-  font-size: var(--fs-xs);
-  color: var(--muted);
-  line-height: 1.5;
-  margin-top: 2px;
-}
-.auq-option-preview {
-  margin: var(--space-sm) 0 0;
-  padding: var(--space-sm) var(--space-md);
-  background: var(--surface-2);
-  border-radius: var(--radius-sm);
-  font-size: var(--fs-2xs);
-  line-height: 1.5;
-  color: var(--dim);
-  overflow-x: auto;
-}
-.auq-option--picked .auq-option-preview {
-  color: var(--text);
-}
-.auq-free {
-  display: flex;
-  align-items: baseline;
-  gap: var(--space-sm);
-  padding: var(--space-sm) var(--space-md);
-  border-left: 2px solid var(--brand-line);
-  background: var(--surface);
-  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
-}
-.auq-free-label {
-  font-size: var(--fs-2xs);
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  color: var(--dim);
-}
-.auq-free-text {
-  font-size: var(--fs-sm);
-  color: var(--text);
-}
-.auq-pending {
-  font-size: var(--fs-xs);
-  color: var(--faint);
-}
-.auq-afk {
-  display: flex;
-  align-items: baseline;
-  gap: var(--space-xs);
-  font-size: var(--fs-xs);
-  color: var(--muted);
-}
+  .auq {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-lg);
+  }
+  .auq-q {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+  }
+  .auq-q-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+  }
+  .auq-chip {
+    font-size: var(--fs-2xs);
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    color: var(--brand);
+    background: var(--brand-soft);
+    border: 1px solid var(--brand-line);
+    border-radius: 999px;
+    padding: 2px 9px;
+  }
+  .auq-multi {
+    font-size: var(--fs-2xs);
+    color: var(--dim);
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+  }
+  .auq-question {
+    margin: 0;
+    font-size: var(--fs-md);
+    font-weight: 600;
+    line-height: 1.4;
+  }
+  .auq-options {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+  }
+  .auq-option {
+    display: flex;
+    align-items: flex-start;
+    gap: var(--space-sm);
+    padding: var(--space-sm) var(--space-md);
+    border: 1px solid var(--line);
+    border-radius: var(--radius-sm);
+    background: var(--surface);
+  }
+  .auq-option--picked {
+    border-color: var(--brand-line);
+    background: var(--brand-soft);
+  }
+  .auq-option-mark {
+    color: var(--faint);
+    margin-top: 1px;
+    flex-shrink: 0;
+  }
+  .auq-option--picked .auq-option-mark {
+    color: var(--brand);
+  }
+  .auq-option-body {
+    min-width: 0;
+  }
+  .auq-option-label {
+    font-size: var(--fs-sm);
+    font-weight: 600;
+  }
+  .auq-option-desc {
+    font-size: var(--fs-xs);
+    color: var(--muted);
+    line-height: 1.5;
+    margin-top: 2px;
+  }
+  .auq-option-preview {
+    margin: var(--space-sm) 0 0;
+    padding: var(--space-sm) var(--space-md);
+    background: var(--surface-2);
+    border-radius: var(--radius-sm);
+    font-size: var(--fs-2xs);
+    line-height: 1.5;
+    color: var(--dim);
+    overflow-x: auto;
+  }
+  .auq-option--picked .auq-option-preview {
+    color: var(--text);
+  }
+  .auq-free {
+    display: flex;
+    align-items: baseline;
+    gap: var(--space-sm);
+    padding: var(--space-sm) var(--space-md);
+    border-left: 2px solid var(--brand-line);
+    background: var(--surface);
+    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
+  }
+  .auq-free-label {
+    font-size: var(--fs-2xs);
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    color: var(--dim);
+  }
+  .auq-free-text {
+    font-size: var(--fs-sm);
+    color: var(--text);
+  }
+  .auq-pending {
+    font-size: var(--fs-xs);
+    color: var(--faint);
+  }
+  .auq-afk {
+    display: flex;
+    align-items: baseline;
+    gap: var(--space-xs);
+    font-size: var(--fs-xs);
+    color: var(--muted);
+  }
 </style>
diff --git a/src/components/replay/AssistantTurn.vue b/src/components/replay/AssistantTurn.vue
index 498e3d4..ce6e326 100644
--- a/src/components/replay/AssistantTurn.vue
+++ b/src/components/replay/AssistantTurn.vue
@@ -1,12 +1,6 @@
 <template>
   <article class="at">
-    <button
-      type="button"
-      class="at-head"
-      :aria-expanded="open"
-      :aria-controls="bodyId"
-      @click="open = !open"
-    >
+    <button type="button" class="at-head" :aria-expanded="open" :aria-controls="bodyId" @click="open = !open">
       <q-icon name="smart_toy" size="16px" class="at-icon" aria-hidden="true" />
       <span class="at-who">Claude</span>
       <span v-if="model" class="at-model font-mono">{{ model }}</span>
@@ -17,9 +11,7 @@
            fenêtre à la fin, et ce que la carte y a ajouté en tout. -->
       <span v-if="cardContext" class="at-ctx-sum font-mono">
         ⧉{{ fmtNum(cardContext.window) }}
-        <span v-if="cardContext.delta > 0" class="at-ctx-sum-delta"
-          >+{{ fmtNum(cardContext.delta) }}</span
-        >
+        <span v-if="cardContext.delta > 0" class="at-ctx-sum-delta">+{{ fmtNum(cardContext.delta) }}</span>
         <q-tooltip anchor="top middle" self="bottom middle" class="rp-tt">
           <div>
             {{ t('replay.turn.windowTip', { n: fmtInt(cardContext.window) }) }}
@@ -36,18 +28,10 @@
           {{ t('replay.turn.outputTip', { n: fmtInt(turn.outputTokens) }) }}
         </q-tooltip>
       </span>
-      <span v-if="turn.durationMs" class="at-dur font-mono">{{
-        fmtDuration(turn.durationMs)
-      }}</span>
+      <span v-if="turn.durationMs" class="at-dur font-mono">{{ fmtDuration(turn.durationMs) }}</span>
       <span class="at-time font-mono">{{ time }}</span>
 
-      <q-icon
-        name="expand_more"
-        size="18px"
-        class="at-chev"
-        :class="{ 'at-chev--open': open }"
-        aria-hidden="true"
-      />
+      <q-icon name="expand_more" size="18px" class="at-chev" :class="{ 'at-chev--open': open }" aria-hidden="true" />
     </button>
 
     <div v-if="open" :id="bodyId" class="at-body">
@@ -65,29 +49,17 @@
              de cinq lignes traînait cinq jalons derrière lui. L'ancre `@73`
              n'est pas perdue : elle passe sur la ligne de la tâche. -->
         <template v-if="turnAt(ev.uuid) && !plans.marks.has(ev.uuid)">
-          <details
-            v-if="turnAt(ev.uuid)!.rows.length"
-            :id="`rp-turn-${ev.uuid}`"
-            class="at-turn at-turn--fold"
-          >
+          <details v-if="turnAt(ev.uuid)!.rows.length" :id="`rp-turn-${ev.uuid}`" class="at-turn at-turn--fold">
             <summary class="at-turn-mark font-mono">
               <span class="at-turn-mark-line" aria-hidden="true" />
               <q-icon name="chevron_right" size="13px" class="at-turn-chev" aria-hidden="true" />
               {{ t('replay.turn.mark', { n: turnAt(ev.uuid)!.turnIndex + 1 }) }}
-              <span v-if="turnAt(ev.uuid)!.delta > 0" class="at-turn-delta"
-                >+{{ fmtNum(turnAt(ev.uuid)!.delta) }}</span
-              >
-              <span class="at-turn-silent">{{
-                t('replay.turn.injected', turnAt(ev.uuid)!.rows.length)
-              }}</span>
+              <span v-if="turnAt(ev.uuid)!.delta > 0" class="at-turn-delta">+{{ fmtNum(turnAt(ev.uuid)!.delta) }}</span>
+              <span class="at-turn-silent">{{ t('replay.turn.injected', turnAt(ev.uuid)!.rows.length) }}</span>
             </summary>
             <ul class="at-turn-list">
               <li v-for="(row, i) in turnAt(ev.uuid)!.rows" :key="i" class="at-turn-row">
-                <span
-                  class="at-turn-pill"
-                  :style="{ color: pillColor(row), borderColor: pillColor(row) }"
-                  >{{ pill(row) }}</span
-                >
+                <span class="at-turn-pill" :style="{ color: pillColor(row), borderColor: pillColor(row) }">{{ pill(row) }}</span>
                 <span class="at-turn-rowlabel" :title="row.path ?? row.label">{{ row.label }}</span>
                 <span class="at-turn-tok font-mono">~{{ fmtNum(row.tokens) }}</span>
               </li>
@@ -97,18 +69,12 @@
           <p v-else :id="`rp-turn-${ev.uuid}`" class="at-turn-mark font-mono">
             <span class="at-turn-mark-line" aria-hidden="true" />
             {{ t('replay.turn.mark', { n: turnAt(ev.uuid)!.turnIndex + 1 }) }}
-            <span v-if="turnAt(ev.uuid)!.delta > 0" class="at-turn-delta"
-              >+{{ fmtNum(turnAt(ev.uuid)!.delta) }}</span
-            >
+            <span v-if="turnAt(ev.uuid)!.delta > 0" class="at-turn-delta">+{{ fmtNum(turnAt(ev.uuid)!.delta) }}</span>
           </p>
         </template>
 
         <p v-if="systemLabel(ev)" class="at-sys" :class="{ 'at-sys--error': ev.level === 'error' }">
-          <q-icon
-            :name="ev.level === 'error' ? 'error_outline' : 'info'"
-            size="13px"
-            aria-hidden="true"
-          />
+          <q-icon :name="ev.level === 'error' ? 'error_outline' : 'info'" size="13px" aria-hidden="true" />
           {{ systemLabel(ev) }}
         </p>
 
@@ -137,16 +103,9 @@
 
           <!-- Une transition isolée reste un jalon : voir `TaskMarker`. La carte
                d'outil reste pour les appels en échec, qu'on veut pouvoir déplier. -->
-          <TaskMarker
-            v-else-if="isTaskMarker(b) && !plans.absorbed.has(blockKey(ei, bi))"
-            :block="b"
-            :uuid="ev.uuid"
-          />
+          <TaskMarker v-else-if="isTaskMarker(b) && !plans.absorbed.has(blockKey(ei, bi))" :block="b" :uuid="ev.uuid" />
 
-          <ToolCall
-            v-else-if="b.kind === 'tool_use' && !plans.absorbed.has(blockKey(ei, bi))"
-            :block="b"
-          />
+          <ToolCall v-else-if="b.kind === 'tool_use' && !plans.absorbed.has(blockKey(ei, bi))" :block="b" />
 
           <TaskReport v-else-if="b.kind === 'task_notification'" :block="b" />
 
@@ -173,393 +132,383 @@
 </template>
 
 <script setup lang="ts">
-import { computed, useId, watch } from 'vue';
-import { useI18n } from 'vue-i18n';
-import type { Block, ContextCategory, TranscriptEvent } from '@/services/projects';
-import type { AssistantTurn } from '@/composables/useTranscriptTurns';
-import type { CardContext, CardTurn, ContextRowModel } from './contextRows';
-import { useExpandable, provideScopedExpandAll } from '@/composables/useExpandAll';
-import { useChartTokens, seriesColor } from '@/composables/useChartTokens';
-import { fmtDuration, fmtInt, fmtNum, fmtTime } from '@/utils/format';
-import MarkdownView from './MarkdownView.vue';
-import ImageStrip from './ImageStrip.vue';
-import ThinkingBlock from './ThinkingBlock.vue';
-import ToolCall from './ToolCall.vue';
-import TaskReport from './TaskReport.vue';
-import TaskMarker from './TaskMarker.vue';
-import TaskPlan from './TaskPlan.vue';
-import SkillDocument from './SkillDocument.vue';
-import { skillDocument, type SkillDoc } from './skillDocument';
-import { blockKey, groupTaskPlans, isTaskMarker, type PlanItem } from './taskList';
-
-const { t } = useI18n();
-
-const props = withDefaults(
-  defineProps<{
-    turn: AssistantTurn;
-    defaultOpen?: boolean;
-    /** Ce que la carte a ajouté au contexte, ou `null` hors reconstruction. */
-    cardContext?: CardContext | null;
-    /** Le tour en cours d'un flux suivi en direct : il s'ouvre en profondeur. */
-    live?: boolean;
-  }>(),
-  { defaultOpen: true, cardContext: null, live: false },
-);
-
-const chart = useChartTokens();
-
-/**
- * L'ordre fixe des catégories : il attribue les teintes, comme dans le panneau —
- * la même position donne la même couleur des deux côtés. `harness` n'en a pas :
- * c'est de la machinerie, elle prend le gris.
- */
-const CAT_ORDER: ContextCategory[] = [
-  'memory',
-  'skills',
-  'files',
-  'tools',
-  'thinking',
-  'userMessage',
-];
-
-/** Une règle vit dans la catégorie mémoire mais n'est pas un CLAUDE.md. */
-function pill(row: ContextRowModel): string {
-  if (row.category === 'memory' && row.label.startsWith('rules/')) {
-    return t('replay.context.pills.rule');
-  }
-  // Le jeton est celui du panneau de contexte : une catégorie se nomme pareil
-  // des deux côtés, sans quoi la même chose porterait deux noms dans un écran.
-  return t(`replay.context.pills.${row.category}`);
-}
-/** La teinte de la catégorie, identique à celle du panneau de contexte. */
-function pillColor(row: ContextRowModel): string {
-  const i = CAT_ORDER.indexOf(row.category);
-  return i >= 0 ? seriesColor(chart.value, i) : chart.value.muted;
-}
-
-/** Le détail du tour qui commence à cette ligne, s'il y en a un. */
-function turnAt(uuid: string): CardTurn | undefined {
-  return props.cardContext?.byUuid[uuid];
-}
-
-/**
- * Les séries de créations de tâches, rendues d'un bloc.
- *
- * Une série ne peut enjamber ce qui se rend *avant* les blocs d'un événement —
- * un jalon qui se déplie sur une injection silencieuse, une ligne système : les
- * absorber les ferait disparaître. Ces événements coupent donc la série.
- */
-const plans = computed(() =>
-  groupTaskPlans(
-    props.turn.events,
-    (ev) =>
-      Boolean(systemLabel(ev)) ||
-      ev.blocks.some((b) => skillDoc(ev, b)) ||
-      (turnAt(ev.uuid)?.rows.length ?? 0) > 0,
-  ),
-);
-
-/** La série qui s'ouvre sur ce bloc, s'il en ouvre une. */
-function planAt(ei: number, bi: number): PlanItem[] | undefined {
-  return plans.value.starts.get(blockKey(ei, bi));
-}
-
-const bodyId = `at-${useId()}`;
-// A turn reads open: its prose is the point. Expand-all can still close it.
-const open = useExpandable(props.defaultOpen);
-
-// Le tour en direct déplie ses outils et son raisonnement — dans un flux suivi
-// en direct, ce qui se passe est justement dans ces replis, et les rouvrir à
-// chaque tour reviendrait à cliquer sans arrêt. Quand un tour plus récent prend
-// la main, celui-ci rend son contenu au repli : sa prose, elle, reste lisible.
-// La commande est bornée à ce tour, d'où `provideScopedExpandAll` — appelé après
-// le `useExpandable` ci-dessus, qui doit suivre la page et non ce tour.
-const { setAll } = provideScopedExpandAll();
-watch(
-  () => props.live,
-  (live) => {
-    if (live) open.value = true;
-    // Adhésif tant que le tour est en direct : ses outils arrivent au fil de
-    // l'eau, bien après que l'ordre a été donné.
-    setAll(live, live);
-  },
-  { immediate: true },
-);
-
-/** `claude-opus-4-8` → `opus-4-8`: the vendor prefix is on every row. */
-const model = computed(() => props.turn.model.replace(/^claude-/, ''));
-
-const itemsSummary = computed(() => {
-  const parts: string[] = [];
-  if (props.turn.toolCount) {
-    parts.push(t('replay.turn.tools', props.turn.toolCount));
-  }
-  if (props.turn.thinkingCount) parts.push(t('replay.turn.thinking'));
-  return parts.join(' · ');
-});
-
-const time = computed(() => fmtTime(props.turn.startedAt));
-
-/** The last thing Claude said in this turn — its conclusion. */
-const lastText = computed(() => {
-  for (let i = props.turn.events.length - 1; i >= 0; i--) {
-    const ev = props.turn.events[i];
-    if (!ev || ev.kind !== 'assistant') continue;
-    for (let j = ev.blocks.length - 1; j >= 0; j--) {
-      const b = ev.blocks[j];
-      if (b?.kind === 'text' && b.text?.trim()) return b.text;
+  import { useChartTokens, seriesColor } from '@/composables/useChartTokens'
+  import { useExpandable, provideScopedExpandAll } from '@/composables/useExpandAll'
+  import type { AssistantTurn } from '@/composables/useTranscriptTurns'
+  import type { Block, ContextCategory, TranscriptEvent } from '@/services/projects'
+  import { fmtDuration, fmtInt, fmtNum, fmtTime } from '@/utils/format'
+  import { computed, useId, watch } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import type { CardContext, CardTurn, ContextRowModel } from './contextRows'
+  import ImageStrip from './ImageStrip.vue'
+  import MarkdownView from './MarkdownView.vue'
+  import { skillDocument, type SkillDoc } from './skillDocument'
+  import SkillDocument from './SkillDocument.vue'
+  import { blockKey, groupTaskPlans, isTaskMarker, type PlanItem } from './taskList'
+  import TaskMarker from './TaskMarker.vue'
+  import TaskPlan from './TaskPlan.vue'
+  import TaskReport from './TaskReport.vue'
+  import ThinkingBlock from './ThinkingBlock.vue'
+  import ToolCall from './ToolCall.vue'
+
+  const { t } = useI18n()
+
+  const props = withDefaults(
+    defineProps<{
+      turn: AssistantTurn
+      defaultOpen?: boolean
+      /** Ce que la carte a ajouté au contexte, ou `null` hors reconstruction. */
+      cardContext?: CardContext | null
+      /** Le tour en cours d'un flux suivi en direct : il s'ouvre en profondeur. */
+      live?: boolean
+    }>(),
+    { defaultOpen: true, cardContext: null, live: false },
+  )
+
+  const chart = useChartTokens()
+
+  /**
+   * L'ordre fixe des catégories : il attribue les teintes, comme dans le panneau —
+   * la même position donne la même couleur des deux côtés. `harness` n'en a pas :
+   * c'est de la machinerie, elle prend le gris.
+   */
+  const CAT_ORDER: ContextCategory[] = ['memory', 'skills', 'files', 'tools', 'thinking', 'userMessage']
+
+  /** Une règle vit dans la catégorie mémoire mais n'est pas un CLAUDE.md. */
+  function pill(row: ContextRowModel): string {
+    if (row.category === 'memory' && row.label.startsWith('rules/')) {
+      return t('replay.context.pills.rule')
     }
+    // Le jeton est celui du panneau de contexte : une catégorie se nomme pareil
+    // des deux côtés, sans quoi la même chose porterait deux noms dans un écran.
+    return t(`replay.context.pills.${row.category}`)
+  }
+  /** La teinte de la catégorie, identique à celle du panneau de contexte. */
+  function pillColor(row: ContextRowModel): string {
+    const i = CAT_ORDER.indexOf(row.category)
+    return i >= 0 ? seriesColor(chart.value, i) : chart.value.muted
+  }
+
+  /** Le détail du tour qui commence à cette ligne, s'il y en a un. */
+  function turnAt(uuid: string): CardTurn | undefined {
+    return props.cardContext?.byUuid[uuid]
+  }
+
+  /**
+   * Les séries de créations de tâches, rendues d'un bloc.
+   *
+   * Une série ne peut enjamber ce qui se rend *avant* les blocs d'un événement —
+   * un jalon qui se déplie sur une injection silencieuse, une ligne système : les
+   * absorber les ferait disparaître. Ces événements coupent donc la série.
+   */
+  const plans = computed(() =>
+    groupTaskPlans(
+      props.turn.events,
+      (ev) => Boolean(systemLabel(ev)) || ev.blocks.some((b) => skillDoc(ev, b)) || (turnAt(ev.uuid)?.rows.length ?? 0) > 0,
+    ),
+  )
+
+  /** La série qui s'ouvre sur ce bloc, s'il en ouvre une. */
+  function planAt(ei: number, bi: number): PlanItem[] | undefined {
+    return plans.value.starts.get(blockKey(ei, bi))
+  }
+
+  const bodyId = `at-${useId()}`
+  // A turn reads open: its prose is the point. Expand-all can still close it.
+  const open = useExpandable(props.defaultOpen)
+
+  // Le tour en direct déplie ses outils et son raisonnement — dans un flux suivi
+  // en direct, ce qui se passe est justement dans ces replis, et les rouvrir à
+  // chaque tour reviendrait à cliquer sans arrêt. Quand un tour plus récent prend
+  // la main, celui-ci rend son contenu au repli : sa prose, elle, reste lisible.
+  // La commande est bornée à ce tour, d'où `provideScopedExpandAll` — appelé après
+  // le `useExpandable` ci-dessus, qui doit suivre la page et non ce tour.
+  const { setAll } = provideScopedExpandAll()
+  watch(
+    () => props.live,
+    (live) => {
+      if (live) open.value = true
+      // Adhésif tant que le tour est en direct : ses outils arrivent au fil de
+      // l'eau, bien après que l'ordre a été donné.
+      setAll(live, live)
+    },
+    { immediate: true },
+  )
+
+  /** `claude-opus-4-8` → `opus-4-8`: the vendor prefix is on every row. */
+  const model = computed(() => props.turn.model.replace(/^claude-/, ''))
+
+  const itemsSummary = computed(() => {
+    const parts: string[] = []
+    if (props.turn.toolCount) {
+      parts.push(t('replay.turn.tools', props.turn.toolCount))
+    }
+    if (props.turn.thinkingCount) parts.push(t('replay.turn.thinking'))
+    return parts.join(' · ')
+  })
+
+  const time = computed(() => fmtTime(props.turn.startedAt))
+
+  /** The last thing Claude said in this turn — its conclusion. */
+  const lastText = computed(() => {
+    for (let i = props.turn.events.length - 1; i >= 0; i--) {
+      const ev = props.turn.events[i]
+      if (!ev || ev.kind !== 'assistant') continue
+      for (let j = ev.blocks.length - 1; j >= 0; j--) {
+        const b = ev.blocks[j]
+        if (b?.kind === 'text' && b.text?.trim()) return b.text
+      }
+    }
+    return ''
+  })
+
+  /**
+   * Le manuel de skill que porte ce bloc, s'il en porte un.
+   *
+   * Le résultat est mémorisé par bloc : le plus gros document du parc fait 8 831
+   * lignes, et le gabarit appelle cette fonction deux fois par bloc et par rendu.
+   */
+  const skillDocs = new WeakMap<object, SkillDoc | null>()
+  function skillDoc(ev: TranscriptEvent, b: Block): SkillDoc | null {
+    if (b.kind !== 'text' || !ev.isMeta) return null
+    const known = skillDocs.get(b)
+    if (known !== undefined) return known
+    const doc = skillDocument(b.text ?? '', ev.skill)
+    skillDocs.set(b, doc)
+    return doc
+  }
+
+  /** Rows the harness slipped into the turn: reminders, injected context. */
+  function systemLabel(ev: TranscriptEvent): string {
+    if (ev.kind === 'assistant') return ''
+    // Un manuel de skill se nomme lui-même dans son pli : « Système (contexte) »
+    // juste au-dessus ne ferait que redire, en moins précis.
+    if (ev.blocks.length > 0 && ev.blocks.every((b) => skillDoc(ev, b))) return ''
+    if (ev.kind === 'system') {
+      return ev.subtype ? t('replay.loose.systemSub', { sub: ev.subtype }) : t('replay.loose.system')
+    }
+    if (ev.isMeta) return t('replay.turn.sysMeta')
+    if (ev.origin === 'task-notification') return t('replay.turn.sysReport')
+    // Inside a run, a `user` row is what the orchestrator said to the agent —
+    // a follow-up or an interruption. Never the human, so never "Vous".
+    if (ev.isSidechain && ev.kind === 'user') return t('replay.turn.sysToAgent')
+    return ev.origin ? t('replay.turn.sysOrigin', { origin: ev.origin }) : t('replay.loose.system')
   }
-  return '';
-});
-
-/**
- * Le manuel de skill que porte ce bloc, s'il en porte un.
- *
- * Le résultat est mémorisé par bloc : le plus gros document du parc fait 8 831
- * lignes, et le gabarit appelle cette fonction deux fois par bloc et par rendu.
- */
-const skillDocs = new WeakMap<object, SkillDoc | null>();
-function skillDoc(ev: TranscriptEvent, b: Block): SkillDoc | null {
-  if (b.kind !== 'text' || !ev.isMeta) return null;
-  const known = skillDocs.get(b);
-  if (known !== undefined) return known;
-  const doc = skillDocument(b.text ?? '', ev.skill);
-  skillDocs.set(b, doc);
-  return doc;
-}
-
-/** Rows the harness slipped into the turn: reminders, injected context. */
-function systemLabel(ev: TranscriptEvent): string {
-  if (ev.kind === 'assistant') return '';
-  // Un manuel de skill se nomme lui-même dans son pli : « Système (contexte) »
-  // juste au-dessus ne ferait que redire, en moins précis.
-  if (ev.blocks.length > 0 && ev.blocks.every((b) => skillDoc(ev, b))) return '';
-  if (ev.kind === 'system') {
-    return ev.subtype ? t('replay.loose.systemSub', { sub: ev.subtype }) : t('replay.loose.system');
-  }
-  if (ev.isMeta) return t('replay.turn.sysMeta');
-  if (ev.origin === 'task-notification') return t('replay.turn.sysReport');
-  // Inside a run, a `user` row is what the orchestrator said to the agent —
-  // a follow-up or an interruption. Never the human, so never "Vous".
-  if (ev.isSidechain && ev.kind === 'user') return t('replay.turn.sysToAgent');
-  return ev.origin ? t('replay.turn.sysOrigin', { origin: ev.origin }) : t('replay.loose.system');
-}
 </script>
 
 <style scoped lang="scss">
-.at {
-  border-left: 2px solid var(--brand-line);
-  padding-left: var(--space-md);
-}
-.at-head {
-  /* Le fond du survol déborde à gauche pour que le texte reste sur la grille du
+  .at {
+    border-left: 2px solid var(--brand-line);
+    padding-left: var(--space-md);
+  }
+  .at-head {
+    /* Le fond du survol déborde à gauche pour que le texte reste sur la grille du
      tour ; à droite il s'arrête au bord. D'où une largeur qui compense le seul
      décalage gauche — et un `box-sizing` explicite, parce que `width: 100%` plus
      un padding déborderait en `content-box`. */
-  box-sizing: border-box;
-  width: calc(100% + var(--space-sm));
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  padding: var(--space-xs) var(--space-sm);
-  margin-left: calc(var(--space-sm) * -1);
-  background: none;
-  border: none;
-  border-radius: var(--radius-xs);
-  color: inherit;
-  cursor: pointer;
-  text-align: left;
-}
-.at-head:hover {
-  background: var(--hover-overlay);
-}
-.at-icon {
-  color: var(--brand);
-  flex-shrink: 0;
-}
-.at-who {
-  font-size: var(--fs-xs);
-  font-weight: 600;
-  color: var(--muted);
-  flex-shrink: 0;
-}
-.at-model {
-  font-size: var(--fs-2xs);
-  color: var(--brand-muted);
-  flex-shrink: 0;
-}
-.at-items {
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.at-tokens,
-.at-dur,
-.at-time {
-  flex-shrink: 0;
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-}
-.at-ctx-sum {
-  flex-shrink: 0;
-  font-size: var(--fs-2xs);
-  color: var(--brand-muted);
-  cursor: help;
-}
-.at-ctx-sum-delta {
-  color: var(--muted);
-}
-.at-chev {
-  flex-shrink: 0;
-  color: var(--dim);
-  transition: transform var(--motion-fast);
-  transform: rotate(-90deg);
-}
-.at-chev--open {
-  transform: rotate(0deg);
-}
-.at-body {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-  padding-top: var(--space-sm);
-}
-
-/* Jalon de tour : discret, mais assez pour segmenter une longue carte. */
-.at-turn-mark {
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  margin: 0;
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-  scroll-margin-block: var(--space-xl);
-}
-.at-turn-mark-line {
-  height: 1px;
-  width: var(--space-lg);
-  background: var(--line-2);
-  flex: none;
-}
-.at-turn-delta {
-  color: var(--muted);
-  font-variant-numeric: tabular-nums;
-}
-.at-turn-silent {
-  color: var(--brand-muted);
-}
-
-/* Un jalon qui se déplie : il a fait entrer quelque chose d'invisible. */
-.at-turn--fold > summary {
-  list-style: none;
-  cursor: pointer;
-  padding: 1px 0;
-  border-radius: var(--radius-xs);
-
-  &:hover {
+    box-sizing: border-box;
+    width: calc(100% + var(--space-sm));
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    padding: var(--space-xs) var(--space-sm);
+    margin-left: calc(var(--space-sm) * -1);
+    background: none;
+    border: none;
+    border-radius: var(--radius-xs);
+    color: inherit;
+    cursor: pointer;
+    text-align: left;
+  }
+  .at-head:hover {
+    background: var(--hover-overlay);
+  }
+  .at-icon {
+    color: var(--brand);
+    flex-shrink: 0;
+  }
+  .at-who {
+    font-size: var(--fs-xs);
+    font-weight: 600;
     color: var(--muted);
+    flex-shrink: 0;
+  }
+  .at-model {
+    font-size: var(--fs-2xs);
+    color: var(--brand-muted);
+    flex-shrink: 0;
+  }
+  .at-items {
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .at-tokens,
+  .at-dur,
+  .at-time {
+    flex-shrink: 0;
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+  }
+  .at-ctx-sum {
+    flex-shrink: 0;
+    font-size: var(--fs-2xs);
+    color: var(--brand-muted);
+    cursor: help;
+  }
+  .at-ctx-sum-delta {
+    color: var(--muted);
+  }
+  .at-chev {
+    flex-shrink: 0;
+    color: var(--dim);
+    transition: transform var(--motion-fast);
+    transform: rotate(-90deg);
+  }
+  .at-chev--open {
+    transform: rotate(0deg);
+  }
+  .at-body {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+    padding-top: var(--space-sm);
+  }
+
+  /* Jalon de tour : discret, mais assez pour segmenter une longue carte. */
+  .at-turn-mark {
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    margin: 0;
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+    scroll-margin-block: var(--space-xl);
+  }
+  .at-turn-mark-line {
+    height: 1px;
+    width: var(--space-lg);
+    background: var(--line-2);
+    flex: none;
+  }
+  .at-turn-delta {
+    color: var(--muted);
+    font-variant-numeric: tabular-nums;
+  }
+  .at-turn-silent {
+    color: var(--brand-muted);
+  }
+
+  /* Un jalon qui se déplie : il a fait entrer quelque chose d'invisible. */
+  .at-turn--fold > summary {
+    list-style: none;
+    cursor: pointer;
+    padding: 1px 0;
+    border-radius: var(--radius-xs);
+
+    &:hover {
+      color: var(--muted);
+    }
+    &:focus-visible {
+      outline: 2px solid var(--brand);
+      outline-offset: -2px;
+    }
+  }
+  .at-turn--fold > summary::-webkit-details-marker {
+    display: none;
+  }
+  .at-turn-chev {
+    color: var(--dim);
+    transition: transform var(--motion-fast);
+    transform: rotate(0deg);
+    flex: none;
+  }
+  .at-turn--fold[open] .at-turn-chev {
+    transform: rotate(90deg);
+  }
+  .at-turn-list {
+    list-style: none;
+    margin: 2px 0 var(--space-xs);
+    padding: 0 0 0 calc(var(--space-lg) + var(--space-sm));
+    display: flex;
+    flex-direction: column;
+    gap: 1px;
+  }
+  .at-turn-row {
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    font-size: var(--fs-2xs);
+  }
+  .at-turn-pill {
+    flex: none;
+    // Teinte posée en ligne, par catégorie ; le texte porte le sens, la couleur
+    // ne fait que le redoubler.
+    border: 1px solid;
+    border-radius: var(--radius-xs);
+    padding: 0 4px;
+    line-height: 1.4;
+    background: transparent;
+  }
+  .at-turn-rowlabel {
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    color: var(--muted);
+  }
+  .at-turn-tok {
+    flex: none;
+    color: var(--faint);
+    font-variant-numeric: tabular-nums;
+  }
+  .at-body--peek {
+    opacity: 0.85;
+  }
+  .at-sys {
+    margin: 0;
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    font-size: var(--fs-2xs);
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    color: var(--faint);
+  }
+  /* An API error is why the turn stopped — it must not read like a debug label. */
+  .at-sys--error {
+    color: var(--danger);
+  }
+  .at-think-redacted {
+    border: 1px dashed var(--line-3);
+    border-radius: var(--radius-sm);
+    padding: var(--space-sm) var(--space-md);
+    background: var(--surface);
+    margin: 0;
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    color: var(--dim);
+    font-size: var(--fs-xs);
+    font-style: italic;
+  }
+  .at-orphan {
+    margin: 0;
+    padding: var(--space-md);
+    background: var(--surface-2);
+    border: 1px solid var(--line);
+    border-radius: var(--radius-sm);
+    overflow-x: auto;
+    font-family: 'JetBrains Mono', ui-monospace, monospace;
+    font-size: var(--fs-sm);
+    white-space: pre-wrap;
+    word-break: break-word;
+  }
+  .at-image {
+    color: var(--dim);
+    font-size: var(--fs-sm);
   }
-  &:focus-visible {
-    outline: 2px solid var(--brand);
-    outline-offset: -2px;
-  }
-}
-.at-turn--fold > summary::-webkit-details-marker {
-  display: none;
-}
-.at-turn-chev {
-  color: var(--dim);
-  transition: transform var(--motion-fast);
-  transform: rotate(0deg);
-  flex: none;
-}
-.at-turn--fold[open] .at-turn-chev {
-  transform: rotate(90deg);
-}
-.at-turn-list {
-  list-style: none;
-  margin: 2px 0 var(--space-xs);
-  padding: 0 0 0 calc(var(--space-lg) + var(--space-sm));
-  display: flex;
-  flex-direction: column;
-  gap: 1px;
-}
-.at-turn-row {
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  font-size: var(--fs-2xs);
-}
-.at-turn-pill {
-  flex: none;
-  // Teinte posée en ligne, par catégorie ; le texte porte le sens, la couleur
-  // ne fait que le redoubler.
-  border: 1px solid;
-  border-radius: var(--radius-xs);
-  padding: 0 4px;
-  line-height: 1.4;
-  background: transparent;
-}
-.at-turn-rowlabel {
-  flex: 1;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  color: var(--muted);
-}
-.at-turn-tok {
-  flex: none;
-  color: var(--faint);
-  font-variant-numeric: tabular-nums;
-}
-.at-body--peek {
-  opacity: 0.85;
-}
-.at-sys {
-  margin: 0;
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  font-size: var(--fs-2xs);
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  color: var(--faint);
-}
-/* An API error is why the turn stopped — it must not read like a debug label. */
-.at-sys--error {
-  color: var(--danger);
-}
-.at-think-redacted {
-  border: 1px dashed var(--line-3);
-  border-radius: var(--radius-sm);
-  padding: var(--space-sm) var(--space-md);
-  background: var(--surface);
-  margin: 0;
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  color: var(--dim);
-  font-size: var(--fs-xs);
-  font-style: italic;
-}
-.at-orphan {
-  margin: 0;
-  padding: var(--space-md);
-  background: var(--surface-2);
-  border: 1px solid var(--line);
-  border-radius: var(--radius-sm);
-  overflow-x: auto;
-  font-family: 'JetBrains Mono', ui-monospace, monospace;
-  font-size: var(--fs-sm);
-  white-space: pre-wrap;
-  word-break: break-word;
-}
-.at-image {
-  color: var(--dim);
-  font-size: var(--fs-sm);
-}
 </style>
diff --git a/src/components/replay/CommandLine.vue b/src/components/replay/CommandLine.vue
index e0e1e7d..c944b39 100644
--- a/src/components/replay/CommandLine.vue
+++ b/src/components/replay/CommandLine.vue
@@ -21,85 +21,85 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
-import { useI18n } from 'vue-i18n';
-import type { TranscriptEvent } from '@/services/projects';
-import { fmtTime } from '@/utils/format';
+  import type { TranscriptEvent } from '@/services/projects'
+  import { fmtTime } from '@/utils/format'
+  import { computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
 
-const { t } = useI18n();
+  const { t } = useI18n()
 
-const props = defineProps<{ event: TranscriptEvent }>();
+  const props = defineProps<{ event: TranscriptEvent }>()
 
-const command = computed(() => props.event.blocks.find((b) => b.kind === 'slash_command') ?? null);
+  const command = computed(() => props.event.blocks.find((b) => b.kind === 'slash_command') ?? null)
 
-/** `!git status` typed at the prompt, as opposed to a `/slash` command. */
-const isBash = computed(() => command.value?.name === '!');
+  /** `!git status` typed at the prompt, as opposed to a `/slash` command. */
+  const isBash = computed(() => command.value?.name === '!')
 
-const output = computed(() =>
-  props.event.blocks
-    .filter((b) => b.kind === 'text')
-    .map((b) => b.text ?? '')
-    .join('\n'),
-);
+  const output = computed(() =>
+    props.event.blocks
+      .filter((b) => b.kind === 'text')
+      .map((b) => b.text ?? '')
+      .join('\n'),
+  )
 
-const time = computed(() => fmtTime(props.event.timestamp ?? 0));
+  const time = computed(() => fmtTime(props.event.timestamp ?? 0))
 </script>
 
 <style scoped lang="scss">
-.cl {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-xs);
-}
-.cl-cmd {
-  margin: 0;
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  color: var(--dim);
-}
-.cl-name {
-  font-family: 'JetBrains Mono', ui-monospace, monospace;
-  font-size: var(--fs-sm);
-  font-weight: 600;
-  color: var(--brand);
-  background: var(--brand-soft);
-  border: 1px solid var(--brand-line);
-  border-radius: var(--radius-xs);
-  padding: 1px 8px;
-}
-.cl-args {
-  font-family: 'JetBrains Mono', ui-monospace, monospace;
-  font-size: var(--fs-xs);
-  color: var(--muted);
-}
-.cl-time {
-  margin-left: auto;
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-}
-.cl-out-head {
-  margin: 0;
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  font-size: var(--fs-2xs);
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  color: var(--faint);
-}
-.cl-out {
-  margin: 0;
-  padding: var(--space-sm) var(--space-md);
-  background: var(--bg);
-  border: 1px solid var(--line);
-  border-radius: var(--radius-sm);
-  font-family: 'JetBrains Mono', ui-monospace, monospace;
-  font-size: var(--fs-xs);
-  color: var(--muted);
-  white-space: pre-wrap;
-  word-break: break-word;
-  max-height: 200px;
-  overflow: auto;
-}
+  .cl {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+  }
+  .cl-cmd {
+    margin: 0;
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    color: var(--dim);
+  }
+  .cl-name {
+    font-family: 'JetBrains Mono', ui-monospace, monospace;
+    font-size: var(--fs-sm);
+    font-weight: 600;
+    color: var(--brand);
+    background: var(--brand-soft);
+    border: 1px solid var(--brand-line);
+    border-radius: var(--radius-xs);
+    padding: 1px 8px;
+  }
+  .cl-args {
+    font-family: 'JetBrains Mono', ui-monospace, monospace;
+    font-size: var(--fs-xs);
+    color: var(--muted);
+  }
+  .cl-time {
+    margin-left: auto;
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+  }
+  .cl-out-head {
+    margin: 0;
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    font-size: var(--fs-2xs);
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    color: var(--faint);
+  }
+  .cl-out {
+    margin: 0;
+    padding: var(--space-sm) var(--space-md);
+    background: var(--bg);
+    border: 1px solid var(--line);
+    border-radius: var(--radius-sm);
+    font-family: 'JetBrains Mono', ui-monospace, monospace;
+    font-size: var(--fs-xs);
+    color: var(--muted);
+    white-space: pre-wrap;
+    word-break: break-word;
+    max-height: 200px;
+    overflow: auto;
+  }
 </style>
diff --git a/src/components/replay/CompactSummary.vue b/src/components/replay/CompactSummary.vue
index 67a62fc..a287336 100644
--- a/src/components/replay/CompactSummary.vue
+++ b/src/components/replay/CompactSummary.vue
@@ -3,67 +3,65 @@
     <summary>
       <q-icon name="inventory_2" size="14px" aria-hidden="true" />
       {{ t('replay.compaction.summary') }}
-      <span class="cs-size font-mono">{{
-        t('replay.compaction.summaryTokens', { n: fmtNum(tokens) })
-      }}</span>
+      <span class="cs-size font-mono">{{ t('replay.compaction.summaryTokens', { n: fmtNum(tokens) }) }}</span>
     </summary>
     <MarkdownView :source="text" />
   </details>
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
-import { useI18n } from 'vue-i18n';
-import { useExpandable, syncDetails } from '@/composables/useExpandAll';
-import type { TranscriptEvent } from '@/services/projects';
-import { estimateTokens } from 'shared/context';
-import { fmtNum } from '@/utils/format';
-import MarkdownView from './MarkdownView.vue';
+  import { useExpandable, syncDetails } from '@/composables/useExpandAll'
+  import type { TranscriptEvent } from '@/services/projects'
+  import { fmtNum } from '@/utils/format'
+  import { estimateTokens } from 'shared/context'
+  import { computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import MarkdownView from './MarkdownView.vue'
 
-const { t } = useI18n();
+  const { t } = useI18n()
 
-const props = defineProps<{ event: TranscriptEvent }>();
+  const props = defineProps<{ event: TranscriptEvent }>()
 
-const open = useExpandable(false);
-const onToggle = syncDetails(open);
+  const open = useExpandable(false)
+  const onToggle = syncDetails(open)
 
-// What the harness re-sent as the conversation's whole past. It is the bulk of
-// the window right after a compaction — worth showing, folded.
-const text = computed(() =>
-  props.event.blocks
-    .filter((b) => b.kind === 'text')
-    .map((b) => b.text ?? '')
-    .join('\n\n'),
-);
+  // What the harness re-sent as the conversation's whole past. It is the bulk of
+  // the window right after a compaction — worth showing, folded.
+  const text = computed(() =>
+    props.event.blocks
+      .filter((b) => b.kind === 'text')
+      .map((b) => b.text ?? '')
+      .join('\n\n'),
+  )
 
-const tokens = computed(() => estimateTokens(text.value));
+  const tokens = computed(() => estimateTokens(text.value))
 </script>
 
 <style scoped lang="scss">
-.cs {
-  border: 1px dashed var(--warn);
-  border-radius: var(--radius-sm);
-  background: var(--surface);
-  padding: var(--space-sm) var(--space-md);
-}
-.cs > summary {
-  cursor: pointer;
-  list-style: none;
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  color: var(--warn);
-  font-size: var(--fs-xs);
-}
-.cs > summary::-webkit-details-marker {
-  display: none;
-}
-.cs[open] > summary {
-  margin-bottom: var(--space-sm);
-}
-.cs-size {
-  margin-left: auto;
-  color: var(--faint);
-  font-size: var(--fs-2xs);
-}
+  .cs {
+    border: 1px dashed var(--warn);
+    border-radius: var(--radius-sm);
+    background: var(--surface);
+    padding: var(--space-sm) var(--space-md);
+  }
+  .cs > summary {
+    cursor: pointer;
+    list-style: none;
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    color: var(--warn);
+    font-size: var(--fs-xs);
+  }
+  .cs > summary::-webkit-details-marker {
+    display: none;
+  }
+  .cs[open] > summary {
+    margin-bottom: var(--space-sm);
+  }
+  .cs-size {
+    margin-left: auto;
+    color: var(--faint);
+    font-size: var(--fs-2xs);
+  }
 </style>
diff --git a/src/components/replay/CompactionMarker.vue b/src/components/replay/CompactionMarker.vue
index 3b59418..053d93f 100644
--- a/src/components/replay/CompactionMarker.vue
+++ b/src/components/replay/CompactionMarker.vue
@@ -33,98 +33,94 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
-import { useI18n } from 'vue-i18n';
-import type { Compaction } from '@/services/projects';
-import { fmtNum, fmtDuration, fmtPercent } from '@/utils/format';
-
-const props = defineProps<{ compaction: Compaction }>();
-
-const { t } = useI18n();
-
-/**
- * Le flux du SDK annonce la frontière avant d'en connaître l'issue :
- * `post_tokens` est facultatif et manque presque toujours à chaud. Une fenêtre
- * d'après ne vaut jamais zéro — le socle à lui seul pèse des milliers de
- * tokens —, donc zéro veut dire « pas encore su », pas « tout est parti ». On
- * s'abstient alors de chiffrer la perte plutôt que d'annoncer 100 %.
- */
-const settled = computed(() => props.compaction.postTokens > 0);
-
-const lost = computed(() => Math.max(0, props.compaction.preTokens - props.compaction.postTokens));
-
-const percentPart = computed(() =>
-  props.compaction.preTokens > 0
-    ? ` ${t('replay.compaction.removedPercent', {
-        p: fmtPercent(lost.value / props.compaction.preTokens),
-      })}`
-    : '',
-);
-const durationPart = computed(() =>
-  props.compaction.durationMs > 0
-    ? t('replay.compaction.removedIn', { d: fmtDuration(props.compaction.durationMs) })
-    : '',
-);
-const triggerLabel = computed(() =>
-  t(props.compaction.trigger === 'auto' ? 'replay.compaction.auto' : 'replay.compaction.manual'),
-);
+  import type { Compaction } from '@/services/projects'
+  import { fmtNum, fmtDuration, fmtPercent } from '@/utils/format'
+  import { computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
+
+  const props = defineProps<{ compaction: Compaction }>()
+
+  const { t } = useI18n()
+
+  /**
+   * Le flux du SDK annonce la frontière avant d'en connaître l'issue :
+   * `post_tokens` est facultatif et manque presque toujours à chaud. Une fenêtre
+   * d'après ne vaut jamais zéro — le socle à lui seul pèse des milliers de
+   * tokens —, donc zéro veut dire « pas encore su », pas « tout est parti ». On
+   * s'abstient alors de chiffrer la perte plutôt que d'annoncer 100 %.
+   */
+  const settled = computed(() => props.compaction.postTokens > 0)
+
+  const lost = computed(() => Math.max(0, props.compaction.preTokens - props.compaction.postTokens))
+
+  const percentPart = computed(() =>
+    props.compaction.preTokens > 0
+      ? ` ${t('replay.compaction.removedPercent', {
+          p: fmtPercent(lost.value / props.compaction.preTokens),
+        })}`
+      : '',
+  )
+  const durationPart = computed(() =>
+    props.compaction.durationMs > 0 ? t('replay.compaction.removedIn', { d: fmtDuration(props.compaction.durationMs) }) : '',
+  )
+  const triggerLabel = computed(() => t(props.compaction.trigger === 'auto' ? 'replay.compaction.auto' : 'replay.compaction.manual'))
 </script>
 
 <style scoped lang="scss">
-.cm {
-  border: 1px solid var(--warn);
-  border-radius: var(--radius-sm);
-  background: var(--surface-2);
-  padding: var(--space-sm) var(--space-md);
-}
-
-.cm-title {
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  margin: 0;
-  font-size: var(--fs-xs);
-  color: var(--warn);
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
-}
-
-.cm-trigger {
-  color: var(--faint);
-  text-transform: none;
-  letter-spacing: 0;
-}
-
-.cm-figures {
-  display: flex;
-  align-items: baseline;
-  gap: var(--space-xs);
-  margin: var(--space-xs) 0 0;
-  font-size: var(--fs-lg);
-}
-
-// Struck-through, because that window no longer exists.
-.cm-before {
-  color: var(--dim);
-  text-decoration: line-through;
-}
-
-.cm-after {
-  color: var(--text);
-}
-
-.cm-pending {
-  color: var(--faint);
-}
-
-.cm-unit {
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-}
-
-.cm-loss {
-  margin: var(--space-xs) 0 0;
-  font-size: var(--fs-xs);
-  color: var(--muted);
-}
+  .cm {
+    border: 1px solid var(--warn);
+    border-radius: var(--radius-sm);
+    background: var(--surface-2);
+    padding: var(--space-sm) var(--space-md);
+  }
+
+  .cm-title {
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    margin: 0;
+    font-size: var(--fs-xs);
+    color: var(--warn);
+    text-transform: uppercase;
+    letter-spacing: 0.04em;
+  }
+
+  .cm-trigger {
+    color: var(--faint);
+    text-transform: none;
+    letter-spacing: 0;
+  }
+
+  .cm-figures {
+    display: flex;
+    align-items: baseline;
+    gap: var(--space-xs);
+    margin: var(--space-xs) 0 0;
+    font-size: var(--fs-lg);
+  }
+
+  // Struck-through, because that window no longer exists.
+  .cm-before {
+    color: var(--dim);
+    text-decoration: line-through;
+  }
+
+  .cm-after {
+    color: var(--text);
+  }
+
+  .cm-pending {
+    color: var(--faint);
+  }
+
+  .cm-unit {
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+  }
+
+  .cm-loss {
+    margin: var(--space-xs) 0 0;
+    font-size: var(--fs-xs);
+    color: var(--muted);
+  }
 </style>
diff --git a/src/components/replay/ContextDrawer.vue b/src/components/replay/ContextDrawer.vue
index 4445ca3..38a4103 100644
--- a/src/components/replay/ContextDrawer.vue
+++ b/src/components/replay/ContextDrawer.vue
@@ -31,87 +31,73 @@
            que soit la page hôte. -->
       <header class="cd-head">
         <h2 class="cd-title">{{ t('replay.context.drawer.title') }}</h2>
-        <q-btn
-          flat
-          dense
-          round
-          size="sm"
-          icon="close"
-          :aria-label="t('replay.context.drawer.close')"
-          @click="open = false"
-        />
+        <q-btn flat dense round size="sm" icon="close" :aria-label="t('replay.context.drawer.close')" @click="open = false" />
       </header>
-      <ContextPanel
-        :context="context"
-        :cost-usd="costUsd"
-        :cost-partial="costPartial"
-        :live="live"
-        @navigate="onNavigate"
-      />
+      <ContextPanel :context="context" :cost-usd="costUsd" :cost-partial="costPartial" :live="live" @navigate="onNavigate" />
     </q-drawer>
   </Teleport>
 </template>
 
 <script setup lang="ts">
-import { ref, watch, onBeforeUnmount } from 'vue';
-import { useI18n } from 'vue-i18n';
-import ContextPanel from './ContextPanel.vue';
-import type { SessionContext } from '@/services/projects';
+  import type { SessionContext } from '@/services/projects'
+  import { ref, watch, onBeforeUnmount } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import ContextPanel from './ContextPanel.vue'
 
-withDefaults(
-  defineProps<{
-    context: SessionContext;
-    costUsd?: number | null;
-    costPartial?: boolean;
-    /** Distingue les tiroirs si deux instances coexistaient un jour. */
-    drawerId?: string;
-    /** Session en cours : voir `ContextPanel`. Simplement transmis. */
-    live?: boolean;
-  }>(),
-  { costUsd: null, costPartial: false, drawerId: 'context-drawer', live: false },
-);
+  withDefaults(
+    defineProps<{
+      context: SessionContext
+      costUsd?: number | null
+      costPartial?: boolean
+      /** Distingue les tiroirs si deux instances coexistaient un jour. */
+      drawerId?: string
+      /** Session en cours : voir `ContextPanel`. Simplement transmis. */
+      live?: boolean
+    }>(),
+    { costUsd: null, costPartial: false, drawerId: 'context-drawer', live: false },
+  )
 
-const { t } = useI18n();
+  const { t } = useI18n()
 
-const emit = defineEmits<{ navigate: [uuid: string] }>();
+  const emit = defineEmits<{ navigate: [uuid: string] }>()
 
-const open = ref(false);
+  const open = ref(false)
 
-/** Échap ferme le tiroir, comme n'importe quelle surface superposée. */
-function onKeydown(e: KeyboardEvent): void {
-  if (e.key === 'Escape') open.value = false;
-}
+  /** Échap ferme le tiroir, comme n'importe quelle surface superposée. */
+  function onKeydown(e: KeyboardEvent): void {
+    if (e.key === 'Escape') open.value = false
+  }
 
-watch(open, (v) => {
-  if (v) window.addEventListener('keydown', onKeydown);
-  else window.removeEventListener('keydown', onKeydown);
-});
+  watch(open, (v) => {
+    if (v) window.addEventListener('keydown', onKeydown)
+    else window.removeEventListener('keydown', onKeydown)
+  })
 
-onBeforeUnmount(() => window.removeEventListener('keydown', onKeydown));
+  onBeforeUnmount(() => window.removeEventListener('keydown', onKeydown))
 
-/**
- * Relayer le saut vers un tour, et se fermer sur écran étroit — là, le tiroir
- * recouvre le flux, et l'on défilerait derrière lui.
- */
-function onNavigate(uuid: string): void {
-  emit('navigate', uuid);
-  if (window.matchMedia('(max-width: 1023px)').matches) open.value = false;
-}
+  /**
+   * Relayer le saut vers un tour, et se fermer sur écran étroit — là, le tiroir
+   * recouvre le flux, et l'on défilerait derrière lui.
+   */
+  function onNavigate(uuid: string): void {
+    emit('navigate', uuid)
+    if (window.matchMedia('(max-width: 1023px)').matches) open.value = false
+  }
 </script>
 
 <style scoped lang="scss">
-// Même en-tête que HelpDrawer : titre à gauche, fermeture à droite.
-.cd-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  padding: var(--space-md) var(--space-sm) 0 var(--space-md);
-}
+  // Même en-tête que HelpDrawer : titre à gauche, fermeture à droite.
+  .cd-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    padding: var(--space-md) var(--space-sm) 0 var(--space-md);
+  }
 
-.cd-title {
-  flex: 1 1 auto;
-  margin: 0;
-  font-size: var(--fs-sm);
-  color: var(--text);
-}
+  .cd-title {
+    flex: 1 1 auto;
+    margin: 0;
+    font-size: var(--fs-sm);
+    color: var(--text);
+  }
 </style>
diff --git a/src/components/replay/ContextFillCurve.vue b/src/components/replay/ContextFillCurve.vue
index 04cfebc..cd5667e 100644
--- a/src/components/replay/ContextFillCurve.vue
+++ b/src/components/replay/ContextFillCurve.vue
@@ -1,12 +1,6 @@
 <template>
   <figure class="cf">
-    <svg
-      class="cf-svg"
-      :viewBox="`0 0 ${W} ${H}`"
-      preserveAspectRatio="none"
-      role="img"
-      :aria-label="caption"
-    >
+    <svg class="cf-svg" :viewBox="`0 0 ${W} ${H}`" preserveAspectRatio="none" role="img" :aria-label="caption">
       <!-- La limite de la fenêtre : le plafond que le remplissage approche. Elle
            n'est tracée que si l'échelle monte jusque-là ; sinon elle tombe hors
            du cadre, et le SVG étant en `overflow: visible`, elle irait barrer ce
@@ -14,15 +8,7 @@
       <line v-if="limitInScale" class="cf-limit" :x1="0" :x2="W" :y1="yLimit" :y2="yLimit" />
 
       <!-- Une barre à chaque compaction : là où la fenêtre a été vidée. -->
-      <line
-        v-for="(x, i) in compactionX"
-        :key="i"
-        class="cf-compact"
-        :x1="x"
-        :x2="x"
-        :y1="0"
-        :y2="H"
-      />
+      <line v-for="(x, i) in compactionX" :key="i" class="cf-compact" :x1="x" :x2="x" :y1="0" :y2="H" />
 
       <path class="cf-area" :d="areaPath" />
       <path class="cf-line" :d="linePath" />
@@ -32,122 +18,116 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
-import { fmtNum } from '@/utils/format';
-import type { SessionContext } from '@/services/projects';
-
-import { useI18n } from 'vue-i18n';
-
-const { t } = useI18n();
-
-const props = defineProps<{ context: SessionContext }>();
-
-// Coordonnées internes ; le SVG est étiré par `preserveAspectRatio="none"`, donc
-// ces nombres ne sont qu'un repère, pas des pixels.
-const W = 300;
-const H = 40;
-/** Marge haute : la courbe ne colle pas au bord, la ligne de limite respire. */
-const PAD = 3;
-
-/** Les tours réellement ancrés, dans l'ordre — un point par réponse mesurée. */
-const points = computed(() => props.context.turns.filter((t) => t.total > 0));
-
-/**
- * L'échelle verticale monte jusqu'à la limite si le pic n'en est pas trop loin,
- * sinon jusqu'au pic — une session qui n'a jamais dépassé 60 k d'une fenêtre de
- * 200 k s'écraserait en bas d'une échelle fixée sur la limite.
- */
-const scaleMax = computed(() => {
-  const peak = points.value.reduce((m, t) => Math.max(m, t.total), 0);
-  return peak > props.context.limit * 0.6 ? props.context.limit : Math.max(peak, 1);
-});
-
-const x = (i: number): number =>
-  points.value.length <= 1 ? W / 2 : (i / (points.value.length - 1)) * W;
-const y = (total: number): number => PAD + (1 - total / scaleMax.value) * (H - PAD);
-
-const linePath = computed(() =>
-  points.value
-    .map((t, i) => `${i ? 'L' : 'M'}${x(i).toFixed(1)} ${y(t.total).toFixed(1)}`)
-    .join(' '),
-);
-
-// L'aire sous la courbe, refermée sur le bas : la même ligne, plus deux angles.
-const areaPath = computed(() => {
-  if (!points.value.length) return '';
-  return `${linePath.value} L${W} ${H} L0 ${H} Z`;
-});
-
-const yLimit = computed(() => y(props.context.limit));
-
-/** Vrai quand l'échelle est calée sur la limite — seul cas où la tracer a du sens. */
-const limitInScale = computed(() => scaleMax.value >= props.context.limit);
-
-/** L'abscisse de chaque compaction : le premier tour d'une phase après la 0. */
-const compactionX = computed(() => {
-  const xs: number[] = [];
-  points.value.forEach((t, i) => {
-    if (i > 0 && t.phase > points.value[i - 1]!.phase) xs.push(x(i));
-  });
-  return xs;
-});
-
-const caption = computed(() => {
-  const peak = points.value.reduce((m, t) => Math.max(m, t.total), 0);
-  const n = props.context.compactions.length;
-  // L'espace vit ici : vue-i18n raboterait celui d'un message.
-  const comp = n ? ` ${t('replay.fillCurve.compactions', n)}` : '';
-  return t('replay.fillCurve.caption', {
-    turns: points.value.length,
-    peak: fmtNum(peak),
-    limit: fmtNum(props.context.limit),
-    compactions: comp,
-  });
-});
+  import type { SessionContext } from '@/services/projects'
+  import { fmtNum } from '@/utils/format'
+  import { computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
+
+  const { t } = useI18n()
+
+  const props = defineProps<{ context: SessionContext }>()
+
+  // Coordonnées internes ; le SVG est étiré par `preserveAspectRatio="none"`, donc
+  // ces nombres ne sont qu'un repère, pas des pixels.
+  const W = 300
+  const H = 40
+  /** Marge haute : la courbe ne colle pas au bord, la ligne de limite respire. */
+  const PAD = 3
+
+  /** Les tours réellement ancrés, dans l'ordre — un point par réponse mesurée. */
+  const points = computed(() => props.context.turns.filter((t) => t.total > 0))
+
+  /**
+   * L'échelle verticale monte jusqu'à la limite si le pic n'en est pas trop loin,
+   * sinon jusqu'au pic — une session qui n'a jamais dépassé 60 k d'une fenêtre de
+   * 200 k s'écraserait en bas d'une échelle fixée sur la limite.
+   */
+  const scaleMax = computed(() => {
+    const peak = points.value.reduce((m, t) => Math.max(m, t.total), 0)
+    return peak > props.context.limit * 0.6 ? props.context.limit : Math.max(peak, 1)
+  })
+
+  const x = (i: number): number => (points.value.length <= 1 ? W / 2 : (i / (points.value.length - 1)) * W)
+  const y = (total: number): number => PAD + (1 - total / scaleMax.value) * (H - PAD)
+
+  const linePath = computed(() => points.value.map((t, i) => `${i ? 'L' : 'M'}${x(i).toFixed(1)} ${y(t.total).toFixed(1)}`).join(' '))
+
+  // L'aire sous la courbe, refermée sur le bas : la même ligne, plus deux angles.
+  const areaPath = computed(() => {
+    if (!points.value.length) return ''
+    return `${linePath.value} L${W} ${H} L0 ${H} Z`
+  })
+
+  const yLimit = computed(() => y(props.context.limit))
+
+  /** Vrai quand l'échelle est calée sur la limite — seul cas où la tracer a du sens. */
+  const limitInScale = computed(() => scaleMax.value >= props.context.limit)
+
+  /** L'abscisse de chaque compaction : le premier tour d'une phase après la 0. */
+  const compactionX = computed(() => {
+    const xs: number[] = []
+    points.value.forEach((t, i) => {
+      if (i > 0 && t.phase > points.value[i - 1]!.phase) xs.push(x(i))
+    })
+    return xs
+  })
+
+  const caption = computed(() => {
+    const peak = points.value.reduce((m, t) => Math.max(m, t.total), 0)
+    const n = props.context.compactions.length
+    // L'espace vit ici : vue-i18n raboterait celui d'un message.
+    const comp = n ? ` ${t('replay.fillCurve.compactions', n)}` : ''
+    return t('replay.fillCurve.caption', {
+      turns: points.value.length,
+      peak: fmtNum(peak),
+      limit: fmtNum(props.context.limit),
+      compactions: comp,
+    })
+  })
 </script>
 
 <style scoped lang="scss">
-.cf {
-  margin: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-}
-
-.cf-svg {
-  width: 100%;
-  height: 40px;
-  display: block;
-  overflow: visible;
-}
-
-.cf-area {
-  fill: var(--brand-soft);
-  stroke: none;
-}
-.cf-line {
-  fill: none;
-  stroke: var(--brand);
-  stroke-width: 1.5;
-  // Étiré horizontalement par le viewBox ; garder un trait d'épaisseur constante.
-  vector-effect: non-scaling-stroke;
-}
-.cf-limit {
-  stroke: var(--faint);
-  stroke-width: 1;
-  stroke-dasharray: 3 3;
-  vector-effect: non-scaling-stroke;
-}
-.cf-compact {
-  stroke: var(--danger);
-  stroke-width: 1;
-  stroke-dasharray: 2 2;
-  opacity: 0.6;
-  vector-effect: non-scaling-stroke;
-}
-
-.cf-cap {
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-}
+  .cf {
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+  }
+
+  .cf-svg {
+    width: 100%;
+    height: 40px;
+    display: block;
+    overflow: visible;
+  }
+
+  .cf-area {
+    fill: var(--brand-soft);
+    stroke: none;
+  }
+  .cf-line {
+    fill: none;
+    stroke: var(--brand);
+    stroke-width: 1.5;
+    // Étiré horizontalement par le viewBox ; garder un trait d'épaisseur constante.
+    vector-effect: non-scaling-stroke;
+  }
+  .cf-limit {
+    stroke: var(--faint);
+    stroke-width: 1;
+    stroke-dasharray: 3 3;
+    vector-effect: non-scaling-stroke;
+  }
+  .cf-compact {
+    stroke: var(--danger);
+    stroke-width: 1;
+    stroke-dasharray: 2 2;
+    opacity: 0.6;
+    vector-effect: non-scaling-stroke;
+  }
+
+  .cf-cap {
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+  }
 </style>
diff --git a/src/components/replay/ContextPanel.vue b/src/components/replay/ContextPanel.vue
index 680eb13..75fd051 100644
--- a/src/components/replay/ContextPanel.vue
+++ b/src/components/replay/ContextPanel.vue
@@ -10,9 +10,7 @@
         <template v-if="windowTokens > 0">
           <p class="cx-fill font-mono">
             <strong>{{ fmtNum(windowTokens) }}</strong>
-            <span class="cx-fill-limit">{{
-              t('replay.context.fillLimit', { n: fmtNum(context.limit) })
-            }}</span>
+            <span class="cx-fill-limit">{{ t('replay.context.fillLimit', { n: fmtNum(context.limit) }) }}</span>
             <span class="cx-fill-pct">{{ fillLabel }}</span>
           </p>
           <!-- Repeats the figures above, so it is decorative. -->
@@ -45,10 +43,7 @@
           <span>{{ cost }}</span>
           <!-- L'espace qui sépare les deux vit ici : vue-i18n rabote celui d'un
                message, et « au moins —prix catalogue » se lirait mal. -->
-          <span class="cx-cost-note">
-            {{ costPartial ? `${t('replay.context.costFloor')} ` : ''
-            }}{{ t('replay.context.costNote') }}
-          </span>
+          <span class="cx-cost-note"> {{ costPartial ? `${t('replay.context.costFloor')} ` : '' }}{{ t('replay.context.costNote') }} </span>
         </p>
       </header>
 
@@ -130,11 +125,7 @@
       <!-- Grouped: what kind of thing is eating the window. -->
       <ul v-else-if="view === 'category'" class="cx-sections">
         <li v-for="g in groups" :key="g.key">
-          <details
-            class="cx-section"
-            :open="openKeys.has(g.key)"
-            @toggle="onSectionToggle(g.key, $event)"
-          >
+          <details class="cx-section" :open="openKeys.has(g.key)" @toggle="onSectionToggle(g.key, $event)">
             <summary class="cx-section-head">
               <span class="cx-swatch" :style="{ background: g.color }" aria-hidden="true" />
               <span class="cx-section-label">{{ g.label }}</span>
@@ -143,19 +134,9 @@
             </summary>
             <!-- Une catégorie faite de chemins (les mémoires, les règles) se lit
                  en arbre de dossiers ; les autres, en liste. -->
-            <ContextTree
-              v-if="g.asTree"
-              :nodes="g.tree"
-              class="cx-tree"
-              @navigate="emit('navigate', $event)"
-            />
+            <ContextTree v-if="g.asTree" :nodes="g.tree" class="cx-tree" @navigate="emit('navigate', $event)" />
             <ul v-else class="cx-items">
-              <ContextRow
-                v-for="(row, i) in g.rows"
-                :key="i"
-                :row="row"
-                @navigate="emit('navigate', $event)"
-              />
+              <ContextRow v-for="(row, i) in g.rows" :key="i" :row="row" @navigate="emit('navigate', $event)" />
             </ul>
           </details>
         </li>
@@ -223,13 +204,7 @@
           <span class="cx-item-label">{{ t('replay.context.baseline') }}</span>
           <span class="cx-tokens font-mono">{{ fmtNum(baseline) }}</span>
         </p>
-        <i18n-t
-          v-if="baseline > 0"
-          keypath="replay.context.baselineNote"
-          tag="p"
-          class="cx-note"
-          scope="global"
-        >
+        <i18n-t v-if="baseline > 0" keypath="replay.context.baselineNote" tag="p" class="cx-note" scope="global">
           <template #exact>
             <strong>{{ t('replay.context.baselineExact') }}</strong>
           </template>
@@ -248,13 +223,7 @@
         </p>
       </section>
 
-      <i18n-t
-        v-if="lastTurn"
-        keypath="replay.context.estimateNote"
-        tag="p"
-        class="cx-note"
-        scope="global"
-      >
+      <i18n-t v-if="lastTurn" keypath="replay.context.estimateNote" tag="p" class="cx-note" scope="global">
         <template #estimated>
           <strong>{{ t('replay.context.estimateEmphasis') }}</strong>
         </template>
@@ -264,571 +233,561 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref, watch } from 'vue';
-import { useI18n } from 'vue-i18n';
-import { onExpandAll } from '@/composables/useExpandAll';
-import { useChartTokens, seriesColor } from '@/composables/useChartTokens';
-import { fmtCost, fmtNum, fmtPercent } from '@/utils/format';
-import ContextRow from './ContextRow.vue';
-import ContextTree from './ContextTree.vue';
-import ContextFillCurve from './ContextFillCurve.vue';
-import { toFlatRows, toRow, toTurnGroups, type ContextRowModel } from './contextRows';
-import { buildTree, hasFolders } from './contextTree';
-import type { ContextCategory, ContextInjection, SessionContext } from '@/services/projects';
-
-const { t } = useI18n();
-
-const props = withDefaults(
-  defineProps<{
-    context: SessionContext;
-    /** Coût de la session en dollars, prix catalogue API ; `null` si non chiffrable. */
-    costUsd?: number | null;
-    /** Le coût est un plancher : un modèle sans tarif a été rencontré. */
-    costPartial?: boolean;
+  import { useChartTokens, seriesColor } from '@/composables/useChartTokens'
+  import { onExpandAll } from '@/composables/useExpandAll'
+  import type { ContextCategory, ContextInjection, SessionContext } from '@/services/projects'
+  import { fmtCost, fmtNum, fmtPercent } from '@/utils/format'
+  import { computed, ref, watch } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import ContextFillCurve from './ContextFillCurve.vue'
+  import ContextRow from './ContextRow.vue'
+  import { toFlatRows, toRow, toTurnGroups, type ContextRowModel } from './contextRows'
+  import { buildTree, hasFolders } from './contextTree'
+  import ContextTree from './ContextTree.vue'
+
+  const { t } = useI18n()
+
+  const props = withDefaults(
+    defineProps<{
+      context: SessionContext
+      /** Coût de la session en dollars, prix catalogue API ; `null` si non chiffrable. */
+      costUsd?: number | null
+      /** Le coût est un plancher : un modèle sans tarif a été rencontré. */
+      costPartial?: boolean
+      /**
+       * Le panneau accompagne une session en cours.
+       *
+       * Deux conséquences, et une seule raison : devant un direct, ce qui vient
+       * d'arriver prime sur le bilan. La vue par tour est celle qu'on ouvre, et
+       * les tours se lisent du plus récent au plus ancien — sans quoi il faudrait
+       * défiler jusqu'en bas à chaque nouvelle réponse.
+       */
+      live?: boolean
+    }>(),
+    { costUsd: null, costPartial: false, live: false },
+  )
+
+  const emit = defineEmits<{
+    /** L'uuid de la réponse à laquelle le lecteur veut se rendre. */
+    navigate: [uuid: string]
     /**
-     * Le panneau accompagne une session en cours.
+     * Le remplissage, pour qui affiche le panneau derrière un repli et doit dire
+     * en une ligne ce qu'il contient. `null` quand la session n'a aucun relevé :
+     * un « 0 % » se lirait comme une fenêtre vide, ce qui est faux.
      *
-     * Deux conséquences, et une seule raison : devant un direct, ce qui vient
-     * d'arriver prime sur le bilan. La vue par tour est celle qu'on ouvre, et
-     * les tours se lisent du plus récent au plus ancien — sans quoi il faudrait
-     * défiler jusqu'en bas à chaque nouvelle réponse.
+     * Le chiffre suit le sélecteur de phase interne — l'en-tête décrit ce que le
+     * panneau montre, pas une autre phase.
      */
-    live?: boolean;
-  }>(),
-  { costUsd: null, costPartial: false, live: false },
-);
-
-const emit = defineEmits<{
-  /** L'uuid de la réponse à laquelle le lecteur veut se rendre. */
-  navigate: [uuid: string];
+    summary: [{ total: number; limit: number; percent: number } | null]
+  }>()
+
+  const tokens = useChartTokens()
+
+  /**
+   * Fixed order: it assigns the colour slots, and `app.scss` documents that the
+   * order *is* the colour-blind safety mechanism. Never sort these by value.
+   */
+  const CATEGORIES: ContextCategory[] = [
+    'memory',
+    'skills',
+    'files',
+    'tools',
+    'thinking',
+    'userMessage',
+    // La machinerie, pas le contenu : listings d'agents et d'outils, instructions
+    // MCP, rappels de tâches, sortie des hooks, notifications de sous-agents. Elle
+    // se dessine en gris — la palette n'a que six teintes, et le thème interdit
+    // d'en réutiliser une.
+    'harness',
+  ]
+
+  // Le bilan par défaut ; le direct s'ouvre sur les tours. Une fois posée, la vue
+  // suit le lecteur : c'est un point de départ, jamais un mode imposé.
+  const view = ref<'category' | 'ranked' | 'flat' | 'byTurn'>(props.live ? 'byTurn' : 'category')
+
+  // Tous les tours : chaque `<details>` tient sur une ligne repliée, et en cacher
+  // ferait mentir la vue sur ce que la session a fait. En direct, l'ordre
+  // s'inverse — le dernier tour est celui qu'on vient de voir passer.
+  const shownTurns = computed(() => {
+    const groups = toTurnGroups(props.context, phase.value, visible.value)
+    return props.live ? [...groups].reverse() : groups
+  })
+
   /**
-   * Le remplissage, pour qui affiche le panneau derrière un repli et doit dire
-   * en une ligne ce qu'il contient. `null` quand la session n'a aucun relevé :
-   * un « 0 % » se lirait comme une fenêtre vide, ce qui est faux.
+   * Le coût, mis en forme, ou `null` s'il n'y a rien à dire.
    *
-   * Le chiffre suit le sélecteur de phase interne — l'en-tête décrit ce que le
-   * panneau montre, pas une autre phase.
+   * Un vrai zéro (session locale gratuite) reste `null` — le serveur ne le
+   * distingue du « non chiffrable » que par cette valeur.
    */
-  summary: [{ total: number; limit: number; percent: number } | null];
-}>();
-
-const tokens = useChartTokens();
-
-/**
- * Fixed order: it assigns the colour slots, and `app.scss` documents that the
- * order *is* the colour-blind safety mechanism. Never sort these by value.
- */
-const CATEGORIES: ContextCategory[] = [
-  'memory',
-  'skills',
-  'files',
-  'tools',
-  'thinking',
-  'userMessage',
-  // La machinerie, pas le contenu : listings d'agents et d'outils, instructions
-  // MCP, rappels de tâches, sortie des hooks, notifications de sous-agents. Elle
-  // se dessine en gris — la palette n'a que six teintes, et le thème interdit
-  // d'en réutiliser une.
-  'harness',
-];
-
-// Le bilan par défaut ; le direct s'ouvre sur les tours. Une fois posée, la vue
-// suit le lecteur : c'est un point de départ, jamais un mode imposé.
-const view = ref<'category' | 'ranked' | 'flat' | 'byTurn'>(props.live ? 'byTurn' : 'category');
-
-// Tous les tours : chaque `<details>` tient sur une ligne repliée, et en cacher
-// ferait mentir la vue sur ce que la session a fait. En direct, l'ordre
-// s'inverse — le dernier tour est celui qu'on vient de voir passer.
-const shownTurns = computed(() => {
-  const groups = toTurnGroups(props.context, phase.value, visible.value);
-  return props.live ? [...groups].reverse() : groups;
-});
-
-/**
- * Le coût, mis en forme, ou `null` s'il n'y a rien à dire.
- *
- * Un vrai zéro (session locale gratuite) reste `null` — le serveur ne le
- * distingue du « non chiffrable » que par cette valeur.
- */
-const cost = computed(() => {
-  const usd = props.costUsd;
-  if (usd === null || usd === undefined) return null;
-  if (usd === 0) return null;
-  return fmtCost(usd);
-});
-const costPartial = computed(() => props.costPartial);
-
-/** One phase per compaction, plus the one running now. */
-const phases = computed(() =>
-  props.context.compactions.map((_, i) => i).concat(props.context.compactions.length),
-);
-const phase = ref(0);
-
-/**
- * Où le fil doit se rendre quand on choisit une phase : sur ce qui l'ouvre.
- *
- * Pour une phase née d'une compaction, c'est le marqueur lui-même — le résumé
- * conservé le suit immédiatement, et c'est exactement ce que le modèle a vu en
- * premier. Son `uuid` est celui de la ligne `compact_boundary`, donc celui du
- * nœud que le fil rend. La première phase, elle, s'ouvre sur son premier tour :
- * rien ne la précède.
- *
- * Le repli sur le premier tour couvre la phase dont le marqueur n'aurait pas
- * d'ancre. Vide quand la phase n'a encore rien joué : le panneau change alors de
- * phase sans faire bouger le fil, plutôt que de l'envoyer ailleurs.
- */
-function anchorOfPhase(p: number): string {
-  const compaction = p > 0 ? props.context.compactions[p - 1] : undefined;
-  if (compaction?.uuid) return compaction.uuid;
-  return props.context.turns.find((t) => t.phase === p && t.total > 0)?.uuid ?? '';
-}
-
-/**
- * Choisir une phase, c'est demander à la lire : le panneau la montre, et le fil
- * la déplie et s'y rend. Les deux vues parlaient de la même frontière sans
- * jamais se suivre.
- */
-function selectPhase(p: number): void {
-  phase.value = p;
-  const uuid = anchorOfPhase(p);
-  if (uuid) emit('navigate', uuid);
-}
-
-// Land on the phase the session ended in; that is the one the reader cares about.
-watch(
-  () => props.context,
-  () => (phase.value = props.context.compactions.length),
-  { immediate: true },
-);
-
-/** The last anchored turn of the selected phase — the window at its fullest. */
-const lastTurn = computed(() => {
-  const anchored = props.context.turns.filter((t) => t.total > 0 && t.phase === phase.value);
-  return anchored[anchored.length - 1] ?? null;
-});
-
-/**
- * La session a-t-elle jamais produit un relevé ?
- *
- * À distinguer d'une *phase* sans tour, qui est l'état normal de la seconde qui
- * suit une compaction : la fenêtre existe, elle vient d'être vidée, et rien ne
- * l'a encore remplie. Confondre les deux faisait disparaître le panneau entier
- * — sélecteur de phase compris — sur une session qui avait pourtant tout mesuré.
- */
-const hasAnyTurn = computed(() => props.context.turns.some((t) => t.total > 0));
-
-/**
- * La fenêtre de la phase : sa taille au dernier tour, ou celle dont elle repart
- * quand aucun tour ne l'a encore garnie. Les deux sont des chiffres du harness.
- *
- * `0` veut dire « pas encore su » — le harness écrit `postTokens` à la fin du
- * tour de compaction, et un socle seul pèse des milliers de tokens.
- */
-const windowTokens = computed(() => {
-  if (lastTurn.value) return lastTurn.value.total;
-  if (phase.value === 0) return props.context.baseline;
-  return props.context.compactions[phase.value - 1]?.postTokens ?? 0;
-});
-
-const fillPercent = computed(() =>
-  windowTokens.value > 0 ? Math.round((windowTokens.value / props.context.limit) * 100) : 0,
-);
-
-// L'espace insécable du français devant le signe vient d'`Intl`, pas de la
-// chaîne : la recoller à la main donnerait « 68 % » des deux côtés.
-const fillLabel = computed(() => fmtPercent(fillPercent.value / 100));
-
-// Le même chiffre que l'en-tête, dit à qui nous affiche.
-watch(
-  [windowTokens, fillPercent],
-  ([total, percent]) => {
-    emit('summary', total > 0 ? { total, limit: props.context.limit, percent } : null);
-  },
-  { immediate: true },
-);
-
-/**
- * Injections of this phase, up to and including the turn we report on. A later
- * turn's output has not entered the window we are describing.
- */
-const visible = computed<ContextInjection[]>(() => {
-  const turn = lastTurn.value;
-  if (!turn) return [];
-  return props.context.injections.filter(
-    (i) => i.phase === phase.value && i.turnIndex <= turn.turnIndex && i.tokens > 0,
-  );
-});
-
-const rankedRows = computed(() =>
-  [...visible.value].sort((a, b) => b.tokens - a.tokens).map((i) => toRow(props.context, i)),
-);
-
-const flatRows = computed(() => toFlatRows(props.context, visible.value));
-
-const groups = computed(() =>
-  CATEGORIES.map((key) => {
-    const items = visible.value
-      .filter((x) => x.category === key)
-      .sort((a, b) => b.tokens - a.tokens);
-    const rows = items.map((i) => toRow(props.context, i));
-    const tree = buildTree(rows);
-    return {
-      key,
-      label: t(`replay.context.categories.${key}`),
-      color: colorOf(key),
-      tokens: items.reduce((sum, x) => sum + x.tokens, 0),
-      rows,
-      tree,
-      // Un arbre n'a de sens que s'il y a des dossiers à montrer.
-      asTree: hasFolders(tree),
-    };
-  }).filter((g) => g.rows.length > 0),
-);
-
-// One `<details>` per category, so the fold is a set of open keys rather than a
-// ref per element. Starts empty: the drawer is a summary first, a listing second.
-const openKeys = ref(new Set<string>());
-function onSectionToggle(key: string, e: Event): void {
-  const next = new Set(openKeys.value);
-  if ((e.target as HTMLDetailsElement).open) next.add(key);
-  else next.delete(key);
-  openKeys.value = next;
-}
-onExpandAll((open) => {
-  openKeys.value = open ? new Set(groups.value.map((g) => g.key)) : new Set();
-});
-
-/**
- * What the injections fail to account for. Recomputed here rather than read from
- * `turn.unattributed`, so that the figures on screen add up to the total shown
- * above them — the server clamps against a slightly different set of injections.
- */
-const unattributed = computed(() => {
-  const turn = lastTurn.value;
-  if (!turn) return 0;
-  const attributed = visible.value.reduce((sum, x) => sum + x.tokens, 0);
-  return Math.max(0, turn.total - attributed);
-});
-
-/**
- * Le socle, borné par ce qu'il reste à expliquer.
- *
- * Il est mesuré sur le premier tour de la session, jamais sur la phase affichée :
- * le prompt système ne disparaît pas à la compaction. Le plafond n'intervient
- * qu'au premier tour lui-même, où l'estimation des catégories peut mordre dessus
- * de quelques tokens ; sans lui le « reste » passerait sous zéro.
- */
-// `?? 0` par prudence : si un serveur d'une version antérieure renvoyait un
-// contexte sans `baseline`, `Math.min(undefined, …)` vaudrait NaN et le « reste »
-// s'afficherait « NaN ». Mieux vaut ne rien affirmer que mentir.
-const baseline = computed(() => Math.min(props.context.baseline ?? 0, unattributed.value));
-const residual = computed(() => Math.max(0, unattributed.value - baseline.value));
-
-function indexOf(category: ContextCategory): number {
-  return CATEGORIES.indexOf(category);
-}
-/**
- * `harness` n'est pas une catégorie de graphique : c'est ce que la machine met
- * là toute seule. Elle prend le gris du socle et du reste, pas une teinte de
- * `--series-*` — qui n'en a que six, toutes attribuées.
- */
-function colorOf(category: ContextCategory): string {
-  if (category === 'harness') return tokens.value.muted;
-  const i = indexOf(category);
-  return i >= 0 ? seriesColor(tokens.value, i) : tokens.value.muted;
-}
-function pillOf(category: ContextCategory): string {
-  return t(`replay.context.pills.${category}`);
-}
-/**
- * La pastille d'une ligne, pas seulement de sa catégorie.
- *
- * Une règle chargée par glob vit dans la catégorie mémoire, dont la pastille dit
- * « CLAUDE.md » — ce qu'une règle n'est pas. Hors de l'arbre (vues à plat, par
- * taille, par tour), son label commence par `rules/` : on l'étiquette pour ce
- * qu'elle est.
- */
-function pillFor(row: ContextRowModel): string {
-  if (row.category === 'memory' && row.label.startsWith('rules/')) {
-    return t('replay.context.pills.rule');
-  }
-  return pillOf(row.category);
-}
+  const cost = computed(() => {
+    const usd = props.costUsd
+    if (usd === null || usd === undefined) return null
+    if (usd === 0) return null
+    return fmtCost(usd)
+  })
+  const costPartial = computed(() => props.costPartial)
+
+  /** One phase per compaction, plus the one running now. */
+  const phases = computed(() => props.context.compactions.map((_, i) => i).concat(props.context.compactions.length))
+  const phase = ref(0)
+
+  /**
+   * Où le fil doit se rendre quand on choisit une phase : sur ce qui l'ouvre.
+   *
+   * Pour une phase née d'une compaction, c'est le marqueur lui-même — le résumé
+   * conservé le suit immédiatement, et c'est exactement ce que le modèle a vu en
+   * premier. Son `uuid` est celui de la ligne `compact_boundary`, donc celui du
+   * nœud que le fil rend. La première phase, elle, s'ouvre sur son premier tour :
+   * rien ne la précède.
+   *
+   * Le repli sur le premier tour couvre la phase dont le marqueur n'aurait pas
+   * d'ancre. Vide quand la phase n'a encore rien joué : le panneau change alors de
+   * phase sans faire bouger le fil, plutôt que de l'envoyer ailleurs.
+   */
+  function anchorOfPhase(p: number): string {
+    const compaction = p > 0 ? props.context.compactions[p - 1] : undefined
+    if (compaction?.uuid) return compaction.uuid
+    return props.context.turns.find((t) => t.phase === p && t.total > 0)?.uuid ?? ''
+  }
+
+  /**
+   * Choisir une phase, c'est demander à la lire : le panneau la montre, et le fil
+   * la déplie et s'y rend. Les deux vues parlaient de la même frontière sans
+   * jamais se suivre.
+   */
+  function selectPhase(p: number): void {
+    phase.value = p
+    const uuid = anchorOfPhase(p)
+    if (uuid) emit('navigate', uuid)
+  }
+
+  // Land on the phase the session ended in; that is the one the reader cares about.
+  watch(
+    () => props.context,
+    () => (phase.value = props.context.compactions.length),
+    { immediate: true },
+  )
+
+  /** The last anchored turn of the selected phase — the window at its fullest. */
+  const lastTurn = computed(() => {
+    const anchored = props.context.turns.filter((t) => t.total > 0 && t.phase === phase.value)
+    return anchored[anchored.length - 1] ?? null
+  })
+
+  /**
+   * La session a-t-elle jamais produit un relevé ?
+   *
+   * À distinguer d'une *phase* sans tour, qui est l'état normal de la seconde qui
+   * suit une compaction : la fenêtre existe, elle vient d'être vidée, et rien ne
+   * l'a encore remplie. Confondre les deux faisait disparaître le panneau entier
+   * — sélecteur de phase compris — sur une session qui avait pourtant tout mesuré.
+   */
+  const hasAnyTurn = computed(() => props.context.turns.some((t) => t.total > 0))
+
+  /**
+   * La fenêtre de la phase : sa taille au dernier tour, ou celle dont elle repart
+   * quand aucun tour ne l'a encore garnie. Les deux sont des chiffres du harness.
+   *
+   * `0` veut dire « pas encore su » — le harness écrit `postTokens` à la fin du
+   * tour de compaction, et un socle seul pèse des milliers de tokens.
+   */
+  const windowTokens = computed(() => {
+    if (lastTurn.value) return lastTurn.value.total
+    if (phase.value === 0) return props.context.baseline
+    return props.context.compactions[phase.value - 1]?.postTokens ?? 0
+  })
+
+  const fillPercent = computed(() => (windowTokens.value > 0 ? Math.round((windowTokens.value / props.context.limit) * 100) : 0))
+
+  // L'espace insécable du français devant le signe vient d'`Intl`, pas de la
+  // chaîne : la recoller à la main donnerait « 68 % » des deux côtés.
+  const fillLabel = computed(() => fmtPercent(fillPercent.value / 100))
+
+  // Le même chiffre que l'en-tête, dit à qui nous affiche.
+  watch(
+    [windowTokens, fillPercent],
+    ([total, percent]) => {
+      emit('summary', total > 0 ? { total, limit: props.context.limit, percent } : null)
+    },
+    { immediate: true },
+  )
+
+  /**
+   * Injections of this phase, up to and including the turn we report on. A later
+   * turn's output has not entered the window we are describing.
+   */
+  const visible = computed<ContextInjection[]>(() => {
+    const turn = lastTurn.value
+    if (!turn) return []
+    return props.context.injections.filter((i) => i.phase === phase.value && i.turnIndex <= turn.turnIndex && i.tokens > 0)
+  })
+
+  const rankedRows = computed(() => [...visible.value].sort((a, b) => b.tokens - a.tokens).map((i) => toRow(props.context, i)))
+
+  const flatRows = computed(() => toFlatRows(props.context, visible.value))
+
+  const groups = computed(() =>
+    CATEGORIES.map((key) => {
+      const items = visible.value.filter((x) => x.category === key).sort((a, b) => b.tokens - a.tokens)
+      const rows = items.map((i) => toRow(props.context, i))
+      const tree = buildTree(rows)
+      return {
+        key,
+        label: t(`replay.context.categories.${key}`),
+        color: colorOf(key),
+        tokens: items.reduce((sum, x) => sum + x.tokens, 0),
+        rows,
+        tree,
+        // Un arbre n'a de sens que s'il y a des dossiers à montrer.
+        asTree: hasFolders(tree),
+      }
+    }).filter((g) => g.rows.length > 0),
+  )
+
+  // One `<details>` per category, so the fold is a set of open keys rather than a
+  // ref per element. Starts empty: the drawer is a summary first, a listing second.
+  const openKeys = ref(new Set<string>())
+  function onSectionToggle(key: string, e: Event): void {
+    const next = new Set(openKeys.value)
+    if ((e.target as HTMLDetailsElement).open) next.add(key)
+    else next.delete(key)
+    openKeys.value = next
+  }
+  onExpandAll((open) => {
+    openKeys.value = open ? new Set(groups.value.map((g) => g.key)) : new Set()
+  })
+
+  /**
+   * What the injections fail to account for. Recomputed here rather than read from
+   * `turn.unattributed`, so that the figures on screen add up to the total shown
+   * above them — the server clamps against a slightly different set of injections.
+   */
+  const unattributed = computed(() => {
+    const turn = lastTurn.value
+    if (!turn) return 0
+    const attributed = visible.value.reduce((sum, x) => sum + x.tokens, 0)
+    return Math.max(0, turn.total - attributed)
+  })
+
+  /**
+   * Le socle, borné par ce qu'il reste à expliquer.
+   *
+   * Il est mesuré sur le premier tour de la session, jamais sur la phase affichée :
+   * le prompt système ne disparaît pas à la compaction. Le plafond n'intervient
+   * qu'au premier tour lui-même, où l'estimation des catégories peut mordre dessus
+   * de quelques tokens ; sans lui le « reste » passerait sous zéro.
+   */
+  // `?? 0` par prudence : si un serveur d'une version antérieure renvoyait un
+  // contexte sans `baseline`, `Math.min(undefined, …)` vaudrait NaN et le « reste »
+  // s'afficherait « NaN ». Mieux vaut ne rien affirmer que mentir.
+  const baseline = computed(() => Math.min(props.context.baseline ?? 0, unattributed.value))
+  const residual = computed(() => Math.max(0, unattributed.value - baseline.value))
+
+  function indexOf(category: ContextCategory): number {
+    return CATEGORIES.indexOf(category)
+  }
+  /**
+   * `harness` n'est pas une catégorie de graphique : c'est ce que la machine met
+   * là toute seule. Elle prend le gris du socle et du reste, pas une teinte de
+   * `--series-*` — qui n'en a que six, toutes attribuées.
+   */
+  function colorOf(category: ContextCategory): string {
+    if (category === 'harness') return tokens.value.muted
+    const i = indexOf(category)
+    return i >= 0 ? seriesColor(tokens.value, i) : tokens.value.muted
+  }
+  function pillOf(category: ContextCategory): string {
+    return t(`replay.context.pills.${category}`)
+  }
+  /**
+   * La pastille d'une ligne, pas seulement de sa catégorie.
+   *
+   * Une règle chargée par glob vit dans la catégorie mémoire, dont la pastille dit
+   * « CLAUDE.md » — ce qu'une règle n'est pas. Hors de l'arbre (vues à plat, par
+   * taille, par tour), son label commence par `rules/` : on l'étiquette pour ce
+   * qu'elle est.
+   */
+  function pillFor(row: ContextRowModel): string {
+    if (row.category === 'memory' && row.label.startsWith('rules/')) {
+      return t('replay.context.pills.rule')
+    }
+    return pillOf(row.category)
+  }
 </script>
 
 <style scoped lang="scss">
-.cx {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-md);
-  padding: var(--space-md);
-  font-size: var(--fs-xs);
-}
-
-.cx-empty {
-  color: var(--muted);
-  margin: 0;
-}
-
-// ── Header ───────────────────────────────────────────────────────────────────
-.cx-head {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-xs);
-}
-
-.cx-fill {
-  display: flex;
-  align-items: baseline;
-  gap: var(--space-xs);
-  margin: 0;
-
-  strong {
-    font-size: var(--fs-lg);
+  .cx {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md);
+    padding: var(--space-md);
+    font-size: var(--fs-xs);
+  }
+
+  .cx-empty {
+    color: var(--muted);
+    margin: 0;
+  }
+
+  // ── Header ───────────────────────────────────────────────────────────────────
+  .cx-head {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+  }
+
+  .cx-fill {
+    display: flex;
+    align-items: baseline;
+    gap: var(--space-xs);
+    margin: 0;
+
+    strong {
+      font-size: var(--fs-lg);
+      color: var(--text);
+    }
+  }
+
+  .cx-fill-limit {
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+  }
+
+  .cx-fill-pct {
+    margin-left: auto;
+    color: var(--muted);
+  }
+
+  .cx-gauge {
+    height: 5px;
+    border-radius: var(--radius-xs);
+    background: var(--surface-3);
+    overflow: hidden;
+  }
+
+  .cx-gauge-fill {
+    height: 100%;
+    background: var(--brand);
+  }
+
+  .cx-caption {
+    margin: 0;
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+  }
+
+  .cx-cost {
+    margin: 0;
+    display: flex;
+    align-items: baseline;
+    gap: var(--space-xs);
+    flex-wrap: wrap;
+
+    > span:first-child {
+      color: var(--text);
+      font-size: var(--fs-sm);
+    }
+  }
+  .cx-cost-note {
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+  }
+
+  // ── Toggles ──────────────────────────────────────────────────────────────────
+  .cx-phases,
+  .cx-views {
+    display: flex;
+    align-items: center;
+    gap: 2px;
+    flex-wrap: wrap;
+    border: 0;
+    padding: 0;
+    margin: 0;
+  }
+
+  .cx-legend {
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+    padding: 0 var(--space-xs) 0 0;
+  }
+
+  .cx-phase--on {
+    background: var(--brand-soft);
+    color: var(--brand);
+  }
+
+  // ── Sections & rows ──────────────────────────────────────────────────────────
+  .cx-sections,
+  .cx-ranked,
+  .cx-items {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+
+  .cx-sections > li + li {
+    margin-top: 2px;
+  }
+
+  .cx-section-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    padding: var(--space-xs);
+    border-radius: var(--radius-xs);
+    cursor: pointer;
+
+    &:hover {
+      background: var(--surface-2);
+    }
+
+    &:focus-visible {
+      outline: 2px solid var(--brand);
+      outline-offset: -2px;
+    }
+  }
+
+  .cx-section-label {
+    flex: 1;
     color: var(--text);
   }
-}
-
-.cx-fill-limit {
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-}
-
-.cx-fill-pct {
-  margin-left: auto;
-  color: var(--muted);
-}
-
-.cx-gauge {
-  height: 5px;
-  border-radius: var(--radius-xs);
-  background: var(--surface-3);
-  overflow: hidden;
-}
-
-.cx-gauge-fill {
-  height: 100%;
-  background: var(--brand);
-}
-
-.cx-caption {
-  margin: 0;
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-}
-
-.cx-cost {
-  margin: 0;
-  display: flex;
-  align-items: baseline;
-  gap: var(--space-xs);
-  flex-wrap: wrap;
-
-  > span:first-child {
+
+  .cx-count {
+    min-width: 18px;
+    text-align: center;
+    border-radius: var(--radius-xs);
+    background: var(--surface-3);
+    color: var(--muted);
+    font-size: var(--fs-2xs);
+    padding: 0 4px;
+  }
+
+  .cx-tokens {
+    color: var(--muted);
+    font-variant-numeric: tabular-nums;
+  }
+
+  .cx-swatch {
+    width: 9px;
+    height: 9px;
+    border-radius: 2px;
+    flex: none;
+  }
+
+  // Les listes portent le retrait ; chaque ligne est un `ContextRow`.
+  .cx-items {
+    padding: 2px 0 var(--space-xs) var(--space-xs);
+  }
+  .cx-tree {
+    padding: 2px 0 var(--space-xs) var(--space-xs);
+  }
+
+  // ── Vue par tour ─────────────────────────────────────────────────────────────
+  .cx-byturn-cap {
+    margin: 0 0 var(--space-xs);
+  }
+  .cx-turns {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+  .cx-turns > li + li {
+    margin-top: 1px;
+  }
+  .cx-turn > summary {
+    list-style: none;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    padding: 2px var(--space-xs);
+    border-radius: var(--radius-xs);
+
+    &:hover {
+      background: var(--surface-2);
+    }
+    &:focus-visible {
+      outline: 2px solid var(--brand);
+      outline-offset: -2px;
+    }
+  }
+  .cx-turn > summary::-webkit-details-marker {
+    display: none;
+  }
+  .cx-turn-chev {
+    color: var(--faint);
+    flex: none;
+    transition: transform 0.12s ease;
+  }
+  .cx-turn[open] .cx-turn-chev {
+    transform: rotate(90deg);
+  }
+  .cx-turn-link {
+    color: var(--brand-muted);
+    text-decoration: none;
+    border-bottom: 1px dotted currentcolor;
+
+    &:hover {
+      color: var(--brand);
+    }
+    &:focus-visible {
+      outline: 2px solid var(--brand);
+      outline-offset: 2px;
+    }
+  }
+  .cx-turn-delta {
+    margin-left: auto;
     color: var(--text);
-    font-size: var(--fs-sm);
-  }
-}
-.cx-cost-note {
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-}
-
-// ── Toggles ──────────────────────────────────────────────────────────────────
-.cx-phases,
-.cx-views {
-  display: flex;
-  align-items: center;
-  gap: 2px;
-  flex-wrap: wrap;
-  border: 0;
-  padding: 0;
-  margin: 0;
-}
-
-.cx-legend {
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-  padding: 0 var(--space-xs) 0 0;
-}
-
-.cx-phase--on {
-  background: var(--brand-soft);
-  color: var(--brand);
-}
-
-// ── Sections & rows ──────────────────────────────────────────────────────────
-.cx-sections,
-.cx-ranked,
-.cx-items {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-.cx-sections > li + li {
-  margin-top: 2px;
-}
-
-.cx-section-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  padding: var(--space-xs);
-  border-radius: var(--radius-xs);
-  cursor: pointer;
-
-  &:hover {
-    background: var(--surface-2);
-  }
-
-  &:focus-visible {
-    outline: 2px solid var(--brand);
-    outline-offset: -2px;
-  }
-}
-
-.cx-section-label {
-  flex: 1;
-  color: var(--text);
-}
-
-.cx-count {
-  min-width: 18px;
-  text-align: center;
-  border-radius: var(--radius-xs);
-  background: var(--surface-3);
-  color: var(--muted);
-  font-size: var(--fs-2xs);
-  padding: 0 4px;
-}
-
-.cx-tokens {
-  color: var(--muted);
-  font-variant-numeric: tabular-nums;
-}
-
-.cx-swatch {
-  width: 9px;
-  height: 9px;
-  border-radius: 2px;
-  flex: none;
-}
-
-// Les listes portent le retrait ; chaque ligne est un `ContextRow`.
-.cx-items {
-  padding: 2px 0 var(--space-xs) var(--space-xs);
-}
-.cx-tree {
-  padding: 2px 0 var(--space-xs) var(--space-xs);
-}
-
-// ── Vue par tour ─────────────────────────────────────────────────────────────
-.cx-byturn-cap {
-  margin: 0 0 var(--space-xs);
-}
-.cx-turns {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-.cx-turns > li + li {
-  margin-top: 1px;
-}
-.cx-turn > summary {
-  list-style: none;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  padding: 2px var(--space-xs);
-  border-radius: var(--radius-xs);
-
-  &:hover {
-    background: var(--surface-2);
-  }
-  &:focus-visible {
-    outline: 2px solid var(--brand);
-    outline-offset: -2px;
-  }
-}
-.cx-turn > summary::-webkit-details-marker {
-  display: none;
-}
-.cx-turn-chev {
-  color: var(--faint);
-  flex: none;
-  transition: transform 0.12s ease;
-}
-.cx-turn[open] .cx-turn-chev {
-  transform: rotate(90deg);
-}
-.cx-turn-link {
-  color: var(--brand-muted);
-  text-decoration: none;
-  border-bottom: 1px dotted currentcolor;
-
-  &:hover {
-    color: var(--brand);
+    font-variant-numeric: tabular-nums;
+  }
+  .cx-turn-est {
+    flex: none;
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+    font-variant-numeric: tabular-nums;
+  }
+  .cx-ranked {
+    display: flex;
+    flex-direction: column;
+    gap: 1px;
+  }
+
+  // Sert encore aux deux lignes du « reste » (socle, résidu), qui ne sont pas des
+  // `ContextRow` : elles ne mènent nulle part et n'ont rien à déplier.
+  .cx-item-label {
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    color: var(--muted);
+  }
+
+  // ── Remainder & note ─────────────────────────────────────────────────────────
+  .cx-rest {
+    border-top: 1px solid var(--line);
+    padding-top: var(--space-sm);
+  }
+
+  .cx-rest-line {
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    margin: 0;
+  }
+
+  .cx-rest-line--gap {
+    margin-top: var(--space-sm);
+  }
+
+  .cx-swatch--faint {
+    background: var(--faint);
+  }
+
+  .cx-note {
+    margin: var(--space-xs) 0 0;
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+    line-height: 1.5;
   }
-  &:focus-visible {
-    outline: 2px solid var(--brand);
-    outline-offset: 2px;
-  }
-}
-.cx-turn-delta {
-  margin-left: auto;
-  color: var(--text);
-  font-variant-numeric: tabular-nums;
-}
-.cx-turn-est {
-  flex: none;
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-  font-variant-numeric: tabular-nums;
-}
-.cx-ranked {
-  display: flex;
-  flex-direction: column;
-  gap: 1px;
-}
-
-// Sert encore aux deux lignes du « reste » (socle, résidu), qui ne sont pas des
-// `ContextRow` : elles ne mènent nulle part et n'ont rien à déplier.
-.cx-item-label {
-  flex: 1;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  color: var(--muted);
-}
-
-// ── Remainder & note ─────────────────────────────────────────────────────────
-.cx-rest {
-  border-top: 1px solid var(--line);
-  padding-top: var(--space-sm);
-}
-
-.cx-rest-line {
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  margin: 0;
-}
-
-.cx-rest-line--gap {
-  margin-top: var(--space-sm);
-}
-
-.cx-swatch--faint {
-  background: var(--faint);
-}
-
-.cx-note {
-  margin: var(--space-xs) 0 0;
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-  line-height: 1.5;
-}
 </style>
diff --git a/src/components/replay/ContextRow.vue b/src/components/replay/ContextRow.vue
index ee12991..0d871f9 100644
--- a/src/components/replay/ContextRow.vue
+++ b/src/components/replay/ContextRow.vue
@@ -8,12 +8,7 @@
     <details v-if="row.detail.length" class="cr-fold" :open="open" @toggle="onToggle">
       <summary class="cr-head">
         <q-icon :name="open ? 'expand_more' : 'chevron_right'" size="14px" aria-hidden="true" />
-        <ContextRowBody
-          :row="row"
-          :pill="pill"
-          :color="color"
-          @navigate="emit('navigate', $event)"
-        />
+        <ContextRowBody :row="row" :pill="pill" :color="color" @navigate="emit('navigate', $event)" />
       </summary>
       <ul class="cr-detail">
         <li v-for="(d, i) in row.detail" :key="i" class="cr-detail-line">
@@ -32,100 +27,100 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue';
-import { useI18n } from 'vue-i18n';
-import { fmtNum } from '@/utils/format';
-import ContextRowBody from './ContextRowBody.vue';
-import type { ContextRowModel } from './contextRows';
-
-const { t } = useI18n();
-
-defineProps<{
-  row: ContextRowModel;
-  /** Absent in the grouped view, where the section header already names the kind. */
-  pill?: string | undefined;
-  color?: string | undefined;
-}>();
-
-const emit = defineEmits<{ navigate: [uuid: string] }>();
-
-const open = ref(false);
-function onToggle(e: Event): void {
-  open.value = (e.target as HTMLDetailsElement).open;
-}
+  import { fmtNum } from '@/utils/format'
+  import { ref } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import ContextRowBody from './ContextRowBody.vue'
+  import type { ContextRowModel } from './contextRows'
+
+  const { t } = useI18n()
+
+  defineProps<{
+    row: ContextRowModel
+    /** Absent in the grouped view, where the section header already names the kind. */
+    pill?: string | undefined
+    color?: string | undefined
+  }>()
+
+  const emit = defineEmits<{ navigate: [uuid: string] }>()
+
+  const open = ref(false)
+  function onToggle(e: Event): void {
+    open.value = (e.target as HTMLDetailsElement).open
+  }
 </script>
 
 <style scoped lang="scss">
-.cr {
-  list-style: none;
-}
-
-.cr-fold > summary {
-  list-style: none;
-  cursor: pointer;
-}
-.cr-fold > summary::-webkit-details-marker {
-  display: none;
-}
-
-.cr-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  padding: 2px var(--space-xs);
-  border-radius: var(--radius-xs);
-  color: var(--dim);
-
-  &:hover {
-    background: var(--surface-2);
+  .cr {
+    list-style: none;
+  }
+
+  .cr-fold > summary {
+    list-style: none;
+    cursor: pointer;
+  }
+  .cr-fold > summary::-webkit-details-marker {
+    display: none;
+  }
+
+  .cr-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    padding: 2px var(--space-xs);
+    border-radius: var(--radius-xs);
+    color: var(--dim);
+
+    &:hover {
+      background: var(--surface-2);
+    }
+
+    &:focus-visible {
+      outline: 2px solid var(--brand);
+      outline-offset: -2px;
+    }
+  }
+
+  /* Sans chevron, le corps s'aligne quand même sur celui de ses voisines. */
+  .cr-head--flat {
+    padding-left: calc(var(--space-xs) + 14px + var(--space-xs));
+  }
+
+  .cr-detail {
+    list-style: none;
+    margin: 0;
+    padding: 2px 0 var(--space-xs) calc(var(--space-md) + var(--space-sm));
+  }
+
+  .cr-detail-line {
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    padding: 1px var(--space-xs);
+    font-size: var(--fs-2xs);
+  }
+
+  .cr-detail-label {
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    color: var(--muted);
+  }
+
+  .cr-error {
+    flex: none;
+    color: var(--danger);
+    border: 1px solid var(--danger);
+    border-radius: var(--radius-xs);
+    padding: 0 4px;
+    line-height: 1.4;
   }
 
-  &:focus-visible {
-    outline: 2px solid var(--brand);
-    outline-offset: -2px;
+  .cr-tokens {
+    flex: none;
+    color: var(--faint);
+    font-variant-numeric: tabular-nums;
   }
-}
-
-/* Sans chevron, le corps s'aligne quand même sur celui de ses voisines. */
-.cr-head--flat {
-  padding-left: calc(var(--space-xs) + 14px + var(--space-xs));
-}
-
-.cr-detail {
-  list-style: none;
-  margin: 0;
-  padding: 2px 0 var(--space-xs) calc(var(--space-md) + var(--space-sm));
-}
-
-.cr-detail-line {
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  padding: 1px var(--space-xs);
-  font-size: var(--fs-2xs);
-}
-
-.cr-detail-label {
-  flex: 1;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  color: var(--muted);
-}
-
-.cr-error {
-  flex: none;
-  color: var(--danger);
-  border: 1px solid var(--danger);
-  border-radius: var(--radius-xs);
-  padding: 0 4px;
-  line-height: 1.4;
-}
-
-.cr-tokens {
-  flex: none;
-  color: var(--faint);
-  font-variant-numeric: tabular-nums;
-}
 </style>
diff --git a/src/components/replay/ContextRowBody.vue b/src/components/replay/ContextRowBody.vue
index 27c3815..af47d56 100644
--- a/src/components/replay/ContextRowBody.vue
+++ b/src/components/replay/ContextRowBody.vue
@@ -13,12 +13,7 @@
       Le chemin complet, tel qu'il était sur le disque de la session. `@click.stop`
       dans `CopyButton` empêche le pli de s'ouvrir sous le doigt.
     -->
-    <CopyButton
-      v-if="row.path"
-      :text="row.path"
-      :label="t('replay.context.copyPath', { path: row.path })"
-      class="crb-copy"
-    />
+    <CopyButton v-if="row.path" :text="row.path" :label="t('replay.context.copyPath', { path: row.path })" class="crb-copy" />
 
     <!--
       Le tour où cette injection est entrée dans la fenêtre. Cliquer y emmène :
@@ -51,87 +46,87 @@
 </template>
 
 <script setup lang="ts">
-import { useI18n } from 'vue-i18n';
-import { fmtNum } from '@/utils/format';
-import CopyButton from '@/components/ui/CopyButton.vue';
-import type { ContextRowModel } from './contextRows';
+  import CopyButton from '@/components/ui/CopyButton.vue'
+  import { fmtNum } from '@/utils/format'
+  import { useI18n } from 'vue-i18n'
+  import type { ContextRowModel } from './contextRows'
 
-const { t } = useI18n();
+  const { t } = useI18n()
 
-defineProps<{
-  row: ContextRowModel;
-  pill?: string | undefined;
-  color?: string | undefined;
-}>();
+  defineProps<{
+    row: ContextRowModel
+    pill?: string | undefined
+    color?: string | undefined
+  }>()
 
-const emit = defineEmits<{ navigate: [uuid: string] }>();
+  const emit = defineEmits<{ navigate: [uuid: string] }>()
 </script>
 
 <style scoped lang="scss">
-.crb {
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  flex-wrap: wrap;
-}
-
-.crb-pill {
-  flex: none;
-  font-size: var(--fs-2xs);
-  line-height: 1.4;
-  padding: 0 4px;
-  border: 1px solid;
-  border-radius: var(--radius-xs);
-  background: transparent;
-}
-
-.crb-label {
-  flex: 1;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  color: var(--muted);
-}
-
-.crb-copy {
-  flex: none;
-  opacity: 0;
-}
-.crb:hover .crb-copy,
-.crb-copy:focus-visible {
-  opacity: 1;
-}
-
-.crb-turn {
-  flex: none;
-  color: var(--brand-muted);
-  text-decoration: none;
-  border-bottom: 1px dotted currentcolor;
-
-  &:hover {
-    color: var(--brand);
+  .crb {
+    flex: 1;
+    min-width: 0;
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    flex-wrap: wrap;
   }
-  &:focus-visible {
-    outline: 2px solid var(--brand);
-    outline-offset: 2px;
+
+  .crb-pill {
+    flex: none;
+    font-size: var(--fs-2xs);
+    line-height: 1.4;
+    padding: 0 4px;
+    border: 1px solid;
+    border-radius: var(--radius-xs);
+    background: transparent;
+  }
+
+  .crb-label {
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    color: var(--muted);
+  }
+
+  .crb-copy {
+    flex: none;
+    opacity: 0;
+  }
+  .crb:hover .crb-copy,
+  .crb-copy:focus-visible {
+    opacity: 1;
+  }
+
+  .crb-turn {
+    flex: none;
+    color: var(--brand-muted);
+    text-decoration: none;
+    border-bottom: 1px dotted currentcolor;
+
+    &:hover {
+      color: var(--brand);
+    }
+    &:focus-visible {
+      outline: 2px solid var(--brand);
+      outline-offset: 2px;
+    }
+  }
+
+  .crb-tokens {
+    flex: none;
+    color: var(--muted);
+    font-variant-numeric: tabular-nums;
+  }
+
+  /* Sur sa propre ligne : en colonne, il réduisait le libellé à « 1 appel d'ou… ». */
+  .crb-split {
+    flex: 1 0 100%;
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+    font-variant-numeric: tabular-nums;
+    line-height: 1.3;
   }
-}
-
-.crb-tokens {
-  flex: none;
-  color: var(--muted);
-  font-variant-numeric: tabular-nums;
-}
-
-/* Sur sa propre ligne : en colonne, il réduisait le libellé à « 1 appel d'ou… ». */
-.crb-split {
-  flex: 1 0 100%;
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-  font-variant-numeric: tabular-nums;
-  line-height: 1.3;
-}
 </style>
diff --git a/src/components/replay/ContextTree.vue b/src/components/replay/ContextTree.vue
index e04023f..9474736 100644
--- a/src/components/replay/ContextTree.vue
+++ b/src/components/replay/ContextTree.vue
@@ -9,117 +9,110 @@
           <span class="ct-dir-count">{{ leafCount(node) }}</span>
           <span class="ct-tokens font-mono">~{{ fmtNum(node.tokens) }}</span>
         </summary>
-        <ContextTree
-          :nodes="node.children"
-          :depth="depth + 1"
-          @navigate="emit('navigate', $event)"
-        />
+        <ContextTree :nodes="node.children" :depth="depth + 1" @navigate="emit('navigate', $event)" />
       </details>
 
       <!-- Une feuille : le fichier lui-même, avec son coût et son lien de tour. -->
       <div v-else-if="node.row" class="ct-file">
         <q-icon name="description" size="13px" class="ct-file-icon" aria-hidden="true" />
-        <ContextRowBody
-          :row="{ ...node.row, label: node.name }"
-          @navigate="emit('navigate', $event)"
-        />
+        <ContextRowBody :row="{ ...node.row, label: node.name }" @navigate="emit('navigate', $event)" />
       </div>
     </li>
   </ul>
 </template>
 
 <script setup lang="ts">
-import { fmtNum } from '@/utils/format';
-import ContextRowBody from './ContextRowBody.vue';
-import type { TreeNode } from './contextTree';
-import type { ContextRowModel } from './contextRows';
+  import { fmtNum } from '@/utils/format'
+  import ContextRowBody from './ContextRowBody.vue'
+  import type { ContextRowModel } from './contextRows'
+  import type { TreeNode } from './contextTree'
 
-type Node = TreeNode<ContextRowModel>;
+  type Node = TreeNode<ContextRowModel>
 
-withDefaults(defineProps<{ nodes: Node[]; depth?: number }>(), { depth: 0 });
+  withDefaults(defineProps<{ nodes: Node[]; depth?: number }>(), { depth: 0 })
 
-const emit = defineEmits<{ navigate: [uuid: string] }>();
+  const emit = defineEmits<{ navigate: [uuid: string] }>()
 
-/** Combien de fichiers sous un dossier — un décompte, pas une profondeur. */
-function leafCount(node: Node): number {
-  if (!node.children.length) return 1;
-  return node.children.reduce((n, c) => n + leafCount(c), 0);
-}
+  /** Combien de fichiers sous un dossier — un décompte, pas une profondeur. */
+  function leafCount(node: Node): number {
+    if (!node.children.length) return 1
+    return node.children.reduce((n, c) => n + leafCount(c), 0)
+  }
 </script>
 
 <style scoped lang="scss">
-.ct {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-/* Chaque niveau s'indente sous le précédent, avec un filet de rappel. */
-.ct:not(.ct--root) {
-  padding-left: var(--space-sm);
-  margin-left: var(--space-xs);
-  border-left: 1px solid var(--line);
-}
+  .ct {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+  /* Chaque niveau s'indente sous le précédent, avec un filet de rappel. */
+  .ct:not(.ct--root) {
+    padding-left: var(--space-sm);
+    margin-left: var(--space-xs);
+    border-left: 1px solid var(--line);
+  }
 
-.ct-node {
-  min-width: 0;
-}
+  .ct-node {
+    min-width: 0;
+  }
 
-.ct-dir > summary {
-  list-style: none;
-  cursor: pointer;
-}
-.ct-dir > summary::-webkit-details-marker {
-  display: none;
-}
+  .ct-dir > summary {
+    list-style: none;
+    cursor: pointer;
+  }
+  .ct-dir > summary::-webkit-details-marker {
+    display: none;
+  }
 
-.ct-dir-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  padding: 2px var(--space-xs);
-  border-radius: var(--radius-xs);
+  .ct-dir-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    padding: 2px var(--space-xs);
+    border-radius: var(--radius-xs);
 
-  &:hover {
-    background: var(--surface-2);
+    &:hover {
+      background: var(--surface-2);
+    }
+    &:focus-visible {
+      outline: 2px solid var(--brand);
+      outline-offset: -2px;
+    }
   }
-  &:focus-visible {
-    outline: 2px solid var(--brand);
-    outline-offset: -2px;
+  .ct-dir-icon {
+    color: var(--faint);
+    flex: none;
+  }
+  .ct-dir-name {
+    color: var(--text);
+    font-weight: 500;
+  }
+  .ct-dir-count {
+    min-width: 16px;
+    text-align: center;
+    border-radius: var(--radius-xs);
+    background: var(--surface-3);
+    color: var(--muted);
+    font-size: var(--fs-2xs);
+    padding: 0 4px;
   }
-}
-.ct-dir-icon {
-  color: var(--faint);
-  flex: none;
-}
-.ct-dir-name {
-  color: var(--text);
-  font-weight: 500;
-}
-.ct-dir-count {
-  min-width: 16px;
-  text-align: center;
-  border-radius: var(--radius-xs);
-  background: var(--surface-3);
-  color: var(--muted);
-  font-size: var(--fs-2xs);
-  padding: 0 4px;
-}
 
-.ct-file {
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  padding: 1px var(--space-xs);
-}
-.ct-file-icon {
-  color: var(--faint);
-  flex: none;
-}
+  .ct-file {
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    padding: 1px var(--space-xs);
+  }
+  .ct-file-icon {
+    color: var(--faint);
+    flex: none;
+  }
 
-.ct-tokens {
-  flex: none;
-  margin-left: auto;
-  color: var(--muted);
-  font-variant-numeric: tabular-nums;
-}
+  .ct-tokens {
+    flex: none;
+    margin-left: auto;
+    color: var(--muted);
+    font-variant-numeric: tabular-nums;
+  }
 </style>
diff --git a/src/components/replay/HookRunView.vue b/src/components/replay/HookRunView.vue
index 9585365..4cb885f 100644
--- a/src/components/replay/HookRunView.vue
+++ b/src/components/replay/HookRunView.vue
@@ -34,189 +34,187 @@
 
       <p class="hk-meta font-mono">
         <span>{{ run.name }}</span>
-        <span v-if="run.exitCode !== undefined">{{
-          t('replay.hook.exit', { n: run.exitCode })
-        }}</span>
+        <span v-if="run.exitCode !== undefined">{{ t('replay.hook.exit', { n: run.exitCode }) }}</span>
       </p>
     </div>
   </details>
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
-import { useI18n } from 'vue-i18n';
-import type { HookRun } from '@/services/projects';
-import { useExpandable, syncDetails } from '@/composables/useExpandAll';
-import { fmtDuration } from '@/utils/format';
-
-const props = defineProps<{ run: HookRun }>();
-
-const open = useExpandable(false);
-const onToggle = syncDetails(open);
-
-const { t } = useI18n();
-
-// L'icône ne dépend pas de la langue ; le mot qui la double, si.
-const ICONS: Record<HookRun['status'], string> = {
-  ok: 'bolt',
-  context: 'bolt',
-  error: 'warning',
-  blocked: 'block',
-};
-
-const icon = computed(() => ICONS[props.run.status]);
-const statusLabel = computed(() => t(`replay.hook.status.${props.run.status}`));
-
-/** Interpreters carry no meaning — the script they run is what identifies a hook. */
-const RUNNERS = new Set(['node', 'npx', 'pnpm', 'npm', 'python', 'python3', 'sh', 'bash', 'cmd']);
-
-/**
- * A readable name for the hook: `node .claude/tools/lsp-grep-hint/index.js` →
- * `lsp-grep-hint`. Falls back to the matcher (`PreToolUse:Bash` → `Bash`).
- */
-const label = computed((): string => {
-  const command = props.run.command;
-  if (!command) return props.run.name.split(':')[1] ?? props.run.event;
-
-  const tokens = command.replace(/["']/g, '').split(/\s+/).filter(Boolean);
-  const first = tokens[0] ?? '';
-  const target = (RUNNERS.has(first.split(/[/\\]/).pop() ?? '') ? tokens[1] : first) ?? first;
-
-  const parts = target.split(/[/\\]/).filter(Boolean);
-  let base = parts.pop() ?? target;
-  // `…/lsp-grep-hint/index.js` — the folder names the hook, not the entrypoint.
-  if (/^(index|main)\.\w+$/.test(base) && parts.length) base = parts[parts.length - 1]!;
-  return base.replace(/\.\w+$/, '') || props.run.event;
-});
+  import { useExpandable, syncDetails } from '@/composables/useExpandAll'
+  import type { HookRun } from '@/services/projects'
+  import { fmtDuration } from '@/utils/format'
+  import { computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
+
+  const props = defineProps<{ run: HookRun }>()
+
+  const open = useExpandable(false)
+  const onToggle = syncDetails(open)
+
+  const { t } = useI18n()
+
+  // L'icône ne dépend pas de la langue ; le mot qui la double, si.
+  const ICONS: Record<HookRun['status'], string> = {
+    ok: 'bolt',
+    context: 'bolt',
+    error: 'warning',
+    blocked: 'block',
+  }
+
+  const icon = computed(() => ICONS[props.run.status])
+  const statusLabel = computed(() => t(`replay.hook.status.${props.run.status}`))
+
+  /** Interpreters carry no meaning — the script they run is what identifies a hook. */
+  const RUNNERS = new Set(['node', 'npx', 'pnpm', 'npm', 'python', 'python3', 'sh', 'bash', 'cmd'])
+
+  /**
+   * A readable name for the hook: `node .claude/tools/lsp-grep-hint/index.js` →
+   * `lsp-grep-hint`. Falls back to the matcher (`PreToolUse:Bash` → `Bash`).
+   */
+  const label = computed((): string => {
+    const command = props.run.command
+    if (!command) return props.run.name.split(':')[1] ?? props.run.event
+
+    const tokens = command.replace(/["']/g, '').split(/\s+/).filter(Boolean)
+    const first = tokens[0] ?? ''
+    const target = (RUNNERS.has(first.split(/[/\\]/).pop() ?? '') ? tokens[1] : first) ?? first
+
+    const parts = target.split(/[/\\]/).filter(Boolean)
+    let base = parts.pop() ?? target
+    // `…/lsp-grep-hint/index.js` — the folder names the hook, not the entrypoint.
+    if (/^(index|main)\.\w+$/.test(base) && parts.length) base = parts[parts.length - 1]!
+    return base.replace(/\.\w+$/, '') || props.run.event
+  })
 </script>
 
 <style scoped lang="scss">
-.hk {
-  border: 1px solid var(--line-2);
-  border-left: 2px solid var(--dim);
-  border-radius: var(--radius-xs);
-  background: var(--surface);
-}
-.hk--context {
-  border-left-color: var(--brand);
-}
-.hk--error {
-  border-left-color: var(--warn);
-}
-.hk--blocked {
-  border-left-color: var(--danger);
-}
-.hk-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  padding: var(--space-xs) var(--space-sm);
-  cursor: pointer;
-  list-style: none;
-  font-size: var(--fs-xs);
-  color: var(--muted);
-}
-.hk-head::-webkit-details-marker {
-  display: none;
-}
-.hk-head:hover {
-  background: var(--hover-overlay);
-}
-.hk-icon {
-  flex-shrink: 0;
-  color: var(--dim);
-}
-.hk--context .hk-icon {
-  color: var(--brand);
-}
-.hk--error .hk-icon {
-  color: var(--warn);
-}
-.hk--blocked .hk-icon {
-  color: var(--danger);
-}
-.hk-event {
-  font-size: var(--fs-2xs);
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  color: var(--faint);
-  flex-shrink: 0;
-}
-.hk-name {
-  color: var(--text);
-  font-weight: 600;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  min-width: 0;
-}
-.hk-ms {
-  color: var(--faint);
-  font-size: var(--fs-2xs);
-  flex-shrink: 0;
-}
-.hk-status {
-  margin-left: auto;
-  flex-shrink: 0;
-  font-size: var(--fs-2xs);
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  color: var(--dim);
-}
-.hk--context .hk-status {
-  color: var(--brand);
-}
-.hk--error .hk-status {
-  color: var(--warn);
-}
-.hk--blocked .hk-status {
-  color: var(--danger);
-}
-.hk-body {
-  padding: var(--space-sm);
-  border-top: 1px solid var(--line);
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-}
-.hk-part {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-xs);
-}
-.hk-ctx {
-  margin: 0;
-  padding: var(--space-sm) var(--space-md);
-  border-left: 2px solid var(--brand-line);
-  background: var(--brand-soft);
-  border-radius: var(--radius-xs);
-  color: var(--text);
-  font-size: var(--fs-sm);
-  line-height: 1.5;
-  white-space: pre-wrap;
-}
-.hk-pre {
-  margin: 0;
-  padding: var(--space-sm);
-  background: var(--bg);
-  border: 1px solid var(--line);
-  border-radius: var(--radius-xs);
-  overflow-x: auto;
-  font-family: 'JetBrains Mono', ui-monospace, monospace;
-  font-size: var(--fs-xs);
-  line-height: 1.5;
-  white-space: pre-wrap;
-  word-break: break-word;
-  max-height: 240px;
-}
-.hk-pre--err {
-  color: color-mix(in srgb, var(--danger) 85%, var(--text));
-}
-.hk-meta {
-  margin: 0;
-  display: flex;
-  gap: var(--space-md);
-  color: var(--faint);
-  font-size: var(--fs-2xs);
-}
+  .hk {
+    border: 1px solid var(--line-2);
+    border-left: 2px solid var(--dim);
+    border-radius: var(--radius-xs);
+    background: var(--surface);
+  }
+  .hk--context {
+    border-left-color: var(--brand);
+  }
+  .hk--error {
+    border-left-color: var(--warn);
+  }
+  .hk--blocked {
+    border-left-color: var(--danger);
+  }
+  .hk-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    padding: var(--space-xs) var(--space-sm);
+    cursor: pointer;
+    list-style: none;
+    font-size: var(--fs-xs);
+    color: var(--muted);
+  }
+  .hk-head::-webkit-details-marker {
+    display: none;
+  }
+  .hk-head:hover {
+    background: var(--hover-overlay);
+  }
+  .hk-icon {
+    flex-shrink: 0;
+    color: var(--dim);
+  }
+  .hk--context .hk-icon {
+    color: var(--brand);
+  }
+  .hk--error .hk-icon {
+    color: var(--warn);
+  }
+  .hk--blocked .hk-icon {
+    color: var(--danger);
+  }
+  .hk-event {
+    font-size: var(--fs-2xs);
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    color: var(--faint);
+    flex-shrink: 0;
+  }
+  .hk-name {
+    color: var(--text);
+    font-weight: 600;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    min-width: 0;
+  }
+  .hk-ms {
+    color: var(--faint);
+    font-size: var(--fs-2xs);
+    flex-shrink: 0;
+  }
+  .hk-status {
+    margin-left: auto;
+    flex-shrink: 0;
+    font-size: var(--fs-2xs);
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    color: var(--dim);
+  }
+  .hk--context .hk-status {
+    color: var(--brand);
+  }
+  .hk--error .hk-status {
+    color: var(--warn);
+  }
+  .hk--blocked .hk-status {
+    color: var(--danger);
+  }
+  .hk-body {
+    padding: var(--space-sm);
+    border-top: 1px solid var(--line);
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+  }
+  .hk-part {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+  }
+  .hk-ctx {
+    margin: 0;
+    padding: var(--space-sm) var(--space-md);
+    border-left: 2px solid var(--brand-line);
+    background: var(--brand-soft);
+    border-radius: var(--radius-xs);
+    color: var(--text);
+    font-size: var(--fs-sm);
+    line-height: 1.5;
+    white-space: pre-wrap;
+  }
+  .hk-pre {
+    margin: 0;
+    padding: var(--space-sm);
+    background: var(--bg);
+    border: 1px solid var(--line);
+    border-radius: var(--radius-xs);
+    overflow-x: auto;
+    font-family: 'JetBrains Mono', ui-monospace, monospace;
+    font-size: var(--fs-xs);
+    line-height: 1.5;
+    white-space: pre-wrap;
+    word-break: break-word;
+    max-height: 240px;
+  }
+  .hk-pre--err {
+    color: color-mix(in srgb, var(--danger) 85%, var(--text));
+  }
+  .hk-meta {
+    margin: 0;
+    display: flex;
+    gap: var(--space-md);
+    color: var(--faint);
+    font-size: var(--fs-2xs);
+  }
 </style>
diff --git a/src/components/replay/ImageStrip.vue b/src/components/replay/ImageStrip.vue
index 9fce14d..a678be6 100644
--- a/src/components/replay/ImageStrip.vue
+++ b/src/components/replay/ImageStrip.vue
@@ -1,9 +1,7 @@
 <template>
   <!-- Sans session courante, rien ne peut aller chercher les octets : on le dit,
        plutôt que d'afficher un cadre cassé. -->
-  <p v-if="!urls.length" class="is-none font-mono">
-    🖼 {{ t('replay.images.unloadable', images.length) }}
-  </p>
+  <p v-if="!urls.length" class="is-none font-mono">🖼 {{ t('replay.images.unloadable', images.length) }}</p>
 
   <ul v-else class="is-list">
     <li v-for="shot in urls" :key="shot.url" class="is-item">
@@ -44,115 +42,115 @@
 </template>
 
 <script setup lang="ts">
-// Les images d'un transcript : capture Playwright, `Read` d'un PNG, pièce jointe.
-//
-// Le transcript n'en porte que l'adresse (voir `TranscriptImage`) ; chaque
-// vignette est un `<img>` vers le BFF, servi en `immutable`. Le cache HTTP fait
-// donc le dédoublonnage tout seul, et rien de tout cela ne passe par le JSON de
-// la timeline — c'est ce qui permet d'afficher les 23 captures d'une session
-// sans en alourdir le chargement de 2,6 Mo.
-import { computed, inject, ref } from 'vue';
-import { useI18n } from 'vue-i18n';
-import type { TranscriptImage } from '@/services/projects';
-import { transcriptImageUrl } from '@/services/projects';
-import { fmtBytes, fmtNum } from '@/utils/format';
-import { TRANSCRIPT_SOURCE } from './transcriptSource';
+  // Les images d'un transcript : capture Playwright, `Read` d'un PNG, pièce jointe.
+  //
+  // Le transcript n'en porte que l'adresse (voir `TranscriptImage`) ; chaque
+  // vignette est un `<img>` vers le BFF, servi en `immutable`. Le cache HTTP fait
+  // donc le dédoublonnage tout seul, et rien de tout cela ne passe par le JSON de
+  // la timeline — c'est ce qui permet d'afficher les 23 captures d'une session
+  // sans en alourdir le chargement de 2,6 Mo.
+  import type { TranscriptImage } from '@/services/projects'
+  import { transcriptImageUrl } from '@/services/projects'
+  import { fmtBytes, fmtNum } from '@/utils/format'
+  import { computed, inject, ref } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import { TRANSCRIPT_SOURCE } from './transcriptSource'
 
-const { t } = useI18n();
+  const { t } = useI18n()
 
-const props = defineProps<{ images: TranscriptImage[]; label?: string }>();
+  const props = defineProps<{ images: TranscriptImage[]; label?: string }>()
 
-const source = inject(TRANSCRIPT_SOURCE, ref(null));
-const opened = ref<string | null>(null);
+  const source = inject(TRANSCRIPT_SOURCE, ref(null))
+  const opened = ref<string | null>(null)
 
-const urls = computed(() => {
-  const src = source.value;
-  // Une image collée dans l'Atelier porte son adresse : elle n'est pas encore
-  // dans un transcript, et il n'y a donc pas de session d'où la tirer. Les
-  // autres continuent de passer par le couple slug / session.
-  if (!src && !props.images.some((img) => img.url)) return [];
-  return props.images
-    .map((img, i) => {
-      const kind = img.mediaType.replace(/^image\//, '').toUpperCase();
-      const what = props.label ?? t('replay.images.alt');
-      // Les dimensions valent plus que le poids : c'est d'elles que vient le coût
-      // en tokens, et c'est en les réduisant qu'on le fait baisser.
-      const size = img.width && img.height ? `${img.width}×${img.height}` : '';
-      const cost = img.tokens ? `~${fmtNum(img.tokens)} tokens` : '';
-      return {
-        url: img.url ?? (src ? transcriptImageUrl(src.slug, src.sessionId, img) : ''),
-        alt: props.images.length > 1 ? `${what} (${i + 1}/${props.images.length})` : what,
-        caption: [kind, size, fmtBytes(img.bytes), cost].filter(Boolean).join(' · '),
-      };
-      // Une image sans adresse ne se rend pas : mieux vaut l'omettre qu'un cadre cassé.
-    })
-    .filter((shot) => shot.url);
-});
+  const urls = computed(() => {
+    const src = source.value
+    // Une image collée dans l'Atelier porte son adresse : elle n'est pas encore
+    // dans un transcript, et il n'y a donc pas de session d'où la tirer. Les
+    // autres continuent de passer par le couple slug / session.
+    if (!src && !props.images.some((img) => img.url)) return []
+    return props.images
+      .map((img, i) => {
+        const kind = img.mediaType.replace(/^image\//, '').toUpperCase()
+        const what = props.label ?? t('replay.images.alt')
+        // Les dimensions valent plus que le poids : c'est d'elles que vient le coût
+        // en tokens, et c'est en les réduisant qu'on le fait baisser.
+        const size = img.width && img.height ? `${img.width}×${img.height}` : ''
+        const cost = img.tokens ? `~${fmtNum(img.tokens)} tokens` : ''
+        return {
+          url: img.url ?? (src ? transcriptImageUrl(src.slug, src.sessionId, img) : ''),
+          alt: props.images.length > 1 ? `${what} (${i + 1}/${props.images.length})` : what,
+          caption: [kind, size, fmtBytes(img.bytes), cost].filter(Boolean).join(' · '),
+        }
+        // Une image sans adresse ne se rend pas : mieux vaut l'omettre qu'un cadre cassé.
+      })
+      .filter((shot) => shot.url)
+  })
 </script>
 
 <style scoped lang="scss">
-.is-none {
-  margin: 0;
-  color: var(--dim);
-  font-size: var(--fs-sm);
-}
-.is-list {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--space-md);
-}
-.is-item {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-xs);
-  max-width: 100%;
-}
-.is-thumb {
-  padding: 0;
-  border: 1px solid var(--line);
-  border-radius: var(--radius-sm);
-  background: var(--bg);
-  cursor: zoom-in;
-  overflow: hidden;
-  line-height: 0;
-}
-.is-thumb:hover {
-  border-color: var(--brand);
-}
-.is-img {
-  display: block;
-  max-width: min(420px, 100%);
-  max-height: 260px;
-  object-fit: contain;
-}
-.is-meta {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-}
-.is-open {
-  color: var(--brand);
-}
-.is-card {
-  padding: var(--space-md);
-  max-width: 94vw;
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-}
-.is-full {
-  display: block;
-  max-width: 100%;
-  max-height: 80vh;
-  object-fit: contain;
-}
-.is-actions {
-  display: flex;
-  align-items: center;
-}
+  .is-none {
+    margin: 0;
+    color: var(--dim);
+    font-size: var(--fs-sm);
+  }
+  .is-list {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--space-md);
+  }
+  .is-item {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+    max-width: 100%;
+  }
+  .is-thumb {
+    padding: 0;
+    border: 1px solid var(--line);
+    border-radius: var(--radius-sm);
+    background: var(--bg);
+    cursor: zoom-in;
+    overflow: hidden;
+    line-height: 0;
+  }
+  .is-thumb:hover {
+    border-color: var(--brand);
+  }
+  .is-img {
+    display: block;
+    max-width: min(420px, 100%);
+    max-height: 260px;
+    object-fit: contain;
+  }
+  .is-meta {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+  }
+  .is-open {
+    color: var(--brand);
+  }
+  .is-card {
+    padding: var(--space-md);
+    max-width: 94vw;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+  }
+  .is-full {
+    display: block;
+    max-width: 100%;
+    max-height: 80vh;
+    object-fit: contain;
+  }
+  .is-actions {
+    display: flex;
+    align-items: center;
+  }
 </style>
diff --git a/src/components/replay/LiveTurnLine.vue b/src/components/replay/LiveTurnLine.vue
index e269ad1..07faa44 100644
--- a/src/components/replay/LiveTurnLine.vue
+++ b/src/components/replay/LiveTurnLine.vue
@@ -17,101 +17,101 @@
 </template>
 
 <script setup lang="ts">
-import { computed, onUnmounted, ref, watch } from 'vue';
-import { useI18n } from 'vue-i18n';
-import PulseDots from '@/components/ui/PulseDots.vue';
-import { fmtDuration } from '@/utils/format';
+  import PulseDots from '@/components/ui/PulseDots.vue'
+  import { fmtDuration } from '@/utils/format'
+  import { computed, onUnmounted, ref, watch } from 'vue'
+  import { useI18n } from 'vue-i18n'
 
-const { t } = useI18n();
+  const { t } = useI18n()
+
+  const props = defineProps<{
+    /**
+     * La session travaille-t-elle ? Décidé par l'appelant à partir du statut du
+     * CLI, seul signal qui distingue « en train de produire » de « vous attend » —
+     * le transcript, lui, se tait dans les deux cas.
+     */
+    active: boolean
+    /**
+     * L'horodatage du dernier événement reçu, et non le début du tour.
+     *
+     * C'est la seule quantité qu'on connaisse exactement : une ligne arrêtée
+     * atteint le disque en ~200 ms. Le début du tour viendrait du fichier d'état,
+     * qui n'est réécrit qu'aux changements de statut et peut donc dater. Un
+     * compteur qui repose sur une donnée fausse est pire qu'aucun compteur.
+     */
+    since: number | null
+    /** L'outil en vol, s'il y en a un : il se nomme mieux qu'il ne se décrit. */
+    tool?: string | undefined
+  }>()
 
-const props = defineProps<{
-  /**
-   * La session travaille-t-elle ? Décidé par l'appelant à partir du statut du
-   * CLI, seul signal qui distingue « en train de produire » de « vous attend » —
-   * le transcript, lui, se tait dans les deux cas.
-   */
-  active: boolean;
   /**
-   * L'horodatage du dernier événement reçu, et non le début du tour.
+   * L'horloge du composant, qui n'avance que pendant qu'on regarde.
    *
-   * C'est la seule quantité qu'on connaisse exactement : une ligne arrêtée
-   * atteint le disque en ~200 ms. Le début du tour viendrait du fichier d'état,
-   * qui n'est réécrit qu'aux changements de statut et peut donc dater. Un
-   * compteur qui repose sur une donnée fausse est pire qu'aucun compteur.
+   * Même choix que l'`ActivityLine` de l'Atelier : le compteur court côté client
+   * à partir d'un instant, plutôt que de coûter une trame réseau par seconde.
    */
-  since: number | null;
-  /** L'outil en vol, s'il y en a un : il se nomme mieux qu'il ne se décrit. */
-  tool?: string | undefined;
-}>();
-
-/**
- * L'horloge du composant, qui n'avance que pendant qu'on regarde.
- *
- * Même choix que l'`ActivityLine` de l'Atelier : le compteur court côté client
- * à partir d'un instant, plutôt que de coûter une trame réseau par seconde.
- */
-const now = ref(Date.now());
-let ticker: ReturnType<typeof setInterval> | null = null;
+  const now = ref(Date.now())
+  let ticker: ReturnType<typeof setInterval> | null = null
 
-watch(
-  () => props.active,
-  (running) => {
-    if (ticker) {
-      clearInterval(ticker);
-      ticker = null;
-    }
-    if (!running) return;
-    now.value = Date.now();
-    ticker = setInterval(() => {
-      now.value = Date.now();
-    }, 1000);
-  },
-  { immediate: true },
-);
+  watch(
+    () => props.active,
+    (running) => {
+      if (ticker) {
+        clearInterval(ticker)
+        ticker = null
+      }
+      if (!running) return
+      now.value = Date.now()
+      ticker = setInterval(() => {
+        now.value = Date.now()
+      }, 1000)
+    },
+    { immediate: true },
+  )
 
-onUnmounted(() => {
-  if (ticker) clearInterval(ticker);
-});
+  onUnmounted(() => {
+    if (ticker) clearInterval(ticker)
+  })
 
-/**
- * Un outil en vol se nomme ; sinon on dit ce qu'on sait, qui est peu.
- *
- * « Bash » apprend davantage que « travail en cours », et un nom qui tourne
- * depuis quinze secondes ne se lit pas comme un blocage — un compteur nu, si.
- */
-const label = computed(() => props.tool || t('replay.live.label'));
+  /**
+   * Un outil en vol se nomme ; sinon on dit ce qu'on sait, qui est peu.
+   *
+   * « Bash » apprend davantage que « travail en cours », et un nom qui tourne
+   * depuis quinze secondes ne se lit pas comme un blocage — un compteur nu, si.
+   */
+  const label = computed(() => props.tool || t('replay.live.label'))
 
-/** Depuis quand rien n'est arrivé. Muet sous la seconde : il n'y a rien à dire. */
-const silence = computed(() => {
-  if (props.since === null) return '';
-  const ms = now.value - props.since;
-  return ms < 1000 ? '' : fmtDuration(ms);
-});
+  /** Depuis quand rien n'est arrivé. Muet sous la seconde : il n'y a rien à dire. */
+  const silence = computed(() => {
+    if (props.since === null) return ''
+    const ms = now.value - props.since
+    return ms < 1000 ? '' : fmtDuration(ms)
+  })
 </script>
 
 <style scoped lang="scss">
-.ltl {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  // Même respiration que l'`ActivityLine` de l'Atelier : la ligne prolonge le
-  // flux, elle ne s'en détache pas.
-  padding: var(--space-xs) var(--space-md);
-  font-size: var(--fs-xs);
-  color: var(--muted);
-}
+  .ltl {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    // Même respiration que l'`ActivityLine` de l'Atelier : la ligne prolonge le
+    // flux, elle ne s'en détache pas.
+    padding: var(--space-xs) var(--space-md);
+    font-size: var(--fs-xs);
+    color: var(--muted);
+  }
 
-.ltl-label {
-  color: var(--text);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  min-width: 0;
-}
+  .ltl-label {
+    color: var(--text);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    min-width: 0;
+  }
 
-.ltl-since {
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-  flex: none;
-}
+  .ltl-since {
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+    flex: none;
+  }
 </style>
diff --git a/src/components/replay/MarkdownView.vue b/src/components/replay/MarkdownView.vue
index f2f49c1..bdea322 100644
--- a/src/components/replay/MarkdownView.vue
+++ b/src/components/replay/MarkdownView.vue
@@ -4,224 +4,224 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref, watch, nextTick, onMounted } from 'vue';
-import { useQuasar } from 'quasar';
-import { renderMarkdown } from '@/utils/markdown';
+  import { renderMarkdown } from '@/utils/markdown'
+  import { useQuasar } from 'quasar'
+  import { computed, ref, watch, nextTick, onMounted } from 'vue'
 
-const props = withDefaults(
-  defineProps<{
-    source: string;
-    /**
-     * Interpréter le balisage brut du document plutôt que l'échapper.
-     *
-     * Réservé aux fichiers du disque, qu'une main a écrits : un README centre ses
-     * badges, replie une section dans un `<details>`, commente un bloc qu'il ne
-     * publie pas encore. Le rejeu, lui, affiche ce qu'un modèle a produit et
-     * garde l'échappement. Dans les deux cas la sortie est assainie.
-     */
-    allowHtml?: boolean;
-  }>(),
-  { allowHtml: false },
-);
-const html = computed(() => renderMarkdown(props.source ?? '', { html: props.allowHtml }));
+  const props = withDefaults(
+    defineProps<{
+      source: string
+      /**
+       * Interpréter le balisage brut du document plutôt que l'échapper.
+       *
+       * Réservé aux fichiers du disque, qu'une main a écrits : un README centre ses
+       * badges, replie une section dans un `<details>`, commente un bloc qu'il ne
+       * publie pas encore. Le rejeu, lui, affiche ce qu'un modèle a produit et
+       * garde l'échappement. Dans les deux cas la sortie est assainie.
+       */
+      allowHtml?: boolean
+    }>(),
+    { allowHtml: false },
+  )
+  const html = computed(() => renderMarkdown(props.source ?? '', { html: props.allowHtml }))
 
-const $q = useQuasar();
-const root = ref<HTMLElement | null>(null);
+  const $q = useQuasar()
+  const root = ref<HTMLElement | null>(null)
 
-// Mermaid is heavy, so it is imported lazily and only when a diagram is present.
-// The fence rule in utils/markdown.ts emits `<pre class="mermaid">…</pre>` blocks;
-// we turn them into SVG here once the HTML is in the DOM, and re-render on theme
-// change. The raw source is stashed on each node so a re-render can restore it.
-async function renderMermaid(): Promise<void> {
-  const el = root.value;
-  if (!el) return;
-  const nodes = Array.from(el.querySelectorAll<HTMLElement>('pre.mermaid'));
-  if (!nodes.length) return;
+  // Mermaid is heavy, so it is imported lazily and only when a diagram is present.
+  // The fence rule in utils/markdown.ts emits `<pre class="mermaid">…</pre>` blocks;
+  // we turn them into SVG here once the HTML is in the DOM, and re-render on theme
+  // change. The raw source is stashed on each node so a re-render can restore it.
+  async function renderMermaid(): Promise<void> {
+    const el = root.value
+    if (!el) return
+    const nodes = Array.from(el.querySelectorAll<HTMLElement>('pre.mermaid'))
+    if (!nodes.length) return
 
-  const { default: mermaid } = await import('mermaid');
-  mermaid.initialize({
-    startOnLoad: false,
-    theme: $q.dark.isActive ? 'dark' : 'default',
-    securityLevel: 'strict',
-  });
+    const { default: mermaid } = await import('mermaid')
+    mermaid.initialize({
+      startOnLoad: false,
+      theme: $q.dark.isActive ? 'dark' : 'default',
+      securityLevel: 'strict',
+    })
 
-  for (const n of nodes) {
-    if (n.dataset.src == null) n.dataset.src = n.textContent ?? '';
-    else n.textContent = n.dataset.src;
-    n.removeAttribute('data-processed');
-  }
+    for (const n of nodes) {
+      if (n.dataset.src == null) n.dataset.src = n.textContent ?? ''
+      else n.textContent = n.dataset.src
+      n.removeAttribute('data-processed')
+    }
 
-  try {
-    await mermaid.run({ nodes });
-  } catch {
-    // On invalid syntax mermaid throws after injecting an error box; the raw
-    // source stays readable, so nothing more to do.
+    try {
+      await mermaid.run({ nodes })
+    } catch {
+      // On invalid syntax mermaid throws after injecting an error box; the raw
+      // source stays readable, so nothing more to do.
+    }
   }
-}
 
-/**
- * Les images en chemin relatif ne mènent nulle part.
- *
- * `<img src="docs/captures/rejeu.png">` dans un README désigne un fichier du
- * dépôt ; le navigateur le résout contre l'adresse de l'écran, et AURA ne sert
- * pas l'arborescence des sources. Le résultat est l'icône d'image cassée. On
- * rend plutôt le texte alternatif, qui dit au moins ce qui manquait.
- */
-function markMissingImages(): void {
-  const el = root.value;
-  if (!el) return;
-  for (const img of Array.from(el.querySelectorAll('img'))) {
-    const src = img.getAttribute('src') ?? '';
-    if (!src || src.startsWith('/') || /^[a-z][a-z0-9+.-]*:/i.test(src)) continue;
-    const note = document.createElement('span');
-    note.className = 'md-img-missing';
-    note.textContent = img.getAttribute('alt') || src;
-    img.replaceWith(note);
+  /**
+   * Les images en chemin relatif ne mènent nulle part.
+   *
+   * `<img src="docs/captures/rejeu.png">` dans un README désigne un fichier du
+   * dépôt ; le navigateur le résout contre l'adresse de l'écran, et AURA ne sert
+   * pas l'arborescence des sources. Le résultat est l'icône d'image cassée. On
+   * rend plutôt le texte alternatif, qui dit au moins ce qui manquait.
+   */
+  function markMissingImages(): void {
+    const el = root.value
+    if (!el) return
+    for (const img of Array.from(el.querySelectorAll('img'))) {
+      const src = img.getAttribute('src') ?? ''
+      if (!src || src.startsWith('/') || /^[a-z][a-z0-9+.-]*:/i.test(src)) continue
+      const note = document.createElement('span')
+      note.className = 'md-img-missing'
+      note.textContent = img.getAttribute('alt') || src
+      img.replaceWith(note)
+    }
   }
-}
 
-function decorate(): void {
-  markMissingImages();
-  void renderMermaid();
-}
+  function decorate(): void {
+    markMissingImages()
+    void renderMermaid()
+  }
 
-watch(html, () => void nextTick(decorate));
-watch(
-  () => $q.dark.isActive,
-  () => void nextTick(renderMermaid),
-);
-onMounted(() => void nextTick(decorate));
+  watch(html, () => void nextTick(decorate))
+  watch(
+    () => $q.dark.isActive,
+    () => void nextTick(renderMermaid),
+  )
+  onMounted(() => void nextTick(decorate))
 </script>
 
 <style scoped lang="scss">
-.md-view {
-  font-size: var(--fs-base);
-  line-height: 1.6;
-  color: var(--text);
-  word-break: break-word;
-  overflow-wrap: anywhere;
-
-  :deep(h1),
-  :deep(h2),
-  :deep(h3),
-  :deep(h4) {
-    font-weight: 600;
-    line-height: 1.3;
-    margin: var(--space-lg) 0 var(--space-sm);
-  }
-  :deep(h1) {
-    font-size: var(--fs-lg);
-  }
-  :deep(h2) {
-    font-size: var(--fs-md);
-  }
-  :deep(h3),
-  :deep(h4) {
+  .md-view {
     font-size: var(--fs-base);
-    color: var(--muted);
-  }
-  :deep(p) {
-    margin: var(--space-sm) 0;
-  }
-  :deep(ul),
-  :deep(ol) {
-    margin: var(--space-sm) 0;
-    padding-left: var(--space-lg);
-  }
-  :deep(li) {
-    margin: 2px 0;
-  }
-  :deep(a) {
-    color: var(--brand);
-    text-decoration: none;
-  }
-  :deep(a:hover) {
-    text-decoration: underline;
-  }
-  :deep(strong) {
-    font-weight: 600;
-  }
-  :deep(blockquote) {
-    margin: var(--space-sm) 0;
-    padding-left: var(--space-md);
-    border-left: 2px solid var(--brand-line);
-    color: var(--muted);
-  }
-  :deep(code) {
-    font-family: 'JetBrains Mono', ui-monospace, monospace;
-    font-size: 0.9em;
-    background: var(--surface-2);
-    border: 1px solid var(--line);
-    border-radius: var(--radius-xs);
-    padding: 1px 5px;
-  }
-  :deep(pre) {
-    background: var(--surface-2);
-    border: 1px solid var(--line);
-    border-radius: var(--radius-sm);
-    padding: var(--space-md);
-    overflow-x: auto;
-    margin: var(--space-sm) 0;
-  }
-  :deep(pre code) {
-    background: none;
-    border: none;
-    padding: 0;
-    font-size: var(--fs-sm);
-    line-height: 1.5;
-  }
-  :deep(table) {
-    border-collapse: collapse;
-    margin: var(--space-sm) 0;
-    display: block;
-    overflow-x: auto;
-  }
-  :deep(th),
-  :deep(td) {
-    border: 1px solid var(--line-2);
-    padding: 4px 10px;
-    text-align: left;
-  }
-  :deep(th) {
-    background: var(--surface-2);
-    font-weight: 600;
-  }
-  :deep(hr) {
-    border: none;
-    border-top: 1px solid var(--line-2);
-    margin: var(--space-lg) 0;
-  }
-  :deep(img) {
-    max-width: 100%;
-  }
-  // Le texte alternatif d'une image qu'on ne peut pas servir : présent, discret,
-  // et reconnaissable comme un manque plutôt que comme du texte du document.
-  :deep(.md-img-missing) {
-    display: inline-block;
-    padding: 2px 8px;
-    border: 1px dashed var(--line-2);
-    border-radius: var(--radius-xs);
-    color: var(--dim);
-    font-size: var(--fs-xs);
-  }
+    line-height: 1.6;
+    color: var(--text);
+    word-break: break-word;
+    overflow-wrap: anywhere;
 
-  // Diagrammes Mermaid : le conteneur centre le SVG et le laisse défiler
-  // horizontalement s'il dépasse ; le <pre> perd son style de bloc de code.
-  :deep(.mermaid-block) {
-    margin: var(--space-md) 0;
-    overflow-x: auto;
-  }
-  :deep(pre.mermaid) {
-    background: none;
-    border: none;
-    padding: 0;
-    margin: 0;
-    text-align: center;
-    line-height: normal;
-  }
-  :deep(pre.mermaid svg) {
-    max-width: 100%;
-    height: auto;
+    :deep(h1),
+    :deep(h2),
+    :deep(h3),
+    :deep(h4) {
+      font-weight: 600;
+      line-height: 1.3;
+      margin: var(--space-lg) 0 var(--space-sm);
+    }
+    :deep(h1) {
+      font-size: var(--fs-lg);
+    }
+    :deep(h2) {
+      font-size: var(--fs-md);
+    }
+    :deep(h3),
+    :deep(h4) {
+      font-size: var(--fs-base);
+      color: var(--muted);
+    }
+    :deep(p) {
+      margin: var(--space-sm) 0;
+    }
+    :deep(ul),
+    :deep(ol) {
+      margin: var(--space-sm) 0;
+      padding-left: var(--space-lg);
+    }
+    :deep(li) {
+      margin: 2px 0;
+    }
+    :deep(a) {
+      color: var(--brand);
+      text-decoration: none;
+    }
+    :deep(a:hover) {
+      text-decoration: underline;
+    }
+    :deep(strong) {
+      font-weight: 600;
+    }
+    :deep(blockquote) {
+      margin: var(--space-sm) 0;
+      padding-left: var(--space-md);
+      border-left: 2px solid var(--brand-line);
+      color: var(--muted);
+    }
+    :deep(code) {
+      font-family: 'JetBrains Mono', ui-monospace, monospace;
+      font-size: 0.9em;
+      background: var(--surface-2);
+      border: 1px solid var(--line);
+      border-radius: var(--radius-xs);
+      padding: 1px 5px;
+    }
+    :deep(pre) {
+      background: var(--surface-2);
+      border: 1px solid var(--line);
+      border-radius: var(--radius-sm);
+      padding: var(--space-md);
+      overflow-x: auto;
+      margin: var(--space-sm) 0;
+    }
+    :deep(pre code) {
+      background: none;
+      border: none;
+      padding: 0;
+      font-size: var(--fs-sm);
+      line-height: 1.5;
+    }
+    :deep(table) {
+      border-collapse: collapse;
+      margin: var(--space-sm) 0;
+      display: block;
+      overflow-x: auto;
+    }
+    :deep(th),
+    :deep(td) {
+      border: 1px solid var(--line-2);
+      padding: 4px 10px;
+      text-align: left;
+    }
+    :deep(th) {
+      background: var(--surface-2);
+      font-weight: 600;
+    }
+    :deep(hr) {
+      border: none;
+      border-top: 1px solid var(--line-2);
+      margin: var(--space-lg) 0;
+    }
+    :deep(img) {
+      max-width: 100%;
+    }
+    // Le texte alternatif d'une image qu'on ne peut pas servir : présent, discret,
+    // et reconnaissable comme un manque plutôt que comme du texte du document.
+    :deep(.md-img-missing) {
+      display: inline-block;
+      padding: 2px 8px;
+      border: 1px dashed var(--line-2);
+      border-radius: var(--radius-xs);
+      color: var(--dim);
+      font-size: var(--fs-xs);
+    }
+
+    // Diagrammes Mermaid : le conteneur centre le SVG et le laisse défiler
+    // horizontalement s'il dépasse ; le <pre> perd son style de bloc de code.
+    :deep(.mermaid-block) {
+      margin: var(--space-md) 0;
+      overflow-x: auto;
+    }
+    :deep(pre.mermaid) {
+      background: none;
+      border: none;
+      padding: 0;
+      margin: 0;
+      text-align: center;
+      line-height: normal;
+    }
+    :deep(pre.mermaid svg) {
+      max-width: 100%;
+      height: auto;
+    }
   }
-}
 </style>
diff --git a/src/components/replay/PlanModeMarker.vue b/src/components/replay/PlanModeMarker.vue
index 996933a..c8de1c4 100644
--- a/src/components/replay/PlanModeMarker.vue
+++ b/src/components/replay/PlanModeMarker.vue
@@ -16,93 +16,91 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
-import { useI18n } from 'vue-i18n';
-import type { PlanModeMark } from '@/services/projects';
+  import type { PlanModeMark } from '@/services/projects'
+  import { computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
 
-const props = defineProps<{ mark: PlanModeMark }>();
+  const props = defineProps<{ mark: PlanModeMark }>()
 
-const { t } = useI18n();
+  const { t } = useI18n()
 
-const icon = computed(() =>
-  props.mark.phase === 'exit' ? 'lock_open' : props.mark.phase === 'reentry' ? 'replay' : 'lock',
-);
+  const icon = computed(() => (props.mark.phase === 'exit' ? 'lock_open' : props.mark.phase === 'reentry' ? 'replay' : 'lock'))
 
-const title = computed(() => t(`replay.planMode.${props.mark.phase}`));
+  const title = computed(() => t(`replay.planMode.${props.mark.phase}`))
 
-/**
- * Ce que le régime interdit, dit une fois. À l'entrée, `planExists` distingue le
- * plan neuf du plan repris — `false` 93 fois sur 142, `true` 49.
- */
-const what = computed(() => {
-  if (props.mark.phase === 'exit') return t('replay.planMode.whatExit');
-  if (props.mark.phase === 'reentry') return t('replay.planMode.whatReentry');
-  return t(props.mark.planExists ? 'replay.planMode.whatResume' : 'replay.planMode.whatNew');
-});
+  /**
+   * Ce que le régime interdit, dit une fois. À l'entrée, `planExists` distingue le
+   * plan neuf du plan repris — `false` 93 fois sur 142, `true` 49.
+   */
+  const what = computed(() => {
+    if (props.mark.phase === 'exit') return t('replay.planMode.whatExit')
+    if (props.mark.phase === 'reentry') return t('replay.planMode.whatReentry')
+    return t(props.mark.planExists ? 'replay.planMode.whatResume' : 'replay.planMode.whatNew')
+  })
 
-/**
- * La portée, annoncée d'emblée. Absente quand le régime n'est pas clos — 12
- * sessions du parc finissent dedans, et rien ne dit combien de tours il aurait
- * couverts de plus.
- */
-const scope = computed(() => {
-  const n = props.mark.turns;
-  if (props.mark.phase !== 'enter' || typeof n !== 'number' || n <= 0) return '';
-  return t('replay.planMode.scope', n);
-});
+  /**
+   * La portée, annoncée d'emblée. Absente quand le régime n'est pas clos — 12
+   * sessions du parc finissent dedans, et rien ne dit combien de tours il aurait
+   * couverts de plus.
+   */
+  const scope = computed(() => {
+    const n = props.mark.turns
+    if (props.mark.phase !== 'enter' || typeof n !== 'number' || n <= 0) return ''
+    return t('replay.planMode.scope', n)
+  })
 
-/** Le nom du fichier suffit : les plans sont tous dans `~/.claude/plans`. */
-const file = computed(() => props.mark.planFilePath.replace(/\\/g, '/').split('/').pop() ?? '');
+  /** Le nom du fichier suffit : les plans sont tous dans `~/.claude/plans`. */
+  const file = computed(() => props.mark.planFilePath.replace(/\\/g, '/').split('/').pop() ?? '')
 </script>
 
 <style scoped lang="scss">
-.pm {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-xs);
-  padding: var(--space-sm) var(--space-md);
-  border: 1px solid var(--line);
-  border-left: 2px solid var(--brand-line);
-  border-radius: var(--radius-sm);
-  background: var(--surface-2);
-}
-.pm--exit {
-  border-left-color: var(--line-2);
-}
-.pm-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  margin: 0;
-  font-size: var(--fs-xs);
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
-  color: var(--brand);
-}
-.pm--exit .pm-head {
-  color: var(--muted);
-}
-.pm-scope {
-  margin-left: auto;
-  text-transform: none;
-  letter-spacing: 0;
-  color: var(--faint);
-  font-size: var(--fs-2xs);
-}
-.pm-what {
-  margin: 0;
-  font-size: var(--fs-sm);
-  color: var(--muted);
-}
-.pm-file {
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  margin: 0;
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
+  .pm {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+    padding: var(--space-sm) var(--space-md);
+    border: 1px solid var(--line);
+    border-left: 2px solid var(--brand-line);
+    border-radius: var(--radius-sm);
+    background: var(--surface-2);
+  }
+  .pm--exit {
+    border-left-color: var(--line-2);
+  }
+  .pm-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    margin: 0;
+    font-size: var(--fs-xs);
+    text-transform: uppercase;
+    letter-spacing: 0.04em;
+    color: var(--brand);
+  }
+  .pm--exit .pm-head {
+    color: var(--muted);
+  }
+  .pm-scope {
+    margin-left: auto;
+    text-transform: none;
+    letter-spacing: 0;
+    color: var(--faint);
+    font-size: var(--fs-2xs);
+  }
+  .pm-what {
+    margin: 0;
+    font-size: var(--fs-sm);
+    color: var(--muted);
+  }
+  .pm-file {
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    margin: 0;
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
 </style>
diff --git a/src/components/replay/SessionCostPanel.vue b/src/components/replay/SessionCostPanel.vue
index 30292c7..de1d558 100644
--- a/src/components/replay/SessionCostPanel.vue
+++ b/src/components/replay/SessionCostPanel.vue
@@ -28,12 +28,7 @@
         <!-- Une seule barre : les quatre postes se somment au total, et leur
              rapport est tout le propos. -->
         <div class="sd-bar" role="img" :aria-label="breakdownAria">
-          <span
-            v-for="p in parts"
-            :key="p.key"
-            class="sd-bar-part"
-            :style="{ width: widthOf(p.value), background: p.color }"
-          />
+          <span v-for="p in parts" :key="p.key" class="sd-bar-part" :style="{ width: widthOf(p.value), background: p.color }" />
         </div>
 
         <dl class="sd-parts">
@@ -118,503 +113,489 @@
 </template>
 
 <script setup lang="ts">
-// Le coût d'une session, décomposé et situé.
-//
-// Le total existe déjà dans l'en-tête du rejeu ; ce qu'il ne dit pas, c'est en
-// quoi il se partage. Sur une session longue, la relecture d'historique domine
-// le coût — et c'est le seul poste sur lequel on peut agir, en coupant les
-// sessions plus tôt. Le reste (construire la fenêtre, générer) se paie de toute
-// façon.
-//
-// Une précaution de ton : une session chère n'est pas une faute. Les sessions les
-// plus coûteuses affichent souvent un excellent taux de cache — elles ne sont pas
-// inefficaces, elles sont longues. L'écran informe, il ne note pas.
-//
-// Le panneau ne connaît pas sa surface d'accueil : il tient dans une colonne
-// latérale de rejeu comme il tenait dans un tiroir. Le titre et le cadre sont à
-// l'appelant.
-
-import { computed, onMounted, ref, watch } from 'vue';
-import { useI18n } from 'vue-i18n';
-import {
-  getSessionDiagnostic,
-  type Finding,
-  type SessionDiagnostic,
-  type SessionRank,
-  type Severity,
-} from '@/services/diagnostics';
-import {
-  severityIcon,
-  severityColor,
-  severityLabel,
-  worstSeverity,
-} from '@/services/diagnostics/severity';
-import { fmtMoney, fmtPercent } from '@/utils/format';
-
-const { t } = useI18n();
-
-const props = defineProps<{ project: string; sessionId: string }>();
-
-const emit = defineEmits<{
+  // Le coût d'une session, décomposé et situé.
+  //
+  // Le total existe déjà dans l'en-tête du rejeu ; ce qu'il ne dit pas, c'est en
+  // quoi il se partage. Sur une session longue, la relecture d'historique domine
+  // le coût — et c'est le seul poste sur lequel on peut agir, en coupant les
+  // sessions plus tôt. Le reste (construire la fenêtre, générer) se paie de toute
+  // façon.
+  //
+  // Une précaution de ton : une session chère n'est pas une faute. Les sessions les
+  // plus coûteuses affichent souvent un excellent taux de cache — elles ne sont pas
+  // inefficaces, elles sont longues. L'écran informe, il ne note pas.
+  //
+  // Le panneau ne connaît pas sa surface d'accueil : il tient dans une colonne
+  // latérale de rejeu comme il tenait dans un tiroir. Le titre et le cadre sont à
+  // l'appelant.
+
+  import { getSessionDiagnostic, type Finding, type SessionDiagnostic, type SessionRank, type Severity } from '@/services/diagnostics'
+  import { severityIcon, severityColor, severityLabel, worstSeverity } from '@/services/diagnostics/severity'
+  import { fmtMoney, fmtPercent } from '@/utils/format'
+  import { computed, onMounted, ref, watch } from 'vue'
+  import { useI18n } from 'vue-i18n'
+
+  const { t } = useI18n()
+
+  const props = defineProps<{ project: string; sessionId: string }>()
+
+  const emit = defineEmits<{
+    /**
+     * Le bilan en une ligne, pour qui affiche le panneau derrière un repli.
+     * `null` tant que rien n'est chargé — un « 0 $ » pendant la requête se lirait
+     * comme une session gratuite.
+     */
+    summary: [{ totalUsd: number; partial: boolean; worst: Severity | null; findings: number } | null]
+  }>()
+
+  const loading = ref(false)
+  const error = ref('')
+  const report = ref<SessionDiagnostic | null>(null)
+
   /**
-   * Le bilan en une ligne, pour qui affiche le panneau derrière un repli.
-   * `null` tant que rien n'est chargé — un « 0 $ » pendant la requête se lirait
-   * comme une session gratuite.
+   * Charger en tâche de fond, sans retenir le transcript.
+   *
+   * Situer une session demande de relire tout le parc : quelques dizaines de
+   * millisecondes une fois le cache du serveur chaud, trois secondes à froid. Rien
+   * de tout cela n'est attendu par le flux de la conversation, qui se rend de son
+   * côté ; le panneau montre son squelette pendant ce temps.
    */
-  summary: [
-    { totalUsd: number; partial: boolean; worst: Severity | null; findings: number } | null,
-  ];
-}>();
-
-const loading = ref(false);
-const error = ref('');
-const report = ref<SessionDiagnostic | null>(null);
-
-/**
- * Charger en tâche de fond, sans retenir le transcript.
- *
- * Situer une session demande de relire tout le parc : quelques dizaines de
- * millisecondes une fois le cache du serveur chaud, trois secondes à froid. Rien
- * de tout cela n'est attendu par le flux de la conversation, qui se rend de son
- * côté ; le panneau montre son squelette pendant ce temps.
- */
-async function load(): Promise<void> {
-  loading.value = true;
-  error.value = '';
-  const asked = props.sessionId;
-  try {
-    const got = await getSessionDiagnostic(props.project, props.sessionId);
-    // La session a pu changer sous nos pieds pendant la requête.
-    if (asked !== props.sessionId) return;
-    report.value = got;
-  } catch (e) {
-    if (asked !== props.sessionId) return;
-    error.value = e instanceof Error ? e.message : t('replay.cost.error');
-    report.value = null;
-  } finally {
-    if (asked === props.sessionId) loading.value = false;
-  }
-}
-
-onMounted(() => void load());
-
-// Changer de session invalide ce qu'on montre.
-watch(
-  () => [props.project, props.sessionId],
-  () => {
-    report.value = null;
-    error.value = '';
-    void load();
-  },
-);
-
-// Ce que le panneau a trouvé, dit à qui nous affiche : replié, c'est tout ce
-// qu'on saura de lui.
-watch(
-  report,
-  (r) => {
-    if (!r) return emit('summary', null);
-    emit('summary', {
-      totalUsd: r.cost.total,
-      partial: r.cost.partial,
-      worst: worstSeverity(r.findings),
-      findings: r.findings.length,
-    });
-  },
-  { immediate: true },
-);
-
-// ── Formatage ────────────────────────────────────────────────────────────────
-
-// Au-delà de dix dollars, les cents ne disent plus rien : ils allongent la
-// colonne sans changer la décision qu'on prend en la lisant.
-const money = (n: number): string => fmtMoney(n, n < 10 ? 2 : 0);
-
-function unitValue(v: number, unit: SessionRank['unit']): string {
-  if (unit === 'usd') return money(v);
-  if (unit === 'ratio') return `${(v * 100).toFixed(0)} %`;
-  if (unit === 'tokens')
-    return v >= 1e6 ? `~${(v / 1e6).toFixed(1)} M` : `~${Math.round(v / 1000)} k`;
-  // Un rapport garde sa décimale : « 2 explorations par modification » perd
-  // exactement ce qui distingue 1,5 de 2,4.
-  if (unit === 'rate') return v.toFixed(1);
-  return String(Math.round(v));
-}
-
-// ── Décomposition ────────────────────────────────────────────────────────────
-
-/**
- * Les quatre postes, dans l'ordre où ils se paient : l'entrée neuve, l'écriture
- * du cache, sa relecture, puis la génération. Les couleurs viennent de la rampe
- * de séries — ce sont des catégories, pas des états.
- */
-const parts = computed(() => {
-  const c = report.value?.cost;
-  if (!c) return [];
-  return [
-    {
-      key: 'read',
-      label: t('replay.cost.parts.read'),
-      value: c.cacheRead,
-      color: 'var(--series-1)',
-    },
-    {
-      key: 'create',
-      label: t('replay.cost.parts.write'),
-      value: c.cacheCreate,
-      color: 'var(--series-2)',
-    },
-    {
-      key: 'input',
-      label: t('replay.cost.parts.input'),
-      value: c.input,
-      color: 'var(--series-3)',
+  async function load(): Promise<void> {
+    loading.value = true
+    error.value = ''
+    const asked = props.sessionId
+    try {
+      const got = await getSessionDiagnostic(props.project, props.sessionId)
+      // La session a pu changer sous nos pieds pendant la requête.
+      if (asked !== props.sessionId) return
+      report.value = got
+    } catch (e) {
+      if (asked !== props.sessionId) return
+      error.value = e instanceof Error ? e.message : t('replay.cost.error')
+      report.value = null
+    } finally {
+      if (asked === props.sessionId) loading.value = false
+    }
+  }
+
+  onMounted(() => void load())
+
+  // Changer de session invalide ce qu'on montre.
+  watch(
+    () => [props.project, props.sessionId],
+    () => {
+      report.value = null
+      error.value = ''
+      void load()
     },
-    {
-      key: 'output',
-      label: t('replay.cost.parts.output'),
-      value: c.output,
-      color: 'var(--series-4)',
+  )
+
+  // Ce que le panneau a trouvé, dit à qui nous affiche : replié, c'est tout ce
+  // qu'on saura de lui.
+  watch(
+    report,
+    (r) => {
+      if (!r) return emit('summary', null)
+      emit('summary', {
+        totalUsd: r.cost.total,
+        partial: r.cost.partial,
+        worst: worstSeverity(r.findings),
+        findings: r.findings.length,
+      })
     },
-  ].filter((p) => p.value > 0);
-});
-
-function share(value: number): number {
-  const total = report.value?.cost.total ?? 0;
-  return total > 0 ? value / total : 0;
-}
-
-/** La part, écrite pour être lue : espace avant le signe, comme en français. */
-function pctOf(value: number): string {
-  return fmtPercent(share(value));
-}
-
-/** La barre est décorative : son nom accessible redit la répartition en mots. */
-const breakdownAria = computed(() =>
-  t('replay.cost.breakdownAria', {
-    parts: parts.value.map((p) => `${p.label} ${money(p.value)}`).join(', '),
-  }),
-);
-
-/**
- * La même part, écrite pour CSS.
- *
- * Deux fonctions et non une : `pctOf` produit « 77 % », avec l'espace que la
- * typographie française impose — et qu'une déclaration `width` refuse en
- * silence. Les segments restaient alors sans largeur, et la barre vide.
- */
-function widthOf(value: number): string {
-  return `${(share(value) * 100).toFixed(2)}%`;
-}
-
-/** Une phrase qui dit ce que la répartition veut dire, sans la répéter. */
-const hint = computed(() => {
-  const c = report.value?.cost;
-  if (!c || c.total <= 0) return '';
-  const share = c.cacheRead / c.total;
-  if (share >= 0.6) {
-    return t('replay.cost.hintHeavy', { pct: pctOf(c.cacheRead) });
-  }
-  if (share >= 0.3) {
-    return t('replay.cost.hintGrowing');
-  }
-  return t('replay.cost.hintLight');
-});
-
-// ── Rang ─────────────────────────────────────────────────────────────────────
-
-/**
- * Le rang, dit dans le sens du signal.
- *
- * Pour un signal où plus haut est pire, être au 99ᵉ centile se dit « plus que
- * 99 % de vos sessions ». Pour le taux de cache, c'est l'inverse qu'il faut
- * lire — et un rang élevé y est une bonne nouvelle.
- *
- * Deux précautions sur les bords. Le rang « milieu » plafonne à 1 − 0,5/n, qui
- * s'arrondit à 100 % : « plus que 100 % de vos sessions » n'a pas de sens, une
- * session ne se dépasse pas elle-même. Aux extrêmes on nomme donc l'extrême, et
- * partout ailleurs le pourcentage est borné à 99.
- */
-function rankSentence(r: SessionRank): string {
-  const n = r.sampleSize;
-  const pct = Math.min(99, Math.round(r.rank * 100));
-  const highest = n > 0 && r.rank >= 1 - 1 / n;
-  const lowest = n > 0 && r.rank <= 1 / n;
-
-  if (r.direction === 'low') {
-    if (highest) return t('replay.cost.rank.bestLow', { n });
-    if (lowest) return t('replay.cost.rank.lowestLow', { n });
-    return pct >= 50
-      ? t('replay.cost.rank.betterThan', { pct: fmtPercent(pct / 100) })
-      : t('replay.cost.rank.under', { pct: fmtPercent((100 - pct) / 100) });
-  }
-  if (highest) return t('replay.cost.rank.highest', { n });
-  if (lowest) return t('replay.cost.rank.lowest', { n });
-  if (pct >= 90) return t('replay.cost.rank.moreThan', { pct: fmtPercent(pct / 100) });
-  if (pct <= 25) return t('replay.cost.rank.lessThan', { pct: fmtPercent((100 - pct) / 100) });
-  return t('replay.cost.rank.aboveA', { pct: fmtPercent(pct / 100) });
-}
-
-/**
- * Le constat, débarrassé de son préfixe d'identité.
- *
- * Les messages sont rédigés pour la page du parc, où « Session 61e42a15… : »
- * situe le constat parmi cinquante autres. Dans un panneau qui ne parle que
- * d'elle, c'est du bruit répété à chaque ligne. Le préfixe est reconstruit à
- * partir de la cible plutôt que deviné : on ne retire que ce qu'on a écrit.
- */
-function findingText(f: Finding): string {
-  const prefix = t('replay.cost.findingPrefix', { id: f.target.slice(0, 8) });
-  return f.message.startsWith(prefix) ? f.message.slice(prefix.length) : f.message;
-}
-
-// La table de gravité vit dans `services/diagnostics/severity` : l'en-tête qui
-// coiffe ce panneau montre la même icône pour le même constat.
+    { immediate: true },
+  )
+
+  // ── Formatage ────────────────────────────────────────────────────────────────
+
+  // Au-delà de dix dollars, les cents ne disent plus rien : ils allongent la
+  // colonne sans changer la décision qu'on prend en la lisant.
+  const money = (n: number): string => fmtMoney(n, n < 10 ? 2 : 0)
+
+  function unitValue(v: number, unit: SessionRank['unit']): string {
+    if (unit === 'usd') return money(v)
+    if (unit === 'ratio') return `${(v * 100).toFixed(0)} %`
+    if (unit === 'tokens') return v >= 1e6 ? `~${(v / 1e6).toFixed(1)} M` : `~${Math.round(v / 1000)} k`
+    // Un rapport garde sa décimale : « 2 explorations par modification » perd
+    // exactement ce qui distingue 1,5 de 2,4.
+    if (unit === 'rate') return v.toFixed(1)
+    return String(Math.round(v))
+  }
+
+  // ── Décomposition ────────────────────────────────────────────────────────────
+
+  /**
+   * Les quatre postes, dans l'ordre où ils se paient : l'entrée neuve, l'écriture
+   * du cache, sa relecture, puis la génération. Les couleurs viennent de la rampe
+   * de séries — ce sont des catégories, pas des états.
+   */
+  const parts = computed(() => {
+    const c = report.value?.cost
+    if (!c) return []
+    return [
+      {
+        key: 'read',
+        label: t('replay.cost.parts.read'),
+        value: c.cacheRead,
+        color: 'var(--series-1)',
+      },
+      {
+        key: 'create',
+        label: t('replay.cost.parts.write'),
+        value: c.cacheCreate,
+        color: 'var(--series-2)',
+      },
+      {
+        key: 'input',
+        label: t('replay.cost.parts.input'),
+        value: c.input,
+        color: 'var(--series-3)',
+      },
+      {
+        key: 'output',
+        label: t('replay.cost.parts.output'),
+        value: c.output,
+        color: 'var(--series-4)',
+      },
+    ].filter((p) => p.value > 0)
+  })
+
+  function share(value: number): number {
+    const total = report.value?.cost.total ?? 0
+    return total > 0 ? value / total : 0
+  }
+
+  /** La part, écrite pour être lue : espace avant le signe, comme en français. */
+  function pctOf(value: number): string {
+    return fmtPercent(share(value))
+  }
+
+  /** La barre est décorative : son nom accessible redit la répartition en mots. */
+  const breakdownAria = computed(() =>
+    t('replay.cost.breakdownAria', {
+      parts: parts.value.map((p) => `${p.label} ${money(p.value)}`).join(', '),
+    }),
+  )
+
+  /**
+   * La même part, écrite pour CSS.
+   *
+   * Deux fonctions et non une : `pctOf` produit « 77 % », avec l'espace que la
+   * typographie française impose — et qu'une déclaration `width` refuse en
+   * silence. Les segments restaient alors sans largeur, et la barre vide.
+   */
+  function widthOf(value: number): string {
+    return `${(share(value) * 100).toFixed(2)}%`
+  }
+
+  /** Une phrase qui dit ce que la répartition veut dire, sans la répéter. */
+  const hint = computed(() => {
+    const c = report.value?.cost
+    if (!c || c.total <= 0) return ''
+    const share = c.cacheRead / c.total
+    if (share >= 0.6) {
+      return t('replay.cost.hintHeavy', { pct: pctOf(c.cacheRead) })
+    }
+    if (share >= 0.3) {
+      return t('replay.cost.hintGrowing')
+    }
+    return t('replay.cost.hintLight')
+  })
+
+  // ── Rang ─────────────────────────────────────────────────────────────────────
+
+  /**
+   * Le rang, dit dans le sens du signal.
+   *
+   * Pour un signal où plus haut est pire, être au 99ᵉ centile se dit « plus que
+   * 99 % de vos sessions ». Pour le taux de cache, c'est l'inverse qu'il faut
+   * lire — et un rang élevé y est une bonne nouvelle.
+   *
+   * Deux précautions sur les bords. Le rang « milieu » plafonne à 1 − 0,5/n, qui
+   * s'arrondit à 100 % : « plus que 100 % de vos sessions » n'a pas de sens, une
+   * session ne se dépasse pas elle-même. Aux extrêmes on nomme donc l'extrême, et
+   * partout ailleurs le pourcentage est borné à 99.
+   */
+  function rankSentence(r: SessionRank): string {
+    const n = r.sampleSize
+    const pct = Math.min(99, Math.round(r.rank * 100))
+    const highest = n > 0 && r.rank >= 1 - 1 / n
+    const lowest = n > 0 && r.rank <= 1 / n
+
+    if (r.direction === 'low') {
+      if (highest) return t('replay.cost.rank.bestLow', { n })
+      if (lowest) return t('replay.cost.rank.lowestLow', { n })
+      return pct >= 50
+        ? t('replay.cost.rank.betterThan', { pct: fmtPercent(pct / 100) })
+        : t('replay.cost.rank.under', { pct: fmtPercent((100 - pct) / 100) })
+    }
+    if (highest) return t('replay.cost.rank.highest', { n })
+    if (lowest) return t('replay.cost.rank.lowest', { n })
+    if (pct >= 90) return t('replay.cost.rank.moreThan', { pct: fmtPercent(pct / 100) })
+    if (pct <= 25) return t('replay.cost.rank.lessThan', { pct: fmtPercent((100 - pct) / 100) })
+    return t('replay.cost.rank.aboveA', { pct: fmtPercent(pct / 100) })
+  }
+
+  /**
+   * Le constat, débarrassé de son préfixe d'identité.
+   *
+   * Les messages sont rédigés pour la page du parc, où « Session 61e42a15… : »
+   * situe le constat parmi cinquante autres. Dans un panneau qui ne parle que
+   * d'elle, c'est du bruit répété à chaque ligne. Le préfixe est reconstruit à
+   * partir de la cible plutôt que deviné : on ne retire que ce qu'on a écrit.
+   */
+  function findingText(f: Finding): string {
+    const prefix = t('replay.cost.findingPrefix', { id: f.target.slice(0, 8) })
+    return f.message.startsWith(prefix) ? f.message.slice(prefix.length) : f.message
+  }
+
+  // La table de gravité vit dans `services/diagnostics/severity` : l'en-tête qui
+  // coiffe ce panneau montre la même icône pour le même constat.
 </script>
 
 <style scoped lang="scss">
-.sd-body {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-lg);
-}
-.sd-loading {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-md);
-}
-
-.sd-state {
-  display: flex;
-  gap: var(--space-sm);
-  align-items: flex-start;
-  color: var(--muted);
-  font-size: var(--fs-sm);
-  margin: 0;
-
-  // La boîte de l'icône vaut une ligne de texte, pour que la glyphe se centre
-  // dessus. Pas `1.5em` : sur une `q-icon`, `em` se résout sur la taille de
-  // l'icône (20 px), soit une boîte de 30 px pour une ligne de 18 — la glyphe
-  // tombait six pixels sous le texte.
-  > .q-icon {
+  .sd-body {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-lg);
+  }
+  .sd-loading {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md);
+  }
+
+  .sd-state {
+    display: flex;
+    gap: var(--space-sm);
+    align-items: flex-start;
+    color: var(--muted);
+    font-size: var(--fs-sm);
+    margin: 0;
+
+    // La boîte de l'icône vaut une ligne de texte, pour que la glyphe se centre
+    // dessus. Pas `1.5em` : sur une `q-icon`, `em` se résout sur la taille de
+    // l'icône (20 px), soit une boîte de 30 px pour une ligne de 18 — la glyphe
+    // tombait six pixels sous le texte.
+    > .q-icon {
+      flex: 0 0 auto;
+      height: calc(var(--fs-sm) * 1.5);
+    }
+  }
+  .sd-state--calm {
+    color: var(--pulse);
+  }
+
+  .sd-sec {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+  }
+  .sd-sec-label {
+    color: var(--dim);
+    margin: 0;
+  }
+
+  // ── Total ────────────────────────────────────────────────────────────────────
+
+  .sd-total {
+    font-size: var(--fs-xl);
+    color: var(--brand);
+    margin: 0;
+    line-height: 1.1;
+  }
+  .sd-floor {
+    font-size: var(--fs-xs);
+    color: var(--dim);
+    margin-left: var(--space-xs);
+  }
+  .sd-total-note {
+    color: var(--faint);
+    font-size: var(--fs-xs);
+    margin: 0 0 var(--space-xs);
+  }
+
+  .sd-bar {
+    display: flex;
+    height: 10px;
+    border-radius: 5px;
+    overflow: hidden;
+    background: var(--surface-3);
+  }
+  .sd-bar-part {
+    height: 100%;
+    // Une hairline de surface sépare deux postes adjacents.
+    box-shadow: inset -1px 0 0 var(--surface);
+  }
+
+  .sd-parts {
+    margin: var(--space-xs) 0 0;
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+  }
+  .sd-part {
+    display: grid;
+    grid-template-columns: 1fr auto auto;
+    gap: var(--space-sm);
+    align-items: baseline;
+    font-size: var(--fs-xs);
+
+    dt {
+      color: var(--muted);
+      display: flex;
+      align-items: center;
+      gap: var(--space-xs);
+      min-width: 0;
+    }
+    dd {
+      margin: 0;
+      color: var(--text);
+    }
+  }
+  .sd-part-pct {
+    color: var(--faint);
+    min-width: 2.6em;
+    text-align: right;
+  }
+  .sd-dot {
+    width: 8px;
+    height: 8px;
+    border-radius: 2px;
     flex: 0 0 auto;
-    height: calc(var(--fs-sm) * 1.5);
   }
-}
-.sd-state--calm {
-  color: var(--pulse);
-}
-
-.sd-sec {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-}
-.sd-sec-label {
-  color: var(--dim);
-  margin: 0;
-}
-
-// ── Total ────────────────────────────────────────────────────────────────────
-
-.sd-total {
-  font-size: var(--fs-xl);
-  color: var(--brand);
-  margin: 0;
-  line-height: 1.1;
-}
-.sd-floor {
-  font-size: var(--fs-xs);
-  color: var(--dim);
-  margin-left: var(--space-xs);
-}
-.sd-total-note {
-  color: var(--faint);
-  font-size: var(--fs-xs);
-  margin: 0 0 var(--space-xs);
-}
-
-.sd-bar {
-  display: flex;
-  height: 10px;
-  border-radius: 5px;
-  overflow: hidden;
-  background: var(--surface-3);
-}
-.sd-bar-part {
-  height: 100%;
-  // Une hairline de surface sépare deux postes adjacents.
-  box-shadow: inset -1px 0 0 var(--surface);
-}
-
-.sd-parts {
-  margin: var(--space-xs) 0 0;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-}
-.sd-part {
-  display: grid;
-  grid-template-columns: 1fr auto auto;
-  gap: var(--space-sm);
-  align-items: baseline;
-  font-size: var(--fs-xs);
-
-  dt {
+
+  .sd-hint {
     color: var(--muted);
+    font-size: var(--fs-xs);
+    line-height: 1.55;
+    margin: var(--space-xs) 0 0;
+  }
+  .sd-warn {
     display: flex;
-    align-items: center;
     gap: var(--space-xs);
-    min-width: 0;
+    align-items: flex-start;
+    color: var(--warn);
+    font-size: var(--fs-xs);
+    margin: 0;
+
+    > .q-icon {
+      flex: 0 0 auto;
+      height: calc(var(--fs-xs) * 1.5);
+    }
   }
-  dd {
+
+  // ── Rangs ────────────────────────────────────────────────────────────────────
+
+  .sd-ranks {
+    list-style: none;
     margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md);
+  }
+  .sd-rank {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+  }
+  .sd-rank-head {
+    display: flex;
+    justify-content: space-between;
+    gap: var(--space-sm);
+    align-items: baseline;
+  }
+  .sd-rank-label {
     color: var(--text);
+    font-size: var(--fs-xs);
   }
-}
-.sd-part-pct {
-  color: var(--faint);
-  min-width: 2.6em;
-  text-align: right;
-}
-.sd-dot {
-  width: 8px;
-  height: 8px;
-  border-radius: 2px;
-  flex: 0 0 auto;
-}
-
-.sd-hint {
-  color: var(--muted);
-  font-size: var(--fs-xs);
-  line-height: 1.55;
-  margin: var(--space-xs) 0 0;
-}
-.sd-warn {
-  display: flex;
-  gap: var(--space-xs);
-  align-items: flex-start;
-  color: var(--warn);
-  font-size: var(--fs-xs);
-  margin: 0;
-
-  > .q-icon {
+  .sd-rank-value {
+    color: var(--text);
+    font-size: var(--fs-xs);
     flex: 0 0 auto;
-    height: calc(var(--fs-xs) * 1.5);
-  }
-}
-
-// ── Rangs ────────────────────────────────────────────────────────────────────
-
-.sd-ranks {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-md);
-}
-.sd-rank {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-.sd-rank-head {
-  display: flex;
-  justify-content: space-between;
-  gap: var(--space-sm);
-  align-items: baseline;
-}
-.sd-rank-label {
-  color: var(--text);
-  font-size: var(--fs-xs);
-}
-.sd-rank-value {
-  color: var(--text);
-  font-size: var(--fs-xs);
-  flex: 0 0 auto;
-}
-.sd-scale {
-  position: relative;
-  height: 6px;
-  border-radius: 3px;
-  background: var(--surface-3);
-  overflow: hidden;
-}
-.sd-scale-fill {
-  display: block;
-  height: 100%;
-  background: var(--brand);
-  border-radius: 3px;
-}
-// La médiane du parc : toujours au milieu, par définition d'un rang.
-.sd-scale-median {
-  position: absolute;
-  left: 50%;
-  top: 0;
-  bottom: 0;
-  width: 1px;
-  background: var(--surface);
-}
-.sd-rank-note {
-  display: flex;
-  justify-content: space-between;
-  gap: var(--space-sm);
-  color: var(--faint);
-  font-size: var(--fs-2xs);
-  margin: 0;
-}
-.sd-rank-median {
-  flex: 0 0 auto;
-}
-
-// ── Constats ─────────────────────────────────────────────────────────────────
-
-.sd-findings {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-md);
-}
-.sd-finding {
-  display: flex;
-  gap: var(--space-sm);
-  align-items: flex-start;
-}
-// Alignée sur la première ligne du constat, qui porte le titre en `--fs-sm`.
-.sd-finding-icon {
-  flex: 0 0 auto;
-  height: calc(var(--fs-sm) * 1.5);
-}
-.sd-finding-body {
-  min-width: 0;
-}
-.sd-finding-title {
-  color: var(--text);
-  font-size: var(--fs-sm);
-  margin: 0;
-}
-.sd-finding-msg {
-  color: var(--muted);
-  font-size: var(--fs-xs);
-  line-height: 1.55;
-  margin: 2px 0 0;
-}
-
-.sd-more {
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  color: var(--brand);
-  font-size: var(--fs-xs);
-  text-decoration: none;
-  margin-top: var(--space-xs);
-
-  &:hover,
-  &:focus-visible {
-    text-decoration: underline;
-  }
-}
+  }
+  .sd-scale {
+    position: relative;
+    height: 6px;
+    border-radius: 3px;
+    background: var(--surface-3);
+    overflow: hidden;
+  }
+  .sd-scale-fill {
+    display: block;
+    height: 100%;
+    background: var(--brand);
+    border-radius: 3px;
+  }
+  // La médiane du parc : toujours au milieu, par définition d'un rang.
+  .sd-scale-median {
+    position: absolute;
+    left: 50%;
+    top: 0;
+    bottom: 0;
+    width: 1px;
+    background: var(--surface);
+  }
+  .sd-rank-note {
+    display: flex;
+    justify-content: space-between;
+    gap: var(--space-sm);
+    color: var(--faint);
+    font-size: var(--fs-2xs);
+    margin: 0;
+  }
+  .sd-rank-median {
+    flex: 0 0 auto;
+  }
+
+  // ── Constats ─────────────────────────────────────────────────────────────────
+
+  .sd-findings {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md);
+  }
+  .sd-finding {
+    display: flex;
+    gap: var(--space-sm);
+    align-items: flex-start;
+  }
+  // Alignée sur la première ligne du constat, qui porte le titre en `--fs-sm`.
+  .sd-finding-icon {
+    flex: 0 0 auto;
+    height: calc(var(--fs-sm) * 1.5);
+  }
+  .sd-finding-body {
+    min-width: 0;
+  }
+  .sd-finding-title {
+    color: var(--text);
+    font-size: var(--fs-sm);
+    margin: 0;
+  }
+  .sd-finding-msg {
+    color: var(--muted);
+    font-size: var(--fs-xs);
+    line-height: 1.55;
+    margin: 2px 0 0;
+  }
+
+  .sd-more {
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    color: var(--brand);
+    font-size: var(--fs-xs);
+    text-decoration: none;
+    margin-top: var(--space-xs);
+
+    &:hover,
+    &:focus-visible {
+      text-decoration: underline;
+    }
+  }
 </style>
diff --git a/src/components/replay/ShellLine.vue b/src/components/replay/ShellLine.vue
index 5ee0861..7348b72 100644
--- a/src/components/replay/ShellLine.vue
+++ b/src/components/replay/ShellLine.vue
@@ -9,17 +9,7 @@
       serveur écrit depuis, et il l'écrit ailleurs que dans le fil.
     -->
     <div class="sl-row">
-      <q-btn
-        flat
-        dense
-        no-caps
-        size="sm"
-        align="left"
-        class="sl-btn"
-        :aria-expanded="open"
-        :aria-controls="bodyId"
-        @click="emit('toggle')"
-      >
+      <q-btn flat dense no-caps size="sm" align="left" class="sl-btn" :aria-expanded="open" :aria-controls="bodyId" @click="emit('toggle')">
         <q-icon :name="icon" size="14px" class="sl-icon" aria-hidden="true" />
         <span class="sl-name">{{ shell.description || shell.command }}</span>
       </q-btn>
@@ -46,87 +36,87 @@
 </template>
 
 <script setup lang="ts">
-import { computed, useId } from 'vue';
-import { useI18n } from 'vue-i18n';
-import { fmtBytes, fmtDuration, fmtTime } from '@/utils/format';
-import type { BackgroundShell } from '@/services/agent';
-
-const { t } = useI18n();
-
-const props = defineProps<{ shell: BackgroundShell; now: number; open: boolean }>();
-const emit = defineEmits<{ toggle: []; navigate: [] }>();
-
-const bodyId = useId();
-
-/**
- * À partir de quand un silence se dit.
- *
- * Le serveur relit les tailles toutes les deux secondes ; un shell bavard est
- * donc toujours « silencieux » depuis une ou deux secondes, ce qui ne veut rien
- * dire. Quinze secondes : au-delà, une boucle qui écrivait a cessé d'écrire, et
- * c'est ce qu'on cherchait à voir.
- */
-const QUIET_MS = 15_000;
-
-const icon = computed(() => {
-  if (props.shell.state === 'running') return 'play_circle';
-  if (props.shell.state === 'killed') return 'stop_circle';
-  return props.shell.exitCode ? 'error' : 'check_circle';
-});
-
-/**
- * La ligne d'état, qui dit deux choses selon le camp où le shell se trouve.
- *
- * Vivant, ce qui compte est le silence : `until netstat … :5001` boucle sans
- * écrire un octet, et c'est le seul signe qu'il ne finira jamais. Terminé, ce
- * qui compte est le code de sortie — le silence n'a plus rien à annoncer.
- */
-const meta = computed(() => {
-  const shell = props.shell;
-  const at = fmtTime(shell.startedAt);
-
-  if (shell.state !== 'running') {
-    const how =
-      shell.state === 'killed'
-        ? t('replay.shells.stopped')
-        : t(shell.exitCode ? 'replay.shells.failed' : 'replay.shells.done', {
-            code: shell.exitCode ?? 0,
-          });
-    return `${at} · ${how}`;
-  }
-
-  const size = shell.size ? fmtBytes(shell.size) : '';
-  if (!shell.lastWriteAt) return [at, t('replay.shells.noOutput')].join(' · ');
-
-  // L'écart se mesure sur le `now` du panneau, jamais sur `Date.now()` : une
-  // horloge par ligne ferait battre dix minuteurs pour une seule question, et
-  // un `Date.now()` lu ici ne redéclencherait aucun calcul — la ligne
-  // afficherait « il y a une minute » pendant une heure.
-  const idle = props.now - shell.lastWriteAt;
-  // En deçà du seuil, on ne dit que la taille : annoncer « rien écrit depuis
-  // 1 s » d'un serveur qui écrit toutes les deux secondes donne l'alerte à
-  // l'envers. Le silence n'est une nouvelle que lorsqu'il dure.
-  const silence = idle >= QUIET_MS ? t('replay.shells.lastWrite', { ago: fmtDuration(idle) }) : '';
-  return [at, size, silence].filter(Boolean).join(' · ');
-});
+  import type { BackgroundShell } from '@/services/agent'
+  import { fmtBytes, fmtDuration, fmtTime } from '@/utils/format'
+  import { computed, useId } from 'vue'
+  import { useI18n } from 'vue-i18n'
+
+  const { t } = useI18n()
+
+  const props = defineProps<{ shell: BackgroundShell; now: number; open: boolean }>()
+  const emit = defineEmits<{ toggle: []; navigate: [] }>()
+
+  const bodyId = useId()
+
+  /**
+   * À partir de quand un silence se dit.
+   *
+   * Le serveur relit les tailles toutes les deux secondes ; un shell bavard est
+   * donc toujours « silencieux » depuis une ou deux secondes, ce qui ne veut rien
+   * dire. Quinze secondes : au-delà, une boucle qui écrivait a cessé d'écrire, et
+   * c'est ce qu'on cherchait à voir.
+   */
+  const QUIET_MS = 15_000
+
+  const icon = computed(() => {
+    if (props.shell.state === 'running') return 'play_circle'
+    if (props.shell.state === 'killed') return 'stop_circle'
+    return props.shell.exitCode ? 'error' : 'check_circle'
+  })
+
+  /**
+   * La ligne d'état, qui dit deux choses selon le camp où le shell se trouve.
+   *
+   * Vivant, ce qui compte est le silence : `until netstat … :5001` boucle sans
+   * écrire un octet, et c'est le seul signe qu'il ne finira jamais. Terminé, ce
+   * qui compte est le code de sortie — le silence n'a plus rien à annoncer.
+   */
+  const meta = computed(() => {
+    const shell = props.shell
+    const at = fmtTime(shell.startedAt)
+
+    if (shell.state !== 'running') {
+      const how =
+        shell.state === 'killed'
+          ? t('replay.shells.stopped')
+          : t(shell.exitCode ? 'replay.shells.failed' : 'replay.shells.done', {
+              code: shell.exitCode ?? 0,
+            })
+      return `${at} · ${how}`
+    }
+
+    const size = shell.size ? fmtBytes(shell.size) : ''
+    if (!shell.lastWriteAt) return [at, t('replay.shells.noOutput')].join(' · ')
+
+    // L'écart se mesure sur le `now` du panneau, jamais sur `Date.now()` : une
+    // horloge par ligne ferait battre dix minuteurs pour une seule question, et
+    // un `Date.now()` lu ici ne redéclencherait aucun calcul — la ligne
+    // afficherait « il y a une minute » pendant une heure.
+    const idle = props.now - shell.lastWriteAt
+    // En deçà du seuil, on ne dit que la taille : annoncer « rien écrit depuis
+    // 1 s » d'un serveur qui écrit toutes les deux secondes donne l'alerte à
+    // l'envers. Le silence n'est une nouvelle que lorsqu'il dure.
+    const silence = idle >= QUIET_MS ? t('replay.shells.lastWrite', { ago: fmtDuration(idle) }) : ''
+    return [at, size, silence].filter(Boolean).join(' · ')
+  })
 </script>
 
 <style scoped lang="scss">
-.sl {
-  min-width: 0;
-  padding: var(--space-xs) 0;
-}
-.sl + .sl {
-  border-top: 1px solid var(--line);
-}
-
-.sl-row {
-  display: flex;
-  align-items: center;
-  gap: 2px;
-}
-
-/*
+  .sl {
+    min-width: 0;
+    padding: var(--space-xs) 0;
+  }
+  .sl + .sl {
+    border-top: 1px solid var(--line);
+  }
+
+  .sl-row {
+    display: flex;
+    align-items: center;
+    gap: 2px;
+  }
+
+  /*
   Le bouton porte une ligne, pas une étiquette.
 
   `q-btn` centre son contenu et le met en majuscules du thème Material : `align`
@@ -134,75 +124,75 @@ const meta = computed(() => {
   que Quasar pose autour du slot — sans lui, le texte long ne se tronque pas, il
   élargit la colonne.
 */
-.sl-btn {
-  flex: 1;
-  min-width: 0;
-  color: var(--muted);
-  font-size: var(--fs-sm);
-}
-.sl-btn :deep(.q-btn__content) {
-  flex-wrap: nowrap;
-  gap: var(--space-sm);
-  min-width: 0;
-}
-
-.sl-name {
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-/*
+  .sl-btn {
+    flex: 1;
+    min-width: 0;
+    color: var(--muted);
+    font-size: var(--fs-sm);
+  }
+  .sl-btn :deep(.q-btn__content) {
+    flex-wrap: nowrap;
+    gap: var(--space-sm);
+    min-width: 0;
+  }
+
+  .sl-name {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  /*
   L'icône porte l'état, la couleur la nuance.
 
   Un shell qui tourne est la seule chose de cette colonne qui demande quelque
   chose au lecteur : il prend la couleur de marque, les autres restent gris.
 */
-.sl-icon {
-  flex: none;
-  color: var(--faint);
-}
-.sl--running .sl-icon {
-  color: var(--brand);
-}
-.sl--running .sl-name {
-  color: var(--text);
-}
-
-/*
+  .sl-icon {
+    flex: none;
+    color: var(--faint);
+  }
+  .sl--running .sl-icon {
+    color: var(--brand);
+  }
+  .sl--running .sl-name {
+    color: var(--text);
+  }
+
+  /*
   Le renvoi vers le fil ne se montre qu'au survol.
 
   Il ne se cache pas au clavier pour autant : `:focus-within` le fait
   réapparaître dès que la tabulation l'atteint. Une cible invisible qu'on peut
   atteindre mais pas voir serait pire que pas de cible du tout.
 */
-.sl-goto {
-  flex: none;
-  color: var(--faint);
-  opacity: 0;
-  transition: opacity var(--motion-fast);
-}
-.sl:hover .sl-goto,
-.sl:focus-within .sl-goto {
-  opacity: 1;
-}
-
-.sl-meta {
-  margin: 0 0 0 calc(14px + var(--space-sm) + var(--space-xs));
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-  font-variant-numeric: tabular-nums;
-}
-
-.sl-body {
-  margin-top: var(--space-xs);
-  padding-left: var(--space-xs);
-}
-.sl-cmd {
-  margin: 0 0 var(--space-xs);
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-  overflow-wrap: anywhere;
-}
+  .sl-goto {
+    flex: none;
+    color: var(--faint);
+    opacity: 0;
+    transition: opacity var(--motion-fast);
+  }
+  .sl:hover .sl-goto,
+  .sl:focus-within .sl-goto {
+    opacity: 1;
+  }
+
+  .sl-meta {
+    margin: 0 0 0 calc(14px + var(--space-sm) + var(--space-xs));
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+    font-variant-numeric: tabular-nums;
+  }
+
+  .sl-body {
+    margin-top: var(--space-xs);
+    padding-left: var(--space-xs);
+  }
+  .sl-cmd {
+    margin: 0 0 var(--space-xs);
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+    overflow-wrap: anywhere;
+  }
 </style>
diff --git a/src/components/replay/ShellOutputView.vue b/src/components/replay/ShellOutputView.vue
index 74123aa..2d84e49 100644
--- a/src/components/replay/ShellOutputView.vue
+++ b/src/components/replay/ShellOutputView.vue
@@ -17,68 +17,67 @@
 </template>
 
 <script setup lang="ts">
-import { computed, nextTick, useTemplateRef, watch } from 'vue';
-import { useI18n } from 'vue-i18n';
-import { ansiToHtml } from '@/utils/ansi';
+  import { ansiToHtml } from '@/utils/ansi'
+  import { computed, nextTick, useTemplateRef, watch } from 'vue'
+  import { useI18n } from 'vue-i18n'
 
-/** Ce que le panneau a réussi à charger, et où il en est. */
-export interface OutputState {
-  text: string;
-  loading: boolean;
-  error: string;
-}
+  /** Ce que le panneau a réussi à charger, et où il en est. */
+  export interface OutputState {
+    text: string
+    loading: boolean
+    error: string
+  }
 
-const { t } = useI18n();
+  const { t } = useI18n()
 
-const props = defineProps<{ state: OutputState }>();
+  const props = defineProps<{ state: OutputState }>()
 
-const pane = useTemplateRef<HTMLElement>('pane');
+  const pane = useTemplateRef<HTMLElement>('pane')
 
-const html = computed(() => ansiToHtml(props.state.text));
+  const html = computed(() => ansiToHtml(props.state.text))
 
-/**
- * Le pavé colle au bas.
- *
- * Ce qu'on vient lire d'un serveur qui tourne est sa dernière ligne — l'adresse
- * qu'il vient d'écrire, l'erreur qui vient de tomber. Un pavé qui reste en haut
- * demanderait de faire défiler à chaque rafraîchissement, c'est-à-dire toutes
- * les deux secondes.
- */
-/**
- * La zone qui défile réellement au-dessus du pavé.
- *
- * Le pavé ne défile plus lui-même, donc `scrollTop` posé sur lui n'irait nulle
- * part. `scrollIntoView` non plus ne convient pas : il aligne le bas du pavé
- * sur le bord du conteneur, ce qui annule le rembourrage de celui-ci et colle
- * la dernière ligne au bord de la carte — mesuré à moins d'un pixel.
- */
-function defileur(from: HTMLElement): HTMLElement | null {
-  for (let node = from.parentElement; node; node = node.parentElement) {
-    const flow = getComputedStyle(node).overflowY;
-    if ((flow === 'auto' || flow === 'scroll') && node.scrollHeight > node.clientHeight)
-      return node;
+  /**
+   * Le pavé colle au bas.
+   *
+   * Ce qu'on vient lire d'un serveur qui tourne est sa dernière ligne — l'adresse
+   * qu'il vient d'écrire, l'erreur qui vient de tomber. Un pavé qui reste en haut
+   * demanderait de faire défiler à chaque rafraîchissement, c'est-à-dire toutes
+   * les deux secondes.
+   */
+  /**
+   * La zone qui défile réellement au-dessus du pavé.
+   *
+   * Le pavé ne défile plus lui-même, donc `scrollTop` posé sur lui n'irait nulle
+   * part. `scrollIntoView` non plus ne convient pas : il aligne le bas du pavé
+   * sur le bord du conteneur, ce qui annule le rembourrage de celui-ci et colle
+   * la dernière ligne au bord de la carte — mesuré à moins d'un pixel.
+   */
+  function defileur(from: HTMLElement): HTMLElement | null {
+    for (let node = from.parentElement; node; node = node.parentElement) {
+      const flow = getComputedStyle(node).overflowY
+      if ((flow === 'auto' || flow === 'scroll') && node.scrollHeight > node.clientHeight) return node
+    }
+    return null
   }
-  return null;
-}
 
-watch(
-  () => props.state.text,
-  async () => {
-    await nextTick();
-    const el = pane.value;
-    if (!el) return;
-    const zone = defileur(el);
-    if (zone) zone.scrollTop = zone.scrollHeight;
-  },
-);
+  watch(
+    () => props.state.text,
+    async () => {
+      await nextTick()
+      const el = pane.value
+      if (!el) return
+      const zone = defileur(el)
+      if (zone) zone.scrollTop = zone.scrollHeight
+    },
+  )
 </script>
 
 <style scoped lang="scss">
-.so {
-  margin-top: var(--space-xs);
-}
+  .so {
+    margin-top: var(--space-xs);
+  }
 
-/*
+  /*
  * Le pavé ne défile pas lui-même.
  *
  * Il l'a fait, sur 220 px de haut, et cela mettait deux barres de défilement
@@ -87,26 +86,26 @@ watch(
  * glisser, et la dernière ligne restait coupée par le bord de la carte.
  * Une seule zone défile désormais, celle du panneau.
  */
-.so-pane {
-  margin: 0;
-  padding: var(--space-sm);
-  border-radius: var(--radius-xs);
-  background: var(--surface);
-  color: var(--text);
-  font-size: var(--fs-2xs);
-  line-height: 1.5;
-  white-space: pre-wrap;
-  overflow-wrap: anywhere;
-}
+  .so-pane {
+    margin: 0;
+    padding: var(--space-sm);
+    border-radius: var(--radius-xs);
+    background: var(--surface);
+    color: var(--text);
+    font-size: var(--fs-2xs);
+    line-height: 1.5;
+    white-space: pre-wrap;
+    overflow-wrap: anywhere;
+  }
 
-.so-wait,
-.so-error {
-  margin: 0;
-  padding: var(--space-xs) var(--space-sm);
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-}
-.so-error {
-  color: var(--danger);
-}
+  .so-wait,
+  .so-error {
+    margin: 0;
+    padding: var(--space-xs) var(--space-sm);
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+  }
+  .so-error {
+    color: var(--danger);
+  }
 </style>
diff --git a/src/components/replay/ShellPanel.vue b/src/components/replay/ShellPanel.vue
index 4ffc35d..8c9c1ad 100644
--- a/src/components/replay/ShellPanel.vue
+++ b/src/components/replay/ShellPanel.vue
@@ -54,162 +54,162 @@
 </template>
 
 <script setup lang="ts">
-import { computed, onUnmounted, ref, useId, watch } from 'vue';
-import { useI18n } from 'vue-i18n';
-import ShellLine from './ShellLine.vue';
-import ShellOutputView, { type OutputState } from './ShellOutputView.vue';
-import { getShellOutput, type BackgroundShell } from '@/services/agent';
-
-const { t } = useI18n();
-
-const props = defineProps<{ runId: string; shells: BackgroundShell[] }>();
-const emit = defineEmits<{ navigate: [uuid: string] }>();
-
-const pastId = useId();
-const pastOpen = ref(false);
-
-/** Ce qui tourne encore, et ce qui est retombé. */
-const live = computed(() => props.shells.filter((s) => s.state === 'running'));
-const past = computed(() => props.shells.filter((s) => s.state !== 'running'));
-
-/**
- * L'horloge du panneau, qui n'avance que tant qu'un shell est vivant.
- *
- * Le serveur ne pousse la liste que lorsqu'elle change. Or ce qu'on cherche à
- * lire ici est précisément l'inverse d'un changement : une sentinelle coincée
- * n'écrit rien, donc rien ne part, donc l'écart afficherait « il y a une
- * minute » pendant une heure. Le chrono court côté client, comme celui de
- * `ActivityLine`.
- */
-const now = ref(Date.now());
-let ticker: ReturnType<typeof setInterval> | null = null;
-
-watch(
-  () => live.value.length > 0,
-  (running) => {
-    if (ticker) {
-      clearInterval(ticker);
-      ticker = null;
+  import { getShellOutput, type BackgroundShell } from '@/services/agent'
+  import { computed, onUnmounted, ref, useId, watch } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import ShellLine from './ShellLine.vue'
+  import ShellOutputView, { type OutputState } from './ShellOutputView.vue'
+
+  const { t } = useI18n()
+
+  const props = defineProps<{ runId: string; shells: BackgroundShell[] }>()
+  const emit = defineEmits<{ navigate: [uuid: string] }>()
+
+  const pastId = useId()
+  const pastOpen = ref(false)
+
+  /** Ce qui tourne encore, et ce qui est retombé. */
+  const live = computed(() => props.shells.filter((s) => s.state === 'running'))
+  const past = computed(() => props.shells.filter((s) => s.state !== 'running'))
+
+  /**
+   * L'horloge du panneau, qui n'avance que tant qu'un shell est vivant.
+   *
+   * Le serveur ne pousse la liste que lorsqu'elle change. Or ce qu'on cherche à
+   * lire ici est précisément l'inverse d'un changement : une sentinelle coincée
+   * n'écrit rien, donc rien ne part, donc l'écart afficherait « il y a une
+   * minute » pendant une heure. Le chrono court côté client, comme celui de
+   * `ActivityLine`.
+   */
+  const now = ref(Date.now())
+  let ticker: ReturnType<typeof setInterval> | null = null
+
+  watch(
+    () => live.value.length > 0,
+    (running) => {
+      if (ticker) {
+        clearInterval(ticker)
+        ticker = null
+      }
+      if (!running) return
+      now.value = Date.now()
+      ticker = setInterval(() => {
+        now.value = Date.now()
+      }, 5_000)
+    },
+    { immediate: true },
+  )
+
+  // ── La sortie dépliée ───────────────────────────────────────────────────────
+  //
+  // Une seule à la fois : deux pavés de terminal ouverts côte à côte dans une
+  // colonne de 320 px ne se lisent ni l'un ni l'autre, et chacun demande son
+  // propre rafraîchissement.
+
+  const opened = ref('')
+  const output = ref<OutputState>({ text: '', loading: false, error: '' })
+  let poller: ReturnType<typeof setInterval> | null = null
+  /** Le curseur rendu par le serveur : on ne redemande que la suite. */
+  let cursor = 0
+
+  function toggle(id: string): void {
+    if (opened.value === id) {
+      opened.value = ''
+      stopPolling()
+      return
     }
-    if (!running) return;
-    now.value = Date.now();
-    ticker = setInterval(() => {
-      now.value = Date.now();
-    }, 5_000);
-  },
-  { immediate: true },
-);
-
-// ── La sortie dépliée ───────────────────────────────────────────────────────
-//
-// Une seule à la fois : deux pavés de terminal ouverts côte à côte dans une
-// colonne de 320 px ne se lisent ni l'un ni l'autre, et chacun demande son
-// propre rafraîchissement.
-
-const opened = ref('');
-const output = ref<OutputState>({ text: '', loading: false, error: '' });
-let poller: ReturnType<typeof setInterval> | null = null;
-/** Le curseur rendu par le serveur : on ne redemande que la suite. */
-let cursor = 0;
-
-function toggle(id: string): void {
-  if (opened.value === id) {
-    opened.value = '';
-    stopPolling();
-    return;
+    opened.value = id
+    output.value = { text: '', loading: true, error: '' }
+    cursor = 0
+    void pull()
+    startPolling()
   }
-  opened.value = id;
-  output.value = { text: '', loading: true, error: '' };
-  cursor = 0;
-  void pull();
-  startPolling();
-}
-
-async function pull(): Promise<void> {
-  const id = opened.value;
-  if (!id) return;
-  try {
-    const chunk = await getShellOutput(props.runId, id, cursor);
-    // La réponse a pu croiser un repli, ou l'ouverture d'un autre shell.
-    if (opened.value !== id) return;
-    cursor = chunk.size;
-    const before = chunk.skipped ? `${t('replay.shells.skipped', { n: chunk.skipped })}\n` : '';
-    output.value = {
-      text: output.value.text + before + chunk.text,
-      loading: false,
-      error: '',
-    };
-  } catch (e) {
-    if (opened.value !== id) return;
-    output.value = {
-      text: output.value.text,
-      loading: false,
-      error: e instanceof Error ? e.message : String(e),
-    };
-    stopPolling();
-  }
-}
-
-/**
- * Le rafraîchissement ne suit que ce qui vit.
- *
- * Un shell terminé a rendu tout ce qu'il rendra : redemander sa sortie toutes
- * les deux secondes ne changerait qu'un compteur de requêtes.
- */
-function startPolling(): void {
-  stopPolling();
-  const shell = props.shells.find((s) => s.id === opened.value);
-  if (shell?.state !== 'running') return;
-  poller = setInterval(() => void pull(), 2_000);
-}
-
-function stopPolling(): void {
-  if (!poller) return;
-  clearInterval(poller);
-  poller = null;
-}
-
-// Un shell qui se termine pendant qu'on le regarde : on prend sa dernière
-// sortie, puis on cesse de demander.
-watch(
-  () => props.shells.find((s) => s.id === opened.value)?.state,
-  (state) => {
-    if (state && state !== 'running') {
-      void pull();
-      stopPolling();
+
+  async function pull(): Promise<void> {
+    const id = opened.value
+    if (!id) return
+    try {
+      const chunk = await getShellOutput(props.runId, id, cursor)
+      // La réponse a pu croiser un repli, ou l'ouverture d'un autre shell.
+      if (opened.value !== id) return
+      cursor = chunk.size
+      const before = chunk.skipped ? `${t('replay.shells.skipped', { n: chunk.skipped })}\n` : ''
+      output.value = {
+        text: output.value.text + before + chunk.text,
+        loading: false,
+        error: '',
+      }
+    } catch (e) {
+      if (opened.value !== id) return
+      output.value = {
+        text: output.value.text,
+        loading: false,
+        error: e instanceof Error ? e.message : String(e),
+      }
+      stopPolling()
     }
-  },
-);
+  }
+
+  /**
+   * Le rafraîchissement ne suit que ce qui vit.
+   *
+   * Un shell terminé a rendu tout ce qu'il rendra : redemander sa sortie toutes
+   * les deux secondes ne changerait qu'un compteur de requêtes.
+   */
+  function startPolling(): void {
+    stopPolling()
+    const shell = props.shells.find((s) => s.id === opened.value)
+    if (shell?.state !== 'running') return
+    poller = setInterval(() => void pull(), 2_000)
+  }
+
+  function stopPolling(): void {
+    if (!poller) return
+    clearInterval(poller)
+    poller = null
+  }
 
-onUnmounted(() => {
-  if (ticker) clearInterval(ticker);
-  stopPolling();
-});
+  // Un shell qui se termine pendant qu'on le regarde : on prend sa dernière
+  // sortie, puis on cesse de demander.
+  watch(
+    () => props.shells.find((s) => s.id === opened.value)?.state,
+    (state) => {
+      if (state && state !== 'running') {
+        void pull()
+        stopPolling()
+      }
+    },
+  )
+
+  onUnmounted(() => {
+    if (ticker) clearInterval(ticker)
+    stopPolling()
+  })
 </script>
 
 <style scoped lang="scss">
-.sh {
-  padding: var(--space-sm) var(--space-md) var(--space-md);
-}
-
-.sh-list {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-/* Ce qui est retombé s'enfonce d'un cran et se sépare de ce qui tourne. */
-.sh-list--past {
-  padding-left: var(--space-sm);
-  padding-bottom: var(--space-xs);
-  margin-bottom: var(--space-xs);
-  border-bottom: 1px solid var(--line);
-}
-
-/* Même couture que `TaskPanel` : une ligne, quel que soit le nombre. */
-.sh-past {
-  width: 100%;
-  color: var(--faint);
-  font-size: var(--fs-xs);
-}
+  .sh {
+    padding: var(--space-sm) var(--space-md) var(--space-md);
+  }
+
+  .sh-list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  /* Ce qui est retombé s'enfonce d'un cran et se sépare de ce qui tourne. */
+  .sh-list--past {
+    padding-left: var(--space-sm);
+    padding-bottom: var(--space-xs);
+    margin-bottom: var(--space-xs);
+    border-bottom: 1px solid var(--line);
+  }
+
+  /* Même couture que `TaskPanel` : une ligne, quel que soit le nombre. */
+  .sh-past {
+    width: 100%;
+    color: var(--faint);
+    font-size: var(--fs-xs);
+  }
 </style>
diff --git a/src/components/replay/SkillDocument.vue b/src/components/replay/SkillDocument.vue
index d3b5552..f0784c9 100644
--- a/src/components/replay/SkillDocument.vue
+++ b/src/components/replay/SkillDocument.vue
@@ -4,9 +4,7 @@
       <q-icon name="extension" size="15px" aria-hidden="true" />
       <span class="sd-name font-mono">{{ doc.name }}</span>
       <span class="sd-what">{{ t('replay.skillDoc.loaded') }}</span>
-      <span v-if="doc.origin" class="sd-origin">{{
-        t(`replay.skillDoc.origin.${doc.origin}`)
-      }}</span>
+      <span v-if="doc.origin" class="sd-origin">{{ t(`replay.skillDoc.origin.${doc.origin}`) }}</span>
       <span class="sd-size font-mono">{{ size }}</span>
     </summary>
     <!-- Rendu à l'ouverture seulement. Replié ne suffit pas : un `<details>`
@@ -20,79 +18,79 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
-import { useI18n } from 'vue-i18n';
-import MarkdownView from './MarkdownView.vue';
-import { useExpandable, syncDetails } from '@/composables/useExpandAll';
-import type { SkillDoc } from './skillDocument';
-import { fmtInt } from '@/utils/format';
+  import { useExpandable, syncDetails } from '@/composables/useExpandAll'
+  import { fmtInt } from '@/utils/format'
+  import { computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import MarkdownView from './MarkdownView.vue'
+  import type { SkillDoc } from './skillDocument'
 
-const { t } = useI18n();
+  const { t } = useI18n()
 
-const props = defineProps<{ doc: SkillDoc }>();
+  const props = defineProps<{ doc: SkillDoc }>()
 
-// Replié par défaut, et c'est tout l'objet du composant : le manuel de
-// `claude-api` fait 8 831 lignes, et déplié il occupait 219 319 pixels de haut
-// pour 20 198 nœuds — 95 % de la hauteur de la page et 84 % de son DOM, sous la
-// seule étiquette « Système (contexte) ».
-const open = useExpandable(false);
-const onToggle = syncDetails(open);
+  // Replié par défaut, et c'est tout l'objet du composant : le manuel de
+  // `claude-api` fait 8 831 lignes, et déplié il occupait 219 319 pixels de haut
+  // pour 20 198 nœuds — 95 % de la hauteur de la page et 84 % de son DOM, sous la
+  // seule étiquette « Système (contexte) ».
+  const open = useExpandable(false)
+  const onToggle = syncDetails(open)
 
-const size = computed(() => {
-  const n = props.doc.lines;
-  return t('replay.skillDoc.lines', { n: fmtInt(n) }, n);
-});
+  const size = computed(() => {
+    const n = props.doc.lines
+    return t('replay.skillDoc.lines', { n: fmtInt(n) }, n)
+  })
 </script>
 
 <style scoped lang="scss">
-.sd {
-  border: 1px solid var(--line);
-  border-radius: var(--radius-xs);
-  background: var(--surface-2);
-}
-.sd-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  padding: var(--space-xs) var(--space-sm);
-  cursor: pointer;
-  font-size: var(--fs-sm);
-  color: var(--muted);
-  list-style: none;
-}
-.sd-head::-webkit-details-marker {
-  display: none;
-}
-.sd-head > .q-icon {
-  flex-shrink: 0;
-  color: var(--faint);
-}
-.sd-name {
-  color: var(--text);
-  word-break: break-all;
-}
-.sd-origin {
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-  border: 1px solid currentcolor;
-  border-radius: 999px;
-  padding: 1px 8px;
-  white-space: nowrap;
-}
-.sd-size {
-  margin-left: auto;
-  flex-shrink: 0;
-  font-size: var(--fs-xs);
-  color: var(--faint);
-}
-.sd-body {
-  padding: 0 var(--space-sm) var(--space-sm);
-  border-top: 1px solid var(--line);
-}
-.sd-dir {
-  margin: var(--space-sm) 0;
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-  word-break: break-all;
-}
+  .sd {
+    border: 1px solid var(--line);
+    border-radius: var(--radius-xs);
+    background: var(--surface-2);
+  }
+  .sd-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    padding: var(--space-xs) var(--space-sm);
+    cursor: pointer;
+    font-size: var(--fs-sm);
+    color: var(--muted);
+    list-style: none;
+  }
+  .sd-head::-webkit-details-marker {
+    display: none;
+  }
+  .sd-head > .q-icon {
+    flex-shrink: 0;
+    color: var(--faint);
+  }
+  .sd-name {
+    color: var(--text);
+    word-break: break-all;
+  }
+  .sd-origin {
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+    border: 1px solid currentcolor;
+    border-radius: 999px;
+    padding: 1px 8px;
+    white-space: nowrap;
+  }
+  .sd-size {
+    margin-left: auto;
+    flex-shrink: 0;
+    font-size: var(--fs-xs);
+    color: var(--faint);
+  }
+  .sd-body {
+    padding: 0 var(--space-sm) var(--space-sm);
+    border-top: 1px solid var(--line);
+  }
+  .sd-dir {
+    margin: var(--space-sm) 0;
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+    word-break: break-all;
+  }
 </style>
diff --git a/src/components/replay/TaskLines.vue b/src/components/replay/TaskLines.vue
index 475fbb2..e5e0cfb 100644
--- a/src/components/replay/TaskLines.vue
+++ b/src/components/replay/TaskLines.vue
@@ -15,92 +15,92 @@
 </template>
 
 <script setup lang="ts">
-// Les lignes d'un plan. Un même rendu sert au plan en cours et à ceux qu'on
-// rouvre derrière leur repli : ce qui les distingue est leur place dans la
-// colonne, pas la façon dont une tâche s'écrit.
+  // Les lignes d'un plan. Un même rendu sert au plan en cours et à ceux qu'on
+  // rouvre derrière leur repli : ce qui les distingue est leur place dans la
+  // colonne, pas la façon dont une tâche s'écrit.
 
-import type { TaskStatus, TrackedTask } from './taskList';
+  import type { TaskStatus, TrackedTask } from './taskList'
 
-defineProps<{ tasks: TrackedTask[]; label: string }>();
-const emit = defineEmits<{ navigate: [uuid: string] }>();
+  defineProps<{ tasks: TrackedTask[]; label: string }>()
+  const emit = defineEmits<{ navigate: [uuid: string] }>()
 
-/** Un statut inconnu ne doit pas fabriquer une classe CSS au hasard. */
-function cls(status: TaskStatus): string {
-  return status === 'in_progress' || status === 'completed' ? status : 'pending';
-}
+  /** Un statut inconnu ne doit pas fabriquer une classe CSS au hasard. */
+  function cls(status: TaskStatus): string {
+    return status === 'in_progress' || status === 'completed' ? status : 'pending'
+  }
 
-function icon(status: TaskStatus): string {
-  if (status === 'completed') return 'check_circle';
-  if (status === 'in_progress') return 'radio_button_checked';
-  return 'radio_button_unchecked';
-}
+  function icon(status: TaskStatus): string {
+    if (status === 'completed') return 'check_circle'
+    if (status === 'in_progress') return 'radio_button_checked'
+    return 'radio_button_unchecked'
+  }
 
-/**
- * En cours, le harness écrit une forme active — « Extraction du navigateur ».
- * C'est ce qui se passe maintenant : devant un direct, c'est la bonne phrase.
- */
-function text(t: TrackedTask): string {
-  return t.status === 'in_progress' && t.activeForm ? t.activeForm : t.subject;
-}
+  /**
+   * En cours, le harness écrit une forme active — « Extraction du navigateur ».
+   * C'est ce qui se passe maintenant : devant un direct, c'est la bonne phrase.
+   */
+  function text(t: TrackedTask): string {
+    return t.status === 'in_progress' && t.activeForm ? t.activeForm : t.subject
+  }
 </script>
 
 <style scoped lang="scss">
-.tl {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-}
-.tl-item {
-  min-width: 0;
-}
-.tl-btn {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  width: 100%;
-  padding: var(--space-xs) var(--space-xs);
-  border: 0;
-  border-radius: var(--radius-xs);
-  background: transparent;
-  color: var(--muted);
-  font: inherit;
-  font-size: var(--fs-sm);
-  text-align: left;
-  cursor: pointer;
-  transition: background var(--motion-fast);
-}
-.tl-btn:hover {
-  background: var(--hover-overlay);
-}
-.tl-btn:focus-visible {
-  outline: 1px solid var(--brand);
-  outline-offset: -1px;
-}
-.tl-label {
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.tl-icon {
-  flex: none;
-  color: var(--faint);
-}
+  .tl {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+  }
+  .tl-item {
+    min-width: 0;
+  }
+  .tl-btn {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    width: 100%;
+    padding: var(--space-xs) var(--space-xs);
+    border: 0;
+    border-radius: var(--radius-xs);
+    background: transparent;
+    color: var(--muted);
+    font: inherit;
+    font-size: var(--fs-sm);
+    text-align: left;
+    cursor: pointer;
+    transition: background var(--motion-fast);
+  }
+  .tl-btn:hover {
+    background: var(--hover-overlay);
+  }
+  .tl-btn:focus-visible {
+    outline: 1px solid var(--brand);
+    outline-offset: -1px;
+  }
+  .tl-label {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .tl-icon {
+    flex: none;
+    color: var(--faint);
+  }
 
-/* La tâche en cours est celle qu'on cherche : elle seule est à pleine encre. */
-.tl-item--in_progress .tl-btn {
-  color: var(--text);
-}
-.tl-item--in_progress .tl-icon {
-  color: var(--brand);
-}
-.tl-item--completed .tl-icon {
-  color: var(--pulse);
-}
-.tl-item--completed .tl-label {
-  color: var(--dim);
-  text-decoration: line-through;
-}
+  /* La tâche en cours est celle qu'on cherche : elle seule est à pleine encre. */
+  .tl-item--in_progress .tl-btn {
+    color: var(--text);
+  }
+  .tl-item--in_progress .tl-icon {
+    color: var(--brand);
+  }
+  .tl-item--completed .tl-icon {
+    color: var(--pulse);
+  }
+  .tl-item--completed .tl-label {
+    color: var(--dim);
+    text-decoration: line-through;
+  }
 </style>
diff --git a/src/components/replay/TaskMarker.vue b/src/components/replay/TaskMarker.vue
index 48b2987..0d0fffb 100644
--- a/src/components/replay/TaskMarker.vue
+++ b/src/components/replay/TaskMarker.vue
@@ -19,53 +19,53 @@
 </template>
 
 <script setup lang="ts">
-import { computed, inject } from 'vue';
-import type { Block } from '@/services/projects';
-import { readTaskCall, TASK_INDEX } from './taskList';
+  import type { Block } from '@/services/projects'
+  import { computed, inject } from 'vue'
+  import { readTaskCall, TASK_INDEX } from './taskList'
 
-const props = defineProps<{
-  block: Block;
-  /** `uuid` de l'événement qui porte l'appel — l'ancre que vise le panneau. */
-  uuid: string;
-}>();
+  const props = defineProps<{
+    block: Block
+    /** `uuid` de l'événement qui porte l'appel — l'ancre que vise le panneau. */
+    uuid: string
+  }>()
 
-const index = inject(TASK_INDEX, null);
+  const index = inject(TASK_INDEX, null)
 
-const call = computed(() => readTaskCall(props.block));
-const id = computed(() => call.value.id);
-const status = computed(() => call.value.status);
+  const call = computed(() => readTaskCall(props.block))
+  const id = computed(() => call.value.id)
+  const status = computed(() => call.value.status)
 
-/**
- * Le sujet, jamais le numéro seul.
- *
- * À la création il est dans l'appel ; à la mise à jour il faut l'index — sans
- * lui, « #3 » n'apprend rien à qui lit le flux.
- */
-const label = computed(() => {
-  if (call.value.subject) return call.value.subject;
-  return (id.value ? index?.value.get(id.value) : '') ?? '';
-});
+  /**
+   * Le sujet, jamais le numéro seul.
+   *
+   * À la création il est dans l'appel ; à la mise à jour il faut l'index — sans
+   * lui, « #3 » n'apprend rien à qui lit le flux.
+   */
+  const label = computed(() => {
+    if (call.value.subject) return call.value.subject
+    return (id.value ? index?.value.get(id.value) : '') ?? ''
+  })
 
-const icon = computed(() => {
-  if (call.value.create) return 'add_task';
-  if (status.value === 'completed') return 'check_circle';
-  if (status.value === 'in_progress') return 'play_circle';
-  // Une suppression retire la tâche du plan ; le cercle vide disait « pas encore
-  // commencée », c'est-à-dire le contraire — la tâche ne commencera pas.
-  if (status.value === 'deleted') return 'remove_circle_outline';
-  return 'radio_button_unchecked';
-});
+  const icon = computed(() => {
+    if (call.value.create) return 'add_task'
+    if (status.value === 'completed') return 'check_circle'
+    if (status.value === 'in_progress') return 'play_circle'
+    // Une suppression retire la tâche du plan ; le cercle vide disait « pas encore
+    // commencée », c'est-à-dire le contraire — la tâche ne commencera pas.
+    if (status.value === 'deleted') return 'remove_circle_outline'
+    return 'radio_button_unchecked'
+  })
 
-/** Un début et une fin se voient ; le reste s'en tient au gris commun. */
-const tone = computed(() => {
-  if (status.value === 'completed') return 'done';
-  if (status.value === 'in_progress') return 'live';
-  return 'plain';
-});
+  /** Un début et une fin se voient ; le reste s'en tient au gris commun. */
+  const tone = computed(() => {
+    if (status.value === 'completed') return 'done'
+    if (status.value === 'in_progress') return 'live'
+    return 'plain'
+  })
 </script>
 
 <style scoped lang="scss">
-/*
+  /*
   Un bloc de plein droit, à la taille des cartes d'outil qui l'entourent.
 
   Il n'ouvre sur rien — l'appel tient en deux champs et son résultat est un
@@ -75,37 +75,37 @@ const tone = computed(() => {
   pour que le début et la fin d'une tâche pèsent dans le flux ce que pèse le
   travail qu'ils encadrent.
 */
-.tm {
-  border: 1px solid var(--line-2);
-  border-radius: var(--radius-sm);
-  background: var(--surface-2);
-  overflow: hidden;
-  // Le renvoi du panneau vise ce bloc : sans marge, il arriverait collé au bord
-  // haut de la zone défilante.
-  scroll-margin-block: var(--space-xl);
-}
-.tm-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  margin: 0;
-  padding: var(--space-sm) var(--space-md);
-}
-.tm-icon {
-  flex-shrink: 0;
-  color: var(--dim);
-}
-.tm-name {
-  flex-shrink: 0;
-  font-size: var(--fs-sm);
-  font-weight: 600;
-}
-.tm-args {
-  flex-shrink: 0;
-  font-size: var(--fs-xs);
-  color: var(--dim);
-}
-/*
+  .tm {
+    border: 1px solid var(--line-2);
+    border-radius: var(--radius-sm);
+    background: var(--surface-2);
+    overflow: hidden;
+    // Le renvoi du panneau vise ce bloc : sans marge, il arriverait collé au bord
+    // haut de la zone défilante.
+    scroll-margin-block: var(--space-xl);
+  }
+  .tm-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    margin: 0;
+    padding: var(--space-sm) var(--space-md);
+  }
+  .tm-icon {
+    flex-shrink: 0;
+    color: var(--dim);
+  }
+  .tm-name {
+    flex-shrink: 0;
+    font-size: var(--fs-sm);
+    font-weight: 600;
+  }
+  .tm-args {
+    flex-shrink: 0;
+    font-size: var(--fs-xs);
+    color: var(--dim);
+  }
+  /*
   Le statut, dans les termes du harnais mais tenu comme une étiquette.
 
   `in_progress` posé à la suite du sujet se lisait comme un mot de la phrase,
@@ -113,48 +113,48 @@ const tone = computed(() => {
   reprend la place où les cartes d'outil annoncent `succès`, si bien qu'une
   colonne de blocs aligne tous ses états sur la même verticale.
 */
-.tm-status {
-  flex-shrink: 0;
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-  padding: 1px 6px;
-  border: 1px solid var(--line-2);
-  border-radius: 999px;
-  background: var(--surface-3);
-}
-/* Le sujet est la seule prose de la ligne : c'est lui qui cède en premier. */
-.tm-subject {
-  min-width: 0;
-  font-size: var(--fs-xs);
-  color: var(--faint);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
+  .tm-status {
+    flex-shrink: 0;
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+    padding: 1px 6px;
+    border: 1px solid var(--line-2);
+    border-radius: 999px;
+    background: var(--surface-3);
+  }
+  /* Le sujet est la seule prose de la ligne : c'est lui qui cède en premier. */
+  .tm-subject {
+    min-width: 0;
+    font-size: var(--fs-xs);
+    color: var(--faint);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
 
-/* Le démarrage porte la teinte de marque, la fin celle du succès. La couleur ne
+  /* Le démarrage porte la teinte de marque, la fin celle du succès. La couleur ne
    dit jamais rien seule : le jeton l'écrit, et l'icône la redouble. */
-.tm--live {
-  border-color: color-mix(in srgb, var(--brand) 30%, var(--line-2));
-}
-.tm--live .tm-icon,
-.tm--live .tm-status {
-  color: var(--brand);
-}
-.tm--live .tm-status {
-  border-color: var(--brand-line);
-  background: var(--brand-soft);
-}
-.tm--live .tm-name,
-.tm--done .tm-name {
-  color: var(--text);
-}
-.tm--done .tm-icon,
-.tm--done .tm-status {
-  color: var(--pulse);
-}
-.tm--done .tm-status {
-  border-color: color-mix(in srgb, var(--pulse) 30%, var(--line-2));
-  background: color-mix(in srgb, var(--pulse) 12%, transparent);
-}
+  .tm--live {
+    border-color: color-mix(in srgb, var(--brand) 30%, var(--line-2));
+  }
+  .tm--live .tm-icon,
+  .tm--live .tm-status {
+    color: var(--brand);
+  }
+  .tm--live .tm-status {
+    border-color: var(--brand-line);
+    background: var(--brand-soft);
+  }
+  .tm--live .tm-name,
+  .tm--done .tm-name {
+    color: var(--text);
+  }
+  .tm--done .tm-icon,
+  .tm--done .tm-status {
+    color: var(--pulse);
+  }
+  .tm--done .tm-status {
+    border-color: color-mix(in srgb, var(--pulse) 30%, var(--line-2));
+    background: color-mix(in srgb, var(--pulse) 12%, transparent);
+  }
 </style>
diff --git a/src/components/replay/TaskPanel.vue b/src/components/replay/TaskPanel.vue
index 25aea4c..79a4873 100644
--- a/src/components/replay/TaskPanel.vue
+++ b/src/components/replay/TaskPanel.vue
@@ -9,18 +9,9 @@
       problème : certaines sessions en posent six. Une ligne, quel que soit le
       nombre de plans — et ce qui a été fait reste à un clic.
     -->
-    <button
-      v-if="past.length"
-      type="button"
-      class="tk-past"
-      :aria-expanded="open"
-      :aria-controls="pastId"
-      @click="open = !open"
-    >
+    <button v-if="past.length" type="button" class="tk-past" :aria-expanded="open" :aria-controls="pastId" @click="open = !open">
       <q-icon :name="open ? 'expand_less' : 'expand_more'" size="16px" aria-hidden="true" />
-      <span class="tk-past-name">{{
-        past.length > 1 ? t('replay.tasks.pastMany') : t('replay.tasks.pastOne')
-      }}</span>
+      <span class="tk-past-name">{{ past.length > 1 ? t('replay.tasks.pastMany') : t('replay.tasks.pastOne') }}</span>
       <q-space />
       <span class="tk-past-count font-mono">{{ pastDone }} / {{ pastTotal }}</span>
     </button>
@@ -31,115 +22,104 @@
         <h3 v-if="past.length > 1" class="tk-past-title">
           {{ t('replay.tasks.planN', { n: w.index }) }}
         </h3>
-        <TaskLines
-          :tasks="w.tasks"
-          :label="t('replay.tasks.planTasks', { n: w.index })"
-          @navigate="emit('navigate', $event)"
-        />
+        <TaskLines :tasks="w.tasks" :label="t('replay.tasks.planTasks', { n: w.index })" @navigate="emit('navigate', $event)" />
       </section>
     </div>
 
-    <TaskLines
-      v-if="progress.currentWave"
-      :tasks="progress.currentWave.tasks"
-      :label="currentLabel"
-      @navigate="emit('navigate', $event)"
-    />
+    <TaskLines v-if="progress.currentWave" :tasks="progress.currentWave.tasks" :label="currentLabel" @navigate="emit('navigate', $event)" />
   </div>
 </template>
 
 <script setup lang="ts">
-import { computed, ref, useId } from 'vue';
-import { useI18n } from 'vue-i18n';
-import TaskLines from './TaskLines.vue';
-import type { TaskProgress } from './taskList';
+  import { computed, ref, useId } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import TaskLines from './TaskLines.vue'
+  import type { TaskProgress } from './taskList'
 
-const { t } = useI18n();
+  const { t } = useI18n()
 
-const props = defineProps<{ progress: TaskProgress }>();
-const emit = defineEmits<{ navigate: [uuid: string] }>();
+  const props = defineProps<{ progress: TaskProgress }>()
+  const emit = defineEmits<{ navigate: [uuid: string] }>()
 
-const pastId = useId();
-const open = ref(false);
+  const pastId = useId()
+  const open = ref(false)
 
-/** Les plans menés à leur terme avant celui qui court. */
-const past = computed(() => props.progress.waves.slice(0, -1));
-const pastTotal = computed(() => past.value.reduce((n, w) => n + w.tasks.length, 0));
-const pastDone = computed(() => past.value.reduce((n, w) => n + w.done, 0));
+  /** Les plans menés à leur terme avant celui qui court. */
+  const past = computed(() => props.progress.waves.slice(0, -1))
+  const pastTotal = computed(() => past.value.reduce((n, w) => n + w.tasks.length, 0))
+  const pastDone = computed(() => past.value.reduce((n, w) => n + w.done, 0))
 
-/**
- * Une session qui n'a posé qu'un plan n'a pas de « plan courant » : sa liste est
- * *la* liste, et la nommer autrement inventerait une couture qui n'existe pas.
- */
-const currentLabel = computed(() =>
-  props.progress.waves.length > 1 ? t('replay.tasks.currentPlan') : t('replay.tasks.sessionTasks'),
-);
+  /**
+   * Une session qui n'a posé qu'un plan n'a pas de « plan courant » : sa liste est
+   * *la* liste, et la nommer autrement inventerait une couture qui n'existe pas.
+   */
+  const currentLabel = computed(() => (props.progress.waves.length > 1 ? t('replay.tasks.currentPlan') : t('replay.tasks.sessionTasks')))
 </script>
 
 <style scoped lang="scss">
-.tk {
-  padding: var(--space-sm) var(--space-md) var(--space-md);
-}
+  .tk {
+    padding: var(--space-sm) var(--space-md) var(--space-md);
+  }
 
-/*
+  /*
   La ligne des plans clos : une couture, pas une tâche.
 
   Elle garde le rembourrage des lignes qu'elle coiffe pour rester dans la même
   colonne, mais s'écrit plus petite et sans icône d'état — ce n'est pas un
   travail de plus, c'est ce qui sépare deux travaux.
 */
-.tk-past {
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  width: 100%;
-  padding: var(--space-xs);
-  border: 0;
-  border-radius: var(--radius-xs);
-  background: transparent;
-  color: var(--faint);
-  font: inherit;
-  font-size: var(--fs-xs);
-  text-align: left;
-  cursor: pointer;
-  transition: background var(--motion-fast);
-}
-.tk-past:hover {
-  background: var(--hover-overlay);
-}
-.tk-past:focus-visible {
-  outline: 1px solid var(--brand);
-  outline-offset: -1px;
-}
-.tk-past-name {
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.tk-past-count {
-  flex: none;
-  font-size: var(--fs-2xs);
-  font-variant-numeric: tabular-nums;
-}
+  .tk-past {
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    width: 100%;
+    padding: var(--space-xs);
+    border: 0;
+    border-radius: var(--radius-xs);
+    background: transparent;
+    color: var(--faint);
+    font: inherit;
+    font-size: var(--fs-xs);
+    text-align: left;
+    cursor: pointer;
+    transition: background var(--motion-fast);
+  }
+  .tk-past:hover {
+    background: var(--hover-overlay);
+  }
+  .tk-past:focus-visible {
+    outline: 1px solid var(--brand);
+    outline-offset: -1px;
+  }
+  .tk-past-name {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .tk-past-count {
+    flex: none;
+    font-size: var(--fs-2xs);
+    font-variant-numeric: tabular-nums;
+  }
 
-/* Ce qu'on rouvre s'enfonce d'un cran, et se sépare du plan courant par le trait
+  /* Ce qu'on rouvre s'enfonce d'un cran, et se sépare du plan courant par le trait
    qui dit où le travail d'aujourd'hui commence. */
-.tk-past-body {
-  padding-left: var(--space-sm);
-  padding-bottom: var(--space-xs);
-  margin-bottom: var(--space-xs);
-  border-bottom: 1px solid var(--line);
-}
-.tk-past-wave + .tk-past-wave {
-  margin-top: var(--space-xs);
-}
-.tk-past-title {
-  margin: 0 0 2px var(--space-xs);
-  font-size: var(--fs-2xs);
-  font-weight: 600;
-  color: var(--faint);
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
-}
+  .tk-past-body {
+    padding-left: var(--space-sm);
+    padding-bottom: var(--space-xs);
+    margin-bottom: var(--space-xs);
+    border-bottom: 1px solid var(--line);
+  }
+  .tk-past-wave + .tk-past-wave {
+    margin-top: var(--space-xs);
+  }
+  .tk-past-title {
+    margin: 0 0 2px var(--space-xs);
+    font-size: var(--fs-2xs);
+    font-weight: 600;
+    color: var(--faint);
+    text-transform: uppercase;
+    letter-spacing: 0.04em;
+  }
 </style>
diff --git a/src/components/replay/TaskPlan.vue b/src/components/replay/TaskPlan.vue
index 2070329..7bb2b42 100644
--- a/src/components/replay/TaskPlan.vue
+++ b/src/components/replay/TaskPlan.vue
@@ -19,7 +19,7 @@
         renvois vers ces tours. En la posant ici, le renvoi tombe exactement sur
         la tâche née à ce tour — et non plus sur la ligne grise qui la précédait.
       -->
-      <li v-for="(it, i) in items" :key="it.uuid" :id="`rp-task-${it.uuid}`" class="tp-item">
+      <li v-for="(it, i) in items" :id="`rp-task-${it.uuid}`" :key="it.uuid" class="tp-item">
         <span class="tp-num font-mono">{{ it.id || i + 1 }}</span>
         <span class="tp-subject">{{ it.subject }}</span>
       </li>
@@ -28,24 +28,24 @@
 </template>
 
 <script setup lang="ts">
-// La série de `TaskCreate` qui pose le plan, rendue d'un bloc.
-//
-// Cinq créations d'affilée sont un seul geste — « voilà comment je vais m'y
-// prendre ». Une ligne par appel en faisait cinq actions de même poids, séparées
-// par cinq jalons de tour, et la régularité se lisait comme du bruit. Les états
-// ne sont pas montrés ici : à cet instant du flux, tout est à faire, et afficher
-// l'état final trahirait le moment. C'est la colonne de droite qui le porte.
+  // La série de `TaskCreate` qui pose le plan, rendue d'un bloc.
+  //
+  // Cinq créations d'affilée sont un seul geste — « voilà comment je vais m'y
+  // prendre ». Une ligne par appel en faisait cinq actions de même poids, séparées
+  // par cinq jalons de tour, et la régularité se lisait comme du bruit. Les états
+  // ne sont pas montrés ici : à cet instant du flux, tout est à faire, et afficher
+  // l'état final trahirait le moment. C'est la colonne de droite qui le porte.
 
-import { useI18n } from 'vue-i18n';
-import type { PlanItem } from './taskList';
+  import { useI18n } from 'vue-i18n'
+  import type { PlanItem } from './taskList'
 
-defineProps<{ items: PlanItem[] }>();
+  defineProps<{ items: PlanItem[] }>()
 
-const { t } = useI18n();
+  const { t } = useI18n()
 </script>
 
 <style scoped lang="scss">
-/*
+  /*
   Les mesures d'une carte d'outil : même bordure, même fond, même rembourrage,
   même taille de titre. Le plan est un acte du même ordre qu'un `Read` ou un
   `Bash` — plus structurant, même — et doit peser autant dans la colonne.
@@ -54,73 +54,73 @@ const { t } = useI18n();
   replie : la liste *est* le contenu, et la cacher derrière un chevron
   reviendrait à masquer la seule chose que le bloc a à dire.
 */
-.tp {
-  border: 1px solid var(--line-2);
-  border-radius: var(--radius-sm);
-  background: var(--surface-2);
-  overflow: hidden;
-}
-.tp-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  margin: 0;
-  padding: var(--space-sm) var(--space-md);
-}
-.tp-head-icon {
-  color: var(--brand);
-  flex: none;
-}
-.tp-head-name {
-  flex: none;
-  font-size: var(--fs-sm);
-  font-weight: 600;
-}
-.tp-head-count {
-  flex: none;
-  font-size: var(--fs-xs);
-  color: var(--dim);
-}
-.tp-head-label {
-  min-width: 0;
-  font-size: var(--fs-xs);
-  color: var(--faint);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.tp-list {
-  list-style: none;
-  margin: 0;
-  padding: var(--space-sm) var(--space-md);
-  border-top: 1px solid var(--line);
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-xs);
-}
-.tp-item {
-  display: flex;
-  align-items: baseline;
-  gap: var(--space-sm);
-  min-width: 0;
-  // Le lien du panneau de contexte vise cette ligne : sans marge, elle arriverait
-  // collée au bord haut de la zone défilante.
-  scroll-margin-block: var(--space-xl);
-}
-.tp-num {
-  flex: none;
-  width: 1.25em;
-  text-align: right;
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-  font-variant-numeric: tabular-nums;
-}
-.tp-subject {
-  min-width: 0;
-  font-size: var(--fs-sm);
-  color: var(--muted);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
+  .tp {
+    border: 1px solid var(--line-2);
+    border-radius: var(--radius-sm);
+    background: var(--surface-2);
+    overflow: hidden;
+  }
+  .tp-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    margin: 0;
+    padding: var(--space-sm) var(--space-md);
+  }
+  .tp-head-icon {
+    color: var(--brand);
+    flex: none;
+  }
+  .tp-head-name {
+    flex: none;
+    font-size: var(--fs-sm);
+    font-weight: 600;
+  }
+  .tp-head-count {
+    flex: none;
+    font-size: var(--fs-xs);
+    color: var(--dim);
+  }
+  .tp-head-label {
+    min-width: 0;
+    font-size: var(--fs-xs);
+    color: var(--faint);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .tp-list {
+    list-style: none;
+    margin: 0;
+    padding: var(--space-sm) var(--space-md);
+    border-top: 1px solid var(--line);
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+  }
+  .tp-item {
+    display: flex;
+    align-items: baseline;
+    gap: var(--space-sm);
+    min-width: 0;
+    // Le lien du panneau de contexte vise cette ligne : sans marge, elle arriverait
+    // collée au bord haut de la zone défilante.
+    scroll-margin-block: var(--space-xl);
+  }
+  .tp-num {
+    flex: none;
+    width: 1.25em;
+    text-align: right;
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+    font-variant-numeric: tabular-nums;
+  }
+  .tp-subject {
+    min-width: 0;
+    font-size: var(--fs-sm);
+    color: var(--muted);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
 </style>
diff --git a/src/components/replay/TaskReport.vue b/src/components/replay/TaskReport.vue
index 8ddc6df..d65ed47 100644
--- a/src/components/replay/TaskReport.vue
+++ b/src/components/replay/TaskReport.vue
@@ -4,26 +4,14 @@
       <q-icon name="account_tree" size="16px" aria-hidden="true" />
       <span class="tr-name">{{ agentName }}</span>
       <span v-if="taskLabel" class="tr-task">{{ taskLabel }}</span>
-      <q-badge
-        v-if="block.status"
-        :color="block.status === 'completed' ? 'positive' : 'grey-6'"
-        :label="block.status"
-        rounded
-      />
+      <q-badge v-if="block.status" :color="block.status === 'completed' ? 'positive' : 'grey-6'" :label="block.status" rounded />
     </header>
 
     <MarkdownView v-if="block.text" :source="block.text" />
     <p v-else class="tr-empty">{{ t('replay.report.empty') }}</p>
 
-    <details
-      v-if="block.outputFile || block.note"
-      class="tr-meta"
-      :open="metaOpen"
-      @toggle="onMetaToggle"
-    >
-      <summary>
-        <q-icon name="info" size="13px" aria-hidden="true" /> {{ t('replay.report.details') }}
-      </summary>
+    <details v-if="block.outputFile || block.note" class="tr-meta" :open="metaOpen" @toggle="onMetaToggle">
+      <summary><q-icon name="info" size="13px" aria-hidden="true" /> {{ t('replay.report.details') }}</summary>
       <p v-if="block.outputFile" class="font-mono">
         <span class="tr-meta-k">{{ t('replay.report.file') }}</span> {{ block.outputFile }}
       </p>
@@ -33,113 +21,113 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
-import { useI18n } from 'vue-i18n';
-import type { Block } from '@/services/projects';
-import { useExpandable, syncDetails } from '@/composables/useExpandAll';
-import { agentColor } from '@/utils/agentColors';
-import MarkdownView from './MarkdownView.vue';
+  import { useExpandable, syncDetails } from '@/composables/useExpandAll'
+  import type { Block } from '@/services/projects'
+  import { agentColor } from '@/utils/agentColors'
+  import { computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import MarkdownView from './MarkdownView.vue'
 
-const { t } = useI18n();
+  const { t } = useI18n()
 
-const props = defineProps<{ block: Block }>();
+  const props = defineProps<{ block: Block }>()
 
-const metaOpen = useExpandable(false);
-const onMetaToggle = syncDetails(metaOpen);
+  const metaOpen = useExpandable(false)
+  const onMetaToggle = syncDetails(metaOpen)
 
-/**
- * The agent that produced the report, resolved from its sidecar during parsing.
- * Older transcripts carry no `<task-id>` to resolve, so fall back to the summary
- * — `Agent "Explorer …" finished` names the *task*, not the agent, but a real
- * label beats "Sous-agent".
- */
-const agentName = computed((): string => {
-  if (props.block.agentType) return props.block.agentType;
-  const summary = props.block.summary;
-  if (!summary) return 'Sous-agent';
-  return summary.match(/"([^"]+)"/)?.[1] ?? summary;
-});
+  /**
+   * The agent that produced the report, resolved from its sidecar during parsing.
+   * Older transcripts carry no `<task-id>` to resolve, so fall back to the summary
+   * — `Agent "Explorer …" finished` names the *task*, not the agent, but a real
+   * label beats "Sous-agent".
+   */
+  const agentName = computed((): string => {
+    if (props.block.agentType) return props.block.agentType
+    const summary = props.block.summary
+    if (!summary) return 'Sous-agent'
+    return summary.match(/"([^"]+)"/)?.[1] ?? summary
+  })
 
-/** With the agent named, the summary is free to say what it was asked to do. */
-const taskLabel = computed((): string => {
-  if (!props.block.agentType) return '';
-  return props.block.summary?.match(/"([^"]+)"/)?.[1] ?? '';
-});
+  /** With the agent named, the summary is free to say what it was asked to do. */
+  const taskLabel = computed((): string => {
+    if (!props.block.agentType) return ''
+    return props.block.summary?.match(/"([^"]+)"/)?.[1] ?? ''
+  })
 
-/** Matches the stripe the run itself wears in the timeline. */
-const accent = computed((): string | undefined => {
-  const key = props.block.agentType ?? props.block.taskId;
-  return key ? agentColor(key) : undefined;
-});
+  /** Matches the stripe the run itself wears in the timeline. */
+  const accent = computed((): string | undefined => {
+    const key = props.block.agentType ?? props.block.taskId
+    return key ? agentColor(key) : undefined
+  })
 </script>
 
 <style scoped lang="scss">
-.tr {
-  border: 1px solid var(--line);
-  border-left: 2px solid var(--brand-muted);
-  border-radius: var(--radius-sm);
-  background: var(--surface);
-  padding: var(--space-sm) var(--space-md) var(--space-md);
-}
-.tr-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  color: var(--brand-muted);
-  font-size: var(--fs-sm);
-  font-weight: 600;
-  margin-bottom: var(--space-sm);
-}
-.tr-name {
-  color: var(--text);
-}
-/* The task, beside the agent that ran it — muted, so the name stays the title. */
-.tr-task {
-  min-width: 0;
-  flex: 1 1 auto;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  color: var(--muted);
-  font-size: var(--fs-xs);
-  font-weight: 400;
-}
-.tr-empty {
-  margin: 0;
-  color: var(--dim);
-  font-size: var(--fs-sm);
-  font-style: italic;
-}
-.tr-meta {
-  margin-top: var(--space-sm);
-  border-top: 1px solid var(--line);
-  padding-top: var(--space-sm);
-}
-.tr-meta > summary {
-  cursor: pointer;
-  color: var(--muted);
-  font-size: var(--fs-xs);
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  list-style: none;
-}
-.tr-meta > summary::-webkit-details-marker {
-  display: none;
-}
-.tr-meta p {
-  margin: var(--space-sm) 0 0;
-  font-size: var(--fs-xs);
-  color: var(--dim);
-  word-break: break-all;
-}
-.tr-meta-k {
-  color: var(--faint);
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  margin-right: var(--space-xs);
-}
-.tr-meta-note {
-  font-style: italic;
-}
+  .tr {
+    border: 1px solid var(--line);
+    border-left: 2px solid var(--brand-muted);
+    border-radius: var(--radius-sm);
+    background: var(--surface);
+    padding: var(--space-sm) var(--space-md) var(--space-md);
+  }
+  .tr-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    color: var(--brand-muted);
+    font-size: var(--fs-sm);
+    font-weight: 600;
+    margin-bottom: var(--space-sm);
+  }
+  .tr-name {
+    color: var(--text);
+  }
+  /* The task, beside the agent that ran it — muted, so the name stays the title. */
+  .tr-task {
+    min-width: 0;
+    flex: 1 1 auto;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    color: var(--muted);
+    font-size: var(--fs-xs);
+    font-weight: 400;
+  }
+  .tr-empty {
+    margin: 0;
+    color: var(--dim);
+    font-size: var(--fs-sm);
+    font-style: italic;
+  }
+  .tr-meta {
+    margin-top: var(--space-sm);
+    border-top: 1px solid var(--line);
+    padding-top: var(--space-sm);
+  }
+  .tr-meta > summary {
+    cursor: pointer;
+    color: var(--muted);
+    font-size: var(--fs-xs);
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    list-style: none;
+  }
+  .tr-meta > summary::-webkit-details-marker {
+    display: none;
+  }
+  .tr-meta p {
+    margin: var(--space-sm) 0 0;
+    font-size: var(--fs-xs);
+    color: var(--dim);
+    word-break: break-all;
+  }
+  .tr-meta-k {
+    color: var(--faint);
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    margin-right: var(--space-xs);
+  }
+  .tr-meta-note {
+    font-style: italic;
+  }
 </style>
diff --git a/src/components/replay/TeammateMessage.vue b/src/components/replay/TeammateMessage.vue
index 4c9591e..8cc7601 100644
--- a/src/components/replay/TeammateMessage.vue
+++ b/src/components/replay/TeammateMessage.vue
@@ -20,92 +20,92 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
-import { useI18n } from 'vue-i18n';
-import type { Block } from '@/services/projects';
-import { agentColor } from '@/utils/agentColors';
-import MarkdownView from './MarkdownView.vue';
+  import type { Block } from '@/services/projects'
+  import { agentColor } from '@/utils/agentColors'
+  import { computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import MarkdownView from './MarkdownView.vue'
 
-const { t } = useI18n();
+  const { t } = useI18n()
 
-const props = defineProps<{ block: Block }>();
+  const props = defineProps<{ block: Block }>()
 
-/** Les quatre signaux du parc — 21 · 6 · 6 · 6 sur 39 corps de service. */
-const NOTICES: Record<string, string> = {
-  idle_notification: 'hourglass_empty',
-  shutdown_request: 'logout',
-  shutdown_approved: 'check_circle',
-  teammate_terminated: 'power_settings_new',
-};
+  /** Les quatre signaux du parc — 21 · 6 · 6 · 6 sur 39 corps de service. */
+  const NOTICES: Record<string, string> = {
+    idle_notification: 'hourglass_empty',
+    shutdown_request: 'logout',
+    shutdown_approved: 'check_circle',
+    teammate_terminated: 'power_settings_new',
+  }
 
-/**
- * Ce que le signal dit. Un type hors des quatre connus se rend tel quel : c'est
- * un identifiant du harnais, pas une phrase à traduire.
- */
-const said = computed((): string => {
-  const notice = props.block.notice ?? '';
-  return notice in NOTICES ? t(`replay.teammate.notice.${notice}`) : notice;
-});
+  /**
+   * Ce que le signal dit. Un type hors des quatre connus se rend tel quel : c'est
+   * un identifiant du harnais, pas une phrase à traduire.
+   */
+  const said = computed((): string => {
+    const notice = props.block.notice ?? ''
+    return notice in NOTICES ? t(`replay.teammate.notice.${notice}`) : notice
+  })
 
-/**
- * La teinte de l'expéditeur. Le CLI la donne dans l'attribut `color` — 66 blocs
- * du parc sur 97 — et elle vaut mieux que le hachage du nom, qui est un repli :
- * elle est celle que l'équipier porte partout ailleurs dans sa propre session.
- *
- * Un filet, jamais la couleur du texte : voir la note des jetons `--agent-*`.
- */
-const HUES = new Set(['blue', 'green', 'yellow', 'purple', 'pink', 'orange', 'cyan', 'red']);
+  /**
+   * La teinte de l'expéditeur. Le CLI la donne dans l'attribut `color` — 66 blocs
+   * du parc sur 97 — et elle vaut mieux que le hachage du nom, qui est un repli :
+   * elle est celle que l'équipier porte partout ailleurs dans sa propre session.
+   *
+   * Un filet, jamais la couleur du texte : voir la note des jetons `--agent-*`.
+   */
+  const HUES = new Set(['blue', 'green', 'yellow', 'purple', 'pink', 'orange', 'cyan', 'red'])
 
-const accent = computed((): string | undefined => {
-  const given = props.block.color;
-  if (given && HUES.has(given)) return `var(--agent-${given})`;
-  return props.block.from ? agentColor(props.block.from) : undefined;
-});
+  const accent = computed((): string | undefined => {
+    const given = props.block.color
+    if (given && HUES.has(given)) return `var(--agent-${given})`
+    return props.block.from ? agentColor(props.block.from) : undefined
+  })
 </script>
 
 <style scoped lang="scss">
-.tm {
-  border: 1px solid var(--line);
-  border-left: 2px solid var(--brand-muted);
-  border-radius: var(--radius-sm);
-  background: var(--surface);
-  padding: var(--space-sm) var(--space-md) var(--space-md);
-}
-.tm-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  margin-bottom: var(--space-sm);
-  color: var(--brand-muted);
-  font-size: var(--fs-sm);
-  font-weight: 600;
-}
-.tm-from {
-  color: var(--text);
-}
-// L'objet, à côté de l'expéditeur — en retrait, pour que le nom reste le titre.
-.tm-subject {
-  min-width: 0;
-  flex: 1 1 auto;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  color: var(--muted);
-  font-size: var(--fs-xs);
-  font-weight: 400;
-}
-.tm-notice {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  margin: 0;
-  color: var(--muted);
-  font-size: var(--fs-sm);
-}
-.tm-empty {
-  margin: 0;
-  color: var(--dim);
-  font-size: var(--fs-sm);
-  font-style: italic;
-}
+  .tm {
+    border: 1px solid var(--line);
+    border-left: 2px solid var(--brand-muted);
+    border-radius: var(--radius-sm);
+    background: var(--surface);
+    padding: var(--space-sm) var(--space-md) var(--space-md);
+  }
+  .tm-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    margin-bottom: var(--space-sm);
+    color: var(--brand-muted);
+    font-size: var(--fs-sm);
+    font-weight: 600;
+  }
+  .tm-from {
+    color: var(--text);
+  }
+  // L'objet, à côté de l'expéditeur — en retrait, pour que le nom reste le titre.
+  .tm-subject {
+    min-width: 0;
+    flex: 1 1 auto;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    color: var(--muted);
+    font-size: var(--fs-xs);
+    font-weight: 400;
+  }
+  .tm-notice {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    margin: 0;
+    color: var(--muted);
+    font-size: var(--fs-sm);
+  }
+  .tm-empty {
+    margin: 0;
+    color: var(--dim);
+    font-size: var(--fs-sm);
+    font-style: italic;
+  }
 </style>
diff --git a/src/components/replay/ThinkingBlock.vue b/src/components/replay/ThinkingBlock.vue
index d3aaa7c..f9deb96 100644
--- a/src/components/replay/ThinkingBlock.vue
+++ b/src/components/replay/ThinkingBlock.vue
@@ -10,60 +10,59 @@
 </template>
 
 <script setup lang="ts">
-// A turn holds any number of reasoning blocks, so each needs its own fold —
-// hence a component rather than a `<details>` inside the turn's v-for, which
-// would have no per-block state to bind to.
-import { computed } from 'vue';
-import { useExpandable, syncDetails } from '@/composables/useExpandAll';
-import MarkdownView from './MarkdownView.vue';
+  // A turn holds any number of reasoning blocks, so each needs its own fold —
+  // hence a component rather than a `<details>` inside the turn's v-for, which
+  // would have no per-block state to bind to.
+  import { useExpandable, syncDetails } from '@/composables/useExpandAll'
+  import { computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import MarkdownView from './MarkdownView.vue'
 
-import { useI18n } from 'vue-i18n';
+  const { t } = useI18n()
 
-const { t } = useI18n();
+  const props = withDefaults(defineProps<{ text?: string }>(), { text: '' })
 
-const props = withDefaults(defineProps<{ text?: string }>(), { text: '' });
+  const open = useExpandable(false)
+  const onToggle = syncDetails(open)
 
-const open = useExpandable(false);
-const onToggle = syncDetails(open);
-
-/** First words, so a folded block still says what it is about. */
-const peek = computed((): string => {
-  const t = props.text.replace(/\s+/g, ' ').trim();
-  return t.length > 70 ? `${t.slice(0, 69)}…` : t;
-});
+  /** First words, so a folded block still says what it is about. */
+  const peek = computed((): string => {
+    const t = props.text.replace(/\s+/g, ' ').trim()
+    return t.length > 70 ? `${t.slice(0, 69)}…` : t
+  })
 </script>
 
 <style scoped lang="scss">
-.tk {
-  border: 1px dashed var(--line-3);
-  border-radius: var(--radius-sm);
-  padding: var(--space-sm) var(--space-md);
-  background: var(--surface);
-}
-.tk > summary {
-  cursor: pointer;
-  color: var(--muted);
-  font-size: var(--fs-xs);
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  list-style: none;
-}
-.tk > summary::-webkit-details-marker {
-  display: none;
-}
-.tk-peek {
-  color: var(--faint);
-  font-style: italic;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  min-width: 0;
-}
-.tk[open] > summary {
-  margin-bottom: var(--space-sm);
-}
-.tk[open] .tk-peek {
-  display: none;
-}
+  .tk {
+    border: 1px dashed var(--line-3);
+    border-radius: var(--radius-sm);
+    padding: var(--space-sm) var(--space-md);
+    background: var(--surface);
+  }
+  .tk > summary {
+    cursor: pointer;
+    color: var(--muted);
+    font-size: var(--fs-xs);
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    list-style: none;
+  }
+  .tk > summary::-webkit-details-marker {
+    display: none;
+  }
+  .tk-peek {
+    color: var(--faint);
+    font-style: italic;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    min-width: 0;
+  }
+  .tk[open] > summary {
+    margin-bottom: var(--space-sm);
+  }
+  .tk[open] .tk-peek {
+    display: none;
+  }
 </style>
diff --git a/src/components/replay/TimelineNodeView.vue b/src/components/replay/TimelineNodeView.vue
index a588eda..6d1baea 100644
--- a/src/components/replay/TimelineNodeView.vue
+++ b/src/components/replay/TimelineNodeView.vue
@@ -28,25 +28,14 @@
 
     <UserBubble v-else-if="node.kind === 'user'" :event="node.event" />
 
-    <AssistantTurn
-      v-else-if="node.kind === 'turn'"
-      :turn="node"
-      :card-context="cardContext"
-      :live="live"
-    />
+    <AssistantTurn v-else-if="node.kind === 'turn'" :turn="node" :card-context="cardContext" :live="live" />
 
     <!-- Hooks, compactions and summaries happened between turns: their place in
          the stream is what they mean. They never fold into a card. -->
     <template v-else>
       <HookRunView v-if="node.event.kind === 'hook' && node.event.hook" :run="node.event.hook" />
-      <CompactionMarker
-        v-else-if="node.event.kind === 'compaction' && node.event.compaction"
-        :compaction="node.event.compaction"
-      />
-      <PlanModeMarker
-        v-else-if="node.event.kind === 'planmode' && node.event.planMode"
-        :mark="node.event.planMode"
-      />
+      <CompactionMarker v-else-if="node.event.kind === 'compaction' && node.event.compaction" :compaction="node.event.compaction" />
+      <PlanModeMarker v-else-if="node.event.kind === 'planmode' && node.event.planMode" :mark="node.event.planMode" />
       <CompactSummary v-else-if="node.event.origin === 'compact-summary'" :event="node.event" />
       <CommandLine v-else-if="isCommand" :event="node.event" />
       <section v-else class="rp-loose">
@@ -65,162 +54,160 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
-import { useI18n } from 'vue-i18n';
-import type { TimelineNode } from '@/composables/useTranscriptTurns';
-import type { CardContext } from './contextRows';
-import { fmtTime } from '@/utils/format';
-import MarkdownView from './MarkdownView.vue';
-import UserBubble from './UserBubble.vue';
-import AssistantTurn from './AssistantTurn.vue';
-import TaskReport from './TaskReport.vue';
-import TeammateMessage from './TeammateMessage.vue';
-import HookRunView from './HookRunView.vue';
-import CompactionMarker from './CompactionMarker.vue';
-import PlanModeMarker from './PlanModeMarker.vue';
-import CompactSummary from './CompactSummary.vue';
-import CommandLine from './CommandLine.vue';
+  import type { TimelineNode } from '@/composables/useTranscriptTurns'
+  import { fmtTime } from '@/utils/format'
+  import { computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import AssistantTurn from './AssistantTurn.vue'
+  import CommandLine from './CommandLine.vue'
+  import CompactionMarker from './CompactionMarker.vue'
+  import CompactSummary from './CompactSummary.vue'
+  import type { CardContext } from './contextRows'
+  import HookRunView from './HookRunView.vue'
+  import MarkdownView from './MarkdownView.vue'
+  import PlanModeMarker from './PlanModeMarker.vue'
+  import TaskReport from './TaskReport.vue'
+  import TeammateMessage from './TeammateMessage.vue'
+  import UserBubble from './UserBubble.vue'
 
-const { t } = useI18n();
+  const { t } = useI18n()
 
-const props = withDefaults(
-  defineProps<{
-    node: TimelineNode;
-    /** La teinte du run, ou `undefined` sur le fil principal. */
-    color?: string | undefined;
-    /** Premier nœud d'un run : celui qui porte le nom de l'agent. */
-    opensRun?: boolean;
-    label?: string;
-    cardContext?: CardContext | null;
-    /** Le tour qui est en train de se dérouler : il s'ouvre en profondeur. */
-    live?: boolean;
-    /** On vient de s'y rendre — un liseré s'éteint tout seul. */
-    flashed?: boolean;
-  }>(),
-  { color: undefined, opensRun: false, label: '', cardContext: null, live: false, flashed: false },
-);
+  const props = withDefaults(
+    defineProps<{
+      node: TimelineNode
+      /** La teinte du run, ou `undefined` sur le fil principal. */
+      color?: string | undefined
+      /** Premier nœud d'un run : celui qui porte le nom de l'agent. */
+      opensRun?: boolean
+      label?: string
+      cardContext?: CardContext | null
+      /** Le tour qui est en train de se dérouler : il s'ouvre en profondeur. */
+      live?: boolean
+      /** On vient de s'y rendre — un liseré s'éteint tout seul. */
+      flashed?: boolean
+    }>(),
+    { color: undefined, opensRun: false, label: '', cardContext: null, live: false, flashed: false },
+  )
 
-/**
- * Ce nœud s'est-il joué en mode plan ?
- *
- * Le filet qu'il pose est la seule chose qui distingue à l'écran une
- * exploration contrainte d'un travail ordinaire — jusqu'à 118 tours d'affilée,
- * pendant lesquels le modèle n'avait pas le droit d'écrire. Les bornes
- * elles-mêmes en sont exclues : elles disent déjà ce qu'elles sont.
- */
-const inPlanMode = computed(() => {
-  const node = props.node;
-  if (node.kind === 'turn') return node.events.some((e) => e.inPlanMode);
-  return node.event.kind !== 'planmode' && Boolean(node.event.inPlanMode);
-});
+  /**
+   * Ce nœud s'est-il joué en mode plan ?
+   *
+   * Le filet qu'il pose est la seule chose qui distingue à l'écran une
+   * exploration contrainte d'un travail ordinaire — jusqu'à 118 tours d'affilée,
+   * pendant lesquels le modèle n'avait pas le droit d'écrire. Les bornes
+   * elles-mêmes en sont exclues : elles disent déjà ce qu'elles sont.
+   */
+  const inPlanMode = computed(() => {
+    const node = props.node
+    if (node.kind === 'turn') return node.events.some((e) => e.inPlanMode)
+    return node.event.kind !== 'planmode' && Boolean(node.event.inPlanMode)
+  })
 
-/** A `/command` the user ran, or what it printed back. */
-const isCommand = computed(() => {
-  if (props.node.kind === 'turn') return false;
-  const origin = props.node.event.origin;
-  return origin === 'slash-command' || origin === 'command-output';
-});
+  /** A `/command` the user ran, or what it printed back. */
+  const isCommand = computed(() => {
+    if (props.node.kind === 'turn') return false
+    const origin = props.node.event.origin
+    return origin === 'slash-command' || origin === 'command-output'
+  })
 
-const looseIcon = computed(() =>
-  props.node.kind !== 'turn' && props.node.event.kind === 'summary' ? 'summarize' : 'info',
-);
+  const looseIcon = computed(() => (props.node.kind !== 'turn' && props.node.event.kind === 'summary' ? 'summarize' : 'info'))
 
-const looseLabel = computed(() => {
-  if (props.node.kind === 'turn') return '';
-  const ev = props.node.event;
-  if (ev.kind === 'summary') return t('replay.loose.summary');
-  if (ev.kind === 'system' && ev.subtype) {
-    return t('replay.loose.systemSub', { sub: ev.subtype });
-  }
-  return t('replay.loose.system');
-});
+  const looseLabel = computed(() => {
+    if (props.node.kind === 'turn') return ''
+    const ev = props.node.event
+    if (ev.kind === 'summary') return t('replay.loose.summary')
+    if (ev.kind === 'system' && ev.subtype) {
+      return t('replay.loose.systemSub', { sub: ev.subtype })
+    }
+    return t('replay.loose.system')
+  })
 </script>
 
 <style scoped lang="scss">
-.rp-node {
-  min-width: 0;
-  scroll-margin-block: var(--space-xl);
-}
+  .rp-node {
+    min-width: 0;
+    scroll-margin-block: var(--space-xl);
+  }
 
-/* Jumped to from the context panel. The outline fades on its own; a reader who
+  /* Jumped to from the context panel. The outline fades on its own; a reader who
    scrolled away meanwhile is not chased by it. */
-.rp-node--flash {
-  animation: rp-flash 1.4s ease-out;
-  border-radius: var(--radius-sm);
-}
-@keyframes rp-flash {
-  from {
-    box-shadow: 0 0 0 2px var(--brand);
+  .rp-node--flash {
+    animation: rp-flash 1.4s ease-out;
+    border-radius: var(--radius-sm);
   }
-  to {
-    box-shadow: 0 0 0 2px transparent;
+  @keyframes rp-flash {
+    from {
+      box-shadow: 0 0 0 2px var(--brand);
+    }
+    to {
+      box-shadow: 0 0 0 2px transparent;
+    }
   }
-}
-@media (prefers-reduced-motion: reduce) {
-  .rp-node--flash {
-    animation-duration: 0.01ms;
-    box-shadow: 0 0 0 2px var(--brand-line);
+  @media (prefers-reduced-motion: reduce) {
+    .rp-node--flash {
+      animation-duration: 0.01ms;
+      box-shadow: 0 0 0 2px var(--brand-line);
+    }
   }
-}
-/* A sub-agent runs its own conversation; indent it out of the main thread.
+  /* A sub-agent runs its own conversation; indent it out of the main thread.
    The stripe takes the agent's hue inline; --line-2 is the fallback for a run
    with no identity at all. */
-.rp-node--sub {
-  margin-left: var(--space-lg);
-  padding-left: var(--space-md);
-  border-left: 2px solid var(--line-2);
-}
+  .rp-node--sub {
+    margin-left: var(--space-lg);
+    padding-left: var(--space-md);
+    border-left: 2px solid var(--line-2);
+  }
 
-/* Joué en mode plan : lecture seule. Le filet est discontinu là où celui d'un
+  /* Joué en mode plan : lecture seule. Le filet est discontinu là où celui d'un
    sous-agent est plein — ce n'est pas une autre conversation, c'est la même,
    sous contrainte. Les deux ne se rencontrent jamais : le régime d'un
    sous-agent n'est pas celui de la session, et le serveur ne marque pas ses
    lignes. */
-.rp-node--plan {
-  padding-left: var(--space-md);
-  border-left: 2px dashed var(--brand-line);
-}
+  .rp-node--plan {
+    padding-left: var(--space-md);
+    border-left: 2px dashed var(--brand-line);
+  }
 
-/* The run's byline. Text names the agent — the dot only repeats it in colour,
+  /* The run's byline. Text names the agent — the dot only repeats it in colour,
    so the timeline stays readable without it. */
-.rp-agent {
-  margin: 0 0 var(--space-sm);
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  font-size: var(--fs-2xs);
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  color: var(--muted);
-}
-.rp-agent-dot {
-  width: 7px;
-  height: 7px;
-  border-radius: 50%;
-  flex: 0 0 auto;
-}
-.rp-teammates {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-}
-.rp-loose {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-xs);
-}
-.rp-loose-head {
-  margin: 0;
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  font-size: var(--fs-2xs);
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  color: var(--faint);
-}
-.rp-loose-time {
-  text-transform: none;
-  letter-spacing: 0;
-}
+  .rp-agent {
+    margin: 0 0 var(--space-sm);
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    font-size: var(--fs-2xs);
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    color: var(--muted);
+  }
+  .rp-agent-dot {
+    width: 7px;
+    height: 7px;
+    border-radius: 50%;
+    flex: 0 0 auto;
+  }
+  .rp-teammates {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+  }
+  .rp-loose {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+  }
+  .rp-loose-head {
+    margin: 0;
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    font-size: var(--fs-2xs);
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    color: var(--faint);
+  }
+  .rp-loose-time {
+    text-transform: none;
+    letter-spacing: 0;
+  }
 </style>
diff --git a/src/components/replay/ToolCall.vue b/src/components/replay/ToolCall.vue
index 7ef2c89..ad289bd 100644
--- a/src/components/replay/ToolCall.vue
+++ b/src/components/replay/ToolCall.vue
@@ -1,12 +1,6 @@
 <template>
   <div class="tc" :class="{ 'tc--error': isError }">
-    <button
-      type="button"
-      class="tc-head"
-      :aria-expanded="open"
-      :aria-controls="bodyId"
-      @click="open = !open"
-    >
+    <button type="button" class="tc-head" :aria-expanded="open" :aria-controls="bodyId" @click="open = !open">
       <q-icon :name="descriptor.icon" size="16px" class="tc-icon" aria-hidden="true" />
       <span class="tc-name font-mono">{{ block.name }}</span>
       <span v-if="summary" class="tc-summary font-mono">{{ summary }}</span>
@@ -44,253 +38,247 @@
     <div v-if="open" :id="bodyId" class="tc-body">
       <!-- Ce que l'outil a *montré* passe avant ce qu'il a dit : une capture
            d'écran est le résultat, le texte à côté n'en est que le résidu. -->
-      <ImageStrip
-        v-if="images.length"
-        :images="images"
-        :label="t('replay.images.byTool', { tool: block.name })"
-        class="tc-images"
-      />
+      <ImageStrip v-if="images.length" :images="images" :label="t('replay.images.byTool', { tool: block.name })" class="tc-images" />
       <component :is="view" :block="block" />
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
-import { computed, inject, ref, useId } from 'vue';
-import { useI18n } from 'vue-i18n';
-import { useExpandable } from '@/composables/useExpandAll';
-import { RUNNING_TOOLS } from './runningTools';
-import type { Block } from '@/services/projects';
-import { estimateTokens } from 'shared/context';
-import { fmtInt, fmtNum } from '@/utils/format';
-import { descriptorFor, summarise, type ToolView } from './tools/registry';
-import HookRunView from './HookRunView.vue';
-import ImageStrip from './ImageStrip.vue';
+  import { useExpandable } from '@/composables/useExpandAll'
+  import type { Block } from '@/services/projects'
+  import { fmtInt, fmtNum } from '@/utils/format'
+  import { estimateTokens } from 'shared/context'
+  import { computed, inject, ref, useId } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import HookRunView from './HookRunView.vue'
+  import ImageStrip from './ImageStrip.vue'
+  import { RUNNING_TOOLS } from './runningTools'
+  import { descriptorFor, summarise, type ToolView } from './tools/registry'
+  import AgentView from './tools/views/AgentView.vue'
+  import AskView from './tools/views/AskView.vue'
+  import EditView from './tools/views/EditView.vue'
+  import EnterPlanView from './tools/views/EnterPlanView.vue'
+  import GenericView from './tools/views/GenericView.vue'
+  import GlobView from './tools/views/GlobView.vue'
+  import GrepView from './tools/views/GrepView.vue'
+  import LspView from './tools/views/LspView.vue'
+  import MessageView from './tools/views/MessageView.vue'
+  import PlanView from './tools/views/PlanView.vue'
+  import ReadView from './tools/views/ReadView.vue'
+  import SearchView from './tools/views/SearchView.vue'
+  import SendMessageView from './tools/views/SendMessageView.vue'
+  import ShellView from './tools/views/ShellView.vue'
+  import SkillView from './tools/views/SkillView.vue'
+  import TaskView from './tools/views/TaskView.vue'
+  import WebSearchView from './tools/views/WebSearchView.vue'
+  import WebView from './tools/views/WebView.vue'
+  import WriteView from './tools/views/WriteView.vue'
 
-import AgentView from './tools/views/AgentView.vue';
-import AskView from './tools/views/AskView.vue';
-import EditView from './tools/views/EditView.vue';
-import GenericView from './tools/views/GenericView.vue';
-import GlobView from './tools/views/GlobView.vue';
-import GrepView from './tools/views/GrepView.vue';
-import LspView from './tools/views/LspView.vue';
-import EnterPlanView from './tools/views/EnterPlanView.vue';
-import MessageView from './tools/views/MessageView.vue';
-import PlanView from './tools/views/PlanView.vue';
-import ReadView from './tools/views/ReadView.vue';
-import SearchView from './tools/views/SearchView.vue';
-import SendMessageView from './tools/views/SendMessageView.vue';
-import SkillView from './tools/views/SkillView.vue';
-import ShellView from './tools/views/ShellView.vue';
-import TaskView from './tools/views/TaskView.vue';
-import WebView from './tools/views/WebView.vue';
-import WebSearchView from './tools/views/WebSearchView.vue';
-import WriteView from './tools/views/WriteView.vue';
+  const props = withDefaults(defineProps<{ block: Block; defaultOpen?: boolean }>(), {
+    defaultOpen: false,
+  })
 
-const props = withDefaults(defineProps<{ block: Block; defaultOpen?: boolean }>(), {
-  defaultOpen: false,
-});
-
-const VIEWS: Record<ToolView, unknown> = {
-  read: ReadView,
-  edit: EditView,
-  write: WriteView,
-  shell: ShellView,
-  grep: GrepView,
-  glob: GlobView,
-  lsp: LspView,
-  plan: PlanView,
-  enterPlan: EnterPlanView,
-  agent: AgentView,
-  web: WebView,
-  webSearch: WebSearchView,
-  task: TaskView,
-  message: MessageView,
-  sendMessage: SendMessageView,
-  ask: AskView,
-  search: SearchView,
-  skill: SkillView,
-  generic: GenericView,
-};
+  const VIEWS: Record<ToolView, unknown> = {
+    read: ReadView,
+    edit: EditView,
+    write: WriteView,
+    shell: ShellView,
+    grep: GrepView,
+    glob: GlobView,
+    lsp: LspView,
+    plan: PlanView,
+    enterPlan: EnterPlanView,
+    agent: AgentView,
+    web: WebView,
+    webSearch: WebSearchView,
+    task: TaskView,
+    message: MessageView,
+    sendMessage: SendMessageView,
+    ask: AskView,
+    search: SearchView,
+    skill: SkillView,
+    generic: GenericView,
+  }
 
-type Status = 'ok' | 'error' | 'running' | 'none';
+  type Status = 'ok' | 'error' | 'running' | 'none'
 
-const { t } = useI18n();
+  const { t } = useI18n()
 
-const bodyId = `tc-${useId()}`;
+  const bodyId = `tc-${useId()}`
 
-/**
- * Le lancement d'un agent s'ouvre d'emblée, et le « tout replier » ne le referme
- * pas.
- *
- * Les autres cartes cachent un résultat qu'on va chercher quand on le veut ;
- * celle-ci porte l'état d'un travail — le nom de l'agent, où il en est, l'outil
- * qu'il vient d'appeler. Repliée, elle se réduit à une ligne `Agent` parmi trente
- * autres appels, et rien ne dit plus qu'une conversation entière est partie
- * ailleurs. C'est justement ce que la piste a sorti du fil : le seul endroit qui
- * en garde la trace ne peut pas être replié par défaut.
- *
- * Un `ref` local plutôt qu'`useExpandable` : aucune commande globale ne doit la
- * refermer. Elle reste à un clic — le bouton d'en-tête la plie comme les autres.
- * La consigne, elle, garde son propre repli dans `AgentView` : cinquante lignes
- * de prompt repousseraient hors de l'écran l'état qu'on vient d'ouvrir.
- */
-const pinned = props.block.name === 'Agent';
-// Folded by default: a turn is read for its prose, and its tools on demand.
-const open = pinned ? ref(true) : useExpandable(props.defaultOpen);
+  /**
+   * Le lancement d'un agent s'ouvre d'emblée, et le « tout replier » ne le referme
+   * pas.
+   *
+   * Les autres cartes cachent un résultat qu'on va chercher quand on le veut ;
+   * celle-ci porte l'état d'un travail — le nom de l'agent, où il en est, l'outil
+   * qu'il vient d'appeler. Repliée, elle se réduit à une ligne `Agent` parmi trente
+   * autres appels, et rien ne dit plus qu'une conversation entière est partie
+   * ailleurs. C'est justement ce que la piste a sorti du fil : le seul endroit qui
+   * en garde la trace ne peut pas être replié par défaut.
+   *
+   * Un `ref` local plutôt qu'`useExpandable` : aucune commande globale ne doit la
+   * refermer. Elle reste à un clic — le bouton d'en-tête la plie comme les autres.
+   * La consigne, elle, garde son propre repli dans `AgentView` : cinquante lignes
+   * de prompt repousseraient hors de l'écran l'état qu'on vient d'ouvrir.
+   */
+  const pinned = props.block.name === 'Agent'
+  // Folded by default: a turn is read for its prose, and its tools on demand.
+  const open = pinned ? ref(true) : useExpandable(props.defaultOpen)
 
-const name = computed(() => props.block.name ?? '');
-const descriptor = computed(() => descriptorFor(name.value));
-const view = computed(() => VIEWS[descriptor.value.view]);
-const summary = computed(() => summarise(name.value, props.block.input));
+  const name = computed(() => props.block.name ?? '')
+  const descriptor = computed(() => descriptorFor(name.value))
+  const view = computed(() => VIEWS[descriptor.value.view])
+  const summary = computed(() => summarise(name.value, props.block.input))
 
-const images = computed(() => props.block.result?.images ?? []);
-const isError = computed(() => props.block.result?.isError === true);
+  const images = computed(() => props.block.result?.images ?? [])
+  const isError = computed(() => props.block.result?.isError === true)
 
-// Fourni par l'Atelier seul : en rejeu, rien ne tourne plus. Voir `runningTools`.
-const runningTools = inject(RUNNING_TOOLS, null);
-const status = computed<Status>(() => {
-  if (isError.value) return 'error';
-  if (props.block.result) return 'ok';
-  const id = props.block.id;
-  return id && runningTools?.value.has(id) ? 'running' : 'none';
-});
+  // Fourni par l'Atelier seul : en rejeu, rien ne tourne plus. Voir `runningTools`.
+  const runningTools = inject(RUNNING_TOOLS, null)
+  const status = computed<Status>(() => {
+    if (isError.value) return 'error'
+    if (props.block.result) return 'ok'
+    const id = props.block.id
+    return id && runningTools?.value.has(id) ? 'running' : 'none'
+  })
 
-/**
- * What this call cost the context window, near enough to compare two rows.
- *
- * `chars / 4`, the same heuristic the context panel uses, over the input it sent
- * and the result it got back. Always rendered behind a `~` — no offline
- * tokenizer exists, and the real figure is only known per response, not per tool.
- *
- * Une image, elle, ne se compte pas au caractère : le modèle la lit en pavés de
- * 28 px, et le BFF a déjà fait ce calcul (voir `TranscriptImage.tokens`). Sans
- * lui, un `Read` de capture d'écran s'annonçait à ~30 tokens au lieu de ~1 500.
- */
-const tokens = computed(() => {
-  const input = props.block.input ? JSON.stringify(props.block.input) : '';
-  const result = props.block.result?.content ?? '';
-  const visual = images.value.reduce((sum, img) => sum + (img.tokens ?? 0), 0);
-  return estimateTokens(input) + estimateTokens(result) + visual;
-});
+  /**
+   * What this call cost the context window, near enough to compare two rows.
+   *
+   * `chars / 4`, the same heuristic the context panel uses, over the input it sent
+   * and the result it got back. Always rendered behind a `~` — no offline
+   * tokenizer exists, and the real figure is only known per response, not per tool.
+   *
+   * Une image, elle, ne se compte pas au caractère : le modèle la lit en pavés de
+   * 28 px, et le BFF a déjà fait ce calcul (voir `TranscriptImage.tokens`). Sans
+   * lui, un `Read` de capture d'écran s'annonçait à ~30 tokens au lieu de ~1 500.
+   */
+  const tokens = computed(() => {
+    const input = props.block.input ? JSON.stringify(props.block.input) : ''
+    const result = props.block.result?.content ?? ''
+    const visual = images.value.reduce((sum, img) => sum + (img.tokens ?? 0), 0)
+    return estimateTokens(input) + estimateTokens(result) + visual
+  })
 </script>
 
 <style scoped lang="scss">
-.tc {
-  border: 1px solid var(--line-2);
-  border-radius: var(--radius-sm);
-  background: var(--surface-2);
-  overflow: hidden;
-}
-.tc--error {
-  border-color: color-mix(in srgb, var(--danger) 45%, var(--line-2));
-}
-.tc-head {
-  /* `width: 100%` plus un padding déborde de la carte en `content-box` — le
+  .tc {
+    border: 1px solid var(--line-2);
+    border-radius: var(--radius-sm);
+    background: var(--surface-2);
+    overflow: hidden;
+  }
+  .tc--error {
+    border-color: color-mix(in srgb, var(--danger) 45%, var(--line-2));
+  }
+  .tc-head {
+    /* `width: 100%` plus un padding déborde de la carte en `content-box` — le
      débordement est masqué par l'`overflow: hidden` de `.tc`, mais il rogne
      l'état affiché à droite. */
-  box-sizing: border-box;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  padding: var(--space-sm) var(--space-md);
-  background: none;
-  border: none;
-  color: inherit;
-  cursor: pointer;
-  text-align: left;
-}
-.tc-head:hover {
-  background: var(--hover-overlay);
-}
-.tc-icon {
-  color: var(--brand);
-  flex-shrink: 0;
-}
-.tc-name {
-  font-size: var(--fs-sm);
-  font-weight: 600;
-  flex-shrink: 0;
-}
-.tc-summary {
-  font-size: var(--fs-xs);
-  color: var(--dim);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  min-width: 0;
-}
-.tc-tokens {
-  flex-shrink: 0;
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-  padding: 1px 6px;
-  border-radius: 999px;
-  background: var(--surface-3);
-}
-.tc-status {
-  flex-shrink: 0;
-  display: inline-flex;
-  align-items: center;
-  gap: var(--space-xs);
-}
-.tc-dot {
-  width: 6px;
-  height: 6px;
-  border-radius: 999px;
-  background: var(--dim);
-}
-.tc-dot--ok {
-  background: var(--pulse);
-}
-.tc-dot--error {
-  background: var(--danger);
-}
-/*
+    box-sizing: border-box;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    padding: var(--space-sm) var(--space-md);
+    background: none;
+    border: none;
+    color: inherit;
+    cursor: pointer;
+    text-align: left;
+  }
+  .tc-head:hover {
+    background: var(--hover-overlay);
+  }
+  .tc-icon {
+    color: var(--brand);
+    flex-shrink: 0;
+  }
+  .tc-name {
+    font-size: var(--fs-sm);
+    font-weight: 600;
+    flex-shrink: 0;
+  }
+  .tc-summary {
+    font-size: var(--fs-xs);
+    color: var(--dim);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    min-width: 0;
+  }
+  .tc-tokens {
+    flex-shrink: 0;
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+    padding: 1px 6px;
+    border-radius: 999px;
+    background: var(--surface-3);
+  }
+  .tc-status {
+    flex-shrink: 0;
+    display: inline-flex;
+    align-items: center;
+    gap: var(--space-xs);
+  }
+  .tc-dot {
+    width: 6px;
+    height: 6px;
+    border-radius: 999px;
+    background: var(--dim);
+  }
+  .tc-dot--ok {
+    background: var(--pulse);
+  }
+  .tc-dot--error {
+    background: var(--danger);
+  }
+  /*
   Un outil qui tourne : la pastille respire au lieu de rester éteinte.
 
   Elle bat plus lentement que les points de la ligne d'activité — celle-ci dit
   « ça avance », celle-là dit « c'est ici que ça se passe ». Deux rythmes
   identiques dans le même écran se liraient comme un seul clignotement.
 */
-.tc-dot--running {
-  background: var(--brand);
-  animation: tc-breathe 1.8s ease-in-out infinite;
-}
-
-@keyframes tc-breathe {
-  0%,
-  100% {
-    opacity: 0.35;
-    transform: scale(0.8);
+  .tc-dot--running {
+    background: var(--brand);
+    animation: tc-breathe 1.8s ease-in-out infinite;
   }
-  50% {
-    opacity: 1;
-    transform: scale(1.15);
+
+  @keyframes tc-breathe {
+    0%,
+    100% {
+      opacity: 0.35;
+      transform: scale(0.8);
+    }
+    50% {
+      opacity: 1;
+      transform: scale(1.15);
+    }
   }
-}
 
-@media (prefers-reduced-motion: reduce) {
-  .tc-dot--running {
-    animation: none;
+  @media (prefers-reduced-motion: reduce) {
+    .tc-dot--running {
+      animation: none;
+    }
+  }
+  .tc-status-label {
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+  }
+  .tc-hooks {
+    padding: 0 var(--space-sm) var(--space-sm);
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+  }
+  .tc-body {
+    padding: var(--space-md);
+    border-top: 1px solid var(--line);
+  }
+  .tc-images {
+    margin-bottom: var(--space-md);
   }
-}
-.tc-status-label {
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-}
-.tc-hooks {
-  padding: 0 var(--space-sm) var(--space-sm);
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-xs);
-}
-.tc-body {
-  padding: var(--space-md);
-  border-top: 1px solid var(--line);
-}
-.tc-images {
-  margin-bottom: var(--space-md);
-}
 </style>
diff --git a/src/components/replay/TranscriptTimeline.vue b/src/components/replay/TranscriptTimeline.vue
index 1e49056..0283ae4 100644
--- a/src/components/replay/TranscriptTimeline.vue
+++ b/src/components/replay/TranscriptTimeline.vue
@@ -62,9 +62,7 @@
         <ul class="rp-silent-list">
           <li v-for="g in silentHooks.groups" :key="g.command">
             <code class="rp-silent-cmd">{{ g.command }}</code>
-            <span class="rp-silent-count font-mono">
-              ×{{ g.count }} · {{ fmtDuration(g.durationMs) }}
-            </span>
+            <span class="rp-silent-count font-mono"> ×{{ g.count }} · {{ fmtDuration(g.durationMs) }} </span>
           </li>
         </ul>
         <p class="rp-silent-note">
@@ -76,379 +74,377 @@
 </template>
 
 <script setup lang="ts">
-import { computed, nextTick, onUnmounted, ref, watch } from 'vue';
-import { useI18n } from 'vue-i18n';
-import type { SessionContext, SilentHooks, TranscriptEvent } from '@/services/projects';
-import { useTranscriptTurns, type TimelineNode } from '@/composables/useTranscriptTurns';
-import { cardContext, type CardContext } from './contextRows';
-import { useExpandable, syncDetails, onExpandAll } from '@/composables/useExpandAll';
-import { agentColorOf } from '@/utils/agentColors';
-import { fmtDuration, fmtNum } from '@/utils/format';
-import TimelineNodeView from './TimelineNodeView.vue';
+  import { useExpandable, syncDetails, onExpandAll } from '@/composables/useExpandAll'
+  import { useTranscriptTurns, type TimelineNode } from '@/composables/useTranscriptTurns'
+  import type { SessionContext, SilentHooks, TranscriptEvent } from '@/services/projects'
+  import { agentColorOf } from '@/utils/agentColors'
+  import { fmtDuration, fmtNum } from '@/utils/format'
+  import { computed, nextTick, onUnmounted, ref, watch } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import { cardContext, type CardContext } from './contextRows'
+  import TimelineNodeView from './TimelineNodeView.vue'
 
-const { t } = useI18n();
+  const { t } = useI18n()
 
-const props = withDefaults(
-  defineProps<{
-    events: TranscriptEvent[];
-    /** Silent hook runs, folded into a single tally at the end of the stream. */
-    silentHooks?: SilentHooks | undefined;
-    /** The reconstructed context, so each card can say what it added to the window. */
-    context?: SessionContext | undefined;
-    /** Suivre le direct : le dernier tour s'ouvre en profondeur, à mesure. */
-    followLive?: boolean;
-    /**
-     * Montrer la consigne qui ouvre un run de sous-agent. À n'activer que
-     * lorsque le run est montré seul — sinon elle double l'appel `Agent` qui
-     * l'affiche déjà, quelques lignes plus haut dans le même flux.
-     */
-    showRunPrompt?: boolean;
-  }>(),
-  { silentHooks: undefined, context: undefined, followLive: false, showRunPrompt: false },
-);
+  const props = withDefaults(
+    defineProps<{
+      events: TranscriptEvent[]
+      /** Silent hook runs, folded into a single tally at the end of the stream. */
+      silentHooks?: SilentHooks | undefined
+      /** The reconstructed context, so each card can say what it added to the window. */
+      context?: SessionContext | undefined
+      /** Suivre le direct : le dernier tour s'ouvre en profondeur, à mesure. */
+      followLive?: boolean
+      /**
+       * Montrer la consigne qui ouvre un run de sous-agent. À n'activer que
+       * lorsque le run est montré seul — sinon elle double l'appel `Agent` qui
+       * l'affiche déjà, quelques lignes plus haut dans le même flux.
+       */
+      showRunPrompt?: boolean
+    }>(),
+    { silentHooks: undefined, context: undefined, followLive: false, showRunPrompt: false },
+  )
 
-const nodes = useTranscriptTurns(() => props.events, { showRunPrompt: () => props.showRunPrompt });
+  const nodes = useTranscriptTurns(() => props.events, { showRunPrompt: () => props.showRunPrompt })
 
-/** Le dernier tour du flux — celui qui est en train de se dérouler. */
-const liveTurnUuid = computed(() => {
-  if (!props.followLive) return null;
-  for (let i = nodes.value.length - 1; i >= 0; i--) {
-    const n = nodes.value[i]!;
-    if (n.kind === 'turn') return n.uuid;
-  }
-  return null;
-});
+  /** Le dernier tour du flux — celui qui est en train de se dérouler. */
+  const liveTurnUuid = computed(() => {
+    if (!props.followLive) return null
+    for (let i = nodes.value.length - 1; i >= 0; i--) {
+      const n = nodes.value[i]!
+      if (n.kind === 'turn') return n.uuid
+    }
+    return null
+  })
 
-/** UUID of a turn's first row → its 0-based turn index, to map cards onto turns. */
-const turnIndexByUuid = computed(() => {
-  const m = new Map<string, number>();
-  for (const t of props.context?.turns ?? []) m.set(t.uuid, t.turnIndex);
-  return m;
-});
+  /** UUID of a turn's first row → its 0-based turn index, to map cards onto turns. */
+  const turnIndexByUuid = computed(() => {
+    const m = new Map<string, number>()
+    for (const t of props.context?.turns ?? []) m.set(t.uuid, t.turnIndex)
+    return m
+  })
 
-/**
- * What a card added to the window: the tokens of the turns it covers.
- *
- * A card holds several assistant responses, each its own context turn. We match
- * a turn to its card by the uuid of the response's first row, which the card
- * carries among its events.
- */
-function cardContextOf(node: TimelineNode): CardContext | null {
-  if (!props.context || node.kind !== 'turn') return null;
-  const indices: number[] = [];
-  for (const ev of node.events) {
-    const idx = turnIndexByUuid.value.get(ev.uuid);
-    if (idx !== undefined) indices.push(idx);
+  /**
+   * What a card added to the window: the tokens of the turns it covers.
+   *
+   * A card holds several assistant responses, each its own context turn. We match
+   * a turn to its card by the uuid of the response's first row, which the card
+   * carries among its events.
+   */
+  function cardContextOf(node: TimelineNode): CardContext | null {
+    if (!props.context || node.kind !== 'turn') return null
+    const indices: number[] = []
+    for (const ev of node.events) {
+      const idx = turnIndexByUuid.value.get(ev.uuid)
+      if (idx !== undefined) indices.push(idx)
+    }
+    return cardContext(props.context, indices)
   }
-  return cardContext(props.context, indices);
-}
 
-const silentOpen = useExpandable(false);
-const onSilentToggle = syncDetails(silentOpen);
+  const silentOpen = useExpandable(false)
+  const onSilentToggle = syncDetails(silentOpen)
 
-interface TimelineRow {
-  node: TimelineNode;
-  /** The run's hue, or undefined on the main thread. */
-  color: string | undefined;
-  /** First node of a run: the one that carries the agent's name. */
-  opensRun: boolean;
-  label: string;
-}
+  interface TimelineRow {
+    node: TimelineNode
+    /** The run's hue, or undefined on the main thread. */
+    color: string | undefined
+    /** First node of a run: the one that carries the agent's name. */
+    opensRun: boolean
+    label: string
+  }
 
-/**
- * Colour a run by its agent's name, so the same agent reads the same in every
- * session. Two runs of that agent at once would then share a stripe, which is
- * why the *label* carries the id — the colour groups, the text disambiguates.
- * A run nobody could name falls back to its id, which at least separates it
- * from its neighbours.
- */
-const rows = computed((): TimelineRow[] =>
-  nodes.value.map((node, i) => {
-    if (!node.isSidechain) return { node, color: undefined, opensRun: false, label: '' };
-    const prev = nodes.value[i - 1];
-    return {
-      node,
-      color: agentColorOf(node),
-      opensRun: !prev?.isSidechain || prev.agentId !== node.agentId,
-      label: node.agentType ?? t('replay.tracks.subagent'),
-    };
-  }),
-);
+  /**
+   * Colour a run by its agent's name, so the same agent reads the same in every
+   * session. Two runs of that agent at once would then share a stripe, which is
+   * why the *label* carries the id — the colour groups, the text disambiguates.
+   * A run nobody could name falls back to its id, which at least separates it
+   * from its neighbours.
+   */
+  const rows = computed((): TimelineRow[] =>
+    nodes.value.map((node, i) => {
+      if (!node.isSidechain) return { node, color: undefined, opensRun: false, label: '' }
+      const prev = nodes.value[i - 1]
+      return {
+        node,
+        color: agentColorOf(node),
+        opensRun: !prev?.isSidechain || prev.agentId !== node.agentId,
+        label: node.agentType ?? t('replay.tracks.subagent'),
+      }
+    }),
+  )
 
-interface PhaseSegment {
-  phase: number;
-  title: string;
-  /** Ce que le segment pèse, en une ligne, lisible replié. */
-  meta: string;
-  rows: TimelineRow[];
-}
+  interface PhaseSegment {
+    phase: number
+    title: string
+    /** Ce que le segment pèse, en une ligne, lisible replié. */
+    meta: string
+    rows: TimelineRow[]
+  }
 
-/**
- * Le fil découpé par compaction.
- *
- * Le premier segment est celui de la session neuve ; chacun des suivants s'ouvre
- * sur le marqueur de sa compaction, puis sur le résumé conservé — tout ce que le
- * modèle garde de ce qui précède. L'en-tête ne répète pas ce marqueur : il dit ce
- * que le segment contient quand il est fermé, quand le marqueur, lui, n'est pas
- * à l'écran.
- */
-const segments = computed((): PhaseSegment[] => {
-  const out: PhaseSegment[] = [];
-  for (const row of rows.value) {
-    const phase = row.node.phase;
-    let seg = out[out.length - 1];
-    if (!seg || seg.phase !== phase) {
-      seg = { phase, title: t('replay.timeline.phase', { n: phase + 1 }), meta: '', rows: [] };
-      out.push(seg);
+  /**
+   * Le fil découpé par compaction.
+   *
+   * Le premier segment est celui de la session neuve ; chacun des suivants s'ouvre
+   * sur le marqueur de sa compaction, puis sur le résumé conservé — tout ce que le
+   * modèle garde de ce qui précède. L'en-tête ne répète pas ce marqueur : il dit ce
+   * que le segment contient quand il est fermé, quand le marqueur, lui, n'est pas
+   * à l'écran.
+   */
+  const segments = computed((): PhaseSegment[] => {
+    const out: PhaseSegment[] = []
+    for (const row of rows.value) {
+      const phase = row.node.phase
+      let seg = out[out.length - 1]
+      if (!seg || seg.phase !== phase) {
+        seg = { phase, title: t('replay.timeline.phase', { n: phase + 1 }), meta: '', rows: [] }
+        out.push(seg)
+      }
+      seg.rows.push(row)
     }
-    seg.rows.push(row);
-  }
-  for (const seg of out) seg.meta = metaOf(seg);
-  return out;
-});
+    for (const seg of out) seg.meta = metaOf(seg)
+    return out
+  })
 
-/**
- * Ce qu'un segment fermé annonce : combien de tours il tient, et la fenêtre dont
- * il repart. Les deux chiffres de la compaction sont relevés par le harness —
- * une taille d'après nulle veut dire « pas encore su », jamais « tout est parti ».
- */
-function metaOf(seg: PhaseSegment): string {
-  const turns = seg.rows.filter((r) => r.node.kind === 'turn' && !r.node.isSidechain).length;
-  const parts = [t('replay.tracks.turns', turns)];
-  const opening = seg.rows[0]?.node;
-  const compaction = opening && opening.kind === 'event' ? opening.event.compaction : undefined;
-  if (compaction && compaction.postTokens > 0) {
-    parts.push(
-      t('replay.timeline.compacted', {
-        before: fmtNum(compaction.preTokens),
-        after: fmtNum(compaction.postTokens),
-      }),
-    );
+  /**
+   * Ce qu'un segment fermé annonce : combien de tours il tient, et la fenêtre dont
+   * il repart. Les deux chiffres de la compaction sont relevés par le harness —
+   * une taille d'après nulle veut dire « pas encore su », jamais « tout est parti ».
+   */
+  function metaOf(seg: PhaseSegment): string {
+    const turns = seg.rows.filter((r) => r.node.kind === 'turn' && !r.node.isSidechain).length
+    const parts = [t('replay.tracks.turns', turns)]
+    const opening = seg.rows[0]?.node
+    const compaction = opening && opening.kind === 'event' ? opening.event.compaction : undefined
+    if (compaction && compaction.postTokens > 0) {
+      parts.push(
+        t('replay.timeline.compacted', {
+          before: fmtNum(compaction.preTokens),
+          after: fmtNum(compaction.postTokens),
+        }),
+      )
+    }
+    return parts.join(' · ')
   }
-  return parts.join(' · ');
-}
 
-/**
- * Les segments ouverts. Le dernier l'est, les autres non : c'est la conversation
- * en cours qu'on vient lire, et une phase fermée n'est pas montée du tout.
- */
-const openPhases = ref(new Set<number>());
-const isOpen = (phase: number): boolean => openPhases.value.has(phase);
+  /**
+   * Les segments ouverts. Le dernier l'est, les autres non : c'est la conversation
+   * en cours qu'on vient lire, et une phase fermée n'est pas montée du tout.
+   */
+  const openPhases = ref(new Set<number>())
+  const isOpen = (phase: number): boolean => openPhases.value.has(phase)
 
-watch(
-  () => segments.value.length,
-  (n) => {
-    if (!n) return;
-    // Une compaction en direct ouvre la phase qu'elle inaugure — sans quoi le
-    // flux semblerait s'arrêter là. Ce qui était ouvert le reste.
-    const next = new Set(openPhases.value);
-    next.add(segments.value[n - 1]!.phase);
-    openPhases.value = next;
-  },
-  { immediate: true },
-);
+  watch(
+    () => segments.value.length,
+    (n) => {
+      if (!n) return
+      // Une compaction en direct ouvre la phase qu'elle inaugure — sans quoi le
+      // flux semblerait s'arrêter là. Ce qui était ouvert le reste.
+      const next = new Set(openPhases.value)
+      next.add(segments.value[n - 1]!.phase)
+      openPhases.value = next
+    },
+    { immediate: true },
+  )
 
-function onPhaseToggle(phase: number, e: Event): void {
-  const next = new Set(openPhases.value);
-  if ((e.target as HTMLDetailsElement).open) next.add(phase);
-  else next.delete(phase);
-  openPhases.value = next;
-}
+  function onPhaseToggle(phase: number, e: Event): void {
+    const next = new Set(openPhases.value)
+    if ((e.target as HTMLDetailsElement).open) next.add(phase)
+    else next.delete(phase)
+    openPhases.value = next
+  }
 
-onExpandAll((open) => {
-  openPhases.value = open ? new Set(segments.value.map((s) => s.phase)) : new Set();
-});
+  onExpandAll((open) => {
+    openPhases.value = open ? new Set(segments.value.map((s) => s.phase)) : new Set()
+  })
 
-/**
- * Where a given event ended up.
- *
- * The context panel points at an *assistant response* — one `message.id`, which
- * the timeline folded into a turn card along with everything else Claude did
- * between two human messages. Scrolling to the card is the honest target: the
- * response has no box of its own on screen.
- */
-const nodeOfEvent = computed((): Map<string, TimelineNode> => {
-  const out = new Map<string, TimelineNode>();
-  for (const node of nodes.value) {
-    if (node.kind === 'turn') for (const ev of node.events) out.set(ev.uuid, node);
-    else out.set(node.uuid, node);
-  }
-  return out;
-});
+  /**
+   * Where a given event ended up.
+   *
+   * The context panel points at an *assistant response* — one `message.id`, which
+   * the timeline folded into a turn card along with everything else Claude did
+   * between two human messages. Scrolling to the card is the honest target: the
+   * response has no box of its own on screen.
+   */
+  const nodeOfEvent = computed((): Map<string, TimelineNode> => {
+    const out = new Map<string, TimelineNode>()
+    for (const node of nodes.value) {
+      if (node.kind === 'turn') for (const ev of node.events) out.set(ev.uuid, node)
+      else out.set(node.uuid, node)
+    }
+    return out
+  })
 
-const nodeAnchor = (uuid: string): string => `rp-node-${uuid}`;
+  const nodeAnchor = (uuid: string): string => `rp-node-${uuid}`
 
-/** The card we just jumped to, briefly outlined so the eye finds it. */
-const flashed = ref('');
-const FLASH_MS = 1400;
-let flashTimer: ReturnType<typeof setTimeout> | undefined;
+  /** The card we just jumped to, briefly outlined so the eye finds it. */
+  const flashed = ref('')
+  const FLASH_MS = 1400
+  let flashTimer: ReturnType<typeof setTimeout> | undefined
 
-/**
- * Bring the card holding `uuid` into view. Returns `false` when the event is not
- * on screen at all — a caller can then say so rather than fail silently.
- *
- * Le panneau de contexte navigue vers n'importe quelle phase, y compris une
- * phase morte et repliée : on l'ouvre d'abord, sinon la cible n'existe pas dans
- * le DOM et le saut échouerait sur une session que rien n'empêche de lire.
- *
- * Et on n'ouvre qu'elle. Se rendre dans une phase, c'est dire laquelle on vient
- * lire : les autres se replient, et leurs milliers de nœuds quittent le DOM au
- * lieu de s'y empiler saut après saut. Le lecteur qui en veut deux à la fois les
- * rouvre à la main — l'inverse, refermer une à une ce que la navigation a laissé
- * ouvert, n'a pas d'équivalent.
- */
-async function scrollToEvent(uuid: string): Promise<boolean> {
-  const node = nodeOfEvent.value.get(uuid);
-  if (!node) return false;
-  if (!isOpen(node.phase) || openPhases.value.size > 1) {
-    openPhases.value = new Set([node.phase]);
-    await nextTick();
-  }
-  // De préférence le bloc de tâche lui-même, puis le jalon du tour (présent si
-  // la carte est dépliée), puis la carte entière. Dans une carte de soixante-dix
-  // réponses, la nuance décide si l'on tombe sur le bon tour ou sur son début.
-  //
-  // Le bloc de tâche passe devant parce que le jalon peut manquer là même où on
-  // en aurait besoin : le harness écrit une ligne par bloc de contenu, si bien
-  // qu'une réponse qui dit une phrase avant d'appeler l'outil met le relevé
-  // d'usage — donc le jalon — sur la phrase, et laisse l'appel sans ancre.
-  const target =
-    document.getElementById(`rp-task-${uuid}`) ??
-    document.getElementById(`rp-turn-${uuid}`) ??
-    document.getElementById(nodeAnchor(node.uuid));
-  if (!target) return false;
+  /**
+   * Bring the card holding `uuid` into view. Returns `false` when the event is not
+   * on screen at all — a caller can then say so rather than fail silently.
+   *
+   * Le panneau de contexte navigue vers n'importe quelle phase, y compris une
+   * phase morte et repliée : on l'ouvre d'abord, sinon la cible n'existe pas dans
+   * le DOM et le saut échouerait sur une session que rien n'empêche de lire.
+   *
+   * Et on n'ouvre qu'elle. Se rendre dans une phase, c'est dire laquelle on vient
+   * lire : les autres se replient, et leurs milliers de nœuds quittent le DOM au
+   * lieu de s'y empiler saut après saut. Le lecteur qui en veut deux à la fois les
+   * rouvre à la main — l'inverse, refermer une à une ce que la navigation a laissé
+   * ouvert, n'a pas d'équivalent.
+   */
+  async function scrollToEvent(uuid: string): Promise<boolean> {
+    const node = nodeOfEvent.value.get(uuid)
+    if (!node) return false
+    if (!isOpen(node.phase) || openPhases.value.size > 1) {
+      openPhases.value = new Set([node.phase])
+      await nextTick()
+    }
+    // De préférence le bloc de tâche lui-même, puis le jalon du tour (présent si
+    // la carte est dépliée), puis la carte entière. Dans une carte de soixante-dix
+    // réponses, la nuance décide si l'on tombe sur le bon tour ou sur son début.
+    //
+    // Le bloc de tâche passe devant parce que le jalon peut manquer là même où on
+    // en aurait besoin : le harness écrit une ligne par bloc de contenu, si bien
+    // qu'une réponse qui dit une phrase avant d'appeler l'outil met le relevé
+    // d'usage — donc le jalon — sur la phrase, et laisse l'appel sans ancre.
+    const target =
+      document.getElementById(`rp-task-${uuid}`) ?? document.getElementById(`rp-turn-${uuid}`) ?? document.getElementById(nodeAnchor(node.uuid))
+    if (!target) return false
 
-  target.scrollIntoView({ block: 'center', behavior: 'smooth' });
-  flashed.value = node.uuid;
-  clearTimeout(flashTimer);
-  flashTimer = setTimeout(() => (flashed.value = ''), FLASH_MS);
-  return true;
-}
+    target.scrollIntoView({ block: 'center', behavior: 'smooth' })
+    flashed.value = node.uuid
+    clearTimeout(flashTimer)
+    flashTimer = setTimeout(() => (flashed.value = ''), FLASH_MS)
+    return true
+  }
 
-onUnmounted(() => clearTimeout(flashTimer));
+  onUnmounted(() => clearTimeout(flashTimer))
 
-defineExpose({ scrollToEvent });
+  defineExpose({ scrollToEvent })
 
-const silentLabel = computed((): string => {
-  const n = props.silentHooks?.count ?? 0;
-  const total = fmtDuration(props.silentHooks?.durationMs ?? 0);
-  return t('replay.timeline.silent', { n: fmtNum(n), total }, n);
-});
+  const silentLabel = computed((): string => {
+    const n = props.silentHooks?.count ?? 0
+    const total = fmtDuration(props.silentHooks?.durationMs ?? 0)
+    return t('replay.timeline.silent', { n: fmtNum(n), total }, n)
+  })
 </script>
 
 <style scoped lang="scss">
-.rp-timeline {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-xl);
-}
-.rp-node {
-  min-width: 0;
-  scroll-margin-block: var(--space-xl);
-}
+  .rp-timeline {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xl);
+  }
+  .rp-node {
+    min-width: 0;
+    scroll-margin-block: var(--space-xl);
+  }
 
-/* Un segment de compaction. Le liseré tient lieu de frontière : ce qui est
+  /* Un segment de compaction. Le liseré tient lieu de frontière : ce qui est
    dedans est une fenêtre de contexte, et une seule. */
-.rp-phase {
-  min-width: 0;
-  scroll-margin-block: var(--space-xl);
-}
-.rp-phase-head {
-  cursor: pointer;
-  list-style: none;
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  padding: var(--space-xs) var(--space-sm);
-  border: 1px solid var(--line-2);
-  border-radius: var(--radius-sm);
-  background: var(--surface-2);
-  font-size: var(--fs-xs);
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  color: var(--muted);
-}
-.rp-phase-head::-webkit-details-marker {
-  display: none;
-}
-.rp-phase-head:hover {
-  color: var(--text);
-}
-.rp-phase-name {
-  font-weight: 600;
-}
-.rp-phase-meta {
-  margin-left: auto;
-  text-transform: none;
-  letter-spacing: 0;
-  color: var(--faint);
-  font-size: var(--fs-2xs);
-}
-.rp-phase-chev {
-  transition: transform var(--motion-fast);
-  flex: 0 0 auto;
-}
-details[open] > .rp-phase-head .rp-phase-chev {
-  transform: rotate(90deg);
-}
-@media (prefers-reduced-motion: reduce) {
+  .rp-phase {
+    min-width: 0;
+    scroll-margin-block: var(--space-xl);
+  }
+  .rp-phase-head {
+    cursor: pointer;
+    list-style: none;
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    padding: var(--space-xs) var(--space-sm);
+    border: 1px solid var(--line-2);
+    border-radius: var(--radius-sm);
+    background: var(--surface-2);
+    font-size: var(--fs-xs);
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    color: var(--muted);
+  }
+  .rp-phase-head::-webkit-details-marker {
+    display: none;
+  }
+  .rp-phase-head:hover {
+    color: var(--text);
+  }
+  .rp-phase-name {
+    font-weight: 600;
+  }
+  .rp-phase-meta {
+    margin-left: auto;
+    text-transform: none;
+    letter-spacing: 0;
+    color: var(--faint);
+    font-size: var(--fs-2xs);
+  }
   .rp-phase-chev {
-    transition: none;
+    transition: transform var(--motion-fast);
+    flex: 0 0 auto;
+  }
+  details[open] > .rp-phase-head .rp-phase-chev {
+    transform: rotate(90deg);
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .rp-phase-chev {
+      transition: none;
+    }
+  }
+  .rp-timeline--inner {
+    padding: var(--space-lg) 0 0 var(--space-md);
+    border-left: 2px solid var(--line-2);
+    margin-left: var(--space-sm);
   }
-}
-.rp-timeline--inner {
-  padding: var(--space-lg) 0 0 var(--space-md);
-  border-left: 2px solid var(--line-2);
-  margin-left: var(--space-sm);
-}
 
-.rp-silent > summary {
-  cursor: pointer;
-  list-style: none;
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  color: var(--dim);
-  font-size: var(--fs-xs);
-}
-.rp-silent > summary::-webkit-details-marker {
-  display: none;
-}
-.rp-silent > summary:hover {
-  color: var(--muted);
-}
-.rp-silent-list {
-  list-style: none;
-  margin: var(--space-sm) 0 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-xs);
-}
-.rp-silent-list > li {
-  display: flex;
-  align-items: baseline;
-  gap: var(--space-sm);
-  justify-content: space-between;
-}
-.rp-silent-cmd {
-  font-family: 'JetBrains Mono', ui-monospace, monospace;
-  font-size: var(--fs-2xs);
-  color: var(--muted);
-  word-break: break-all;
-}
-.rp-silent-count {
-  flex-shrink: 0;
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-}
-.rp-silent-note {
-  margin: var(--space-sm) 0 0;
-  color: var(--faint);
-  font-size: var(--fs-2xs);
-  font-style: italic;
-}
+  .rp-silent > summary {
+    cursor: pointer;
+    list-style: none;
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    color: var(--dim);
+    font-size: var(--fs-xs);
+  }
+  .rp-silent > summary::-webkit-details-marker {
+    display: none;
+  }
+  .rp-silent > summary:hover {
+    color: var(--muted);
+  }
+  .rp-silent-list {
+    list-style: none;
+    margin: var(--space-sm) 0 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+  }
+  .rp-silent-list > li {
+    display: flex;
+    align-items: baseline;
+    gap: var(--space-sm);
+    justify-content: space-between;
+  }
+  .rp-silent-cmd {
+    font-family: 'JetBrains Mono', ui-monospace, monospace;
+    font-size: var(--fs-2xs);
+    color: var(--muted);
+    word-break: break-all;
+  }
+  .rp-silent-count {
+    flex-shrink: 0;
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+  }
+  .rp-silent-note {
+    margin: var(--space-sm) 0 0;
+    color: var(--faint);
+    font-size: var(--fs-2xs);
+    font-style: italic;
+  }
 </style>
diff --git a/src/components/replay/UserBubble.vue b/src/components/replay/UserBubble.vue
index 8690d26..a9256e3 100644
--- a/src/components/replay/UserBubble.vue
+++ b/src/components/replay/UserBubble.vue
@@ -17,11 +17,7 @@
       <CopyButton v-if="text" :text="text" :label="copyLabel" class="ub-copy" />
       <template v-for="(b, i) in event.blocks" :key="i">
         <MarkdownView v-if="b.kind === 'text'" :source="b.text ?? ''" />
-        <ImageStrip
-          v-else-if="b.kind === 'image' && b.images?.length"
-          :images="b.images"
-          :label="t('replay.user.imageLabel')"
-        />
+        <ImageStrip v-else-if="b.kind === 'image' && b.images?.length" :images="b.images" :label="t('replay.user.imageLabel')" />
         <p v-else-if="b.kind === 'image'" class="ub-image font-mono">
           {{ t('replay.user.imageMissing') }}
         </p>
@@ -31,114 +27,112 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
-import { useI18n } from 'vue-i18n';
-import type { TranscriptEvent } from '@/services/projects';
-import { fmtTime } from '@/utils/format';
-import ImageStrip from './ImageStrip.vue';
-import MarkdownView from './MarkdownView.vue';
-import CopyButton from '@/components/ui/CopyButton.vue';
+  import CopyButton from '@/components/ui/CopyButton.vue'
+  import type { TranscriptEvent } from '@/services/projects'
+  import { fmtTime } from '@/utils/format'
+  import { computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import ImageStrip from './ImageStrip.vue'
+  import MarkdownView from './MarkdownView.vue'
 
-const { t } = useI18n();
+  const { t } = useI18n()
 
-const props = defineProps<{ event: TranscriptEvent }>();
+  const props = defineProps<{ event: TranscriptEvent }>()
 
-/**
- * Une bulle dans le flux d'un sous-agent n'est pas de l'humain.
- *
- * C'est la consigne que l'orchestrateur a envoyée à son agent. Elle se rend du
- * même côté — c'est bien le donneur d'ordre qui parle — mais elle ne peut pas
- * s'annoncer par « Vous » : personne n'écrit dans la conversation d'un agent.
- */
-const isBrief = computed(() => props.event.isSidechain);
+  /**
+   * Une bulle dans le flux d'un sous-agent n'est pas de l'humain.
+   *
+   * C'est la consigne que l'orchestrateur a envoyée à son agent. Elle se rend du
+   * même côté — c'est bien le donneur d'ordre qui parle — mais elle ne peut pas
+   * s'annoncer par « Vous » : personne n'écrit dans la conversation d'un agent.
+   */
+  const isBrief = computed(() => props.event.isSidechain)
 
-/**
- * Tapé pendant que l'agent répondait, donc arrivé au milieu de son tour.
- *
- * Sans ce repère, la bulle laisse croire que l'agent avait fini de parler avant
- * qu'on lui écrive — alors que le tour d'avant est coupé en plein élan, et que
- * ce message est précisément ce qui l'a fait changer de cap.
- */
-const isQueued = computed(() => props.event.origin === 'queued');
-const who = computed(() => (isBrief.value ? t('replay.user.brief') : t('replay.user.you')));
-const icon = computed(() => (isBrief.value ? 'assignment' : 'person'));
-const copyLabel = computed(() =>
-  isBrief.value ? t('replay.user.copyBrief') : t('replay.user.copyMine'),
-);
+  /**
+   * Tapé pendant que l'agent répondait, donc arrivé au milieu de son tour.
+   *
+   * Sans ce repère, la bulle laisse croire que l'agent avait fini de parler avant
+   * qu'on lui écrive — alors que le tour d'avant est coupé en plein élan, et que
+   * ce message est précisément ce qui l'a fait changer de cap.
+   */
+  const isQueued = computed(() => props.event.origin === 'queued')
+  const who = computed(() => (isBrief.value ? t('replay.user.brief') : t('replay.user.you')))
+  const icon = computed(() => (isBrief.value ? 'assignment' : 'person'))
+  const copyLabel = computed(() => (isBrief.value ? t('replay.user.copyBrief') : t('replay.user.copyMine')))
 
-const text = computed(() =>
-  props.event.blocks
-    .filter((b) => b.kind === 'text')
-    .map((b) => b.text ?? '')
-    .join('\n\n'),
-);
+  const text = computed(() =>
+    props.event.blocks
+      .filter((b) => b.kind === 'text')
+      .map((b) => b.text ?? '')
+      .join('\n\n'),
+  )
 
-const time = computed(() => fmtTime(props.event.timestamp ?? 0));
+  const time = computed(() => fmtTime(props.event.timestamp ?? 0))
 </script>
 
 <style scoped lang="scss">
-.ub {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  gap: var(--space-xs);
-}
-.ub-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  color: var(--dim);
-  font-size: var(--fs-2xs);
-}
-.ub-who {
-  font-size: var(--fs-xs);
-  font-weight: 600;
-  color: var(--muted);
-}
-/* Une mention, pas une alerte : elle date le message, elle ne le qualifie pas. */
-.ub-queued {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--space-xs);
-  padding: 0 var(--space-xs);
-  border: 1px solid var(--line-2);
-  border-radius: var(--radius-xs);
-  color: var(--dim);
-  font-size: var(--fs-2xs);
-  cursor: default;
-}
-.ub-bubble {
-  position: relative;
-  max-width: 85%;
-  min-width: 0;
-  padding: var(--space-sm) var(--space-lg);
-  background: var(--surface-2);
-  border: 1px solid var(--line-2);
-  // The squared-off bottom-right corner points back at its author.
-  border-radius: var(--radius-md) var(--radius-md) var(--radius-xs) var(--radius-md);
-}
-/* Une consigne fait souvent trente lignes là où un message humain en fait trois.
+  .ub {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-end;
+    gap: var(--space-xs);
+  }
+  .ub-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    color: var(--dim);
+    font-size: var(--fs-2xs);
+  }
+  .ub-who {
+    font-size: var(--fs-xs);
+    font-weight: 600;
+    color: var(--muted);
+  }
+  /* Une mention, pas une alerte : elle date le message, elle ne le qualifie pas. */
+  .ub-queued {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--space-xs);
+    padding: 0 var(--space-xs);
+    border: 1px solid var(--line-2);
+    border-radius: var(--radius-xs);
+    color: var(--dim);
+    font-size: var(--fs-2xs);
+    cursor: default;
+  }
+  .ub-bubble {
+    position: relative;
+    max-width: 85%;
+    min-width: 0;
+    padding: var(--space-sm) var(--space-lg);
+    background: var(--surface-2);
+    border: 1px solid var(--line-2);
+    // The squared-off bottom-right corner points back at its author.
+    border-radius: var(--radius-md) var(--radius-md) var(--radius-xs) var(--radius-md);
+  }
+  /* Une consigne fait souvent trente lignes là où un message humain en fait trois.
    Elle garde sa forme de bulle mais se plafonne et défile chez elle, pour ne pas
    repousser sous la ligne de flottaison ce que l'agent a répondu. */
-.ub-bubble--brief {
-  max-width: 100%;
-  max-height: 320px;
-  overflow: auto;
-}
-.ub-copy {
-  position: absolute;
-  top: var(--space-xs);
-  right: var(--space-xs);
-  opacity: 0;
-  transition: opacity var(--motion-fast);
-}
-.ub-bubble:hover .ub-copy,
-.ub-copy:focus-visible {
-  opacity: 1;
-}
-.ub-image {
-  margin: 0;
-  color: var(--dim);
-  font-size: var(--fs-sm);
-}
+  .ub-bubble--brief {
+    max-width: 100%;
+    max-height: 320px;
+    overflow: auto;
+  }
+  .ub-copy {
+    position: absolute;
+    top: var(--space-xs);
+    right: var(--space-xs);
+    opacity: 0;
+    transition: opacity var(--motion-fast);
+  }
+  .ub-bubble:hover .ub-copy,
+  .ub-copy:focus-visible {
+    opacity: 1;
+  }
+  .ub-image {
+    margin: 0;
+    color: var(--dim);
+    font-size: var(--fs-sm);
+  }
 </style>
diff --git a/src/components/replay/agentRuns.ts b/src/components/replay/agentRuns.ts
index 36deb33..b9e36c3 100644
--- a/src/components/replay/agentRuns.ts
+++ b/src/components/replay/agentRuns.ts
@@ -10,17 +10,17 @@
 // Injecter `null` reste valide : la carte retombe alors sur ce que l'appel dit
 // de lui-même, ce qu'elle a toujours fait.
 
-import type { InjectionKey, Ref } from 'vue';
-import type { SubagentRunSummary, TranscriptEvent } from '@/services/projects';
-import { summarise } from './tools/registry';
+import type { SubagentRunSummary, TranscriptEvent } from '@/services/projects'
+import type { InjectionKey, Ref } from 'vue'
+import { summarise } from './tools/registry'
 
 /** Un run, augmenté de ce que la carte montre en direct. */
 export interface RunView {
-  run: SubagentRunSummary;
+  run: SubagentRunSummary
   /** Le dernier outil que l'agent a appelé — vide s'il n'en a appelé aucun. */
-  lastTool: string;
+  lastTool: string
   /** Ce que cet appel visait, résumé comme le ferait sa propre carte. */
-  lastToolSummary: string;
+  lastToolSummary: string
   /**
    * Combien de fichiers distincts le run a écrits, `0` s'il n'a fait que lire.
    *
@@ -29,14 +29,14 @@ export interface RunView {
    * les 334 autres n'ont fait que chercher. Deux cents lignes de piste séparent
    * ces deux cas, alors qu'ils n'engagent pas du tout la même relecture.
    */
-  filesWritten: number;
+  filesWritten: number
 }
 
 /** Par `toolUseId` de l'appel `Agent` : le run qui lui répond. */
-export const AGENT_RUNS: InjectionKey<Ref<Map<string, RunView>>> = Symbol('agent-runs');
+export const AGENT_RUNS: InjectionKey<Ref<Map<string, RunView>>> = Symbol('agent-runs')
 
 /** Ouvrir la piste d'un run. Absent quand la page n'a pas de pistes. */
-export const OPEN_TRACK: InjectionKey<((agentId: string) => void) | null> = Symbol('open-track');
+export const OPEN_TRACK: InjectionKey<((agentId: string) => void) | null> = Symbol('open-track')
 
 /**
  * Indexer les runs par l'appel qui les a lancés, dernier outil compris.
@@ -48,40 +48,37 @@ export const OPEN_TRACK: InjectionKey<((agentId: string) => void) | null> = Symb
  * Un run sans `toolUseId` n'entre pas dans la carte : rien ne le rattache à un
  * appel, donc aucune carte ne peut le montrer. Sa piste, elle, existe toujours.
  */
-export function indexRuns(
-  events: readonly TranscriptEvent[],
-  runs: readonly SubagentRunSummary[],
-): Map<string, RunView> {
-  if (!runs.length) return new Map();
+export function indexRuns(events: readonly TranscriptEvent[], runs: readonly SubagentRunSummary[]): Map<string, RunView> {
+  if (!runs.length) return new Map()
 
   /** Par `agentId`, le dernier `tool_use` vu — le flux étant dans l'ordre. */
-  const lastByAgent = new Map<string, { name: string; input: unknown }>();
+  const lastByAgent = new Map<string, { name: string; input: unknown }>()
   /** Par `agentId`, les chemins écrits — un `Set`, un même fichier se réédite. */
-  const writtenByAgent = new Map<string, Set<string>>();
+  const writtenByAgent = new Map<string, Set<string>>()
   for (const ev of events) {
-    if (!ev.agentId) continue;
+    if (!ev.agentId) continue
     for (const b of ev.blocks) {
-      if (b.kind !== 'tool_use' || !b.name) continue;
-      lastByAgent.set(ev.agentId, { name: b.name, input: b.input });
-      if (b.name !== 'Edit' && b.name !== 'Write') continue;
-      const p = (b.input as Record<string, unknown> | null)?.file_path;
-      if (typeof p !== 'string' || !p) continue;
-      let set = writtenByAgent.get(ev.agentId);
-      if (!set) writtenByAgent.set(ev.agentId, (set = new Set()));
-      set.add(p);
+      if (b.kind !== 'tool_use' || !b.name) continue
+      lastByAgent.set(ev.agentId, { name: b.name, input: b.input })
+      if (b.name !== 'Edit' && b.name !== 'Write') continue
+      const p = (b.input as Record<string, unknown> | null)?.file_path
+      if (typeof p !== 'string' || !p) continue
+      let set = writtenByAgent.get(ev.agentId)
+      if (!set) writtenByAgent.set(ev.agentId, (set = new Set()))
+      set.add(p)
     }
   }
 
-  const out = new Map<string, RunView>();
+  const out = new Map<string, RunView>()
   for (const run of runs) {
-    if (!run.toolUseId) continue;
-    const last = lastByAgent.get(run.agentId);
+    if (!run.toolUseId) continue
+    const last = lastByAgent.get(run.agentId)
     out.set(run.toolUseId, {
       run,
       lastTool: last?.name ?? '',
       lastToolSummary: last ? summarise(last.name, last.input) : '',
       filesWritten: writtenByAgent.get(run.agentId)?.size ?? 0,
-    });
+    })
   }
-  return out;
+  return out
 }
diff --git a/src/components/replay/contextRows.ts b/src/components/replay/contextRows.ts
index e24d9aa..94b5e2a 100644
--- a/src/components/replay/contextRows.ts
+++ b/src/components/replay/contextRows.ts
@@ -4,37 +4,37 @@
 // catégorie, classées par taille, ou mises à plat. Les trois partagent une ligne,
 // donc une seule forme, construite ici. Rien de ce fichier ne touche au DOM.
 
-import { t } from '@/i18n';
-import { turnDeltas } from 'shared/context';
-import type { ContextCategory, ContextInjection, SessionContext } from '@/services/projects';
+import { t } from '@/i18n'
+import type { ContextCategory, ContextInjection, SessionContext } from '@/services/projects'
+import { turnDeltas } from 'shared/context'
 
 /** Une sous-ligne révélée par le pli : un outil, ou une moitié d'une réponse. */
 export interface ContextDetailLine {
-  label: string;
-  tokens: number;
-  isError?: boolean;
+  label: string
+  tokens: number
+  isError?: boolean
 }
 
 export interface ContextRowModel {
-  category: ContextCategory;
-  label: string;
-  tokens: number;
-  turnIndex: number;
+  category: ContextCategory
+  label: string
+  tokens: number
+  turnIndex: number
   /** Chemin absolu, quand l'injection en vient — sert au titre et à la copie. */
-  path?: string | undefined;
+  path?: string | undefined
   /**
    * UUID de la réponse à laquelle se rendre. Absent quand le tour n'a pas été
    * ancré : mieux vaut pas de lien qu'un lien qui ne mène nulle part.
    */
-  uuid?: string | undefined;
-  inputTokens?: number | undefined;
-  outputTokens?: number | undefined;
-  detail: ContextDetailLine[];
+  uuid?: string | undefined
+  inputTokens?: number | undefined
+  outputTokens?: number | undefined
+  detail: ContextDetailLine[]
 }
 
 /** L'identifiant de la réponse d'un tour, ou `undefined` s'il n'en a pas. */
 function uuidOfTurn(context: SessionContext, turnIndex: number): string | undefined {
-  return context.turns[turnIndex]?.uuid;
+  return context.turns[turnIndex]?.uuid
 }
 
 /**
@@ -51,22 +51,20 @@ function detailOf(injection: ContextInjection): ContextDetailLine[] {
       label: t.count > 1 ? `${t.name} ×${t.count}` : t.name,
       tokens: t.tokens,
       ...(t.isError ? { isError: true } : {}),
-    }));
+    }))
   }
   if (injection.thinkingTokens !== undefined || injection.textTokens !== undefined) {
     return [
       { label: t('replay.context.rows.thinking'), tokens: injection.thinkingTokens ?? 0 },
       { label: t('replay.context.rows.answer'), tokens: injection.textTokens ?? 0 },
-    ].filter((d) => d.tokens > 0);
+    ].filter((d) => d.tokens > 0)
   }
   // Un catalogue : ses lignes nommées, la plus coûteuse d'abord. Répond au « 18
   // skills, mais lesquels ? » sans quitter le panneau.
   if (injection.entries?.length) {
-    return [...injection.entries]
-      .sort((a, b) => b.tokens - a.tokens)
-      .map((e) => ({ label: e.label, tokens: e.tokens }));
+    return [...injection.entries].sort((a, b) => b.tokens - a.tokens).map((e) => ({ label: e.label, tokens: e.tokens }))
   }
-  return [];
+  return []
 }
 
 export function toRow(context: SessionContext, injection: ContextInjection): ContextRowModel {
@@ -80,27 +78,27 @@ export function toRow(context: SessionContext, injection: ContextInjection): Con
     inputTokens: injection.inputTokens,
     outputTokens: injection.outputTokens,
     detail: detailOf(injection),
-  };
+  }
 }
 
 /** Ce qu'un tour a fait entrer *en silence* — ce que le corps de la carte ne montre pas. */
 export interface CardTurn {
-  turnIndex: number;
+  turnIndex: number
   /** Croissance exacte de la fenêtre à ce tour. */
-  delta: number;
+  delta: number
   /** Les injections invisibles de ce tour : fichiers, règles, réhydratation. */
-  rows: ContextRowModel[];
+  rows: ContextRowModel[]
 }
 
 /** Ce qu'une carte du fil a ajouté au contexte — une carte couvre plusieurs tours. */
 export interface CardContext {
   /** Bornes 0-based des tours de la carte, pour l'affichage « Tours N–M ». */
-  turnStart: number;
-  turnEnd: number;
+  turnStart: number
+  turnEnd: number
   /** Taille exacte de la fenêtre au dernier tour de la carte. */
-  window: number;
+  window: number
   /** Croissance exacte de la fenêtre sur toute la carte. */
-  delta: number;
+  delta: number
   /**
    * Le détail par tour, indexé par l'UUID de la première ligne de la réponse.
    *
@@ -108,7 +106,7 @@ export interface CardContext {
    * jalon au bon endroit — et de lui rattacher ce qui, à ce tour précis, est
    * entré sans qu'on le voie dans la conversation.
    */
-  byUuid: Record<string, CardTurn>;
+  byUuid: Record<string, CardTurn>
 }
 
 /**
@@ -118,7 +116,7 @@ export interface CardContext {
  * mémoire, une règle, un fichier réinjecté après compaction : rien ne les montre.
  * Le détail d'un tour ne répète donc pas le visible — il révèle l'invisible.
  */
-const SILENT = new Set<ContextCategory>(['memory', 'skills', 'files', 'harness']);
+const SILENT = new Set<ContextCategory>(['memory', 'skills', 'files', 'harness'])
 
 /**
  * Le contexte d'une carte du fil, tour par tour.
@@ -133,35 +131,35 @@ const SILENT = new Set<ContextCategory>(['memory', 'skills', 'files', 'harness']
  * dans le fil), donc tous ses tours sont d'une même phase.
  */
 export function cardContext(context: SessionContext, turnIndices: number[]): CardContext | null {
-  if (!turnIndices.length) return null;
-  const set = new Set(turnIndices);
-  const turns = context.turns.filter((t) => set.has(t.turnIndex));
-  if (!turns.length) return null;
+  if (!turnIndices.length) return null
+  const set = new Set(turnIndices)
+  const turns = context.turns.filter((t) => set.has(t.turnIndex))
+  if (!turns.length) return null
 
-  const phase = turns[0]!.phase;
-  const deltaByTurn = new Map<number, number>();
-  let delta = 0;
+  const phase = turns[0]!.phase
+  const deltaByTurn = new Map<number, number>()
+  let delta = 0
   for (const d of turnDeltas(context, phase)) {
-    if (!set.has(d.turnIndex)) continue;
-    deltaByTurn.set(d.turnIndex, d.delta);
-    delta += d.delta;
+    if (!set.has(d.turnIndex)) continue
+    deltaByTurn.set(d.turnIndex, d.delta)
+    delta += d.delta
   }
 
-  const silentByTurn = new Map<number, ContextRowModel[]>();
+  const silentByTurn = new Map<number, ContextRowModel[]>()
   for (const inj of context.injections) {
-    if (!set.has(inj.turnIndex) || !SILENT.has(inj.category)) continue;
-    const list = silentByTurn.get(inj.turnIndex) ?? [];
-    list.push({ ...toRow(context, inj), uuid: undefined }); // on est déjà sur la carte
-    silentByTurn.set(inj.turnIndex, list);
+    if (!set.has(inj.turnIndex) || !SILENT.has(inj.category)) continue
+    const list = silentByTurn.get(inj.turnIndex) ?? []
+    list.push({ ...toRow(context, inj), uuid: undefined }) // on est déjà sur la carte
+    silentByTurn.set(inj.turnIndex, list)
   }
 
-  const byUuid: Record<string, CardTurn> = {};
+  const byUuid: Record<string, CardTurn> = {}
   for (const t of turns) {
     byUuid[t.uuid] = {
       turnIndex: t.turnIndex,
       delta: deltaByTurn.get(t.turnIndex) ?? 0,
       rows: (silentByTurn.get(t.turnIndex) ?? []).sort((a, b) => b.tokens - a.tokens),
-    };
+    }
   }
 
   return {
@@ -170,20 +168,20 @@ export function cardContext(context: SessionContext, turnIndices: number[]): Car
     window: turns[turns.length - 1]!.total,
     delta,
     byUuid,
-  };
+  }
 }
 
 /** Ce qu'un tour a ajouté au contexte, l'exact et l'estimé côte à côte. */
 export interface TurnGroup {
-  turnIndex: number;
+  turnIndex: number
   /** La réponse à laquelle se rendre. */
-  uuid?: string | undefined;
+  uuid?: string | undefined
   /** Taille exacte de la fenêtre à ce tour. */
-  total: number;
+  total: number
   /** Croissance exacte depuis le tour précédent (ou le socle, au premier). Exacte. */
-  delta: number;
+  delta: number
   /** Ce qu'on sait rattacher à ce tour, sans lien de tour (l'en-tête l'a déjà). */
-  rows: ContextRowModel[];
+  rows: ContextRowModel[]
 }
 
 /**
@@ -200,33 +198,27 @@ export interface TurnGroup {
  * le temps. La sélection des tours à montrer, quand il y en a trop, se fait
  * ailleurs.
  */
-export function toTurnGroups(
-  context: SessionContext,
-  phase: number,
-  injections: ContextInjection[],
-): TurnGroup[] {
-  const byTurn = new Map<number, ContextInjection[]>();
+export function toTurnGroups(context: SessionContext, phase: number, injections: ContextInjection[]): TurnGroup[] {
+  const byTurn = new Map<number, ContextInjection[]>()
   for (const inj of injections) {
-    const list = byTurn.get(inj.turnIndex) ?? [];
-    list.push(inj);
-    byTurn.set(inj.turnIndex, list);
+    const list = byTurn.get(inj.turnIndex) ?? []
+    list.push(inj)
+    byTurn.set(inj.turnIndex, list)
   }
 
   return turnDeltas(context, phase)
     .map((d): TurnGroup => {
-      const injs = byTurn.get(d.turnIndex) ?? [];
+      const injs = byTurn.get(d.turnIndex) ?? []
       return {
         turnIndex: d.turnIndex,
         uuid: d.uuid,
         total: d.total,
         delta: d.delta,
         // Pas de lien par ligne : c'est l'en-tête du tour qui navigue.
-        rows: injs
-          .sort((a, b) => b.tokens - a.tokens)
-          .map((i) => ({ ...toRow(context, i), uuid: undefined })),
-      };
+        rows: injs.sort((a, b) => b.tokens - a.tokens).map((i) => ({ ...toRow(context, i), uuid: undefined })),
+      }
     })
-    .filter((g) => g.delta > 0 || g.rows.length > 0);
+    .filter((g) => g.delta > 0 || g.rows.length > 0)
 }
 
 /**
@@ -237,19 +229,16 @@ export function toTurnGroups(
  * bon marché — une ligne agrégée le cache derrière un total qui semble normal.
  * Les lignes à plat ne se déplient plus : il n'y a plus rien dessous.
  */
-export function toFlatRows(
-  context: SessionContext,
-  injections: ContextInjection[],
-): ContextRowModel[] {
-  const out: ContextRowModel[] = [];
+export function toFlatRows(context: SessionContext, injections: ContextInjection[]): ContextRowModel[] {
+  const out: ContextRowModel[] = []
   for (const injection of injections) {
-    const uuid = uuidOfTurn(context, injection.turnIndex);
+    const uuid = uuidOfTurn(context, injection.turnIndex)
     const base = {
       category: injection.category,
       turnIndex: injection.turnIndex,
       uuid,
       detail: [] as ContextDetailLine[],
-    };
+    }
 
     if (injection.tools?.length) {
       for (const t of injection.tools) {
@@ -257,7 +246,7 @@ export function toFlatRows(
           ...base,
           label: t.count > 1 ? `${t.name} ×${t.count}` : t.name,
           tokens: t.tokens,
-        });
+        })
       }
     } else if (injection.thinkingTokens || injection.textTokens) {
       if (injection.thinkingTokens) {
@@ -265,14 +254,14 @@ export function toFlatRows(
           ...base,
           label: t('replay.context.rows.thinking'),
           tokens: injection.thinkingTokens,
-        });
+        })
       }
       if (injection.textTokens) {
-        out.push({ ...base, label: t('replay.context.rows.answer'), tokens: injection.textTokens });
+        out.push({ ...base, label: t('replay.context.rows.answer'), tokens: injection.textTokens })
       }
     } else {
-      out.push({ ...base, label: injection.label, path: injection.path, tokens: injection.tokens });
+      out.push({ ...base, label: injection.label, path: injection.path, tokens: injection.tokens })
     }
   }
-  return out.sort((a, b) => b.tokens - a.tokens);
+  return out.sort((a, b) => b.tokens - a.tokens)
 }
diff --git a/src/components/replay/contextTree.ts b/src/components/replay/contextTree.ts
index 184c7f7..56dea4a 100644
--- a/src/components/replay/contextTree.ts
+++ b/src/components/replay/contextTree.ts
@@ -11,41 +11,41 @@
 
 /** Le strict nécessaire pour ranger une ligne dans l'arbre. */
 export interface TreeLeaf {
-  label: string;
-  tokens: number;
+  label: string
+  tokens: number
 }
 
 export interface TreeNode<T extends TreeLeaf = TreeLeaf> {
   /** Le segment de chemin : un nom de dossier, ou de fichier sur une feuille. */
-  name: string;
+  name: string
   /** Le chemin cumulé depuis la racine — clé stable pour le rendu. */
-  key: string;
+  key: string
   /** Somme des tokens de la feuille ou de tout le sous-arbre. */
-  tokens: number;
+  tokens: number
   /** La ligne, sur une feuille seulement ; absente sur un dossier. */
-  row?: T;
-  children: TreeNode<T>[];
+  row?: T
+  children: TreeNode<T>[]
 }
 
 interface Building<T extends TreeLeaf> {
-  name: string;
-  key: string;
-  tokens: number;
-  row?: T;
-  children: Map<string, Building<T>>;
+  name: string
+  key: string
+  tokens: number
+  row?: T
+  children: Map<string, Building<T>>
 }
 
 function child<T extends TreeLeaf>(parent: Building<T>, name: string): Building<T> {
-  const found = parent.children.get(name);
-  if (found) return found;
+  const found = parent.children.get(name)
+  if (found) return found
   const node: Building<T> = {
     name,
     key: parent.key ? `${parent.key}/${name}` : name,
     tokens: 0,
     children: new Map(),
-  };
-  parent.children.set(name, node);
-  return node;
+  }
+  parent.children.set(name, node)
+  return node
 }
 
 function freeze<T extends TreeLeaf>(node: Building<T>): TreeNode<T> {
@@ -53,14 +53,14 @@ function freeze<T extends TreeLeaf>(node: Building<T>): TreeNode<T> {
     .map(freeze)
     // Le plus lourd d'abord, comme partout ailleurs dans le panneau : la règle ou
     // le dossier qui pèse le plus remonte.
-    .sort((a, b) => b.tokens - a.tokens);
+    .sort((a, b) => b.tokens - a.tokens)
   return {
     name: node.name,
     key: node.key,
     tokens: node.tokens,
     ...(node.row ? { row: node.row } : {}),
     children,
-  };
+  }
 }
 
 /**
@@ -71,20 +71,20 @@ function freeze<T extends TreeLeaf>(node: Building<T>): TreeNode<T> {
  * `/` reste une feuille à la racine.
  */
 export function buildTree<T extends TreeLeaf>(rows: T[]): TreeNode<T>[] {
-  const root: Building<T> = { name: '', key: '', tokens: 0, children: new Map() };
+  const root: Building<T> = { name: '', key: '', tokens: 0, children: new Map() }
   for (const row of rows) {
-    const parts = row.label.split('/').filter(Boolean);
-    let node = root;
+    const parts = row.label.split('/').filter(Boolean)
+    let node = root
     for (const part of parts) {
-      node = child(node, part);
-      node.tokens += row.tokens;
+      node = child(node, part)
+      node.tokens += row.tokens
     }
-    node.row = row;
+    node.row = row
   }
-  return freeze(root).children;
+  return freeze(root).children
 }
 
 /** Un arbre vaut la peine d'être dessiné dès qu'il a au moins un dossier. */
 export function hasFolders<T extends TreeLeaf>(nodes: TreeNode<T>[]): boolean {
-  return nodes.some((n) => n.children.length > 0);
+  return nodes.some((n) => n.children.length > 0)
 }
diff --git a/src/components/replay/runningTools.ts b/src/components/replay/runningTools.ts
index d038a9d..4a0e86f 100644
--- a/src/components/replay/runningTools.ts
+++ b/src/components/replay/runningTools.ts
@@ -11,6 +11,6 @@
 // `ToolCall` est monté quatre étages sous la page. Absente — c'est le cas du
 // rejeu — la carte retrouve exactement son comportement d'avant.
 
-import type { InjectionKey, Ref } from 'vue';
+import type { InjectionKey, Ref } from 'vue'
 
-export const RUNNING_TOOLS: InjectionKey<Ref<Set<string>>> = Symbol('running-tools');
+export const RUNNING_TOOLS: InjectionKey<Ref<Set<string>>> = Symbol('running-tools')
diff --git a/src/components/replay/seam.ts b/src/components/replay/seam.ts
index 44ba7ca..1f73804 100644
--- a/src/components/replay/seam.ts
+++ b/src/components/replay/seam.ts
@@ -9,8 +9,8 @@
 // Ce module est du calcul pur sur deux listes d'événements. Il vit hors du SFC
 // pour être exerçable par vitest, qui ne monte pas de composant.
 
-import { isHumanMessage } from '@/composables/useTranscriptTurns';
-import type { TranscriptEvent } from '@/services/projects';
+import { isHumanMessage } from '@/composables/useTranscriptTurns'
+import type { TranscriptEvent } from '@/services/projects'
 
 /**
  * Le geste humain, des deux côtés de la couture.
@@ -21,18 +21,18 @@ import type { TranscriptEvent } from '@/services/projects';
  * une carte coupée en deux sources se re-rendrait à chaque relecture.
  */
 export function humanTurns(events: readonly TranscriptEvent[]): number {
-  return events.filter(isHumanMessage).length;
+  return events.filter(isHumanMessage).length
 }
 
 /** Où commence le (n+1)-ième tour humain d'une liste, ou sa fin s'il n'y en a pas. */
 export function afterTurn(events: readonly TranscriptEvent[], n: number): number {
-  let seen = 0;
+  let seen = 0
   for (const [i, e] of events.entries()) {
-    if (!isHumanMessage(e)) continue;
-    seen += 1;
-    if (seen > n) return i;
+    if (!isHumanMessage(e)) continue
+    seen += 1
+    if (seen > n) return i
   }
-  return events.length;
+  return events.length
 }
 
 /**
@@ -44,14 +44,14 @@ export function afterTurn(events: readonly TranscriptEvent[], n: number): number
  * hooks — n'existe que là, et ne se compte donc pas.
  */
 function isCommand(e: TranscriptEvent): boolean {
-  return e.kind === 'compaction' || e.origin === 'slash-command';
+  return e.kind === 'compaction' || e.origin === 'slash-command'
 }
 
 /** Les commandes qui suivent le dernier tour humain d'une liste. */
 function trailingCommands(events: readonly TranscriptEvent[]): TranscriptEvent[] {
-  let start = events.length;
-  while (start > 0 && !isHumanMessage(events[start - 1]!)) start--;
-  return events.slice(start).filter(isCommand);
+  let start = events.length
+  while (start > 0 && !isHumanMessage(events[start - 1]!)) start--
+  return events.slice(start).filter(isCommand)
 }
 
 /**
@@ -68,11 +68,8 @@ function trailingCommands(events: readonly TranscriptEvent[]): TranscriptEvent[]
  * qui rend leurs comptes comparables ; le direct ne complète que ce qui manque,
  * et ne complète plus rien dès que le disque a rattrapé.
  */
-function pendingCommands(
-  disk: readonly TranscriptEvent[],
-  live: readonly TranscriptEvent[],
-): TranscriptEvent[] {
-  return trailingCommands(live).slice(trailingCommands(disk).length);
+function pendingCommands(disk: readonly TranscriptEvent[], live: readonly TranscriptEvent[]): TranscriptEvent[] {
+  return trailingCommands(live).slice(trailingCommands(disk).length)
 }
 
 /**
@@ -87,17 +84,13 @@ function pendingCommands(
  * joue. Ne couper que le direct ferait apparaître l'action deux fois — sa moitié
  * écrite, puis son intégralité.
  */
-export function stitch(
-  disk: readonly TranscriptEvent[],
-  live: readonly TranscriptEvent[],
-  covered: number,
-): TranscriptEvent[] {
-  if (!disk.length || !covered) return [...live];
+export function stitch(disk: readonly TranscriptEvent[], live: readonly TranscriptEvent[], covered: number): TranscriptEvent[] {
+  if (!disk.length || !covered) return [...live]
 
-  const tail = live.slice(afterTurn(live, covered));
-  if (tail.length) return [...disk.slice(0, afterTurn(disk, covered)), ...tail];
+  const tail = live.slice(afterTurn(live, covered))
+  if (tail.length) return [...disk.slice(0, afterTurn(disk, covered)), ...tail]
 
-  return [...disk, ...pendingCommands(disk, live)];
+  return [...disk, ...pendingCommands(disk, live)]
 }
 
 /**
@@ -110,13 +103,10 @@ export function stitch(
  * page. Le direct et le fichier donnent le même `uuid` à une compaction, ce qui
  * en fait la jointure exacte qui manquait.
  */
-export function diskCaughtUp(
-  disk: readonly TranscriptEvent[],
-  live: readonly TranscriptEvent[],
-): boolean {
-  const turns = humanTurns(live);
-  if (turns === 0 || humanTurns(disk) < turns) return false;
+export function diskCaughtUp(disk: readonly TranscriptEvent[], live: readonly TranscriptEvent[]): boolean {
+  const turns = humanTurns(live)
+  if (turns === 0 || humanTurns(disk) < turns) return false
 
-  const written = new Set(disk.filter((e) => e.kind === 'compaction').map((e) => e.uuid));
-  return live.every((e) => e.kind !== 'compaction' || written.has(e.uuid));
+  const written = new Set(disk.filter((e) => e.kind === 'compaction').map((e) => e.uuid))
+  return live.every((e) => e.kind !== 'compaction' || written.has(e.uuid))
 }
diff --git a/src/components/replay/skillDocument.ts b/src/components/replay/skillDocument.ts
index e47944f..3510842 100644
--- a/src/components/replay/skillDocument.ts
+++ b/src/components/replay/skillDocument.ts
@@ -17,7 +17,7 @@
 
 export interface SkillDoc {
   /** Le nom du skill — celui de l'appel, sinon le dernier segment du dossier. */
-  name: string;
+  name: string
   /**
    * D'où il vient, en un mot, quand le dossier le dit.
    *
@@ -25,15 +25,15 @@ export interface SkillDoc {
    * calculé ici serait figé dans la langue du démarrage. `''` quand le chemin
    * ne dit rien.
    */
-  origin: '' | 'bundled' | 'plugin' | 'project' | 'personal';
+  origin: '' | 'bundled' | 'plugin' | 'project' | 'personal'
   /** Le dossier de base, tel que l'en-tête l'annonce. `''` sans en-tête. */
-  dir: string;
+  dir: string
   /** Le document lui-même, en-tête retirée. */
-  body: string;
-  lines: number;
+  body: string
+  lines: number
 }
 
-const HEAD = 'Base directory for this skill: ';
+const HEAD = 'Base directory for this skill: '
 
 /**
  * D'où vient un skill, lu sur son chemin.
@@ -42,11 +42,11 @@ const HEAD = 'Base directory for this skill: ';
  * livrés avec le CLI, 4 viennent d'une extension, 2 du dossier personnel.
  */
 function originOf(dir: string): SkillDoc['origin'] {
-  const p = dir.split('\\').join('/');
-  if (p.includes('/bundled-skills/')) return 'bundled';
-  if (p.includes('/plugins/')) return 'plugin';
-  if (/\/\.claude\/skills\//.test(p)) return p.includes('/Documents/') ? 'project' : 'personal';
-  return '';
+  const p = dir.split('\\').join('/')
+  if (p.includes('/bundled-skills/')) return 'bundled'
+  if (p.includes('/plugins/')) return 'plugin'
+  if (/\/\.claude\/skills\//.test(p)) return p.includes('/Documents/') ? 'project' : 'personal'
+  return ''
 }
 
 /**
@@ -58,18 +58,18 @@ function originOf(dir: string): SkillDoc['origin'] {
  * de quel skill il s'agit.
  */
 export function skillDocument(text: string, named?: string): SkillDoc | null {
-  const lines = text.split('\n');
-  const first = lines[0] ?? '';
-  const hasHead = first.startsWith(HEAD);
-  if (!hasHead && !named) return null;
+  const lines = text.split('\n')
+  const first = lines[0] ?? ''
+  const hasHead = first.startsWith(HEAD)
+  if (!hasHead && !named) return null
 
-  const dir = hasHead ? first.slice(HEAD.length).trim() : '';
+  const dir = hasHead ? first.slice(HEAD.length).trim() : ''
   // Les 58 en-têtes du parc sont suivies d'une ligne vide : la retirer aussi,
   // sinon le markdown s'ouvre sur un blanc.
-  const body = (hasHead ? lines.slice(1).join('\n') : text).replace(/^\r?\n/, '');
-  const fromDir = dir.split(/[\\/]/).pop() ?? '';
-  const name = named || fromDir;
-  if (!name) return null;
+  const body = (hasHead ? lines.slice(1).join('\n') : text).replace(/^\r?\n/, '')
+  const fromDir = dir.split(/[\\/]/).pop() ?? ''
+  const name = named || fromDir
+  if (!name) return null
 
   return {
     name,
@@ -77,5 +77,5 @@ export function skillDocument(text: string, named?: string): SkillDoc | null {
     dir,
     body,
     lines: body ? body.split('\n').length : 0,
-  };
+  }
 }
diff --git a/src/components/replay/taskList.ts b/src/components/replay/taskList.ts
index 1410eb2..982a308 100644
--- a/src/components/replay/taskList.ts
+++ b/src/components/replay/taskList.ts
@@ -6,8 +6,8 @@
 // le fil et recoller les morceaux à la main. On rejoue donc la suite ici, une
 // fois, pour en tirer la liste telle qu'elle est maintenant.
 
-import type { InjectionKey, Ref } from 'vue';
-import type { Block, TranscriptEvent } from 'shared/transcript';
+import type { Block, TranscriptEvent } from 'shared/transcript'
+import type { InjectionKey, Ref } from 'vue'
 
 /**
  * Le sujet de chaque tâche, par identifiant.
@@ -19,7 +19,7 @@ import type { Block, TranscriptEvent } from 'shared/transcript';
  *
  * Injecter `null` reste valide : le jalon retombe alors sur le numéro seul.
  */
-export const TASK_INDEX: InjectionKey<Ref<Map<string, string>>> = Symbol('task-index');
+export const TASK_INDEX: InjectionKey<Ref<Map<string, string>>> = Symbol('task-index')
 
 /**
  * L'index sujet-par-identifiant d'un plan rejoué.
@@ -29,20 +29,20 @@ export const TASK_INDEX: InjectionKey<Ref<Map<string, string>>> = Symbol('task-i
  * son sujet comme les autres.
  */
 export function taskIndex(progress: TaskProgress): Map<string, string> {
-  return new Map(progress.all.map((t) => [t.id, t.subject]));
+  return new Map(progress.all.map((t) => [t.id, t.subject]))
 }
 
 /** Les états que le harness écrit ; tout autre libellé est gardé tel quel. */
-export type TaskStatus = 'pending' | 'in_progress' | 'completed' | (string & {});
+export type TaskStatus = 'pending' | 'in_progress' | 'completed' | (string & {})
 
 export interface TrackedTask {
   /** L'identifiant attribué par le harness (`"1"`, `"2"`, …). */
-  id: string;
-  subject: string;
-  description: string;
+  id: string
+  subject: string
+  description: string
   /** La forme active du sujet — « Extraction du navigateur ». */
-  activeForm: string;
-  status: TaskStatus;
+  activeForm: string
+  status: TaskStatus
   /**
    * Le tour où le travail sur cette tâche a commencé — son passage à
    * `in_progress`, ou sa naissance si elle n'a jamais démarré.
@@ -52,11 +52,11 @@ export interface TrackedTask {
    * Un redémarrage écrase la valeur : c'est la reprise en cours qui intéresse,
    * pas une tentative abandonnée.
    */
-  startUuid: string;
+  startUuid: string
   /** Le tour où la tâche a bougé pour la dernière fois. */
-  uuid: string;
+  uuid: string
   /** Horodatage de ce dernier mouvement. */
-  at: number;
+  at: number
 }
 
 /**
@@ -70,32 +70,32 @@ export interface TrackedTask {
  */
 export interface TaskWave {
   /** Le rang du plan dans la session, à partir de 1. */
-  index: number;
-  tasks: TrackedTask[];
-  done: number;
+  index: number
+  tasks: TrackedTask[]
+  done: number
 }
 
 export interface TaskProgress {
   /** Le plan tel qu'il est maintenant : sans les tâches supprimées. */
-  tasks: TrackedTask[];
+  tasks: TrackedTask[]
   /**
    * Tout ce qui a été créé, suppressions comprises, dans l'ordre de création.
    *
    * Seul l'index s'en sert : le fil garde le jalon d'une suppression, et ce
    * jalon doit pouvoir nommer la tâche qu'il retire.
    */
-  all: TrackedTask[];
+  all: TrackedTask[]
   /** Les plans successifs, du plus ancien au plus récent. */
-  waves: TaskWave[];
+  waves: TaskWave[]
   /** Le dernier plan posé — celui qu'on regarde en direct. */
-  currentWave: TaskWave | null;
-  done: number;
+  currentWave: TaskWave | null
+  done: number
   /** La tâche en cours, quand il y en a une — c'est ce qu'on cherche en direct. */
-  current: TrackedTask | null;
+  current: TrackedTask | null
 }
 
 function str(v: unknown): string {
-  return typeof v === 'string' ? v : '';
+  return typeof v === 'string' ? v : ''
 }
 
 /**
@@ -108,14 +108,14 @@ function str(v: unknown): string {
  * besoin de déplier.
  */
 export function isTaskMarker(block: Block): boolean {
-  if (block.kind !== 'tool_use') return false;
-  if (block.name !== 'TaskCreate' && block.name !== 'TaskUpdate') return false;
-  return block.result?.isError !== true;
+  if (block.kind !== 'tool_use') return false
+  if (block.name !== 'TaskCreate' && block.name !== 'TaskUpdate') return false
+  return block.result?.isError !== true
 }
 
 /** Ce bloc pose une tâche de plus au plan. */
 export function isTaskCreate(block: Block): boolean {
-  return isTaskMarker(block) && block.name === 'TaskCreate';
+  return isTaskMarker(block) && block.name === 'TaskCreate'
 }
 
 /**
@@ -127,24 +127,24 @@ export function isTaskCreate(block: Block): boolean {
  */
 export interface PlanItem {
   /** `uuid` du tour où la tâche est née — l'ancre du panneau de contexte. */
-  uuid: string;
-  id: string;
-  subject: string;
+  uuid: string
+  id: string
+  subject: string
 }
 
 /** Le regroupement des séries de créations, tel que le tour doit le rendre. */
 export interface PlanGroups {
   /** Clé du bloc qui ouvre une série → la série entière. */
-  starts: Map<string, PlanItem[]>;
+  starts: Map<string, PlanItem[]>
   /** Clés des blocs qu'une série rend à la place du jalon individuel. */
-  absorbed: Set<string>;
+  absorbed: Set<string>
   /** `uuid` des jalons de tour qu'une série enjambe. */
-  marks: Set<string>;
+  marks: Set<string>
 }
 
 /** La clé d'un bloc dans un tour — la même que celle du `v-for` du gabarit. */
 export function blockKey(ei: number, bi: number): string {
-  return `${ei}-${bi}`;
+  return `${ei}-${bi}`
 }
 
 /**
@@ -161,82 +161,79 @@ export function blockKey(ei: number, bi: number): string {
  * Une série d'un seul élément n'est pas un groupe : une liste d'une ligne pèse
  * plus que la ligne qu'elle remplace.
  */
-export function groupTaskPlans(
-  events: readonly TranscriptEvent[],
-  breaks: (ev: TranscriptEvent) => boolean,
-): PlanGroups {
-  const out: PlanGroups = { starts: new Map(), absorbed: new Set(), marks: new Set() };
+export function groupTaskPlans(events: readonly TranscriptEvent[], breaks: (ev: TranscriptEvent) => boolean): PlanGroups {
+  const out: PlanGroups = { starts: new Map(), absorbed: new Set(), marks: new Set() }
 
-  let key = '';
-  let items: PlanItem[] = [];
-  let keys: string[] = [];
-  let marks: string[] = [];
+  let key = ''
+  let items: PlanItem[] = []
+  let keys: string[] = []
+  let marks: string[] = []
   /** Le jalon de l'événement en cours, absorbable seulement s'il porte une création. */
-  let pending = '';
+  let pending = ''
 
   function flush(): void {
     if (items.length > 1) {
-      out.starts.set(key, items);
-      for (const k of keys.slice(1)) out.absorbed.add(k);
-      for (const m of marks) out.marks.add(m);
+      out.starts.set(key, items)
+      for (const k of keys.slice(1)) out.absorbed.add(k)
+      for (const m of marks) out.marks.add(m)
     }
-    key = '';
-    items = [];
-    keys = [];
-    marks = [];
+    key = ''
+    items = []
+    keys = []
+    marks = []
   }
 
   events.forEach((ev, ei) => {
-    if (breaks(ev)) flush();
-    pending = ev.uuid;
+    if (breaks(ev)) flush()
+    pending = ev.uuid
 
     ev.blocks.forEach((b, bi) => {
       if (!isTaskCreate(b)) {
-        flush();
-        pending = '';
-        return;
+        flush()
+        pending = ''
+        return
       }
-      const k = blockKey(ei, bi);
+      const k = blockKey(ei, bi)
       if (!items.length) {
         // Le jalon qui ouvre la série reste : il dit où le plan a été posé.
-        key = k;
+        key = k
       } else if (pending) {
-        marks.push(pending);
+        marks.push(pending)
       }
-      pending = '';
-      const call = readTaskCall(b);
-      items.push({ uuid: ev.uuid, id: call.id, subject: call.subject });
-      keys.push(k);
-    });
-  });
-  flush();
+      pending = ''
+      const call = readTaskCall(b)
+      items.push({ uuid: ev.uuid, id: call.id, subject: call.subject })
+      keys.push(k)
+    })
+  })
+  flush()
 
-  return out;
+  return out
 }
 
 /** Ce qu'un appel `TaskCreate` / `TaskUpdate` dit de sa tâche. */
 export interface TaskCall {
-  create: boolean;
+  create: boolean
   /** Vide quand l'appel n'a pas reçu de réponse — le numéro n'existe qu'après. */
-  id: string;
-  subject: string;
-  description: string;
+  id: string
+  subject: string
+  description: string
   /** Vide sur une création : la tâche naît « à faire ». */
-  status: string;
+  status: string
 }
 
 export function readTaskCall(block: Block): TaskCall {
-  const input = (block.input ?? {}) as Record<string, unknown>;
-  const create = block.name === 'TaskCreate';
+  const input = (block.input ?? {}) as Record<string, unknown>
+  const create = block.name === 'TaskCreate'
   // À la création, le numéro est dans la réponse ; à la mise à jour, dans l'appel.
-  const task = (block.result?.meta?.task ?? {}) as Record<string, unknown>;
+  const task = (block.result?.meta?.task ?? {}) as Record<string, unknown>
   return {
     create,
     id: create ? str(task.id) : str(input.taskId) || str(input.task_id),
     subject: str(input.subject) || str(task.subject),
     description: str(input.description),
     status: create ? '' : str(input.status),
-  };
+  }
 }
 
 /**
@@ -260,20 +257,20 @@ export function readTaskCall(block: Block): TaskCall {
  * plus : le harness pose parfois un même plan en deux temps.
  */
 export function trackTasks(events: readonly TranscriptEvent[]): TaskProgress {
-  const byId = new Map<string, TrackedTask>();
-  const waves: TrackedTask[][] = [];
+  const byId = new Map<string, TrackedTask>()
+  const waves: TrackedTask[][] = []
 
   for (const ev of events) {
-    if (ev.isSidechain) continue;
+    if (ev.isSidechain) continue
     for (const b of ev.blocks) {
-      if (b.kind !== 'tool_use') continue;
-      if (b.name !== 'TaskCreate' && b.name !== 'TaskUpdate') continue;
+      if (b.kind !== 'tool_use') continue
+      if (b.name !== 'TaskCreate' && b.name !== 'TaskUpdate') continue
 
-      const input = (b.input ?? {}) as Record<string, unknown>;
+      const input = (b.input ?? {}) as Record<string, unknown>
 
       if (b.name === 'TaskCreate') {
-        const task = (b.result?.meta?.task ?? {}) as Record<string, unknown>;
-        const id = str(task.id) || String(byId.size + 1);
+        const task = (b.result?.meta?.task ?? {}) as Record<string, unknown>
+        const id = str(task.id) || String(byId.size + 1)
         const tracked: TrackedTask = {
           id,
           subject: str(input.subject) || str(task.subject),
@@ -283,33 +280,32 @@ export function trackTasks(events: readonly TranscriptEvent[]): TaskProgress {
           startUuid: ev.uuid,
           uuid: ev.uuid,
           at: ev.timestamp,
-        };
-        byId.set(id, tracked);
-        const open = waves[waves.length - 1];
+        }
+        byId.set(id, tracked)
+        const open = waves[waves.length - 1]
         // Une tâche supprimée ne retient pas le plan ouvert : elle n'est plus du
         // travail en cours, et la laisser bloquer collerait le plan suivant au
         // précédent.
-        if (!open || open.every((t) => t.status === 'completed' || t.status === 'deleted'))
-          waves.push([]);
-        waves[waves.length - 1]!.push(tracked);
-        continue;
+        if (!open || open.every((t) => t.status === 'completed' || t.status === 'deleted')) waves.push([])
+        waves[waves.length - 1]!.push(tracked)
+        continue
       }
 
-      const id = str(input.taskId) || str(input.task_id);
-      const task = byId.get(id);
+      const id = str(input.taskId) || str(input.task_id)
+      const task = byId.get(id)
       // Un `TaskUpdate` sur une tâche qu'on n'a pas vue naître ne s'invente pas :
       // il n'aurait ni sujet ni description, donc rien à afficher.
-      if (!task) continue;
-      const status = str(input.status);
-      if (status) task.status = status;
+      if (!task) continue
+      const status = str(input.status)
+      if (status) task.status = status
       // Le passage à « en cours » est le début du travail : c'est là que le
       // panneau renvoie. Une reprise déplace le repère sur la reprise.
-      if (status === 'in_progress') task.startUuid = ev.uuid;
-      if (str(input.subject)) task.subject = str(input.subject);
-      if (str(input.description)) task.description = str(input.description);
-      if (str(input.activeForm)) task.activeForm = str(input.activeForm);
-      task.uuid = ev.uuid;
-      task.at = ev.timestamp;
+      if (status === 'in_progress') task.startUuid = ev.uuid
+      if (str(input.subject)) task.subject = str(input.subject)
+      if (str(input.description)) task.description = str(input.description)
+      if (str(input.activeForm)) task.activeForm = str(input.activeForm)
+      task.uuid = ev.uuid
+      task.at = ev.timestamp
     }
   }
 
@@ -326,22 +322,22 @@ export function trackTasks(events: readonly TranscriptEvent[]): TaskProgress {
     au tour où la décision a été prise. C'est la colonne de droite qui dit le
     plan tel qu'il est maintenant, et il n'y est plus.
   */
-  const kept = (t: TrackedTask): boolean => t.status !== 'deleted';
+  const kept = (t: TrackedTask): boolean => t.status !== 'deleted'
   const grouped: TaskWave[] = waves
     .map((all, i) => {
-      const tasks = all.filter(kept);
-      return { index: i + 1, tasks, done: tasks.filter((t) => t.status === 'completed').length };
+      const tasks = all.filter(kept)
+      return { index: i + 1, tasks, done: tasks.filter((t) => t.status === 'completed').length }
     })
     // Un plan entièrement supprimé n'a plus rien à montrer, et sa ligne vide se
     // lirait comme un affichage cassé.
-    .filter((w) => w.tasks.length > 0);
-  const tasks = grouped.flatMap((w) => w.tasks);
+    .filter((w) => w.tasks.length > 0)
+  const tasks = grouped.flatMap((w) => w.tasks)
 
   // Le plus récent des « en cours », et non le premier : un plan abandonné en
   // cours de route laisse derrière lui une tâche qui ne s'est jamais close, et
   // c'est le travail d'aujourd'hui qu'on cherche, pas celui d'hier.
-  const live = tasks.filter((t) => t.status === 'in_progress');
-  const current = live.reduce<TrackedTask | null>((a, t) => (a && a.at >= t.at ? a : t), null);
+  const live = tasks.filter((t) => t.status === 'in_progress')
+  const current = live.reduce<TrackedTask | null>((a, t) => (a && a.at >= t.at ? a : t), null)
 
   return {
     tasks,
@@ -350,5 +346,5 @@ export function trackTasks(events: readonly TranscriptEvent[]): TaskProgress {
     currentWave: grouped[grouped.length - 1] ?? null,
     done: tasks.filter((t) => t.status === 'completed').length,
     current,
-  };
+  }
 }
diff --git a/src/components/replay/tools/CodeBlock.vue b/src/components/replay/tools/CodeBlock.vue
index 5de9502..3d118fc 100644
--- a/src/components/replay/tools/CodeBlock.vue
+++ b/src/components/replay/tools/CodeBlock.vue
@@ -33,125 +33,124 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
-import { highlightLines } from '@/utils/markdown';
-import { basename } from './language';
-import CopyButton from '@/components/ui/CopyButton.vue';
+  import CopyButton from '@/components/ui/CopyButton.vue'
+  import { highlightLines } from '@/utils/markdown'
+  import { computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import { basename } from './language'
 
-import { useI18n } from 'vue-i18n';
+  const { t } = useI18n()
 
-const { t } = useI18n();
+  const props = withDefaults(
+    defineProps<{
+      code: string
+      /** highlight.js grammar name; `''` renders as escaped plain text. */
+      lang?: string
+      /** What the badge says. Defaults to `lang` — pass `langLabel(path)` for files. */
+      label?: string
+      filename?: string
+      /** First line's number — `Read` results start wherever `offset` pointed. */
+      startLine?: number
+      lineNumbers?: boolean
+      icon?: string
+      /** A short fact for the header: `+12 −3`, `l. 1-120`, … */
+      stat?: string
+      maxHeight?: string
+    }>(),
+    {
+      lang: '',
+      label: '',
+      filename: '',
+      startLine: 1,
+      lineNumbers: true,
+      icon: 'code',
+      stat: '',
+      maxHeight: '420px',
+    },
+  )
 
-const props = withDefaults(
-  defineProps<{
-    code: string;
-    /** highlight.js grammar name; `''` renders as escaped plain text. */
-    lang?: string;
-    /** What the badge says. Defaults to `lang` — pass `langLabel(path)` for files. */
-    label?: string;
-    filename?: string;
-    /** First line's number — `Read` results start wherever `offset` pointed. */
-    startLine?: number;
-    lineNumbers?: boolean;
-    icon?: string;
-    /** A short fact for the header: `+12 −3`, `l. 1-120`, … */
-    stat?: string;
-    maxHeight?: string;
-  }>(),
-  {
-    lang: '',
-    label: '',
-    filename: '',
-    startLine: 1,
-    lineNumbers: true,
-    icon: 'code',
-    stat: '',
-    maxHeight: '420px',
-  },
-);
-
-const shortName = computed(() => basename(props.filename));
-const badge = computed(() => props.label || props.lang);
-// `v-html` is safe here: `highlightLines` escapes the source before adding its
-// own `<span>` markup (see `utils/markdown.ts`, markdown-it runs with html:false).
-const lines = computed(() => highlightLines(props.code, props.lang));
+  const shortName = computed(() => basename(props.filename))
+  const badge = computed(() => props.label || props.lang)
+  // `v-html` is safe here: `highlightLines` escapes the source before adding its
+  // own `<span>` markup (see `utils/markdown.ts`, markdown-it runs with html:false).
+  const lines = computed(() => highlightLines(props.code, props.lang))
 </script>
 
 <style scoped lang="scss">
-.cbk {
-  margin: 0;
-  border: 1px solid var(--line-2);
-  border-radius: var(--radius-sm);
-  background: var(--bg);
-  overflow: hidden;
-}
-.cbk-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  padding: var(--space-xs) var(--space-xs) var(--space-xs) var(--space-md);
-  background: var(--code-header-bg);
-  border-bottom: 1px solid var(--line);
-  color: var(--dim);
-  min-height: 34px;
-}
-.cbk-name {
-  color: var(--text);
-  font-size: var(--fs-sm);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.cbk-lang,
-.cbk-stat {
-  flex-shrink: 0;
-  font-size: var(--fs-2xs);
-  color: var(--muted);
-}
-.cbk-lang {
-  padding: 1px 6px;
-  border: 1px solid var(--line-2);
-  border-radius: 999px;
-}
-.cbk-body {
-  overflow: auto;
-}
-.cbk-pre {
-  margin: 0;
-  padding: var(--space-sm) 0;
-  font-family: 'JetBrains Mono', ui-monospace, monospace;
-  font-size: var(--fs-sm);
-  line-height: 1.55;
-}
-.cbk-line {
-  display: flex;
-  min-width: 100%;
-  width: max-content;
-}
-.cbk-line:hover {
-  background: var(--hover-overlay);
-}
-.cbk-ln {
-  flex: 0 0 auto;
-  min-width: 3.5em;
-  padding: 0 var(--space-md) 0 var(--space-sm);
-  text-align: right;
-  color: var(--faint);
-  user-select: none;
-}
-.cbk-code {
-  flex: 1 1 auto;
-  padding-right: var(--space-md);
-  white-space: pre;
-}
-/* Sans gouttière de numéros, le code n'a plus de marge à gauche — et une commande
+  .cbk {
+    margin: 0;
+    border: 1px solid var(--line-2);
+    border-radius: var(--radius-sm);
+    background: var(--bg);
+    overflow: hidden;
+  }
+  .cbk-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    padding: var(--space-xs) var(--space-xs) var(--space-xs) var(--space-md);
+    background: var(--code-header-bg);
+    border-bottom: 1px solid var(--line);
+    color: var(--dim);
+    min-height: 34px;
+  }
+  .cbk-name {
+    color: var(--text);
+    font-size: var(--fs-sm);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .cbk-lang,
+  .cbk-stat {
+    flex-shrink: 0;
+    font-size: var(--fs-2xs);
+    color: var(--muted);
+  }
+  .cbk-lang {
+    padding: 1px 6px;
+    border: 1px solid var(--line-2);
+    border-radius: 999px;
+  }
+  .cbk-body {
+    overflow: auto;
+  }
+  .cbk-pre {
+    margin: 0;
+    padding: var(--space-sm) 0;
+    font-family: 'JetBrains Mono', ui-monospace, monospace;
+    font-size: var(--fs-sm);
+    line-height: 1.55;
+  }
+  .cbk-line {
+    display: flex;
+    min-width: 100%;
+    width: max-content;
+  }
+  .cbk-line:hover {
+    background: var(--hover-overlay);
+  }
+  .cbk-ln {
+    flex: 0 0 auto;
+    min-width: 3.5em;
+    padding: 0 var(--space-md) 0 var(--space-sm);
+    text-align: right;
+    color: var(--faint);
+    user-select: none;
+  }
+  .cbk-code {
+    flex: 1 1 auto;
+    padding-right: var(--space-md);
+    white-space: pre;
+  }
+  /* Sans gouttière de numéros, le code n'a plus de marge à gauche — et une commande
    shell se lit mieux repliée que défilée horizontalement. */
-.cbk-pre--wrap .cbk-line {
-  width: auto;
-}
-.cbk-pre--wrap .cbk-code {
-  padding-left: var(--space-md);
-  white-space: pre-wrap;
-  overflow-wrap: anywhere;
-}
+  .cbk-pre--wrap .cbk-line {
+    width: auto;
+  }
+  .cbk-pre--wrap .cbk-code {
+    padding-left: var(--space-md);
+    white-space: pre-wrap;
+    overflow-wrap: anywhere;
+  }
 </style>
diff --git a/src/components/replay/tools/DiffView.vue b/src/components/replay/tools/DiffView.vue
index 73ed480..0e638c1 100644
--- a/src/components/replay/tools/DiffView.vue
+++ b/src/components/replay/tools/DiffView.vue
@@ -7,17 +7,11 @@
       <span class="dv-stat font-mono">
         <span v-if="stat.added" class="dv-stat-add">+{{ stat.added }}</span>
         <span v-if="stat.removed" class="dv-stat-del">−{{ stat.removed }}</span>
-        <span v-if="!stat.added && !stat.removed" class="dv-stat-none">{{
-          t('replay.tools.diff.identical')
-        }}</span>
-        <span v-if="replaceAll" class="dv-stat-scope">{{
-          t('replay.tools.diff.perOccurrence')
-        }}</span>
+        <span v-if="!stat.added && !stat.removed" class="dv-stat-none">{{ t('replay.tools.diff.identical') }}</span>
+        <span v-if="replaceAll" class="dv-stat-scope">{{ t('replay.tools.diff.perOccurrence') }}</span>
       </span>
       <q-space />
-      <span v-if="replaceAll" class="dv-flag font-mono">{{
-        t('replay.tools.diff.replaceAll')
-      }}</span>
+      <span v-if="replaceAll" class="dv-flag font-mono">{{ t('replay.tools.diff.replaceAll') }}</span>
       <CopyButton :text="after" :label="t('replay.tools.diff.copyNew')" />
     </figcaption>
 
@@ -34,9 +28,7 @@
           {{
             stat.removed
           }}
-          supprimée(s)<template v-if="replaceAll"
-            >, à chaque occurrence du motif dans le fichier — le nombre d'occurrences n'est pas
-            connu</template
+          supprimée(s)<template v-if="replaceAll">, à chaque occurrence du motif dans le fichier — le nombre d'occurrences n'est pas connu</template
           >.
         </caption>
         <tbody>
@@ -53,167 +45,166 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
-import { diffLines, diffStat, type DiffOp } from '@/utils/diff';
-import { highlightCode } from '@/utils/markdown';
-import { basename, langOf, langLabel } from './language';
-import CopyButton from '@/components/ui/CopyButton.vue';
+  import CopyButton from '@/components/ui/CopyButton.vue'
+  import { diffLines, diffStat, type DiffOp } from '@/utils/diff'
+  import { highlightCode } from '@/utils/markdown'
+  import { computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import { basename, langOf, langLabel } from './language'
 
-import { useI18n } from 'vue-i18n';
+  const { t } = useI18n()
 
-const { t } = useI18n();
+  const props = withDefaults(
+    defineProps<{
+      before: string
+      after: string
+      filename?: string
+      replaceAll?: boolean
+      maxHeight?: string
+    }>(),
+    { filename: '', replaceAll: false, maxHeight: '420px' },
+  )
 
-const props = withDefaults(
-  defineProps<{
-    before: string;
-    after: string;
-    filename?: string;
-    replaceAll?: boolean;
-    maxHeight?: string;
-  }>(),
-  { filename: '', replaceAll: false, maxHeight: '420px' },
-);
+  /** Screen-reader-visible sign; the colour alone must never carry the meaning. */
+  const SIGN: Record<DiffOp, string> = { add: '+', del: '−', same: ' ' }
 
-/** Screen-reader-visible sign; the colour alone must never carry the meaning. */
-const SIGN: Record<DiffOp, string> = { add: '+', del: '−', same: ' ' };
+  const shortName = computed(() => basename(props.filename))
+  const lang = computed(() => langOf(props.filename))
+  const label = computed(() => langLabel(props.filename))
 
-const shortName = computed(() => basename(props.filename));
-const lang = computed(() => langOf(props.filename));
-const label = computed(() => langLabel(props.filename));
+  const lines = computed(() => diffLines(props.before, props.after))
+  /**
+   * En `replace_all`, ce diff n'est pas un changement mais une règle : il montre ce
+   * qui arrive à *chaque* occurrence du motif, pas le total appliqué au fichier.
+   * D'où « par occurrence » accolé au compte — sans chiffrer les sites, que ni
+   * l'entrée de l'outil ni son résultat ne donnent.
+   */
+  const stat = computed(() => diffStat(lines.value))
 
-const lines = computed(() => diffLines(props.before, props.after));
-/**
- * En `replace_all`, ce diff n'est pas un changement mais une règle : il montre ce
- * qui arrive à *chaque* occurrence du motif, pas le total appliqué au fichier.
- * D'où « par occurrence » accolé au compte — sans chiffrer les sites, que ni
- * l'entrée de l'outil ni son résultat ne donnent.
- */
-const stat = computed(() => diffStat(lines.value));
-
-/**
- * Two gutters, as a unified diff shows them: the line's number before the edit
- * and after it. `Edit` carries fragments, not whole files, so both count from 1
- * — an absolute line number would be a number we do not have.
- *
- * Each line is highlighted on its own. A diff row is a fragment of a fragment;
- * a block comment opened above it is already out of reach.
- */
-const rows = computed(() => {
-  let oldNo = 0;
-  let newNo = 0;
-  return lines.value.map((l) => ({
-    op: l.op,
-    oldNo: l.op === 'add' ? 0 : ++oldNo,
-    newNo: l.op === 'del' ? 0 : ++newNo,
-    html: highlightCode(l.text, lang.value),
-  }));
-});
+  /**
+   * Two gutters, as a unified diff shows them: the line's number before the edit
+   * and after it. `Edit` carries fragments, not whole files, so both count from 1
+   * — an absolute line number would be a number we do not have.
+   *
+   * Each line is highlighted on its own. A diff row is a fragment of a fragment;
+   * a block comment opened above it is already out of reach.
+   */
+  const rows = computed(() => {
+    let oldNo = 0
+    let newNo = 0
+    return lines.value.map((l) => ({
+      op: l.op,
+      oldNo: l.op === 'add' ? 0 : ++oldNo,
+      newNo: l.op === 'del' ? 0 : ++newNo,
+      html: highlightCode(l.text, lang.value),
+    }))
+  })
 </script>
 
 <style scoped lang="scss">
-.dv {
-  margin: 0;
-  border: 1px solid var(--line-2);
-  border-radius: var(--radius-sm);
-  background: var(--bg);
-  overflow: hidden;
-}
-.dv-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  padding: var(--space-xs) var(--space-xs) var(--space-xs) var(--space-md);
-  background: var(--code-header-bg);
-  border-bottom: 1px solid var(--line);
-  color: var(--dim);
-  min-height: 34px;
-}
-.dv-name {
-  color: var(--text);
-  font-size: var(--fs-sm);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.dv-lang {
-  flex-shrink: 0;
-  font-size: var(--fs-2xs);
-  color: var(--muted);
-  padding: 1px 6px;
-  border: 1px solid var(--line-2);
-  border-radius: 999px;
-}
-.dv-stat {
-  flex-shrink: 0;
-  display: flex;
-  gap: var(--space-xs);
-  font-size: var(--fs-xs);
-}
-.dv-stat-add {
-  color: var(--diff-add-text);
-}
-.dv-stat-del {
-  color: var(--diff-del-text);
-}
-.dv-stat-none {
-  color: var(--faint);
-}
-.dv-stat-scope {
-  color: var(--muted);
-  font-size: var(--fs-2xs);
-}
-.dv-flag {
-  flex-shrink: 0;
-  font-size: var(--fs-2xs);
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  color: var(--warn);
-  border: 1px solid var(--line-2);
-  border-radius: 999px;
-  padding: 1px 6px;
-}
-.dv-body {
-  overflow: auto;
-}
-.dv-table {
-  border-collapse: collapse;
-  width: 100%;
-  font-family: 'JetBrains Mono', ui-monospace, monospace;
-  font-size: var(--fs-sm);
-  line-height: 1.55;
-}
-.dv-row--add {
-  background: var(--diff-add-bg);
-  box-shadow: inset 3px 0 0 var(--diff-add-line);
-}
-.dv-row--del {
-  background: var(--diff-del-bg);
-  box-shadow: inset 3px 0 0 var(--diff-del-line);
-}
-.dv-ln {
-  width: 1%;
-  min-width: 2.6em;
-  padding: 0 var(--space-xs);
-  text-align: right;
-  color: var(--faint);
-  user-select: none;
-  white-space: nowrap;
-}
-.dv-sign {
-  width: 1%;
-  padding: 0 var(--space-sm) 0 var(--space-xs);
-  user-select: none;
-  color: var(--dim);
-}
-.dv-row--add .dv-sign {
-  color: var(--diff-add-text);
-}
-.dv-row--del .dv-sign {
-  color: var(--diff-del-text);
-}
-.dv-code {
-  padding-right: var(--space-md);
-  white-space: pre;
-  width: 100%;
-}
+  .dv {
+    margin: 0;
+    border: 1px solid var(--line-2);
+    border-radius: var(--radius-sm);
+    background: var(--bg);
+    overflow: hidden;
+  }
+  .dv-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    padding: var(--space-xs) var(--space-xs) var(--space-xs) var(--space-md);
+    background: var(--code-header-bg);
+    border-bottom: 1px solid var(--line);
+    color: var(--dim);
+    min-height: 34px;
+  }
+  .dv-name {
+    color: var(--text);
+    font-size: var(--fs-sm);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .dv-lang {
+    flex-shrink: 0;
+    font-size: var(--fs-2xs);
+    color: var(--muted);
+    padding: 1px 6px;
+    border: 1px solid var(--line-2);
+    border-radius: 999px;
+  }
+  .dv-stat {
+    flex-shrink: 0;
+    display: flex;
+    gap: var(--space-xs);
+    font-size: var(--fs-xs);
+  }
+  .dv-stat-add {
+    color: var(--diff-add-text);
+  }
+  .dv-stat-del {
+    color: var(--diff-del-text);
+  }
+  .dv-stat-none {
+    color: var(--faint);
+  }
+  .dv-stat-scope {
+    color: var(--muted);
+    font-size: var(--fs-2xs);
+  }
+  .dv-flag {
+    flex-shrink: 0;
+    font-size: var(--fs-2xs);
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    color: var(--warn);
+    border: 1px solid var(--line-2);
+    border-radius: 999px;
+    padding: 1px 6px;
+  }
+  .dv-body {
+    overflow: auto;
+  }
+  .dv-table {
+    border-collapse: collapse;
+    width: 100%;
+    font-family: 'JetBrains Mono', ui-monospace, monospace;
+    font-size: var(--fs-sm);
+    line-height: 1.55;
+  }
+  .dv-row--add {
+    background: var(--diff-add-bg);
+    box-shadow: inset 3px 0 0 var(--diff-add-line);
+  }
+  .dv-row--del {
+    background: var(--diff-del-bg);
+    box-shadow: inset 3px 0 0 var(--diff-del-line);
+  }
+  .dv-ln {
+    width: 1%;
+    min-width: 2.6em;
+    padding: 0 var(--space-xs);
+    text-align: right;
+    color: var(--faint);
+    user-select: none;
+    white-space: nowrap;
+  }
+  .dv-sign {
+    width: 1%;
+    padding: 0 var(--space-sm) 0 var(--space-xs);
+    user-select: none;
+    color: var(--dim);
+  }
+  .dv-row--add .dv-sign {
+    color: var(--diff-add-text);
+  }
+  .dv-row--del .dv-sign {
+    color: var(--diff-del-text);
+  }
+  .dv-code {
+    padding-right: var(--space-md);
+    white-space: pre;
+    width: 100%;
+  }
 </style>
diff --git a/src/components/replay/tools/KeyValueList.vue b/src/components/replay/tools/KeyValueList.vue
index 4c10c4d..35b6a66 100644
--- a/src/components/replay/tools/KeyValueList.vue
+++ b/src/components/replay/tools/KeyValueList.vue
@@ -12,65 +12,64 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
+  import { computed } from 'vue'
 
-import { useI18n } from 'vue-i18n';
+  import { useI18n } from 'vue-i18n'
 
-const { t } = useI18n();
+  const { t } = useI18n()
 
-const props = defineProps<{ input: unknown }>();
+  const props = defineProps<{ input: unknown }>()
 
-/** A value short enough to sit on the label's line rather than in a code block. */
-const SHORT_MAX = 60;
+  /** A value short enough to sit on the label's line rather than in a code block. */
+  const SHORT_MAX = 60
 
-const entries = computed(() => {
-  const raw = props.input;
-  if (!raw || typeof raw !== 'object' || Array.isArray(raw)) return [];
-  return Object.entries(raw as Record<string, unknown>).map(([key, value]) => {
-    const text =
-      typeof value === 'string' ? value : (JSON.stringify(value, null, 2) ?? String(value));
-    return { key, value: text, short: text.length <= SHORT_MAX && !text.includes('\n') };
-  });
-});
+  const entries = computed(() => {
+    const raw = props.input
+    if (!raw || typeof raw !== 'object' || Array.isArray(raw)) return []
+    return Object.entries(raw as Record<string, unknown>).map(([key, value]) => {
+      const text = typeof value === 'string' ? value : (JSON.stringify(value, null, 2) ?? String(value))
+      return { key, value: text, short: text.length <= SHORT_MAX && !text.includes('\n') }
+    })
+  })
 </script>
 
 <style scoped lang="scss">
-.kv {
-  display: grid;
-  grid-template-columns: minmax(6em, max-content) 1fr;
-  align-items: baseline;
-  gap: var(--space-xs) var(--space-md);
-  margin: 0;
-}
-.kv-k {
-  margin: 0;
-}
-.kv-v {
-  margin: 0;
-  min-width: 0;
-}
-.kv-inline {
-  font-size: var(--fs-sm);
-  color: var(--text);
-  word-break: break-word;
-}
-.kv-pre {
-  margin: 0;
-  padding: var(--space-sm) var(--space-md);
-  background: var(--bg);
-  border: 1px solid var(--line);
-  border-radius: var(--radius-xs);
-  overflow-x: auto;
-  font-family: 'JetBrains Mono', ui-monospace, monospace;
-  font-size: var(--fs-sm);
-  line-height: 1.5;
-  white-space: pre-wrap;
-  word-break: break-word;
-  max-height: 320px;
-}
-.kv-empty {
-  margin: 0;
-  font-size: var(--fs-xs);
-  color: var(--faint);
-}
+  .kv {
+    display: grid;
+    grid-template-columns: minmax(6em, max-content) 1fr;
+    align-items: baseline;
+    gap: var(--space-xs) var(--space-md);
+    margin: 0;
+  }
+  .kv-k {
+    margin: 0;
+  }
+  .kv-v {
+    margin: 0;
+    min-width: 0;
+  }
+  .kv-inline {
+    font-size: var(--fs-sm);
+    color: var(--text);
+    word-break: break-word;
+  }
+  .kv-pre {
+    margin: 0;
+    padding: var(--space-sm) var(--space-md);
+    background: var(--bg);
+    border: 1px solid var(--line);
+    border-radius: var(--radius-xs);
+    overflow-x: auto;
+    font-family: 'JetBrains Mono', ui-monospace, monospace;
+    font-size: var(--fs-sm);
+    line-height: 1.5;
+    white-space: pre-wrap;
+    word-break: break-word;
+    max-height: 320px;
+  }
+  .kv-empty {
+    margin: 0;
+    font-size: var(--fs-xs);
+    color: var(--faint);
+  }
 </style>
diff --git a/src/components/replay/tools/OutputPane.vue b/src/components/replay/tools/OutputPane.vue
index f9cf067..0085949 100644
--- a/src/components/replay/tools/OutputPane.vue
+++ b/src/components/replay/tools/OutputPane.vue
@@ -3,17 +3,9 @@
        l'en-tête de l'appel le dit déjà —, soit tout son résultat est une image,
        rendue au-dessus. Un cadre « Résultat · vide » ne ferait que répéter. -->
   <section v-if="text || isError" class="op" :class="{ 'op--error': isError }">
-    <button
-      type="button"
-      class="op-head"
-      :aria-expanded="open"
-      :aria-controls="bodyId"
-      @click="open = !open"
-    >
+    <button type="button" class="op-head" :aria-expanded="open" :aria-controls="bodyId" @click="open = !open">
       <q-icon :name="open ? 'expand_more' : 'chevron_right'" size="16px" aria-hidden="true" />
-      <span class="section-label">{{
-        isError ? t('replay.tools.output.error') : t('replay.tools.output.result')
-      }}</span>
+      <span class="section-label">{{ isError ? t('replay.tools.output.error') : t('replay.tools.output.result') }}</span>
       <span class="op-dot" :class="`op-dot--${status}`" aria-hidden="true" />
       <span class="op-status">{{ t(`replay.tools.output.status.${status}`) }}</span>
       <q-space />
@@ -24,8 +16,7 @@
     <div v-if="open" :id="bodyId" class="op-body">
       <div v-if="persisted" class="op-persisted">
         <p class="op-note">
-          Sortie trop volumineuse pour le transcript ({{ persisted.size }}). Claude Code n'en a
-          gardé qu'un aperçu et a écrit le reste sur le disque.
+          Sortie trop volumineuse pour le transcript ({{ persisted.size }}). Claude Code n'en a gardé qu'un aperçu et a écrit le reste sur le disque.
         </p>
         <q-btn
           v-if="canLoad && !full"
@@ -55,11 +46,7 @@
           no-caps
           size="sm"
           class="op-more"
-          :label="
-            clamped
-              ? t('replay.tools.output.seeAll', { n: lineCount })
-              : t('replay.tools.output.reduce')
-          "
+          :label="clamped ? t('replay.tools.output.seeAll', { n: lineCount }) : t('replay.tools.output.reduce')"
           @click="clamped = !clamped"
         />
         <q-space />
@@ -70,208 +57,202 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, inject, useId } from 'vue';
-import { useExpandable } from '@/composables/useExpandAll';
-import { readToolResult } from '@/services/projects';
-import { ansiToHtml, stripAnsi } from '@/utils/ansi';
-import { TRANSCRIPT_SOURCE } from '../transcriptSource';
-import CopyButton from '@/components/ui/CopyButton.vue';
+  import CopyButton from '@/components/ui/CopyButton.vue'
+  import { useExpandable } from '@/composables/useExpandAll'
+  import { readToolResult } from '@/services/projects'
+  import { ansiToHtml, stripAnsi } from '@/utils/ansi'
+  import { ref, computed, inject, useId } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import { TRANSCRIPT_SOURCE } from '../transcriptSource'
 
-import { useI18n } from 'vue-i18n';
+  const { t } = useI18n()
 
-const { t } = useI18n();
+  const props = withDefaults(
+    defineProps<{
+      content: string
+      isError?: boolean
+      /** `tool_use` id — the persisted output is named after it. */
+      toolUseId?: string
+      defaultOpen?: boolean
+    }>(),
+    { isError: false, toolUseId: '', defaultOpen: false },
+  )
 
-const props = withDefaults(
-  defineProps<{
-    content: string;
-    isError?: boolean;
-    /** `tool_use` id — the persisted output is named after it. */
-    toolUseId?: string;
-    defaultOpen?: boolean;
-  }>(),
-  { isError: false, toolUseId: '', defaultOpen: false },
-);
+  const CLAMP_LINES = 20
 
-const CLAMP_LINES = 20;
+  const bodyId = `op-${useId()}`
+  // `defaultOpen` was read once at setup and never again, so the page-wide
+  // expand/collapse could not reach a result pane. It can now.
+  //
+  // Mais pas le dépliage automatique du tour suivi en direct : il ouvrait aussi
+  // les résultats, qui se refermaient au tour suivant — le temps de les lire, ils
+  // avaient disparu. Le suivi montre donc ce que l'outil *fait* ; ce qu'il répond
+  // reste à un clic. Un échec, lui, arrive déjà ouvert par `defaultOpen`.
+  const open = useExpandable(props.defaultOpen, { followSticky: false })
+  const clamped = ref(true)
+  const full = ref('')
+  const loading = ref(false)
+  const error = ref('')
 
-const bodyId = `op-${useId()}`;
-// `defaultOpen` was read once at setup and never again, so the page-wide
-// expand/collapse could not reach a result pane. It can now.
-//
-// Mais pas le dépliage automatique du tour suivi en direct : il ouvrait aussi
-// les résultats, qui se refermaient au tour suivant — le temps de les lire, ils
-// avaient disparu. Le suivi montre donc ce que l'outil *fait* ; ce qu'il répond
-// reste à un clic. Un échec, lui, arrive déjà ouvert par `defaultOpen`.
-const open = useExpandable(props.defaultOpen, { followSticky: false });
-const clamped = ref(true);
-const full = ref('');
-const loading = ref(false);
-const error = ref('');
+  const source = inject(TRANSCRIPT_SOURCE, ref(null))
 
-const source = inject(TRANSCRIPT_SOURCE, ref(null));
+  type Status = 'ok' | 'error' | 'empty'
 
-type Status = 'ok' | 'error' | 'empty';
+  const status = computed<Status>(() => {
+    if (props.isError) return 'error'
+    return props.content.trim() ? 'ok' : 'empty'
+  })
 
-const status = computed<Status>(() => {
-  if (props.isError) return 'error';
-  return props.content.trim() ? 'ok' : 'empty';
-});
+  /**
+   * Claude Code replaces an oversized tool result with a pointer to a file:
+   *
+   *   <persisted-output>
+   *   Output too large (96.2KB). Full output saved to: …/tool-results/toolu_xxx.txt
+   *
+   *   Preview (first 2KB):
+   *   …
+   *   </persisted-output>
+   *
+   * We surface the size and offer to read the file back, rather than printing the
+   * marker verbatim as the timeline does today.
+   */
+  const PERSISTED = /^<persisted-output>\s*\nOutput too large \(([^)]+)\)\. Full output saved to: (.+?)\n/
 
-/**
- * Claude Code replaces an oversized tool result with a pointer to a file:
- *
- *   <persisted-output>
- *   Output too large (96.2KB). Full output saved to: …/tool-results/toolu_xxx.txt
- *
- *   Preview (first 2KB):
- *   …
- *   </persisted-output>
- *
- * We surface the size and offer to read the file back, rather than printing the
- * marker verbatim as the timeline does today.
- */
-const PERSISTED =
-  /^<persisted-output>\s*\nOutput too large \(([^)]+)\)\. Full output saved to: (.+?)\n/;
+  const persisted = computed(() => {
+    const m = PERSISTED.exec(props.content)
+    if (!m) return null
+    const preview = props.content
+      .replace(PERSISTED, '')
+      .replace(/^\s*Preview \(first [^)]*\):\s*\n/, '')
+      .replace(/\n?\.\.\.\n?<\/persisted-output>\s*$/, '')
+      .replace(/\n?<\/persisted-output>\s*$/, '')
+    return { size: m[1] ?? '', path: m[2] ?? '', preview }
+  })
 
-const persisted = computed(() => {
-  const m = PERSISTED.exec(props.content);
-  if (!m) return null;
-  const preview = props.content
-    .replace(PERSISTED, '')
-    .replace(/^\s*Preview \(first [^)]*\):\s*\n/, '')
-    .replace(/\n?\.\.\.\n?<\/persisted-output>\s*$/, '')
-    .replace(/\n?<\/persisted-output>\s*$/, '');
-  return { size: m[1] ?? '', path: m[2] ?? '', preview };
-});
+  const canLoad = computed(() => Boolean(props.toolUseId && source.value))
 
-const canLoad = computed(() => Boolean(props.toolUseId && source.value));
+  /** What the pane shows: the loaded file, else the preview, else the raw content. */
+  const text = computed(() => full.value || persisted.value?.preview || props.content)
+  const lineCount = computed(() => text.value.split('\n').length)
+  const truncatable = computed(() => lineCount.value > CLAMP_LINES)
+  const shown = computed(() => (truncatable.value && clamped.value ? text.value.split('\n').slice(0, CLAMP_LINES).join('\n') : text.value))
+  /** Terminal output still carries its SGR codes — render them, don't print them. */
+  const shownHtml = computed(() => ansiToHtml(shown.value))
+  /** Copying should hand over the text, not the escape codes painting it. */
+  const plain = computed(() => stripAnsi(text.value))
 
-/** What the pane shows: the loaded file, else the preview, else the raw content. */
-const text = computed(() => full.value || persisted.value?.preview || props.content);
-const lineCount = computed(() => text.value.split('\n').length);
-const truncatable = computed(() => lineCount.value > CLAMP_LINES);
-const shown = computed(() =>
-  truncatable.value && clamped.value
-    ? text.value.split('\n').slice(0, CLAMP_LINES).join('\n')
-    : text.value,
-);
-/** Terminal output still carries its SGR codes — render them, don't print them. */
-const shownHtml = computed(() => ansiToHtml(shown.value));
-/** Copying should hand over the text, not the escape codes painting it. */
-const plain = computed(() => stripAnsi(text.value));
-
-async function loadFull(): Promise<void> {
-  const src = source.value;
-  if (!src || !props.toolUseId) return;
-  loading.value = true;
-  error.value = '';
-  try {
-    const res = await readToolResult(src.slug, src.sessionId, props.toolUseId);
-    full.value = res.content;
-    if (res.truncated) error.value = t('replay.tools.output.tooBig');
-  } catch (e) {
-    error.value = e instanceof Error ? e.message : t('replay.tools.output.unreadable');
-  } finally {
-    loading.value = false;
+  async function loadFull(): Promise<void> {
+    const src = source.value
+    if (!src || !props.toolUseId) return
+    loading.value = true
+    error.value = ''
+    try {
+      const res = await readToolResult(src.slug, src.sessionId, props.toolUseId)
+      full.value = res.content
+      if (res.truncated) error.value = t('replay.tools.output.tooBig')
+    } catch (e) {
+      error.value = e instanceof Error ? e.message : t('replay.tools.output.unreadable')
+    } finally {
+      loading.value = false
+    }
   }
-}
 </script>
 
 <style scoped lang="scss">
-.op {
-  border: 1px solid var(--line);
-  border-radius: var(--radius-sm);
-  background: var(--surface);
-  overflow: hidden;
-}
-.op--error {
-  border-color: color-mix(in srgb, var(--danger) 45%, var(--line-2));
-}
-.op-head {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  padding: var(--space-xs) var(--space-md);
-  background: none;
-  border: none;
-  color: var(--dim);
-  cursor: pointer;
-  text-align: left;
-}
-.op-head:hover {
-  background: var(--hover-overlay);
-}
-.op-dot {
-  width: 6px;
-  height: 6px;
-  border-radius: 999px;
-  flex-shrink: 0;
-  background: var(--dim);
-}
-.op-dot--ok {
-  background: var(--pulse);
-}
-.op-dot--error {
-  background: var(--danger);
-}
-.op-status {
-  font-size: var(--fs-2xs);
-  color: var(--muted);
-}
-.op-size {
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-}
-.op-body {
-  padding: var(--space-md);
-  border-top: 1px solid var(--line);
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-}
-.op-persisted {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: var(--space-sm);
-}
-.op-note {
-  margin: 0;
-  font-size: var(--fs-xs);
-  color: var(--muted);
-}
-.op-note--dim {
-  color: var(--faint);
-  font-style: italic;
-}
-.op-error {
-  margin: 0;
-  font-size: var(--fs-xs);
-  color: var(--danger);
-}
-.op-pre {
-  margin: 0;
-  padding: var(--space-md);
-  background: var(--bg);
-  border: 1px solid var(--line);
-  border-radius: var(--radius-sm);
-  overflow-x: auto;
-  font-family: 'JetBrains Mono', ui-monospace, monospace;
-  font-size: var(--fs-sm);
-  line-height: 1.5;
-  white-space: pre-wrap;
-  word-break: break-word;
-  max-height: 480px;
-}
-.op--error .op-pre {
-  color: color-mix(in srgb, var(--danger) 85%, var(--text));
-}
-.op-actions {
-  display: flex;
-  align-items: center;
-}
-.op-more {
-  color: var(--brand);
-}
+  .op {
+    border: 1px solid var(--line);
+    border-radius: var(--radius-sm);
+    background: var(--surface);
+    overflow: hidden;
+  }
+  .op--error {
+    border-color: color-mix(in srgb, var(--danger) 45%, var(--line-2));
+  }
+  .op-head {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    padding: var(--space-xs) var(--space-md);
+    background: none;
+    border: none;
+    color: var(--dim);
+    cursor: pointer;
+    text-align: left;
+  }
+  .op-head:hover {
+    background: var(--hover-overlay);
+  }
+  .op-dot {
+    width: 6px;
+    height: 6px;
+    border-radius: 999px;
+    flex-shrink: 0;
+    background: var(--dim);
+  }
+  .op-dot--ok {
+    background: var(--pulse);
+  }
+  .op-dot--error {
+    background: var(--danger);
+  }
+  .op-status {
+    font-size: var(--fs-2xs);
+    color: var(--muted);
+  }
+  .op-size {
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+  }
+  .op-body {
+    padding: var(--space-md);
+    border-top: 1px solid var(--line);
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+  }
+  .op-persisted {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: var(--space-sm);
+  }
+  .op-note {
+    margin: 0;
+    font-size: var(--fs-xs);
+    color: var(--muted);
+  }
+  .op-note--dim {
+    color: var(--faint);
+    font-style: italic;
+  }
+  .op-error {
+    margin: 0;
+    font-size: var(--fs-xs);
+    color: var(--danger);
+  }
+  .op-pre {
+    margin: 0;
+    padding: var(--space-md);
+    background: var(--bg);
+    border: 1px solid var(--line);
+    border-radius: var(--radius-sm);
+    overflow-x: auto;
+    font-family: 'JetBrains Mono', ui-monospace, monospace;
+    font-size: var(--fs-sm);
+    line-height: 1.5;
+    white-space: pre-wrap;
+    word-break: break-word;
+    max-height: 480px;
+  }
+  .op--error .op-pre {
+    color: color-mix(in srgb, var(--danger) 85%, var(--text));
+  }
+  .op-actions {
+    display: flex;
+    align-items: center;
+  }
+  .op-more {
+    color: var(--brand);
+  }
 </style>
diff --git a/src/components/replay/tools/PathList.vue b/src/components/replay/tools/PathList.vue
index 3ef6145..6b9b571 100644
--- a/src/components/replay/tools/PathList.vue
+++ b/src/components/replay/tools/PathList.vue
@@ -19,112 +19,110 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
-import { basename, dirname } from './language';
+  import { computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import { basename, dirname } from './language'
 
-import { useI18n } from 'vue-i18n';
+  const { t } = useI18n()
 
-const { t } = useI18n();
+  // One rendering for every "here are the files" answer — Glob's, Grep's in
+  // `files_with_matches` mode, SendUserFile's. They used to drift apart.
+  const props = withDefaults(
+    defineProps<{
+      paths: string[]
+      icon?: string
+      max?: number
+      showCount?: boolean
+      /**
+       * Dossier commun à tous les chemins, écrit une fois au-dessus de la liste au
+       * lieu d'ouvrir chaque ligne. La colonne du dossier est coupée par la droite
+       * quand elle déborde : sans ce repli, un préfixe long mange justement le
+       * segment qui distingue les fichiers entre eux.
+       */
+      root?: string
+      /** Ce que l'ordre de la liste veut dire, quand il en a un. */
+      order?: string
+    }>(),
+    { icon: 'insert_drive_file', max: 200, showCount: true, root: '', order: '' },
+  )
 
-// One rendering for every "here are the files" answer — Glob's, Grep's in
-// `files_with_matches` mode, SendUserFile's. They used to drift apart.
-const props = withDefaults(
-  defineProps<{
-    paths: string[];
-    icon?: string;
-    max?: number;
-    showCount?: boolean;
-    /**
-     * Dossier commun à tous les chemins, écrit une fois au-dessus de la liste au
-     * lieu d'ouvrir chaque ligne. La colonne du dossier est coupée par la droite
-     * quand elle déborde : sans ce repli, un préfixe long mange justement le
-     * segment qui distingue les fichiers entre eux.
-     */
-    root?: string;
-    /** Ce que l'ordre de la liste veut dire, quand il en a un. */
-    order?: string;
-  }>(),
-  { icon: 'insert_drive_file', max: 200, showCount: true, root: '', order: '' },
-);
+  const total = computed(() => props.paths.length)
+  const shown = computed(() => props.paths.slice(0, props.max))
+  const overflow = computed(() => Math.max(0, total.value - shown.value.length))
 
-const total = computed(() => props.paths.length);
-const shown = computed(() => props.paths.slice(0, props.max));
-const overflow = computed(() => Math.max(0, total.value - shown.value.length));
+  /** Le chemin sans le dossier commun ; l'infobulle, elle, garde le chemin entier. */
+  const strip = (p: string): string => (props.root && p.startsWith(props.root) ? p.slice(props.root.length) : p)
 
-/** Le chemin sans le dossier commun ; l'infobulle, elle, garde le chemin entier. */
-const strip = (p: string): string =>
-  props.root && p.startsWith(props.root) ? p.slice(props.root.length) : p;
-
-const baseOf = (p: string): string => basename(p);
-const dirOf = (p: string): string => {
-  const d = dirname(p);
-  return d ? `${d}/` : '';
-};
+  const baseOf = (p: string): string => basename(p)
+  const dirOf = (p: string): string => {
+    const d = dirname(p)
+    return d ? `${d}/` : ''
+  }
 </script>
 
 <style scoped lang="scss">
-.pl {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-xs);
-}
-.pl-count {
-  margin: 0;
-  font-size: var(--fs-2xs);
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  color: var(--dim);
-}
-.pl-order {
-  text-transform: none;
-  letter-spacing: normal;
-  color: var(--faint);
-}
-.pl-root {
-  margin: 0;
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.pl-list {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  max-height: 360px;
-  overflow: auto;
-}
-.pl-item {
-  display: flex;
-  // Le chemin tient sur une ligne : `center` aligne le glyphe dessus sans avoir
-  // à lui calculer une hauteur. Un `q-icon` n'a pas de ligne de base utile —
-  // `baseline` le posait deux pixels trop bas sur chaque ligne de la liste.
-  // Voir la même correction dans `GrepView` et `PlanView`.
-  align-items: center;
-  gap: var(--space-xs);
-  padding: 1px var(--space-xs);
-  font-size: var(--fs-xs);
-  white-space: nowrap;
-  overflow: hidden;
-  color: var(--dim);
-}
-.pl-item:hover {
-  background: var(--hover-overlay);
-}
-.pl-dir {
-  color: var(--faint);
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.pl-base {
-  color: var(--text);
-  flex-shrink: 0;
-}
-.pl-note {
-  margin: 0;
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-  font-style: italic;
-}
+  .pl {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+  }
+  .pl-count {
+    margin: 0;
+    font-size: var(--fs-2xs);
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    color: var(--dim);
+  }
+  .pl-order {
+    text-transform: none;
+    letter-spacing: normal;
+    color: var(--faint);
+  }
+  .pl-root {
+    margin: 0;
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .pl-list {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    max-height: 360px;
+    overflow: auto;
+  }
+  .pl-item {
+    display: flex;
+    // Le chemin tient sur une ligne : `center` aligne le glyphe dessus sans avoir
+    // à lui calculer une hauteur. Un `q-icon` n'a pas de ligne de base utile —
+    // `baseline` le posait deux pixels trop bas sur chaque ligne de la liste.
+    // Voir la même correction dans `GrepView` et `PlanView`.
+    align-items: center;
+    gap: var(--space-xs);
+    padding: 1px var(--space-xs);
+    font-size: var(--fs-xs);
+    white-space: nowrap;
+    overflow: hidden;
+    color: var(--dim);
+  }
+  .pl-item:hover {
+    background: var(--hover-overlay);
+  }
+  .pl-dir {
+    color: var(--faint);
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .pl-base {
+    color: var(--text);
+    flex-shrink: 0;
+  }
+  .pl-note {
+    margin: 0;
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+    font-style: italic;
+  }
 </style>
diff --git a/src/components/replay/tools/ToolChips.vue b/src/components/replay/tools/ToolChips.vue
index 8aa2b0b..ef109a1 100644
--- a/src/components/replay/tools/ToolChips.vue
+++ b/src/components/replay/tools/ToolChips.vue
@@ -11,40 +11,40 @@
 </template>
 
 <script setup lang="ts">
-defineProps<{ items: { k: string; v: string }[] }>();
+  defineProps<{ items: { k: string; v: string }[] }>()
 </script>
 
 <style scoped lang="scss">
-.tch {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--space-xs);
-}
-.tch-item {
-  display: inline-flex;
-  align-items: baseline;
-  gap: var(--space-xs);
-  padding: 2px var(--space-sm);
-  background: var(--surface);
-  border: 1px solid var(--line-2);
-  border-radius: 999px;
-  max-width: 100%;
-}
-.tch-k {
-  font-size: var(--fs-2xs);
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  color: var(--faint);
-  flex-shrink: 0;
-}
-.tch-v {
-  font-size: var(--fs-xs);
-  color: var(--text);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
+  .tch {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--space-xs);
+  }
+  .tch-item {
+    display: inline-flex;
+    align-items: baseline;
+    gap: var(--space-xs);
+    padding: 2px var(--space-sm);
+    background: var(--surface);
+    border: 1px solid var(--line-2);
+    border-radius: 999px;
+    max-width: 100%;
+  }
+  .tch-k {
+    font-size: var(--fs-2xs);
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    color: var(--faint);
+    flex-shrink: 0;
+  }
+  .tch-v {
+    font-size: var(--fs-xs);
+    color: var(--text);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
 </style>
diff --git a/src/components/replay/tools/language.ts b/src/components/replay/tools/language.ts
index 023b572..78047b6 100644
--- a/src/components/replay/tools/language.ts
+++ b/src/components/replay/tools/language.ts
@@ -60,7 +60,7 @@ const BY_EXTENSION: Record<string, string> = {
   cfg: 'ini',
   diff: 'diff',
   patch: 'diff',
-};
+}
 
 /** Files whose whole name — not extension — decides the language. */
 const BY_NAME: Record<string, string> = {
@@ -68,35 +68,35 @@ const BY_NAME: Record<string, string> = {
   makefile: 'makefile',
   gemfile: 'ruby',
   rakefile: 'ruby',
-};
+}
 
 /** Split on both separators: transcripts carry Windows and POSIX paths alike. */
 function segments(path: string): string[] {
-  return path.replace(/[\\/]+$/, '').split(/[\\/]/);
+  return path.replace(/[\\/]+$/, '').split(/[\\/]/)
 }
 
 /** Last path segment, e.g. `server/usage.ts` → `usage.ts`. */
 export function basename(path: string): string {
-  const parts = segments(path);
-  return parts[parts.length - 1] ?? path;
+  const parts = segments(path)
+  return parts[parts.length - 1] ?? path
 }
 
 /** Everything before the last segment, e.g. `server/usage.ts` → `server`. */
 export function dirname(path: string): string {
-  const parts = segments(path);
-  return parts.slice(0, -1).join('/');
+  const parts = segments(path)
+  return parts.slice(0, -1).join('/')
 }
 
 /** highlight.js language for a path, or `''` when we cannot tell. */
 export function langOf(path: string): string {
-  const name = basename(path).toLowerCase();
-  const byName = BY_NAME[name];
-  if (byName) return byName;
-  if (name.startsWith('.env')) return 'bash';
+  const name = basename(path).toLowerCase()
+  const byName = BY_NAME[name]
+  if (byName) return byName
+  if (name.startsWith('.env')) return 'bash'
 
-  const dot = name.lastIndexOf('.');
-  if (dot <= 0) return '';
-  return BY_EXTENSION[name.slice(dot + 1)] ?? '';
+  const dot = name.lastIndexOf('.')
+  if (dot <= 0) return ''
+  return BY_EXTENSION[name.slice(dot + 1)] ?? ''
 }
 
 /**
@@ -124,16 +124,16 @@ const LABEL_BY_EXTENSION: Record<string, string> = {
   mdx: 'mdx',
   pl: 'perl',
   patch: 'diff',
-};
+}
 
 export function langLabel(path: string): string {
-  const name = basename(path).toLowerCase();
-  const dot = name.lastIndexOf('.');
-  const ext = dot > 0 ? name.slice(dot + 1) : '';
-  return LABEL_BY_EXTENSION[ext] ?? langOf(path);
+  const name = basename(path).toLowerCase()
+  const dot = name.lastIndexOf('.')
+  const ext = dot > 0 ? name.slice(dot + 1) : ''
+  return LABEL_BY_EXTENSION[ext] ?? langOf(path)
 }
 
 /** True when the file renders better as prose than as code. */
 export function isMarkdown(path: string): boolean {
-  return langOf(path) === 'markdown';
+  return langOf(path) === 'markdown'
 }
diff --git a/src/components/replay/tools/registry.ts b/src/components/replay/tools/registry.ts
index b4a038c..aed891c 100644
--- a/src/components/replay/tools/registry.ts
+++ b/src/components/replay/tools/registry.ts
@@ -9,7 +9,7 @@
 // The views and their frequency, measured over 44 585 real tool calls:
 // Read 31.1% · Edit 23.3% · Bash 19.5% · Grep 8.6% · Glob 4.8% · Write 4.5%.
 
-import { t } from '@/i18n';
+import { t } from '@/i18n'
 
 export type ToolView =
   | 'read'
@@ -30,36 +30,36 @@ export type ToolView =
   | 'ask'
   | 'search'
   | 'skill'
-  | 'generic';
+  | 'generic'
 
 export interface ToolDescriptor {
   /** Material icon name (Quasar `@quasar/extras`). */
-  icon: string;
-  view: ToolView;
-  summary: (input: Record<string, unknown>) => string;
+  icon: string
+  view: ToolView
+  summary: (input: Record<string, unknown>) => string
 }
 
-import { asRecord, arr, bool, num, str, type ToolInput as Input } from './values';
-import { basename as short } from './language';
+import { asRecord, arr, bool, num, str, type ToolInput as Input } from './values'
+import { basename as short } from './language'
 
 /** Collapse whitespace and cut, so a summary never wraps the header. */
 function oneLine(s: string, max = 80): string {
-  const t = s.replace(/\s+/g, ' ').trim();
-  return t.length > max ? `${t.slice(0, max - 1)}…` : t;
+  const t = s.replace(/\s+/g, ' ').trim()
+  return t.length > max ? `${t.slice(0, max - 1)}…` : t
 }
 
-const countLines = (s: string): number => (s ? s.split('\n').length : 0);
+const countLines = (s: string): number => (s ? s.split('\n').length : 0)
 
 /** Un résumé mal accordé se remarque plus que le compte qu'il porte. */
-const lineCount = (n: number): string => `${n} ligne${n > 1 ? 's' : ''}`;
+const lineCount = (n: number): string => `${n} ligne${n > 1 ? 's' : ''}`
 
 /** `https://code.claude.com/docs/en/hooks.md` → `code.claude.com/docs/…/hooks.md` */
 function shortUrl(url: string): string {
   try {
-    const u = new URL(url);
-    return `${u.host}${u.pathname === '/' ? '' : u.pathname}`;
+    const u = new URL(url)
+    return `${u.host}${u.pathname === '/' ? '' : u.pathname}`
   } catch {
-    return url;
+    return url
   }
 }
 
@@ -68,22 +68,14 @@ const GENERIC: ToolDescriptor = {
   view: 'generic',
   // Nothing is known about this tool, so show the first thing that reads like a
   // subject rather than inventing a field order it never had.
-  summary: (i) =>
-    oneLine(
-      str(i.description) ||
-        str(i.query) ||
-        str(i.name) ||
-        str(i.path) ||
-        str(i.file_path) ||
-        str(i.prompt),
-    ),
-};
+  summary: (i) => oneLine(str(i.description) || str(i.query) || str(i.name) || str(i.path) || str(i.file_path) || str(i.prompt)),
+}
 
 const taskSummary = (i: Input): string => {
-  const id = str(i.taskId) || str(i.task_id);
-  const parts = [str(i.subject), id && `#${id}`, str(i.status)].filter(Boolean);
-  return oneLine(parts.join(' · '));
-};
+  const id = str(i.taskId) || str(i.task_id)
+  const parts = [str(i.subject), id && `#${id}`, str(i.status)].filter(Boolean)
+  return oneLine(parts.join(' · '))
+}
 
 /**
  * Une commande d'une ligne se résume par elle-même. Une commande multi-ligne,
@@ -95,26 +87,24 @@ const taskSummary = (i: Input): string => {
  * appels qui n'en ont aucune.
  */
 const shellSummary = (i: Input): string => {
-  const command = str(i.command);
-  const description = str(i.description);
-  if (command.includes('\n') && description) return oneLine(description);
-  return oneLine(command || description);
-};
+  const command = str(i.command)
+  const description = str(i.description)
+  if (command.includes('\n') && description) return oneLine(description)
+  return oneLine(command || description)
+}
 
 export const TOOLS: Record<string, ToolDescriptor> = {
   Read: {
     icon: 'description',
     view: 'read',
     summary: (i) => {
-      const name = short(str(i.file_path));
-      const offset = num(i.offset);
-      const limit = num(i.limit);
-      if (!offset && !limit) return name;
-      const from = offset || 1;
-      const range = limit
-        ? t('replay.tools.summary.lineRange', { from, to: from + limit - 1 })
-        : t('replay.tools.summary.lineFrom', { from });
-      return `${name} (${range})`;
+      const name = short(str(i.file_path))
+      const offset = num(i.offset)
+      const limit = num(i.limit)
+      if (!offset && !limit) return name
+      const from = offset || 1
+      const range = limit ? t('replay.tools.summary.lineRange', { from, to: from + limit - 1 }) : t('replay.tools.summary.lineFrom', { from })
+      return `${name} (${range})`
     },
   },
   Edit: {
@@ -126,21 +116,21 @@ export const TOOLS: Record<string, ToolDescriptor> = {
     // sites n'est ni dans l'entrée ni dans le résultat — on dit la portée, pas
     // un compte qu'on n'a pas.
     summary: (i) => {
-      const name = short(str(i.file_path));
-      const scope = bool(i.replace_all) ? ` · ${t('replay.tools.summary.everywhere')}` : '';
-      const before = countLines(str(i.old_string));
-      const after = countLines(str(i.new_string));
-      if (!before && !after) return `${name}${scope}`;
-      const size = before === after ? lineCount(after) : `${before} → ${lineCount(after)}`;
-      return `${name} · ${size}${scope}`;
+      const name = short(str(i.file_path))
+      const scope = bool(i.replace_all) ? ` · ${t('replay.tools.summary.everywhere')}` : ''
+      const before = countLines(str(i.old_string))
+      const after = countLines(str(i.new_string))
+      if (!before && !after) return `${name}${scope}`
+      const size = before === after ? lineCount(after) : `${before} → ${lineCount(after)}`
+      return `${name} · ${size}${scope}`
     },
   },
   Write: {
     icon: 'note_add',
     view: 'write',
     summary: (i) => {
-      const n = countLines(str(i.content));
-      return `${short(str(i.file_path))}${n ? ` · ${lineCount(n)}` : ''}`;
+      const n = countLines(str(i.content))
+      return `${short(str(i.file_path))}${n ? ` · ${lineCount(n)}` : ''}`
     },
   },
   Bash: {
@@ -157,31 +147,31 @@ export const TOOLS: Record<string, ToolDescriptor> = {
     icon: 'search',
     view: 'grep',
     summary: (i) => {
-      const where = str(i.glob) || (str(i.path) ? short(str(i.path)) : '');
-      return oneLine(`"${str(i.pattern)}"${where ? ` dans ${where}` : ''}`);
+      const where = str(i.glob) || (str(i.path) ? short(str(i.path)) : '')
+      return oneLine(`"${str(i.pattern)}"${where ? ` dans ${where}` : ''}`)
     },
   },
   Glob: {
     icon: 'folder_open',
     view: 'glob',
     summary: (i) => {
-      const where = str(i.path) ? ` dans ${short(str(i.path))}` : '';
-      return oneLine(`${str(i.pattern)}${where}`);
+      const where = str(i.path) ? ` dans ${short(str(i.path))}` : ''
+      return oneLine(`${str(i.pattern)}${where}`)
     },
   },
   ExitPlanMode: {
     icon: 'checklist',
     view: 'plan',
     summary: (i) => {
-      const plan = str(i.plan);
-      if (!plan) return t('replay.tools.summary.planSubmitted');
+      const plan = str(i.plan)
+      if (!plan) return t('replay.tools.summary.planSubmitted')
       // The plan's own H1 is its title; fall back to its first non-empty line.
       const title =
         plan
           .split('\n')
           .find((l) => l.trim())
-          ?.replace(/^#+\s*/, '') ?? '';
-      return oneLine(title || t('replay.tools.summary.planSubmitted'));
+          ?.replace(/^#+\s*/, '') ?? ''
+      return oneLine(title || t('replay.tools.summary.planSubmitted'))
     },
   },
   // Il partageait la vue `plan` avec `ExitPlanMode`, dont il n'a rien : pas de
@@ -224,9 +214,9 @@ export const TOOLS: Record<string, ToolDescriptor> = {
     // nom du destinataire. Ce qu'ils demandent tient pourtant en trois mots, et
     // il est dans le corps — que le harness écrit là en objet, pas en texte.
     summary: (i) => {
-      const to = str(i.to) || str(i.recipient) || str(i.agentId);
-      const body = asRecord(i.message);
-      const type = str(body.type) || str(i.type);
+      const to = str(i.to) || str(i.recipient) || str(i.agentId)
+      const body = asRecord(i.message)
+      const type = str(body.type) || str(i.type)
       const what =
         type === 'shutdown_request'
           ? t('replay.tools.summary.shutdownAsk')
@@ -234,8 +224,8 @@ export const TOOLS: Record<string, ToolDescriptor> = {
             ? bool(body.approve) || bool(i.approve)
               ? t('replay.tools.summary.shutdownYes')
               : t('replay.tools.summary.shutdownNo')
-            : str(i.summary);
-      return oneLine([to && `→ ${to}`, what].filter(Boolean).join(' · '));
+            : str(i.summary)
+      return oneLine([to && `→ ${to}`, what].filter(Boolean).join(' · '))
     },
   },
   TeamCreate: {
@@ -252,9 +242,9 @@ export const TOOLS: Record<string, ToolDescriptor> = {
     icon: 'help',
     view: 'ask',
     summary: (i) => {
-      const qs = arr(i.questions);
-      const head = oneLine(str(asRecord(qs[0]).question));
-      return qs.length > 1 ? `${head} (+${qs.length - 1})` : head;
+      const qs = arr(i.questions)
+      const head = oneLine(str(asRecord(qs[0]).question))
+      return qs.length > 1 ? `${head} (+${qs.length - 1})` : head
     },
   },
   // La vue générique listait `skill` et `args` en clé-valeur, puis rendait le
@@ -274,8 +264,8 @@ export const TOOLS: Record<string, ToolDescriptor> = {
     // `select:A,B`. Le préfixe est de la syntaxe, pas du sujet : le montrer
     // 353 fois de suite pousse hors du résumé ce qui s'y lit vraiment.
     summary: (i) => {
-      const q = str(i.query);
-      return oneLine(q.startsWith('select:') ? q.slice(7).split(',').join(' · ') : q);
+      const q = str(i.query)
+      return oneLine(q.startsWith('select:') ? q.slice(7).split(',').join(' · ') : q)
     },
   },
   LSP: {
@@ -288,27 +278,27 @@ export const TOOLS: Record<string, ToolDescriptor> = {
     // numéro de ligne que personne n'avait choisi, et pour `workspaceSymbol` il
     // le faisait à la place de `query`, le seul mot qui décrive l'appel.
     summary: (i) => {
-      const operation = str(i.operation);
-      const query = str(i.query);
-      if (query) return oneLine(`${operation} · ${query}`);
-      const file = short(str(i.filePath));
-      const chosen = num(i.line) !== 1 || num(i.character) !== 1;
-      const at = file && chosen ? `${file}:${num(i.line)}` : file;
-      return oneLine([operation, at].filter(Boolean).join(' · '));
+      const operation = str(i.operation)
+      const query = str(i.query)
+      if (query) return oneLine(`${operation} · ${query}`)
+      const file = short(str(i.filePath))
+      const chosen = num(i.line) !== 1 || num(i.character) !== 1
+      const at = file && chosen ? `${file}:${num(i.line)}` : file
+      return oneLine([operation, at].filter(Boolean).join(' · '))
     },
   },
-};
+}
 
 /** The descriptor for a tool name, or a generic one for a tool we do not know. */
 export function descriptorFor(name: string): ToolDescriptor {
-  return TOOLS[name] ?? GENERIC;
+  return TOOLS[name] ?? GENERIC
 }
 
 /** Guarded summary: a malformed input must never take the timeline down. */
 export function summarise(name: string, input: unknown): string {
   try {
-    return descriptorFor(name).summary(asRecord(input));
+    return descriptorFor(name).summary(asRecord(input))
   } catch {
-    return '';
+    return ''
   }
 }
diff --git a/src/components/replay/tools/serviceLines.ts b/src/components/replay/tools/serviceLines.ts
index f80c5c4..fde7e6e 100644
--- a/src/components/replay/tools/serviceLines.ts
+++ b/src/components/replay/tools/serviceLines.ts
@@ -17,20 +17,20 @@
 // ici : ce module sert les vues qui n'avaient rien.
 
 /** La poignée qu'un résultat porte pour qu'un autre puisse y renvoyer. */
-import { t } from '@/i18n';
+import { t } from '@/i18n'
 
-export const RESULT_ID = /^\[result-id: [^\]]+\]$/;
+export const RESULT_ID = /^\[result-id: [^\]]+\]$/
 
 /** Le renvoi qui remplace un résultat identique à un précédent. */
-const IDENTICAL = /^<identical to result \[[^\]]+\] from your (\w+) call earlier/;
+const IDENTICAL = /^<identical to result \[[^\]]+\] from your (\w+) call earlier/
 
 /** Le texte sans ses poignées — les lignes de contenu, elles, sont intactes. */
 export function stripResultIds(text: string): string {
-  if (!text.includes('[result-id:')) return text;
+  if (!text.includes('[result-id:')) return text
   return text
     .split('\n')
     .filter((l) => !RESULT_ID.test(l.trim()))
-    .join('\n');
+    .join('\n')
 }
 
 // Le refus de l'utilisateur, tel que le CLI le rapporte — au modèle.
@@ -41,17 +41,16 @@ export function stripResultIds(text: string): string {
 // fait quelques dizaines. Les refus visent surtout `ExitPlanMode`, `Edit`, `Bash`,
 // `AskUserQuestion` et `Agent` ; une bonne part d'entre eux ne portent aucun
 // message — l'utilisateur a refusé sans rien dire.
-const REFUSED = "The user doesn't want to proceed with this tool use.";
-const SAID =
-  /To tell you how to proceed, the user said:([\s\S]*?)(?:\n+Note: The user's next message|$)/;
+const REFUSED = "The user doesn't want to proceed with this tool use."
+const SAID = /To tell you how to proceed, the user said:([\s\S]*?)(?:\n+Note: The user's next message|$)/
 
 /**
  * Ce que l'utilisateur a dit en refusant, `null` si le résultat n'est pas un
  * refus. `said` est vide quand il n'a rien dit — le refus, lui, reste un fait.
  */
 export function userRefusal(text: string): { said: string } | null {
-  if (!text.startsWith(REFUSED)) return null;
-  return { said: (SAID.exec(text)?.[1] ?? '').trim() };
+  if (!text.startsWith(REFUSED)) return null
+  return { said: (SAID.exec(text)?.[1] ?? '').trim() }
 }
 
 /**
@@ -62,9 +61,9 @@ export function userRefusal(text: string): { said: string } | null {
  * sortie de l'outil.
  */
 export function identicalTo(text: string): string {
-  const m = IDENTICAL.exec(text.trim());
-  if (!m) return '';
-  return t('replay.tools.service.identicalTo', { tool: m[1] ?? '' });
+  const m = IDENTICAL.exec(text.trim())
+  if (!m) return ''
+  return t('replay.tools.service.identicalTo', { tool: m[1] ?? '' })
 }
 
 // Le refus de permission — celui du CLI, pas celui de l'utilisateur.
@@ -79,15 +78,12 @@ export function identicalTo(text: string): string {
 // Ces refus sont rares et suivent tous le même motif, essentiellement sur
 // `WebSearch`. La vue `glob` ne s'en sert pas encore — elle a son propre
 // traitement des lignes de service, et le cas est trop rare pour y toucher.
-const DENIED = /^Permission to use (\S+) has been denied because (.*?)\. IMPORTANT/;
+const DENIED = /^Permission to use (\S+) has been denied because (.*?)\. IMPORTANT/
 
 /** Ce qui a été refusé et pourquoi, `null` si le résultat n'est pas un refus. */
 export function permissionDenied(text: string): { tool: string; why: string } | null {
-  const m = DENIED.exec(text);
-  if (!m) return null;
-  const why =
-    m[2] === "Claude Code is running in don't ask mode"
-      ? t('replay.tools.service.dontAsk')
-      : (m[2] ?? '');
-  return { tool: m[1] ?? '', why };
+  const m = DENIED.exec(text)
+  if (!m) return null
+  const why = m[2] === "Claude Code is running in don't ask mode" ? t('replay.tools.service.dontAsk') : (m[2] ?? '')
+  return { tool: m[1] ?? '', why }
 }
diff --git a/src/components/replay/tools/values.ts b/src/components/replay/tools/values.ts
index c1b67c2..c2392ff 100644
--- a/src/components/replay/tools/values.ts
+++ b/src/components/replay/tools/values.ts
@@ -5,37 +5,37 @@
 // future Claude Code version must degrade to an empty field, never to a blank
 // timeline.
 
-export type ToolInput = Record<string, unknown>;
+export type ToolInput = Record<string, unknown>
 
 export function asRecord(value: unknown): ToolInput {
-  return value && typeof value === 'object' && !Array.isArray(value) ? (value as ToolInput) : {};
+  return value && typeof value === 'object' && !Array.isArray(value) ? (value as ToolInput) : {}
 }
 
 export function str(value: unknown, fallback = ''): string {
-  return typeof value === 'string' ? value : fallback;
+  return typeof value === 'string' ? value : fallback
 }
 
 export function num(value: unknown, fallback = 0): number {
-  return typeof value === 'number' && Number.isFinite(value) ? value : fallback;
+  return typeof value === 'number' && Number.isFinite(value) ? value : fallback
 }
 
 export function bool(value: unknown): boolean {
-  return value === true;
+  return value === true
 }
 
 export function arr(value: unknown): unknown[] {
-  return Array.isArray(value) ? value : [];
+  return Array.isArray(value) ? value : []
 }
 
 /** A value a chip can print without lying about it. Objects are not one. */
-export type ChipValue = string | number | boolean | null | undefined;
+export type ChipValue = string | number | boolean | null | undefined
 
 /** Non-empty `{ k, v }` pairs, in the order given — for `ToolChips`. */
 export function chips(pairs: [string, ChipValue][]): { k: string; v: string }[] {
-  const out: { k: string; v: string }[] = [];
+  const out: { k: string; v: string }[] = []
   for (const [k, raw] of pairs) {
-    if (raw === undefined || raw === null || raw === false || raw === '') continue;
-    out.push({ k, v: String(raw) });
+    if (raw === undefined || raw === null || raw === false || raw === '') continue
+    out.push({ k, v: String(raw) })
   }
-  return out;
+  return out
 }
diff --git a/src/components/replay/tools/views/AgentView.vue b/src/components/replay/tools/views/AgentView.vue
index df94062..e49bd59 100644
--- a/src/components/replay/tools/views/AgentView.vue
+++ b/src/components/replay/tools/views/AgentView.vue
@@ -9,19 +9,9 @@
       de faire — et c'est celui où le lecteur regardait déjà, puisque les deux
       cents lignes du run partaient d'ici.
     -->
-    <section
-      v-if="view"
-      class="av-run"
-      :class="[`av-run--${view.run.status}`, { 'av-run--lit': live }]"
-      :style="{ '--agent-accent': accent }"
-    >
+    <section v-if="view" class="av-run" :class="[`av-run--${view.run.status}`, { 'av-run--lit': live }]" :style="{ '--agent-accent': accent }">
       <LottieView v-if="live" :data="robot" :size="44" class="av-robot" />
-      <span
-        v-else
-        class="av-mark"
-        :class="view.run.status === 'failed' ? 'av-mark--failed' : 'av-mark--done'"
-        aria-hidden="true"
-      >
+      <span v-else class="av-mark" :class="view.run.status === 'failed' ? 'av-mark--failed' : 'av-mark--done'" aria-hidden="true">
         <q-icon :name="view.run.status === 'failed' ? 'error_outline' : 'check'" size="20px" />
       </span>
 
@@ -33,9 +23,7 @@
             {{ t('replay.tools.views.agent.turns', view.run.turns) }}
             <!-- Ce que les tours ne disent pas : un run qui a touché au dépôt ne
                  se relit pas comme un run qui a seulement cherché. -->
-            <template v-if="view.filesWritten">
-              · {{ t('replay.tools.views.agent.files', view.filesWritten) }}
-            </template>
+            <template v-if="view.filesWritten"> · {{ t('replay.tools.views.agent.files', view.filesWritten) }} </template>
           </span>
         </p>
 
@@ -102,125 +90,117 @@
 </template>
 
 <script setup lang="ts">
-import { computed, inject, ref } from 'vue';
-import type { Block } from '@/services/projects';
-import { syncDetails } from '@/composables/useExpandAll';
-import { asRecord, chips, str } from '../values';
-import ToolChips from '../ToolChips.vue';
-import OutputPane from '../OutputPane.vue';
-import MarkdownView from '@/components/replay/MarkdownView.vue';
-import LottieView from '@/components/ui/LottieView.vue';
-import { AGENT_RUNS, OPEN_TRACK } from '@/components/replay/agentRuns';
-import { agentColorOf } from '@/utils/agentColors';
-import robot from '@/assets/lottie/robot.json';
-
-import { useI18n } from 'vue-i18n';
-
-const { t } = useI18n();
-
-const props = defineProps<{ block: Block }>();
-
-/**
- * La consigne reste repliée, et elle échappe au « tout déplier ».
- *
- * C'est le seul bloc du flux dont la longueur ne dépend pas de ce que la session
- * a fait : un prompt d'agent fait couramment cinquante lignes, et la carte
- * n'existe que pour dire en trois lignes où en est le run. Dépliée, elle
- * repousse cet état hors de l'écran — et le mode direct, qui ouvre d'office tout
- * ce qui naît dans le tour en cours, l'ouvrait précisément quand l'agent
- * travaille, c'est-à-dire quand on a le plus besoin de voir son avancement.
- *
- * Un `ref` local plutôt qu'`useExpandable` : aucune commande globale ne doit la
- * rouvrir. Elle reste à un clic.
- */
-const promptOpen = ref(false);
-const onPromptToggle = syncDetails(promptOpen);
-
-const input = computed(() => asRecord(props.block.input));
-const prompt = computed(() => str(input.value.prompt));
-
-const runs = inject(AGENT_RUNS, null);
-const openTrack = inject(OPEN_TRACK, null);
-
-/** Le run que cet appel a lancé, quand la page en tient la liste. */
-const view = computed(() => (props.block.id ? (runs?.value.get(props.block.id) ?? null) : null));
-
-/** Un run qu'aucun signal n'a clos : c'est lui qu'on regarde travailler. */
-const live = computed(
-  () => view.value?.run.status === 'running' || view.value?.run.status === 'unknown',
-);
-
-const STATES = new Set(['running', 'completed', 'failed', 'unknown']);
-
-const stateLabel = computed(() => {
-  const status = view.value?.run.status ?? '';
-  return STATES.has(status) ? t(`replay.tools.views.agent.state.${status}`) : '';
-});
-
-/**
- * La teinte de l'agent, la même qu'au filet de ses blocs et à sa pastille de
- * piste : un agent se reconnaît d'une vue à l'autre sans lire son nom.
- *
- * Elle porte l'identité, jamais l'état — celui-ci reste dit par l'icône et par
- * le mot à côté. Sans quoi une carte verte voudrait dire « agent vert » ou
- * « agent qui a réussi » selon le moment, et plus rien ne se lirait.
- */
-const accent = computed(() =>
-  view.value
-    ? agentColorOf({
-        ...(view.value.run.agentType ? { agentType: view.value.run.agentType } : {}),
-        agentId: view.value.run.agentId,
-      })
-    : 'var(--line-2)',
-);
-
-const agentName = computed(
-  () =>
-    view.value?.run.agentType ?? (str(input.value.subagent_type) || t('replay.tracks.subagent')),
-);
-
-const params = computed(() =>
-  chips([
-    [t('replay.tools.chips.agent'), str(input.value.subagent_type)],
-    [t('replay.tools.chips.model'), str(input.value.model)],
-    [t('replay.tools.chips.isolation'), str(input.value.isolation)],
-    // La puce « tâche » lisait `task_id` : l'outil `Agent` n'a pas ce paramètre,
-    // et les 621 appels du parc ne l'ont jamais porté. Retirée.
-  ]),
-);
-
-/**
- * Un lancement asynchrone que nulle piste ne suit.
- *
- * Sur 118 lancements en arrière-plan, 105 ont leur sidecar et se racontent dans
- * la carte de run ci-dessus. Les 13 restants n'ont rien : c'est pour eux seuls
- * que la phrase existe.
- */
-const launched = computed(
-  () => !view.value && (props.block.result?.content ?? '').startsWith('Async agent launched'),
-);
-
-/**
- * An async `Agent` call returns launch metadata, not a report — the report
- * arrives later as a `task_notification`. Only render prose as prose.
- */
-const report = computed(() => {
-  const result = props.block.result;
-  if (!result || result.isError) return '';
-  const text = result.content.trim();
-  if (!text || text.startsWith('Async agent launched')) return '';
-  return text;
-});
+  import robot from '@/assets/lottie/robot.json'
+  import { AGENT_RUNS, OPEN_TRACK } from '@/components/replay/agentRuns'
+  import MarkdownView from '@/components/replay/MarkdownView.vue'
+  import LottieView from '@/components/ui/LottieView.vue'
+  import { syncDetails } from '@/composables/useExpandAll'
+  import type { Block } from '@/services/projects'
+  import { agentColorOf } from '@/utils/agentColors'
+  import { computed, inject, ref } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import OutputPane from '../OutputPane.vue'
+  import ToolChips from '../ToolChips.vue'
+  import { asRecord, chips, str } from '../values'
+
+  const { t } = useI18n()
+
+  const props = defineProps<{ block: Block }>()
+
+  /**
+   * La consigne reste repliée, et elle échappe au « tout déplier ».
+   *
+   * C'est le seul bloc du flux dont la longueur ne dépend pas de ce que la session
+   * a fait : un prompt d'agent fait couramment cinquante lignes, et la carte
+   * n'existe que pour dire en trois lignes où en est le run. Dépliée, elle
+   * repousse cet état hors de l'écran — et le mode direct, qui ouvre d'office tout
+   * ce qui naît dans le tour en cours, l'ouvrait précisément quand l'agent
+   * travaille, c'est-à-dire quand on a le plus besoin de voir son avancement.
+   *
+   * Un `ref` local plutôt qu'`useExpandable` : aucune commande globale ne doit la
+   * rouvrir. Elle reste à un clic.
+   */
+  const promptOpen = ref(false)
+  const onPromptToggle = syncDetails(promptOpen)
+
+  const input = computed(() => asRecord(props.block.input))
+  const prompt = computed(() => str(input.value.prompt))
+
+  const runs = inject(AGENT_RUNS, null)
+  const openTrack = inject(OPEN_TRACK, null)
+
+  /** Le run que cet appel a lancé, quand la page en tient la liste. */
+  const view = computed(() => (props.block.id ? (runs?.value.get(props.block.id) ?? null) : null))
+
+  /** Un run qu'aucun signal n'a clos : c'est lui qu'on regarde travailler. */
+  const live = computed(() => view.value?.run.status === 'running' || view.value?.run.status === 'unknown')
+
+  const STATES = new Set(['running', 'completed', 'failed', 'unknown'])
+
+  const stateLabel = computed(() => {
+    const status = view.value?.run.status ?? ''
+    return STATES.has(status) ? t(`replay.tools.views.agent.state.${status}`) : ''
+  })
+
+  /**
+   * La teinte de l'agent, la même qu'au filet de ses blocs et à sa pastille de
+   * piste : un agent se reconnaît d'une vue à l'autre sans lire son nom.
+   *
+   * Elle porte l'identité, jamais l'état — celui-ci reste dit par l'icône et par
+   * le mot à côté. Sans quoi une carte verte voudrait dire « agent vert » ou
+   * « agent qui a réussi » selon le moment, et plus rien ne se lirait.
+   */
+  const accent = computed(() =>
+    view.value
+      ? agentColorOf({
+          ...(view.value.run.agentType ? { agentType: view.value.run.agentType } : {}),
+          agentId: view.value.run.agentId,
+        })
+      : 'var(--line-2)',
+  )
+
+  const agentName = computed(() => view.value?.run.agentType ?? (str(input.value.subagent_type) || t('replay.tracks.subagent')))
+
+  const params = computed(() =>
+    chips([
+      [t('replay.tools.chips.agent'), str(input.value.subagent_type)],
+      [t('replay.tools.chips.model'), str(input.value.model)],
+      [t('replay.tools.chips.isolation'), str(input.value.isolation)],
+      // La puce « tâche » lisait `task_id` : l'outil `Agent` n'a pas ce paramètre,
+      // et les 621 appels du parc ne l'ont jamais porté. Retirée.
+    ]),
+  )
+
+  /**
+   * Un lancement asynchrone que nulle piste ne suit.
+   *
+   * Sur 118 lancements en arrière-plan, 105 ont leur sidecar et se racontent dans
+   * la carte de run ci-dessus. Les 13 restants n'ont rien : c'est pour eux seuls
+   * que la phrase existe.
+   */
+  const launched = computed(() => !view.value && (props.block.result?.content ?? '').startsWith('Async agent launched'))
+
+  /**
+   * An async `Agent` call returns launch metadata, not a report — the report
+   * arrives later as a `task_notification`. Only render prose as prose.
+   */
+  const report = computed(() => {
+    const result = props.block.result
+    if (!result || result.isError) return ''
+    const text = result.content.trim()
+    if (!text || text.startsWith('Async agent launched')) return ''
+    return text
+  })
 </script>
 
 <style scoped lang="scss">
-.tv {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-}
+  .tv {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+  }
 
-/*
+  /*
   La carte du run, aux couleurs de son agent.
 
   Le filet gauche est celui des blocs du flux — même épaisseur, même teinte —,
@@ -232,24 +212,18 @@ const report = computed(() => {
   mot à côté. Une carte verte ne doit pas vouloir dire « agent vert » ici et
   « agent qui a réussi » ailleurs.
 */
-.av-run {
-  display: flex;
-  align-items: center;
-  gap: var(--space-md);
-  padding: var(--space-sm) var(--space-md);
-  background:
-    linear-gradient(
-      90deg,
-      color-mix(in srgb, var(--agent-accent) 10%, transparent),
-      transparent 60%
-    ),
-    var(--surface-2);
-  border: 1px solid var(--line);
-  border-left: 3px solid var(--agent-accent);
-  border-radius: var(--radius-sm);
-}
-
-/*
+  .av-run {
+    display: flex;
+    align-items: center;
+    gap: var(--space-md);
+    padding: var(--space-sm) var(--space-md);
+    background: linear-gradient(90deg, color-mix(in srgb, var(--agent-accent) 10%, transparent), transparent 60%), var(--surface-2);
+    border: 1px solid var(--line);
+    border-left: 3px solid var(--agent-accent);
+    border-radius: var(--radius-sm);
+  }
+
+  /*
   Un run qui travaille respire, dans sa propre teinte.
 
   Même parti pris que la pastille `--live` du reste de l'app : le halo part de
@@ -258,158 +232,158 @@ const report = computed(() => {
   raison — une émission qui naît de zéro se voit sans avoir à être forte — et il
   ne se pose que sur ce qui bouge en ce moment.
 */
-.av-run--lit {
-  animation: av-breathe 3.2s ease-in-out infinite;
-}
-@keyframes av-breathe {
-  0%,
-  100% {
-    box-shadow: 0 0 0 0 transparent;
+  .av-run--lit {
+    animation: av-breathe 3.2s ease-in-out infinite;
   }
-  50% {
-    box-shadow: 0 0 14px -2px color-mix(in srgb, var(--agent-accent) 55%, transparent);
+  @keyframes av-breathe {
+    0%,
+    100% {
+      box-shadow: 0 0 0 0 transparent;
+    }
+    50% {
+      box-shadow: 0 0 14px -2px color-mix(in srgb, var(--agent-accent) 55%, transparent);
+    }
   }
-}
-/* Le réglage système qui demande moins de mouvement : la teinte reste, posée
+  /* Le réglage système qui demande moins de mouvement : la teinte reste, posée
    une fois pour toutes, et c'est le battement qui s'arrête. */
-@media (prefers-reduced-motion: reduce) {
-  .av-run--lit {
-    animation: none;
-    box-shadow: 0 0 12px -3px color-mix(in srgb, var(--agent-accent) 45%, transparent);
+  @media (prefers-reduced-motion: reduce) {
+    .av-run--lit {
+      animation: none;
+      box-shadow: 0 0 12px -3px color-mix(in srgb, var(--agent-accent) 45%, transparent);
+    }
   }
-}
 
-.av-run--failed {
-  border-color: var(--danger);
-  border-left-color: var(--agent-accent);
-}
+  .av-run--failed {
+    border-color: var(--danger);
+    border-left-color: var(--agent-accent);
+  }
 
-.av-robot {
-  margin: -2px 0;
-}
+  .av-robot {
+    margin: -2px 0;
+  }
 
-/* À la place du robot une fois le travail fini : une pastille de même encombrement,
+  /* À la place du robot une fois le travail fini : une pastille de même encombrement,
    pour que la carte ne saute pas de hauteur quand l'agent rend son rapport. */
-.av-mark {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex: none;
-  width: 44px;
-  height: 44px;
-  border-radius: 999px;
-}
-.av-mark--done {
-  color: var(--agent-accent);
-  background: color-mix(in srgb, var(--agent-accent) 14%, transparent);
-}
-.av-mark--failed {
-  color: var(--danger);
-  background: color-mix(in srgb, var(--danger) 12%, transparent);
-}
-
-.av-run-body {
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  min-width: 0;
-  flex: 1;
-}
-.av-run-head {
-  display: flex;
-  align-items: baseline;
-  gap: var(--space-sm);
-  margin: 0;
-  min-width: 0;
-}
-.av-run-name {
-  font-size: var(--fs-sm);
-  font-weight: 600;
-  color: var(--text);
-}
-.av-run-state {
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
-}
-.av-run-state--live {
-  color: var(--pulse);
-}
-.av-run-count {
-  margin-left: auto;
-  flex: none;
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-  font-variant-numeric: tabular-nums;
-}
-
-/* L'outil courant : le nom en chasse fixe, sa cible en prose — la même
+  .av-mark {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex: none;
+    width: 44px;
+    height: 44px;
+    border-radius: 999px;
+  }
+  .av-mark--done {
+    color: var(--agent-accent);
+    background: color-mix(in srgb, var(--agent-accent) 14%, transparent);
+  }
+  .av-mark--failed {
+    color: var(--danger);
+    background: color-mix(in srgb, var(--danger) 12%, transparent);
+  }
+
+  .av-run-body {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+    min-width: 0;
+    flex: 1;
+  }
+  .av-run-head {
+    display: flex;
+    align-items: baseline;
+    gap: var(--space-sm);
+    margin: 0;
+    min-width: 0;
+  }
+  .av-run-name {
+    font-size: var(--fs-sm);
+    font-weight: 600;
+    color: var(--text);
+  }
+  .av-run-state {
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+    text-transform: uppercase;
+    letter-spacing: 0.04em;
+  }
+  .av-run-state--live {
+    color: var(--pulse);
+  }
+  .av-run-count {
+    margin-left: auto;
+    flex: none;
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+    font-variant-numeric: tabular-nums;
+  }
+
+  /* L'outil courant : le nom en chasse fixe, sa cible en prose — la même
    répartition que sur les cartes d'outil du flux, pour qu'on le lise pareil. */
-.av-run-tool {
-  display: flex;
-  align-items: baseline;
-  gap: var(--space-sm);
-  margin: 0;
-  min-width: 0;
-  font-size: var(--fs-xs);
-}
-.av-run-toolname {
-  flex: none;
-  color: var(--muted);
-}
-.av-run-toolarg {
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  color: var(--dim);
-}
-
-.av-run-open {
-  align-self: flex-start;
-  margin-left: calc(var(--space-sm) * -1);
-  color: var(--brand);
-  font-size: var(--fs-xs);
-}
-
-.av-prompt > summary {
-  cursor: pointer;
-  list-style: none;
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  color: var(--muted);
-  font-size: var(--fs-xs);
-}
-.av-prompt > summary::-webkit-details-marker {
-  display: none;
-}
-.av-prompt[open] > summary {
-  margin-bottom: var(--space-sm);
-}
-.av-async {
-  display: flex;
-  align-items: baseline;
-  gap: var(--space-xs);
-  margin: 0;
-  font-size: var(--fs-xs);
-  color: var(--muted);
-}
-// Même défaut qu'en `PlanView` : `.section-label` ne porte que la typographie,
-// et la marge que le navigateur donne au `h4` s'ajoutait ici au `gap`.
-.av-report > h4 {
-  margin: 0;
-}
-.av-report {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-xs);
-  padding: var(--space-md);
-  background: var(--surface);
-  border: 1px solid var(--line);
-  border-radius: var(--radius-sm);
-  max-height: 480px;
-  overflow: auto;
-}
+  .av-run-tool {
+    display: flex;
+    align-items: baseline;
+    gap: var(--space-sm);
+    margin: 0;
+    min-width: 0;
+    font-size: var(--fs-xs);
+  }
+  .av-run-toolname {
+    flex: none;
+    color: var(--muted);
+  }
+  .av-run-toolarg {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    color: var(--dim);
+  }
+
+  .av-run-open {
+    align-self: flex-start;
+    margin-left: calc(var(--space-sm) * -1);
+    color: var(--brand);
+    font-size: var(--fs-xs);
+  }
+
+  .av-prompt > summary {
+    cursor: pointer;
+    list-style: none;
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    color: var(--muted);
+    font-size: var(--fs-xs);
+  }
+  .av-prompt > summary::-webkit-details-marker {
+    display: none;
+  }
+  .av-prompt[open] > summary {
+    margin-bottom: var(--space-sm);
+  }
+  .av-async {
+    display: flex;
+    align-items: baseline;
+    gap: var(--space-xs);
+    margin: 0;
+    font-size: var(--fs-xs);
+    color: var(--muted);
+  }
+  // Même défaut qu'en `PlanView` : `.section-label` ne porte que la typographie,
+  // et la marge que le navigateur donne au `h4` s'ajoutait ici au `gap`.
+  .av-report > h4 {
+    margin: 0;
+  }
+  .av-report {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+    padding: var(--space-md);
+    background: var(--surface);
+    border: 1px solid var(--line);
+    border-radius: var(--radius-sm);
+    max-height: 480px;
+    overflow: auto;
+  }
 </style>
diff --git a/src/components/replay/tools/views/AskView.vue b/src/components/replay/tools/views/AskView.vue
index 29d52bb..789904e 100644
--- a/src/components/replay/tools/views/AskView.vue
+++ b/src/components/replay/tools/views/AskView.vue
@@ -12,39 +12,39 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
-import type { Block } from '@/services/projects';
-import AskUserQuestionView from '@/components/replay/AskUserQuestionView.vue';
+  import AskUserQuestionView from '@/components/replay/AskUserQuestionView.vue'
+  import type { Block } from '@/services/projects'
+  import { computed } from 'vue'
 
-const props = defineProps<{ block: Block }>();
+  const props = defineProps<{ block: Block }>()
 
-/** La carte question → réponse écrite par le harness, quand elle existe. */
-const answers = computed<Record<string, unknown> | null>(() => map('answers'));
+  /** La carte question → réponse écrite par le harness, quand elle existe. */
+  const answers = computed<Record<string, unknown> | null>(() => map('answers'))
 
-/** Les notes libres ajoutées à une réponse — carte question → note. */
-const notes = computed<Record<string, unknown> | null>(() => map('notes'));
+  /** Les notes libres ajoutées à une réponse — carte question → note. */
+  const notes = computed<Record<string, unknown> | null>(() => map('notes'))
 
-/**
- * Le délai au bout duquel le harness a cessé d'attendre, en millisecondes.
- *
- * Sa seule présence dit que la question est restée sans réponse et que la suite
- * s'est décidée sans elle.
- */
-const afk = computed<number>(() => {
-  const v = props.block.result?.meta?.afkTimeoutMs;
-  return typeof v === 'number' && v > 0 ? v : 0;
-});
+  /**
+   * Le délai au bout duquel le harness a cessé d'attendre, en millisecondes.
+   *
+   * Sa seule présence dit que la question est restée sans réponse et que la suite
+   * s'est décidée sans elle.
+   */
+  const afk = computed<number>(() => {
+    const v = props.block.result?.meta?.afkTimeoutMs
+    return typeof v === 'number' && v > 0 ? v : 0
+  })
 
-function map(key: string): Record<string, unknown> | null {
-  const v = props.block.result?.meta?.[key];
-  return v && typeof v === 'object' && !Array.isArray(v) ? (v as Record<string, unknown>) : null;
-}
+  function map(key: string): Record<string, unknown> | null {
+    const v = props.block.result?.meta?.[key]
+    return v && typeof v === 'object' && !Array.isArray(v) ? (v as Record<string, unknown>) : null
+  }
 </script>
 
 <style scoped lang="scss">
-.tv {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-}
+  .tv {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+  }
 </style>
diff --git a/src/components/replay/tools/views/EditView.vue b/src/components/replay/tools/views/EditView.vue
index 329ddfa..7fec14b 100644
--- a/src/components/replay/tools/views/EditView.vue
+++ b/src/components/replay/tools/views/EditView.vue
@@ -1,12 +1,6 @@
 <template>
   <div class="tv">
-    <DiffView
-      v-if="hasDiff"
-      :before="before"
-      :after="after"
-      :filename="filePath"
-      :replace-all="replaceAll"
-    />
+    <DiffView v-if="hasDiff" :before="before" :after="after" :filename="filePath" :replace-all="replaceAll" />
     <KeyValueList v-else :input="block.input" />
 
     <OutputPane
@@ -19,29 +13,29 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
-import type { Block } from '@/services/projects';
-import { asRecord, bool, str } from '../values';
-import DiffView from '../DiffView.vue';
-import KeyValueList from '../KeyValueList.vue';
-import OutputPane from '../OutputPane.vue';
+  import type { Block } from '@/services/projects'
+  import { computed } from 'vue'
+  import DiffView from '../DiffView.vue'
+  import KeyValueList from '../KeyValueList.vue'
+  import OutputPane from '../OutputPane.vue'
+  import { asRecord, bool, str } from '../values'
 
-const props = defineProps<{ block: Block }>();
+  const props = defineProps<{ block: Block }>()
 
-const input = computed(() => asRecord(props.block.input));
-const filePath = computed(() => str(input.value.file_path));
-const before = computed(() => str(input.value.old_string));
-const after = computed(() => str(input.value.new_string));
-const replaceAll = computed(() => bool(input.value.replace_all));
+  const input = computed(() => asRecord(props.block.input))
+  const filePath = computed(() => str(input.value.file_path))
+  const before = computed(() => str(input.value.old_string))
+  const after = computed(() => str(input.value.new_string))
+  const replaceAll = computed(() => bool(input.value.replace_all))
 
-/** An edit with neither side is not an edit — fall back rather than draw an empty diff. */
-const hasDiff = computed(() => Boolean(before.value || after.value));
+  /** An edit with neither side is not an edit — fall back rather than draw an empty diff. */
+  const hasDiff = computed(() => Boolean(before.value || after.value))
 </script>
 
 <style scoped lang="scss">
-.tv {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-}
+  .tv {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+  }
 </style>
diff --git a/src/components/replay/tools/views/EnterPlanView.vue b/src/components/replay/tools/views/EnterPlanView.vue
index 93796cb..754a3a8 100644
--- a/src/components/replay/tools/views/EnterPlanView.vue
+++ b/src/components/replay/tools/views/EnterPlanView.vue
@@ -13,45 +13,39 @@
 
     <!-- Jamais vu au parc — zéro erreur sur 15 appels — mais un refus de passage
          en mode plan n'aurait aucune autre trace. -->
-    <OutputPane
-      v-if="failed"
-      :content="block.result?.content ?? ''"
-      :is-error="true"
-      :tool-use-id="block.id ?? ''"
-    />
+    <OutputPane v-if="failed" :content="block.result?.content ?? ''" :is-error="true" :tool-use-id="block.id ?? ''" />
   </div>
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
-import type { Block } from '@/services/projects';
-import OutputPane from '../OutputPane.vue';
+  import type { Block } from '@/services/projects'
+  import { computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import OutputPane from '../OutputPane.vue'
 
-import { useI18n } from 'vue-i18n';
+  const { t } = useI18n()
 
-const { t } = useI18n();
+  const props = defineProps<{ block: Block }>()
 
-const props = defineProps<{ block: Block }>();
-
-const failed = computed(() => props.block.result?.isError === true);
+  const failed = computed(() => props.block.result?.isError === true)
 </script>
 
 <style scoped lang="scss">
-.tv {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-md);
-}
-.ep {
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  margin: 0;
-  font-size: var(--fs-sm);
-  color: var(--muted);
-}
-.ep > .q-icon {
-  flex-shrink: 0;
-  color: var(--faint);
-}
+  .tv {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md);
+  }
+  .ep {
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    margin: 0;
+    font-size: var(--fs-sm);
+    color: var(--muted);
+  }
+  .ep > .q-icon {
+    flex-shrink: 0;
+    color: var(--faint);
+  }
 </style>
diff --git a/src/components/replay/tools/views/GenericView.vue b/src/components/replay/tools/views/GenericView.vue
index 48da096..918c8ee 100644
--- a/src/components/replay/tools/views/GenericView.vue
+++ b/src/components/replay/tools/views/GenericView.vue
@@ -12,17 +12,17 @@
 </template>
 
 <script setup lang="ts">
-import type { Block } from '@/services/projects';
-import KeyValueList from '../KeyValueList.vue';
-import OutputPane from '../OutputPane.vue';
+  import type { Block } from '@/services/projects'
+  import KeyValueList from '../KeyValueList.vue'
+  import OutputPane from '../OutputPane.vue'
 
-defineProps<{ block: Block }>();
+  defineProps<{ block: Block }>()
 </script>
 
 <style scoped lang="scss">
-.tv {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-}
+  .tv {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+  }
 </style>
diff --git a/src/components/replay/tools/views/GlobView.vue b/src/components/replay/tools/views/GlobView.vue
index 2c9b5a2..a1d0c82 100644
--- a/src/components/replay/tools/views/GlobView.vue
+++ b/src/components/replay/tools/views/GlobView.vue
@@ -17,137 +17,126 @@
     <p v-else-if="!paths.length" class="tv-empty">{{ t('replay.tools.views.glob.empty') }}</p>
 
     <template v-else>
-      <PathList
-        :paths="paths"
-        :root="root"
-        :order="paths.length > 1 ? t('replay.tools.views.glob.order') : ''"
-      />
+      <PathList :paths="paths" :root="root" :order="paths.length > 1 ? t('replay.tools.views.glob.order') : ''" />
       <p v-if="cut" class="tv-note">{{ cut }}</p>
     </template>
   </div>
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
-import type { Block } from '@/services/projects';
-import { asRecord, chips, str } from '../values';
-import ToolChips from '../ToolChips.vue';
-import OutputPane from '../OutputPane.vue';
-import PathList from '../PathList.vue';
-
-import { useI18n } from 'vue-i18n';
-
-const { t } = useI18n();
-
-const props = defineProps<{ block: Block }>();
-
-const input = computed(() => asRecord(props.block.input));
-const raw = computed(() => props.block.result?.content ?? '');
-
-/** Errors and disk-spilled outputs are not path lists: do not pretend to parse. */
-const rawOnly = computed(
-  () => props.block.result?.isError === true || raw.value.startsWith('<persisted-output>'),
-);
-
-const params = computed(() =>
-  chips([
-    [t('replay.tools.chips.pattern'), str(input.value.pattern)],
-    [t('replay.tools.chips.in'), str(input.value.path)],
-  ]),
-);
-
-/**
- * `Glob` répond un chemin par ligne, et glisse des lignes qui n'en sont pas :
- *
- *   `No files found`                         rien trouvé — 23,2 % des appels
- *   `(Results are truncated. …)`             la liste s'arrête là — 111 résultats
- *   `(Showing 100 of 748 matching files; …)` de même, en donnant le compte — 19
- *   `[result-id: r5]`                        la poignée que le CLI attache à une
- *                                            sortie pour qu'une autre y renvoie
- *   `<identical to result [r2] …>`           justement ce renvoi : le résultat
- *                                            entier tient dans une phrase
- *
- * Aucune ne porte de séparateur : toutes passaient le filtre et s'affichaient
- * comme un fichier trouvé, dans 164 résultats du parc.
- */
-const NOTHING = /^No files found/;
-const TRUNCATED = /^\(Results are truncated/;
-const SHOWING = /^\(Showing \d+ of (\d+) matching files; (\d+) more are not listed/;
-const RESULT_ID = /^\[result-id: [^\]]+\]$/;
-const IDENTICAL = /^<identical to result/;
-
-/**
- * Vérifié sur ce dépôt contre `ls -lt` : le dernier chemin rendu est le fichier
- * modifié le plus récemment. L'ordre n'est alphabétique que dans 131 des 871
- * résultats à quatre chemins ou plus — le corps ne permet pas de le deviner.
- */
-const sameAsBefore = computed(() => !rawOnly.value && IDENTICAL.test(raw.value.trim()));
-
-const lines = computed(() =>
-  rawOnly.value || sameAsBefore.value
-    ? []
-    : raw.value
-        .split('\n')
-        .map((l) => l.trim())
-        .filter(Boolean),
-);
-
-const paths = computed(() =>
-  lines.value.filter(
-    (l) => !NOTHING.test(l) && !TRUNCATED.test(l) && !SHOWING.test(l) && !RESULT_ID.test(l),
-  ),
-);
-
-/**
- * La coupure vaut d'être dite pour ce qu'elle emporte : la liste garde les cent
- * premiers, donc les plus anciens, et ce sont les fichiers touchés en dernier —
- * ceux qu'on cherchait, le plus souvent — qui manquent.
- */
-const cut = computed(() => {
-  const shown = lines.value.map((l) => SHOWING.exec(l)).find(Boolean);
-  if (shown) {
-    return t('replay.tools.views.glob.cutSome', { rest: shown[2] ?? '', total: shown[1] ?? '' });
-  }
-  if (lines.value.some((l) => TRUNCATED.test(l))) {
-    return t('replay.tools.views.glob.cutAll');
-  }
-  return '';
-});
-
-/**
- * Le dossier que tous les chemins partagent, sorti une fois au-dessus de la
- * liste. 131 résultats du parc en ont un de plus de douze caractères, 79 en
- * médiane : sans ce repli, la colonne du dossier est coupée par la droite et
- * perd justement le segment qui distingue les fichiers entre eux.
- */
-const root = computed(() => {
-  const list = paths.value;
-  const first = list[0];
-  if (list.length < 2 || !first) return '';
-  const sep = first.includes('\\') ? '\\' : '/';
-  let common = first.slice(0, first.lastIndexOf(sep) + 1);
-  while (common && !list.every((p) => p.startsWith(common))) {
-    common = common.slice(0, common.lastIndexOf(sep, common.length - 2) + 1);
-  }
-  return common.length > 12 ? common : '';
-});
+  import type { Block } from '@/services/projects'
+  import { computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import OutputPane from '../OutputPane.vue'
+  import PathList from '../PathList.vue'
+  import ToolChips from '../ToolChips.vue'
+  import { asRecord, chips, str } from '../values'
+
+  const { t } = useI18n()
+
+  const props = defineProps<{ block: Block }>()
+
+  const input = computed(() => asRecord(props.block.input))
+  const raw = computed(() => props.block.result?.content ?? '')
+
+  /** Errors and disk-spilled outputs are not path lists: do not pretend to parse. */
+  const rawOnly = computed(() => props.block.result?.isError === true || raw.value.startsWith('<persisted-output>'))
+
+  const params = computed(() =>
+    chips([
+      [t('replay.tools.chips.pattern'), str(input.value.pattern)],
+      [t('replay.tools.chips.in'), str(input.value.path)],
+    ]),
+  )
+
+  /**
+   * `Glob` répond un chemin par ligne, et glisse des lignes qui n'en sont pas :
+   *
+   *   `No files found`                         rien trouvé — 23,2 % des appels
+   *   `(Results are truncated. …)`             la liste s'arrête là — 111 résultats
+   *   `(Showing 100 of 748 matching files; …)` de même, en donnant le compte — 19
+   *   `[result-id: r5]`                        la poignée que le CLI attache à une
+   *                                            sortie pour qu'une autre y renvoie
+   *   `<identical to result [r2] …>`           justement ce renvoi : le résultat
+   *                                            entier tient dans une phrase
+   *
+   * Aucune ne porte de séparateur : toutes passaient le filtre et s'affichaient
+   * comme un fichier trouvé, dans 164 résultats du parc.
+   */
+  const NOTHING = /^No files found/
+  const TRUNCATED = /^\(Results are truncated/
+  const SHOWING = /^\(Showing \d+ of (\d+) matching files; (\d+) more are not listed/
+  const RESULT_ID = /^\[result-id: [^\]]+\]$/
+  const IDENTICAL = /^<identical to result/
+
+  /**
+   * Vérifié sur ce dépôt contre `ls -lt` : le dernier chemin rendu est le fichier
+   * modifié le plus récemment. L'ordre n'est alphabétique que dans 131 des 871
+   * résultats à quatre chemins ou plus — le corps ne permet pas de le deviner.
+   */
+  const sameAsBefore = computed(() => !rawOnly.value && IDENTICAL.test(raw.value.trim()))
+
+  const lines = computed(() =>
+    rawOnly.value || sameAsBefore.value
+      ? []
+      : raw.value
+          .split('\n')
+          .map((l) => l.trim())
+          .filter(Boolean),
+  )
+
+  const paths = computed(() => lines.value.filter((l) => !NOTHING.test(l) && !TRUNCATED.test(l) && !SHOWING.test(l) && !RESULT_ID.test(l)))
+
+  /**
+   * La coupure vaut d'être dite pour ce qu'elle emporte : la liste garde les cent
+   * premiers, donc les plus anciens, et ce sont les fichiers touchés en dernier —
+   * ceux qu'on cherchait, le plus souvent — qui manquent.
+   */
+  const cut = computed(() => {
+    const shown = lines.value.map((l) => SHOWING.exec(l)).find(Boolean)
+    if (shown) {
+      return t('replay.tools.views.glob.cutSome', { rest: shown[2] ?? '', total: shown[1] ?? '' })
+    }
+    if (lines.value.some((l) => TRUNCATED.test(l))) {
+      return t('replay.tools.views.glob.cutAll')
+    }
+    return ''
+  })
+
+  /**
+   * Le dossier que tous les chemins partagent, sorti une fois au-dessus de la
+   * liste. 131 résultats du parc en ont un de plus de douze caractères, 79 en
+   * médiane : sans ce repli, la colonne du dossier est coupée par la droite et
+   * perd justement le segment qui distingue les fichiers entre eux.
+   */
+  const root = computed(() => {
+    const list = paths.value
+    const first = list[0]
+    if (list.length < 2 || !first) return ''
+    const sep = first.includes('\\') ? '\\' : '/'
+    let common = first.slice(0, first.lastIndexOf(sep) + 1)
+    while (common && !list.every((p) => p.startsWith(common))) {
+      common = common.slice(0, common.lastIndexOf(sep, common.length - 2) + 1)
+    }
+    return common.length > 12 ? common : ''
+  })
 </script>
 
 <style scoped lang="scss">
-.tv {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-}
-.tv-empty {
-  margin: 0;
-  font-size: var(--fs-xs);
-  color: var(--faint);
-}
-.tv-note {
-  margin: 0;
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-  font-style: italic;
-}
+  .tv {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+  }
+  .tv-empty {
+    margin: 0;
+    font-size: var(--fs-xs);
+    color: var(--faint);
+  }
+  .tv-note {
+    margin: 0;
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+    font-style: italic;
+  }
 </style>
diff --git a/src/components/replay/tools/views/GrepView.vue b/src/components/replay/tools/views/GrepView.vue
index 746b965..f6501d4 100644
--- a/src/components/replay/tools/views/GrepView.vue
+++ b/src/components/replay/tools/views/GrepView.vue
@@ -27,12 +27,7 @@
           <span class="gv-base">{{ baseOf(group.file) }}</span>
         </p>
         <ul class="gv-lines">
-          <li
-            v-for="(m, i) in group.matches"
-            :key="i"
-            class="gv-line"
-            :class="{ 'gv-ctx': m.context }"
-          >
+          <li v-for="(m, i) in group.matches" :key="i" class="gv-line" :class="{ 'gv-ctx': m.context }">
             <span v-if="m.line" class="gv-no" aria-hidden="true">{{ m.line }}</span>
             <code class="gv-text">{{ m.text }}</code>
           </li>
@@ -48,341 +43,326 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
-import type { Block } from '@/services/projects';
-import { asRecord, bool, chips, num, str } from '../values';
-import { basename, dirname } from '../language';
-import { RESULT_ID } from '../serviceLines';
-import ToolChips from '../ToolChips.vue';
-import OutputPane from '../OutputPane.vue';
-import PathList from '../PathList.vue';
-
-import { useI18n } from 'vue-i18n';
-
-const { t } = useI18n();
-
-const props = defineProps<{ block: Block }>();
-
-/** Beyond this the list stops being scannable and starts being a wall. */
-const MAX_MATCHES = 200;
-
-const input = computed(() => asRecord(props.block.input));
-const raw = computed(() => props.block.result?.content ?? '');
-
-/** Errors and disk-spilled outputs are not match lists: do not pretend to parse. */
-const rawOnly = computed(
-  () => props.block.result?.isError === true || raw.value.startsWith('<persisted-output>'),
-);
-
-/**
- * Le mode n'est dit que s'il change la forme du corps. `content` — 71,7 % des
- * appels — donne des extraits, ce que le corps montre déjà ; l'annoncer serait
- * une puce permanente qui n'apprend rien. Les deux autres expliquent pourquoi on
- * lit une liste nue ou un décompte au lieu du code.
- */
-const modeLabel = (mode: string): string =>
-  mode === 'files_with_matches' || mode === 'count'
-    ? t(`replay.tools.views.grep.modes.${mode}`)
-    : '';
-
-/** `-C` and its alias `context`, or either half of the pair. 18,4 % des appels. */
-const wantsContext = computed(() =>
-  ['-C', '-A', '-B', 'context'].some((k) => num(input.value[k]) > 0),
-);
-
-const params = computed(() =>
-  chips([
-    [t('replay.tools.chips.pattern'), str(input.value.pattern)],
-    [t('replay.tools.chips.in'), str(input.value.path)],
-    [t('replay.tools.chips.glob'), str(input.value.glob)],
-    [t('replay.tools.chips.type'), str(input.value.type)],
-    [t('replay.tools.chips.mode'), modeLabel(str(input.value.output_mode))],
-    [
-      t('replay.tools.chips.caseInsensitive'),
-      bool(input.value['-i']) ? t('replay.tools.chips.yes') : '',
-    ],
-  ]),
-);
-
-const baseOf = (p: string): string => basename(p);
-const dirOf = (p: string): string => {
-  const d = dirname(p);
-  return d ? `${d}/` : '';
-};
-
-/**
- * `Grep` speaks several dialects, and the declared `output_mode` does not settle
- * which one you get: 47 of the corpus's `files_with_matches` calls answer with
- * `path:12:text` anyway. So each line is read for what it looks like.
- *
- *   `Found 22 files`   a header, not a result (711 calls open with it)
- *   `path:12:text`     a match, with its file
- *   `12:text`          a match in the single file that was scanned
- *   `path-11-text`     a *context* line, asked for by `-C`/`-A`/`-B`
- *   `11-text`          a context line in the single file that was scanned
- *   `--`               rg's separator between two blocks of the same file
- *   `path:37`          a count, in `output_mode: count`
- *   `path`             a file that matched, nothing quoted
- *
- * The `path:` prefix is greedy on purpose: a Windows path carries its own colon
- * (`C:\src\a.ts:12:…`), so only the *last* `:digits:` can be the line number.
- *
- * The dash forms are tried only after the colon forms have failed: a match whose
- * *text* happens to contain `-12-` must stay a match. 789 calls in the parc ask
- * for context, and without these two patterns their context lines fall through to
- * `LOOKS_LIKE_PATH` and each become a phantom file — 9 805 such lines measured.
- */
-const HEADER = /^Found \d+ files?$/;
-const NOTHING = /^No (files|matches) found/;
-const SEPARATOR = /^--$/;
-/** Pieds de sortie : un décompte et un aveu de pagination, pas des résultats. */
-const TOTAL = /^Found \d+ total occurrences across \d+ files?\.?$/;
-const PAGINATION = /^\[Showing results with pagination = (.+)\]$/m;
-const WITH_FILE = /^(.*):(\d+):([\s\S]*)$/;
-const LINE_ONLY = /^(\d+):([\s\S]*)$/;
-const CTX_FILE = /^(.*)-(\d+)-([\s\S]*)$/;
-const CTX_FILE_FIRST = /^(.*?)-(\d+)-([\s\S]*)$/;
-const CTX_LINE = /^(\d+)-([\s\S]*)$/;
-const WITH_COUNT = /^(.*):(\d+)$/;
-const LOOKS_LIKE_PATH = /[\\/]/;
-
-interface Match {
-  line: string;
-  text: string;
-  /** Neighbouring line printed for context, not something the pattern matched. */
-  context?: boolean;
-}
-
-const parsed = computed(() => {
-  const content = raw.value;
-  if (!content.trim() || rawOnly.value) return { groups: [], overflow: 0 };
-
-  const counting = str(input.value.output_mode) === 'count';
-  const lines = content
-    .split('\n')
-    .map((l) => l.trim())
-    .filter(
-      (l) =>
-        l &&
-        !HEADER.test(l) &&
-        !NOTHING.test(l) &&
-        !SEPARATOR.test(l) &&
-        !TOTAL.test(l) &&
-        !PAGINATION.test(l) &&
-        // La poignée du CLI n'est ni un chemin ni une correspondance : faute de
-        // filtre elle tombait dans le dernier cas du parseur — « la
-        // correspondance elle-même, sans position » — et 67 résultats du parc
-        // affichaient `[result-id: r2]` comme une ligne trouvée.
-        !RESULT_ID.test(l),
-    );
-
-  const capped = lines.slice(0, MAX_MATCHES);
-  const byFile = new Map<string, Match[]>();
-
-  for (const line of capped) {
-    const withFile = WITH_FILE.exec(line);
-    if (withFile) {
-      push(byFile, withFile[1] ?? '', { line: withFile[2] ?? '', text: withFile[3] ?? '' });
-      continue;
-    }
-    const lineOnly = LINE_ONLY.exec(line);
-    if (lineOnly) {
-      push(byFile, str(input.value.path), { line: lineOnly[1] ?? '', text: lineOnly[2] ?? '' });
-      continue;
-    }
-    const ctxFile = wantsContext.value ? contextLine(line) : null;
-    if (ctxFile) {
-      push(byFile, ctxFile[1] ?? '', {
-        line: ctxFile[2] ?? '',
-        text: ctxFile[3] ?? '',
-        context: true,
-      });
-      continue;
-    }
-    const ctxLine = wantsContext.value ? CTX_LINE.exec(line) : null;
-    if (ctxLine) {
-      push(byFile, str(input.value.path), {
-        line: ctxLine[1] ?? '',
-        text: ctxLine[2] ?? '',
-        context: true,
-      });
-      continue;
-    }
-    const withCount = counting ? WITH_COUNT.exec(line) : null;
-    if (withCount) {
-      push(byFile, withCount[1] ?? '', { line: '', text: `${withCount[2]} correspondance(s)` });
-      continue;
-    }
-    if (LOOKS_LIKE_PATH.test(line)) {
-      // A file that matched. Nothing was quoted from it.
-      if (!byFile.has(line)) byFile.set(line, []);
-      continue;
+  import type { Block } from '@/services/projects'
+  import { computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import { basename, dirname } from '../language'
+  import OutputPane from '../OutputPane.vue'
+  import PathList from '../PathList.vue'
+  import { RESULT_ID } from '../serviceLines'
+  import ToolChips from '../ToolChips.vue'
+  import { asRecord, bool, chips, num, str } from '../values'
+
+  const { t } = useI18n()
+
+  const props = defineProps<{ block: Block }>()
+
+  /** Beyond this the list stops being scannable and starts being a wall. */
+  const MAX_MATCHES = 200
+
+  const input = computed(() => asRecord(props.block.input))
+  const raw = computed(() => props.block.result?.content ?? '')
+
+  /** Errors and disk-spilled outputs are not match lists: do not pretend to parse. */
+  const rawOnly = computed(() => props.block.result?.isError === true || raw.value.startsWith('<persisted-output>'))
+
+  /**
+   * Le mode n'est dit que s'il change la forme du corps. `content` — 71,7 % des
+   * appels — donne des extraits, ce que le corps montre déjà ; l'annoncer serait
+   * une puce permanente qui n'apprend rien. Les deux autres expliquent pourquoi on
+   * lit une liste nue ou un décompte au lieu du code.
+   */
+  const modeLabel = (mode: string): string => (mode === 'files_with_matches' || mode === 'count' ? t(`replay.tools.views.grep.modes.${mode}`) : '')
+
+  /** `-C` and its alias `context`, or either half of the pair. 18,4 % des appels. */
+  const wantsContext = computed(() => ['-C', '-A', '-B', 'context'].some((k) => num(input.value[k]) > 0))
+
+  const params = computed(() =>
+    chips([
+      [t('replay.tools.chips.pattern'), str(input.value.pattern)],
+      [t('replay.tools.chips.in'), str(input.value.path)],
+      [t('replay.tools.chips.glob'), str(input.value.glob)],
+      [t('replay.tools.chips.type'), str(input.value.type)],
+      [t('replay.tools.chips.mode'), modeLabel(str(input.value.output_mode))],
+      [t('replay.tools.chips.caseInsensitive'), bool(input.value['-i']) ? t('replay.tools.chips.yes') : ''],
+    ]),
+  )
+
+  const baseOf = (p: string): string => basename(p)
+  const dirOf = (p: string): string => {
+    const d = dirname(p)
+    return d ? `${d}/` : ''
+  }
+
+  /**
+   * `Grep` speaks several dialects, and the declared `output_mode` does not settle
+   * which one you get: 47 of the corpus's `files_with_matches` calls answer with
+   * `path:12:text` anyway. So each line is read for what it looks like.
+   *
+   *   `Found 22 files`   a header, not a result (711 calls open with it)
+   *   `path:12:text`     a match, with its file
+   *   `12:text`          a match in the single file that was scanned
+   *   `path-11-text`     a *context* line, asked for by `-C`/`-A`/`-B`
+   *   `11-text`          a context line in the single file that was scanned
+   *   `--`               rg's separator between two blocks of the same file
+   *   `path:37`          a count, in `output_mode: count`
+   *   `path`             a file that matched, nothing quoted
+   *
+   * The `path:` prefix is greedy on purpose: a Windows path carries its own colon
+   * (`C:\src\a.ts:12:…`), so only the *last* `:digits:` can be the line number.
+   *
+   * The dash forms are tried only after the colon forms have failed: a match whose
+   * *text* happens to contain `-12-` must stay a match. 789 calls in the parc ask
+   * for context, and without these two patterns their context lines fall through to
+   * `LOOKS_LIKE_PATH` and each become a phantom file — 9 805 such lines measured.
+   */
+  const HEADER = /^Found \d+ files?$/
+  const NOTHING = /^No (files|matches) found/
+  const SEPARATOR = /^--$/
+  /** Pieds de sortie : un décompte et un aveu de pagination, pas des résultats. */
+  const TOTAL = /^Found \d+ total occurrences across \d+ files?\.?$/
+  const PAGINATION = /^\[Showing results with pagination = (.+)\]$/m
+  const WITH_FILE = /^(.*):(\d+):([\s\S]*)$/
+  const LINE_ONLY = /^(\d+):([\s\S]*)$/
+  const CTX_FILE = /^(.*)-(\d+)-([\s\S]*)$/
+  const CTX_FILE_FIRST = /^(.*?)-(\d+)-([\s\S]*)$/
+  const CTX_LINE = /^(\d+)-([\s\S]*)$/
+  const WITH_COUNT = /^(.*):(\d+)$/
+  const LOOKS_LIKE_PATH = /[\\/]/
+
+  interface Match {
+    line: string
+    text: string
+    /** Neighbouring line printed for context, not something the pattern matched. */
+    context?: boolean
+  }
+
+  const parsed = computed(() => {
+    const content = raw.value
+    if (!content.trim() || rawOnly.value) return { groups: [], overflow: 0 }
+
+    const counting = str(input.value.output_mode) === 'count'
+    const lines = content
+      .split('\n')
+      .map((l) => l.trim())
+      .filter(
+        (l) =>
+          l &&
+          !HEADER.test(l) &&
+          !NOTHING.test(l) &&
+          !SEPARATOR.test(l) &&
+          !TOTAL.test(l) &&
+          !PAGINATION.test(l) &&
+          // La poignée du CLI n'est ni un chemin ni une correspondance : faute de
+          // filtre elle tombait dans le dernier cas du parseur — « la
+          // correspondance elle-même, sans position » — et 67 résultats du parc
+          // affichaient `[result-id: r2]` comme une ligne trouvée.
+          !RESULT_ID.test(l),
+      )
+
+    const capped = lines.slice(0, MAX_MATCHES)
+    const byFile = new Map<string, Match[]>()
+
+    for (const line of capped) {
+      const withFile = WITH_FILE.exec(line)
+      if (withFile) {
+        push(byFile, withFile[1] ?? '', { line: withFile[2] ?? '', text: withFile[3] ?? '' })
+        continue
+      }
+      const lineOnly = LINE_ONLY.exec(line)
+      if (lineOnly) {
+        push(byFile, str(input.value.path), { line: lineOnly[1] ?? '', text: lineOnly[2] ?? '' })
+        continue
+      }
+      const ctxFile = wantsContext.value ? contextLine(line) : null
+      if (ctxFile) {
+        push(byFile, ctxFile[1] ?? '', {
+          line: ctxFile[2] ?? '',
+          text: ctxFile[3] ?? '',
+          context: true,
+        })
+        continue
+      }
+      const ctxLine = wantsContext.value ? CTX_LINE.exec(line) : null
+      if (ctxLine) {
+        push(byFile, str(input.value.path), {
+          line: ctxLine[1] ?? '',
+          text: ctxLine[2] ?? '',
+          context: true,
+        })
+        continue
+      }
+      const withCount = counting ? WITH_COUNT.exec(line) : null
+      if (withCount) {
+        push(byFile, withCount[1] ?? '', { line: '', text: `${withCount[2]} correspondance(s)` })
+        continue
+      }
+      if (LOOKS_LIKE_PATH.test(line)) {
+        // A file that matched. Nothing was quoted from it.
+        if (!byFile.has(line)) byFile.set(line, [])
+        continue
+      }
+      // `-o`, or no `-n`: the match itself, with no position to show.
+      push(byFile, str(input.value.path), { line: '', text: line })
     }
-    // `-o`, or no `-n`: the match itself, with no position to show.
-    push(byFile, str(input.value.path), { line: '', text: line });
+
+    return { groups: merge(byFile), overflow: Math.max(0, lines.length - capped.length) }
+  })
+
+  /**
+   * `chemin-11-texte`, en préférant le *dernier* séparateur : un chemin peut porter
+   * son propre `-2-` (`src/step-2-init.ts`). Mais le texte aussi — une date
+   * `2026-03-30` a fait basculer 4 lignes du parc dans le nom du fichier. Un chemin
+   * n'a pas d'espace, une ligne de code presque toujours : quand le premier essai
+   * en produit un, on retient le premier séparateur au lieu du dernier.
+   */
+  function contextLine(line: string): RegExpExecArray | null {
+    const greedy = CTX_FILE.exec(line)
+    if (!greedy) return null
+    return /\s/.test(greedy[1] ?? '') ? CTX_FILE_FIRST.exec(line) : greedy
   }
 
-  return { groups: merge(byFile), overflow: Math.max(0, lines.length - capped.length) };
-});
-
-/**
- * `chemin-11-texte`, en préférant le *dernier* séparateur : un chemin peut porter
- * son propre `-2-` (`src/step-2-init.ts`). Mais le texte aussi — une date
- * `2026-03-30` a fait basculer 4 lignes du parc dans le nom du fichier. Un chemin
- * n'a pas d'espace, une ligne de code presque toujours : quand le premier essai
- * en produit un, on retient le premier séparateur au lieu du dernier.
- */
-function contextLine(line: string): RegExpExecArray | null {
-  const greedy = CTX_FILE.exec(line);
-  if (!greedy) return null;
-  return /\s/.test(greedy[1] ?? '') ? CTX_FILE_FIRST.exec(line) : greedy;
-}
-
-function push(map: Map<string, Match[]>, file: string, match: Match): void {
-  const list = map.get(file);
-  if (list) list.push(match);
-  else map.set(file, [match]);
-}
-
-const slash = (p: string): string => p.replace(/\\/g, '/');
-const isAbsolute = (p: string): boolean => /^([a-z]:[\\/]|[\\/])/i.test(p);
-
-/**
- * rg names a match by a path relative to the cwd, but its context lines by the
- * absolute path — the same file arrives under two keys, in 144 of the parc's
- * results. They are folded together under the shorter, readable name, then
- * re-ordered by line number, which the two interleaved streams had scrambled.
- *
- * Only an *absolute* key folds into a relative one. Two relative paths that end
- * alike are two different files: `README.md` and `docs/README.md` must stay apart.
- */
-function merge(byFile: Map<string, Match[]>): { file: string; matches: Match[] }[] {
-  const relatives = [...byFile.keys()].filter((k) => !isAbsolute(k));
-  const out = new Map<string, Match[]>();
-
-  for (const [key, matches] of byFile) {
-    const name = isAbsolute(key)
-      ? (relatives.find((k) => slash(key).endsWith(`/${slash(k)}`)) ?? key)
-      : key;
-    const list = out.get(name);
-    if (list) list.push(...matches);
-    else out.set(name, [...matches]);
+  function push(map: Map<string, Match[]>, file: string, match: Match): void {
+    const list = map.get(file)
+    if (list) list.push(match)
+    else map.set(file, [match])
+  }
+
+  const slash = (p: string): string => p.replace(/\\/g, '/')
+  const isAbsolute = (p: string): boolean => /^([a-z]:[\\/]|[\\/])/i.test(p)
+
+  /**
+   * rg names a match by a path relative to the cwd, but its context lines by the
+   * absolute path — the same file arrives under two keys, in 144 of the parc's
+   * results. They are folded together under the shorter, readable name, then
+   * re-ordered by line number, which the two interleaved streams had scrambled.
+   *
+   * Only an *absolute* key folds into a relative one. Two relative paths that end
+   * alike are two different files: `README.md` and `docs/README.md` must stay apart.
+   */
+  function merge(byFile: Map<string, Match[]>): { file: string; matches: Match[] }[] {
+    const relatives = [...byFile.keys()].filter((k) => !isAbsolute(k))
+    const out = new Map<string, Match[]>()
+
+    for (const [key, matches] of byFile) {
+      const name = isAbsolute(key) ? (relatives.find((k) => slash(key).endsWith(`/${slash(k)}`)) ?? key) : key
+      const list = out.get(name)
+      if (list) list.push(...matches)
+      else out.set(name, [...matches])
+    }
+
+    return [...out].map(([file, matches]) => ({
+      file,
+      // Only when every line is numbered: otherwise arrival order is all we have.
+      matches: matches.every((m) => m.line) ? [...matches].sort((a, b) => Number(a.line) - Number(b.line)) : matches,
+    }))
   }
 
-  return [...out].map(([file, matches]) => ({
-    file,
-    // Only when every line is numbered: otherwise arrival order is all we have.
-    matches: matches.every((m) => m.line)
-      ? [...matches].sort((a, b) => Number(a.line) - Number(b.line))
-      : matches,
-  }));
-}
-
-const hits = computed(() => parsed.value.groups);
-const overflow = computed(() => parsed.value.overflow);
-
-/**
- * `head_limit` coupe à la source : la liste paraît complète et ne l'est pas.
- * L'outil le dit lui-même en pied de sortie, 233 fois dans le parc — on relaie
- * son constat plutôt que de le déduire d'un comptage, et surtout on cesse de
- * l'afficher comme s'il était une correspondance trouvée dans un fichier.
- */
-const limited = computed(() => {
-  const found = PAGINATION.exec(raw.value);
-  if (!found || rawOnly.value) return '';
-  const limit = /limit: (\d+)/.exec(found[1] ?? '')?.[1];
-  const offset = /offset: (\d+)/.exec(found[1] ?? '')?.[1];
-  const parts = [
-    offset && t('replay.tools.views.grep.pagedOffset', { n: offset }),
-    limit && t('replay.tools.views.grep.pagedLimit', { n: limit }),
-  ].filter(Boolean);
-  return t('replay.tools.views.grep.paged', { parts: parts.join(', ') });
-});
-
-/** Every group is a bare file name: nothing was quoted, so show a file list. */
-const filesOnly = computed(() => hits.value.every((g) => g.matches.length === 0));
+  const hits = computed(() => parsed.value.groups)
+  const overflow = computed(() => parsed.value.overflow)
+
+  /**
+   * `head_limit` coupe à la source : la liste paraît complète et ne l'est pas.
+   * L'outil le dit lui-même en pied de sortie, 233 fois dans le parc — on relaie
+   * son constat plutôt que de le déduire d'un comptage, et surtout on cesse de
+   * l'afficher comme s'il était une correspondance trouvée dans un fichier.
+   */
+  const limited = computed(() => {
+    const found = PAGINATION.exec(raw.value)
+    if (!found || rawOnly.value) return ''
+    const limit = /limit: (\d+)/.exec(found[1] ?? '')?.[1]
+    const offset = /offset: (\d+)/.exec(found[1] ?? '')?.[1]
+    const parts = [
+      offset && t('replay.tools.views.grep.pagedOffset', { n: offset }),
+      limit && t('replay.tools.views.grep.pagedLimit', { n: limit }),
+    ].filter(Boolean)
+    return t('replay.tools.views.grep.paged', { parts: parts.join(', ') })
+  })
+
+  /** Every group is a bare file name: nothing was quoted, so show a file list. */
+  const filesOnly = computed(() => hits.value.every((g) => g.matches.length === 0))
 </script>
 
 <style scoped lang="scss">
-.tv {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-}
-.tv-empty {
-  margin: 0;
-  font-size: var(--fs-xs);
-  color: var(--faint);
-}
-.tv-note {
-  margin: 0;
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-  font-style: italic;
-}
-.gv-files {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-  max-height: 420px;
-  overflow: auto;
-}
-.gv-path {
-  display: flex;
-  // Une `q-icon` se cale sur son bord inférieur en `baseline`, un peu au-dessus
-  // du texte à côté. Le chemin tient toujours sur une ligne — `center` aligne
-  // donc le glyphe sur elle, sans avoir à lui calculer une hauteur.
-  align-items: center;
-  gap: var(--space-xs);
-  margin: 0 0 var(--space-xs);
-  font-size: var(--fs-xs);
-  overflow: hidden;
-  white-space: nowrap;
-}
-.gv-dir {
-  color: var(--faint);
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.gv-base {
-  color: var(--text);
-  flex-shrink: 0;
-}
-.gv-lines {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  border-left: 2px solid var(--line-2);
-}
-.gv-line {
-  display: flex;
-  gap: var(--space-md);
-  padding: 1px var(--space-sm);
-}
-.gv-line:hover {
-  background: var(--hover-overlay);
-}
-// Le voisinage demandé par `-C` : présent pour situer, pas pour être lu d'abord.
-.gv-ctx .gv-text {
-  color: var(--faint);
-}
-.gv-no {
-  flex: 0 0 3.5em;
-  text-align: right;
-  color: var(--faint);
-  font-family: 'JetBrains Mono', ui-monospace, monospace;
-  font-size: var(--fs-xs);
-  user-select: none;
-}
-.gv-text {
-  font-family: 'JetBrains Mono', ui-monospace, monospace;
-  font-size: var(--fs-xs);
-  color: var(--muted);
-  white-space: pre-wrap;
-  word-break: break-word;
-  min-width: 0;
-}
+  .tv {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+  }
+  .tv-empty {
+    margin: 0;
+    font-size: var(--fs-xs);
+    color: var(--faint);
+  }
+  .tv-note {
+    margin: 0;
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+    font-style: italic;
+  }
+  .gv-files {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+    max-height: 420px;
+    overflow: auto;
+  }
+  .gv-path {
+    display: flex;
+    // Une `q-icon` se cale sur son bord inférieur en `baseline`, un peu au-dessus
+    // du texte à côté. Le chemin tient toujours sur une ligne — `center` aligne
+    // donc le glyphe sur elle, sans avoir à lui calculer une hauteur.
+    align-items: center;
+    gap: var(--space-xs);
+    margin: 0 0 var(--space-xs);
+    font-size: var(--fs-xs);
+    overflow: hidden;
+    white-space: nowrap;
+  }
+  .gv-dir {
+    color: var(--faint);
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .gv-base {
+    color: var(--text);
+    flex-shrink: 0;
+  }
+  .gv-lines {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    border-left: 2px solid var(--line-2);
+  }
+  .gv-line {
+    display: flex;
+    gap: var(--space-md);
+    padding: 1px var(--space-sm);
+  }
+  .gv-line:hover {
+    background: var(--hover-overlay);
+  }
+  // Le voisinage demandé par `-C` : présent pour situer, pas pour être lu d'abord.
+  .gv-ctx .gv-text {
+    color: var(--faint);
+  }
+  .gv-no {
+    flex: 0 0 3.5em;
+    text-align: right;
+    color: var(--faint);
+    font-family: 'JetBrains Mono', ui-monospace, monospace;
+    font-size: var(--fs-xs);
+    user-select: none;
+  }
+  .gv-text {
+    font-family: 'JetBrains Mono', ui-monospace, monospace;
+    font-size: var(--fs-xs);
+    color: var(--muted);
+    white-space: pre-wrap;
+    word-break: break-word;
+    min-width: 0;
+  }
 </style>
diff --git a/src/components/replay/tools/views/LspView.vue b/src/components/replay/tools/views/LspView.vue
index 8c3b75c..8c38deb 100644
--- a/src/components/replay/tools/views/LspView.vue
+++ b/src/components/replay/tools/views/LspView.vue
@@ -56,11 +56,7 @@
         <span class="lv-branch" :style="{ paddingLeft: `calc(${node.depth} * var(--space-md))` }">
           <span class="lv-name font-mono">{{ node.name }}</span>
           <span class="lv-kind">{{ kindOf(node.symKind) }}</span>
-          <span
-            v-if="added(node.detail, node.name)"
-            class="lv-detail font-mono"
-            :title="node.detail"
-          >
+          <span v-if="added(node.detail, node.name)" class="lv-detail font-mono" :title="node.detail">
             {{ added(node.detail, node.name) }}
           </span>
         </span>
@@ -82,531 +78,506 @@
               <template v-if="item.label">
                 <span class="lv-name font-mono">{{ item.label }}</span>
                 <span class="lv-kind">{{ kindOf(item.symKind ?? '') }}</span>
-                <span
-                  v-if="added(item.detail ?? '', item.label)"
-                  class="lv-detail font-mono"
-                  :title="item.detail"
-                >
+                <span v-if="added(item.detail ?? '', item.label)" class="lv-detail font-mono" :title="item.detail">
                   {{ added(item.detail ?? '', item.label) }}
                 </span>
               </template>
-              <span v-if="item.callsAt" class="lv-line">{{
-                t('replay.tools.views.lsp.callAt', { at: item.callsAt })
-              }}</span>
+              <span v-if="item.callsAt" class="lv-line">{{ t('replay.tools.views.lsp.callAt', { at: item.callsAt }) }}</span>
             </li>
           </ul>
         </li>
       </ol>
     </template>
 
-    <OutputPane
-      v-else
-      :content="raw"
-      :is-error="block.result?.isError ?? false"
-      :tool-use-id="block.id ?? ''"
-    />
+    <OutputPane v-else :content="raw" :is-error="block.result?.isError ?? false" :tool-use-id="block.id ?? ''" />
   </div>
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
-import type { Block } from '@/services/projects';
-import { asRecord, chips, num, str } from '../values';
-import { basename, dirname } from '../language';
-import { userRefusal } from '../serviceLines';
-import ToolChips from '../ToolChips.vue';
-import OutputPane from '../OutputPane.vue';
-import MarkdownView from '@/components/replay/MarkdownView.vue';
-
-import { useI18n } from 'vue-i18n';
-
-const { t } = useI18n();
-
-const props = defineProps<{ block: Block }>();
-
-const input = computed(() => asRecord(props.block.input));
-const raw = computed(() => props.block.result?.content ?? '');
-const operation = computed(() => str(input.value.operation));
-const filePath = computed(() => str(input.value.filePath));
-
-const baseOf = (p: string): string => basename(p);
-const dirOf = (p: string): string => {
-  const d = dirname(p);
-  return d ? `${d}/` : '';
-};
-const base = computed(() => baseOf(filePath.value));
-const dir = computed(() => dirOf(filePath.value));
-
-/**
- * Le schéma exige `line` et `character` sur les neuf opérations, y compris les
- * deux qui ne travaillent pas sur une position : `documentSymbol` prend le
- * fichier entier, `workspaceSymbol` le projet entier. Le modèle y écrit donc
- * `1:1` faute de mieux — 55 appels sur 118, soit 38 des 39 `documentSymbol` et
- * 17 des 22 `workspaceSymbol`. Afficher ce couple, c'est afficher un chiffre que
- * personne n'a choisi.
- */
-const trivialPosition = computed(
-  () => num(input.value.line) === 1 && num(input.value.character) === 1,
-);
-
-const position = computed(() =>
-  trivialPosition.value ? '' : `:${num(input.value.line)}:${num(input.value.character)}`,
-);
-
-/**
- * `query` ne concerne que `workspaceSymbol`, mais elle y est le sujet de l'appel
- * — présente sur les 22 — et elle n'apparaissait nulle part : ni dans le résumé
- * de l'en-tête, ni dans le corps.
- */
-const params = computed(() => chips([[t('replay.tools.chips.symbol'), str(input.value.query)]]));
-
-/**
- * Les `SymbolKind` du protocole, dans la langue du reste de l'interface.
- *
- * Le nom du protocole reste la clé : c'est lui que le serveur envoie. Un genre
- * qu'on ne connaît pas se rend tel quel — mieux vaut le mot anglais du protocole
- * qu'un blanc.
- */
-const KINDS = new Set([
-  'Property',
-  'Method',
-  'Constant',
-  'Variable',
-  'Class',
-  'Function',
-  'File',
-  'Namespace',
-  'Module',
-  'Field',
-  'Interface',
-  'Enum',
-  'Struct',
-  'Constructor',
-]);
-
-const kindOf = (kind: string): string =>
-  KINDS.has(kind) ? t(`replay.tools.views.lsp.kinds.${kind}`) : kind;
-
-/** Ce qui manque, dit par l'opération plutôt que par le texte anglais du CLI. */
-const EMPTY = new Set([
-  'findReferences',
-  'hover',
-  'documentSymbol',
-  'workspaceSymbol',
-  'goToDefinition',
-  'goToImplementation',
-  'prepareCallHierarchy',
-  'incomingCalls',
-  'outgoingCalls',
-]);
-
-/**
- * Le mot que le CLI emploie dans son en-tête, et le nôtre. La clé du catalogue
- * n'a pas d'espace, là où le CLI en met une.
- */
-const WHAT: Record<string, string> = {
-  reference: 'reference',
-  symbol: 'symbol',
-  definition: 'definition',
-  implementation: 'implementation',
-  'incoming call': 'incomingCall',
-  'outgoing call': 'outgoingCall',
-};
-
-// ── Lecture du résultat ──────────────────────────────────────────────────────
-//
-// Six formes, toutes textuelles, toutes fixes. Le résultat structuré n'aide pas :
-// son champ `result` est le texte à l'octet près, 97 fois sur 97, et ses
-// `resultCount` / `fileCount` sont déjà dans la première ligne. Rien à faire
-// traverser la liste blanche du serveur.
-
-const FOUND =
-  /^Found (\d+) (reference|symbol|definition|implementation|incoming call|outgoing call)s?(?: in workspace)?(?: across (\d+) files?)?:$/;
-const DEFINED = /^Defined in (.+?):(\d+):(\d+)$/;
-const HOVER = /^Hover info at \d+:\d+:\n?([\s\S]*)$/;
-const SOFT_ERROR = /^Error performing \w+: ([\s\S]+)$/;
-const NO_SERVER = /^No LSP server available for file type: (.+)$/;
-const HARD_ERROR = /^<tool_use_error>([\s\S]*?)<\/tool_use_error>$/;
-const NOTHING =
-  /^No (?:references|hover information|symbols|definition|implementations|incoming calls|outgoing calls)\b/;
-
-const GROUP = /^(\S.*):$/;
-/** Une occurrence nue : `findReferences` ne nomme pas ce qu'il a trouvé. */
-const HIT = /^Line (\d+):(\d+)$/;
-/** Un symbole : nom, genre, éventuellement sa signature, sa ligne. */
-const SYMBOL = /^(.+?) \((\w+)\)(?: (.+?))? - Line (\d+)(?: \[calls at: (\d+:\d+)\])?$/;
-/** Une définition, que `goToDefinition` liste à plat sous son en-tête. */
-const LOCATION = /^(.+?):(\d+):(\d+)$/;
-
-interface Hit {
-  line: number;
-  character: number;
-  label?: string;
-  symKind?: string;
-  detail?: string;
-  callsAt?: string;
-}
-interface Group {
-  file: string;
-  items: Hit[];
-}
-type Parsed =
-  | { kind: 'echec'; cause: string }
-  | { kind: 'refus'; said: string }
-  | { kind: 'vide' }
-  | { kind: 'hover'; markdown: string }
-  | {
-      kind: 'arbre';
-      nodes: { depth: number; name: string; symKind: string; detail: string; line: number }[];
-    }
-  | { kind: 'localisations'; total: number; what: string; fileCount: number; groups: Group[] }
-  | null;
-
-const parsed = computed<Parsed>(() => {
-  const text = raw.value.trim();
-  if (!text) return null;
-
-  const refusal = userRefusal(text);
-  if (refusal) return { kind: 'refus', said: refusal.said };
-
-  const hard = HARD_ERROR.exec(text);
-  if (hard) return { kind: 'echec', cause: hard[1] ?? '' };
-  const soft = SOFT_ERROR.exec(text);
-  if (soft) return { kind: 'echec', cause: soft[1] ?? '' };
-  const noServer = NO_SERVER.exec(text);
-  if (noServer)
-    return { kind: 'echec', cause: `Aucun serveur de langage pour les fichiers ${noServer[1]}` };
+  import MarkdownView from '@/components/replay/MarkdownView.vue'
+  import type { Block } from '@/services/projects'
+  import { computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import { basename, dirname } from '../language'
+  import OutputPane from '../OutputPane.vue'
+  import { userRefusal } from '../serviceLines'
+  import ToolChips from '../ToolChips.vue'
+  import { asRecord, chips, num, str } from '../values'
+
+  const { t } = useI18n()
+
+  const props = defineProps<{ block: Block }>()
+
+  const input = computed(() => asRecord(props.block.input))
+  const raw = computed(() => props.block.result?.content ?? '')
+  const operation = computed(() => str(input.value.operation))
+  const filePath = computed(() => str(input.value.filePath))
+
+  const baseOf = (p: string): string => basename(p)
+  const dirOf = (p: string): string => {
+    const d = dirname(p)
+    return d ? `${d}/` : ''
+  }
+  const base = computed(() => baseOf(filePath.value))
+  const dir = computed(() => dirOf(filePath.value))
+
+  /**
+   * Le schéma exige `line` et `character` sur les neuf opérations, y compris les
+   * deux qui ne travaillent pas sur une position : `documentSymbol` prend le
+   * fichier entier, `workspaceSymbol` le projet entier. Le modèle y écrit donc
+   * `1:1` faute de mieux — 55 appels sur 118, soit 38 des 39 `documentSymbol` et
+   * 17 des 22 `workspaceSymbol`. Afficher ce couple, c'est afficher un chiffre que
+   * personne n'a choisi.
+   */
+  const trivialPosition = computed(() => num(input.value.line) === 1 && num(input.value.character) === 1)
+
+  const position = computed(() => (trivialPosition.value ? '' : `:${num(input.value.line)}:${num(input.value.character)}`))
+
+  /**
+   * `query` ne concerne que `workspaceSymbol`, mais elle y est le sujet de l'appel
+   * — présente sur les 22 — et elle n'apparaissait nulle part : ni dans le résumé
+   * de l'en-tête, ni dans le corps.
+   */
+  const params = computed(() => chips([[t('replay.tools.chips.symbol'), str(input.value.query)]]))
+
+  /**
+   * Les `SymbolKind` du protocole, dans la langue du reste de l'interface.
+   *
+   * Le nom du protocole reste la clé : c'est lui que le serveur envoie. Un genre
+   * qu'on ne connaît pas se rend tel quel — mieux vaut le mot anglais du protocole
+   * qu'un blanc.
+   */
+  const KINDS = new Set([
+    'Property',
+    'Method',
+    'Constant',
+    'Variable',
+    'Class',
+    'Function',
+    'File',
+    'Namespace',
+    'Module',
+    'Field',
+    'Interface',
+    'Enum',
+    'Struct',
+    'Constructor',
+  ])
+
+  const kindOf = (kind: string): string => (KINDS.has(kind) ? t(`replay.tools.views.lsp.kinds.${kind}`) : kind)
+
+  /** Ce qui manque, dit par l'opération plutôt que par le texte anglais du CLI. */
+  const EMPTY = new Set([
+    'findReferences',
+    'hover',
+    'documentSymbol',
+    'workspaceSymbol',
+    'goToDefinition',
+    'goToImplementation',
+    'prepareCallHierarchy',
+    'incomingCalls',
+    'outgoingCalls',
+  ])
+
+  /**
+   * Le mot que le CLI emploie dans son en-tête, et le nôtre. La clé du catalogue
+   * n'a pas d'espace, là où le CLI en met une.
+   */
+  const WHAT: Record<string, string> = {
+    reference: 'reference',
+    symbol: 'symbol',
+    definition: 'definition',
+    implementation: 'implementation',
+    'incoming call': 'incomingCall',
+    'outgoing call': 'outgoingCall',
+  }
 
-  if (NOTHING.test(text)) return { kind: 'vide' };
+  // ── Lecture du résultat ──────────────────────────────────────────────────────
+  //
+  // Six formes, toutes textuelles, toutes fixes. Le résultat structuré n'aide pas :
+  // son champ `result` est le texte à l'octet près, 97 fois sur 97, et ses
+  // `resultCount` / `fileCount` sont déjà dans la première ligne. Rien à faire
+  // traverser la liste blanche du serveur.
+
+  const FOUND = /^Found (\d+) (reference|symbol|definition|implementation|incoming call|outgoing call)s?(?: in workspace)?(?: across (\d+) files?)?:$/
+  const DEFINED = /^Defined in (.+?):(\d+):(\d+)$/
+  const HOVER = /^Hover info at \d+:\d+:\n?([\s\S]*)$/
+  const SOFT_ERROR = /^Error performing \w+: ([\s\S]+)$/
+  const NO_SERVER = /^No LSP server available for file type: (.+)$/
+  const HARD_ERROR = /^<tool_use_error>([\s\S]*?)<\/tool_use_error>$/
+  const NOTHING = /^No (?:references|hover information|symbols|definition|implementations|incoming calls|outgoing calls)\b/
+
+  const GROUP = /^(\S.*):$/
+  /** Une occurrence nue : `findReferences` ne nomme pas ce qu'il a trouvé. */
+  const HIT = /^Line (\d+):(\d+)$/
+  /** Un symbole : nom, genre, éventuellement sa signature, sa ligne. */
+  const SYMBOL = /^(.+?) \((\w+)\)(?: (.+?))? - Line (\d+)(?: \[calls at: (\d+:\d+)\])?$/
+  /** Une définition, que `goToDefinition` liste à plat sous son en-tête. */
+  const LOCATION = /^(.+?):(\d+):(\d+)$/
+
+  interface Hit {
+    line: number
+    character: number
+    label?: string
+    symKind?: string
+    detail?: string
+    callsAt?: string
+  }
+  interface Group {
+    file: string
+    items: Hit[]
+  }
+  type Parsed =
+    | { kind: 'echec'; cause: string }
+    | { kind: 'refus'; said: string }
+    | { kind: 'vide' }
+    | { kind: 'hover'; markdown: string }
+    | {
+        kind: 'arbre'
+        nodes: { depth: number; name: string; symKind: string; detail: string; line: number }[]
+      }
+    | { kind: 'localisations'; total: number; what: string; fileCount: number; groups: Group[] }
+    | null
+
+  const parsed = computed<Parsed>(() => {
+    const text = raw.value.trim()
+    if (!text) return null
+
+    const refusal = userRefusal(text)
+    if (refusal) return { kind: 'refus', said: refusal.said }
+
+    const hard = HARD_ERROR.exec(text)
+    if (hard) return { kind: 'echec', cause: hard[1] ?? '' }
+    const soft = SOFT_ERROR.exec(text)
+    if (soft) return { kind: 'echec', cause: soft[1] ?? '' }
+    const noServer = NO_SERVER.exec(text)
+    if (noServer) return { kind: 'echec', cause: `Aucun serveur de langage pour les fichiers ${noServer[1]}` }
+
+    if (NOTHING.test(text)) return { kind: 'vide' }
+
+    const hover = HOVER.exec(text)
+    if (hover) return { kind: 'hover', markdown: (hover[1] ?? '').trim() }
+
+    // La forme courte de `goToDefinition` quand il n'y en a qu'une, sans en-tête.
+    const defined = DEFINED.exec(text)
+    if (defined) {
+      return {
+        kind: 'localisations',
+        total: 1,
+        what: 'definition',
+        fileCount: 1,
+        groups: [
+          {
+            file: defined[1] ?? '',
+            items: [{ line: Number(defined[2]), character: Number(defined[3]) }],
+          },
+        ],
+      }
+    }
 
-  const hover = HOVER.exec(text);
-  if (hover) return { kind: 'hover', markdown: (hover[1] ?? '').trim() };
+    const lines = text.split('\n')
+    if (lines[0] === 'Document symbols:') return tree(lines.slice(1))
+    const head = FOUND.exec(lines[0] ?? '')
+    if (head) return list(head, lines.slice(1))
+    return null
+  })
+
+  function tree(lines: string[]): Parsed {
+    const nodes = []
+    for (const raw of lines) {
+      if (!raw.trim()) continue
+      const m = SYMBOL.exec(raw.trim())
+      // Une ligne qu'on ne sait pas lire rend tout le pavé au brut : mieux vaut le
+      // texte du CLI qu'un arbre auquel il manque une branche.
+      if (!m) return null
+      nodes.push({
+        depth: (raw.length - raw.replace(/^ +/, '').length) / 2,
+        name: m[1] ?? '',
+        symKind: m[2] ?? '',
+        detail: m[3] ?? '',
+        line: Number(m[4]),
+      })
+    }
+    return { kind: 'arbre', nodes }
+  }
 
-  // La forme courte de `goToDefinition` quand il n'y en a qu'une, sans en-tête.
-  const defined = DEFINED.exec(text);
-  if (defined) {
+  function list(head: RegExpExecArray, lines: string[]): Parsed {
+    const groups: Group[] = []
+    let current: Group | null = null
+    for (const raw of lines) {
+      if (!raw.trim()) continue
+      const line = raw.trim()
+      if (!/^\s/.test(raw)) {
+        const g = GROUP.exec(line)
+        if (!g) return null
+        current = { file: g[1] ?? '', items: [] }
+        groups.push(current)
+        continue
+      }
+      const hit = HIT.exec(line)
+      if (hit) {
+        if (!current) return null
+        current.items.push({ line: Number(hit[1]), character: Number(hit[2]) })
+        continue
+      }
+      const symbol = SYMBOL.exec(line)
+      if (symbol) {
+        if (!current) return null
+        current.items.push({
+          line: Number(symbol[4]),
+          character: 0,
+          label: symbol[1] ?? '',
+          symKind: symbol[2] ?? '',
+          detail: symbol[3] ?? '',
+          callsAt: symbol[5] ?? '',
+        })
+        continue
+      }
+      // `goToDefinition` liste ses résultats à plat, un chemin complet par ligne.
+      const location = LOCATION.exec(line)
+      if (location) {
+        groups.push({
+          file: location[1] ?? '',
+          items: [{ line: Number(location[2]), character: Number(location[3]) }],
+        })
+        current = null
+        continue
+      }
+      return null
+    }
     return {
       kind: 'localisations',
-      total: 1,
-      what: 'definition',
-      fileCount: 1,
-      groups: [
-        {
-          file: defined[1] ?? '',
-          items: [{ line: Number(defined[2]), character: Number(defined[3]) }],
-        },
-      ],
-    };
-  }
-
-  const lines = text.split('\n');
-  if (lines[0] === 'Document symbols:') return tree(lines.slice(1));
-  const head = FOUND.exec(lines[0] ?? '');
-  if (head) return list(head, lines.slice(1));
-  return null;
-});
-
-function tree(lines: string[]): Parsed {
-  const nodes = [];
-  for (const raw of lines) {
-    if (!raw.trim()) continue;
-    const m = SYMBOL.exec(raw.trim());
-    // Une ligne qu'on ne sait pas lire rend tout le pavé au brut : mieux vaut le
-    // texte du CLI qu'un arbre auquel il manque une branche.
-    if (!m) return null;
-    nodes.push({
-      depth: (raw.length - raw.replace(/^ +/, '').length) / 2,
-      name: m[1] ?? '',
-      symKind: m[2] ?? '',
-      detail: m[3] ?? '',
-      line: Number(m[4]),
-    });
-  }
-  return { kind: 'arbre', nodes };
-}
-
-function list(head: RegExpExecArray, lines: string[]): Parsed {
-  const groups: Group[] = [];
-  let current: Group | null = null;
-  for (const raw of lines) {
-    if (!raw.trim()) continue;
-    const line = raw.trim();
-    if (!/^\s/.test(raw)) {
-      const g = GROUP.exec(line);
-      if (!g) return null;
-      current = { file: g[1] ?? '', items: [] };
-      groups.push(current);
-      continue;
-    }
-    const hit = HIT.exec(line);
-    if (hit) {
-      if (!current) return null;
-      current.items.push({ line: Number(hit[1]), character: Number(hit[2]) });
-      continue;
-    }
-    const symbol = SYMBOL.exec(line);
-    if (symbol) {
-      if (!current) return null;
-      current.items.push({
-        line: Number(symbol[4]),
-        character: 0,
-        label: symbol[1] ?? '',
-        symKind: symbol[2] ?? '',
-        detail: symbol[3] ?? '',
-        callsAt: symbol[5] ?? '',
-      });
-      continue;
+      total: Number(head[1]),
+      what: head[2] ?? '',
+      fileCount: head[3] ? Number(head[3]) : groups.length,
+      groups,
     }
-    // `goToDefinition` liste ses résultats à plat, un chemin complet par ligne.
-    const location = LOCATION.exec(line);
-    if (location) {
-      groups.push({
-        file: location[1] ?? '',
-        items: [{ line: Number(location[2]), character: Number(location[3]) }],
-      });
-      current = null;
-      continue;
+  }
+
+  /**
+   * Ce que le détail d'un symbole ajoute à son nom — c'est-à-dire, presque
+   * toujours, son type seul.
+   *
+   * Les serveurs C# renvoient le symbole une seconde fois, qualifié :
+   * `AddRoutes(IEndpointRouteBuilder app)` a pour détail
+   * `void CommentaireEndpoints.AddRoutes(IEndpointRouteBuilder app)`. La ligne
+   * portait donc deux fois la même signature, et le conteneur qu'elle répète —
+   * `CommentaireEndpoints` — est déjà le nœud parent, une ligne au-dessus.
+   *
+   * Les symboles porteurs d'un détail viennent tous d'un arbre `documentSymbol`, et
+   * la quasi-totalité **se terminent exactement par `[Conteneur.]Nom`**. Une fois
+   * ce suffixe retiré il ne reste que le type : `Task<IResult>`, `int?`, `void`.
+   * Font exception les `Namespace`, dont le détail *est* le nom qualifié : rien ne
+   * reste devant, et le détail entier est alors gardé, parce qu'il dit quelque
+   * chose que le nom seul ne dit pas.
+   *
+   * Les serveurs TypeScript et Vue, eux, ne donnent aucun détail — d'où une gêne
+   * qui ne se voyait que sur du C#.
+   */
+  const QUALIFIER = /[\w.<>,[\]?]+\.$/
+
+  function added(detail: string, name = ''): string {
+    if (!detail || !name) return detail
+    // Une méthode d'extension C# se déclare avec `this` sur son premier
+    // paramètre, et le serveur ne le remet pas dans la signature qualifiée :
+    // `Register(this WebApplicationBuilder b)` a pour détail
+    // `WebApplicationBuilder WebApplicationExtensions.Register(WebApplicationBuilder b)`.
+    // Sans cette variante, les 6 méthodes d'extension du parc — toutes dans un
+    // `Program.cs` — gardaient leur doublon entier.
+    for (const form of [name, name.replace('(this ', '(')]) {
+      if (!detail.endsWith(form)) continue
+      const head = detail
+        .slice(0, detail.length - form.length)
+        .replace(QUALIFIER, '')
+        .trim()
+      return head || detail
     }
-    return null;
-  }
-  return {
-    kind: 'localisations',
-    total: Number(head[1]),
-    what: head[2] ?? '',
-    fileCount: head[3] ? Number(head[3]) : groups.length,
-    groups,
-  };
-}
-
-/**
- * Ce que le détail d'un symbole ajoute à son nom — c'est-à-dire, presque
- * toujours, son type seul.
- *
- * Les serveurs C# renvoient le symbole une seconde fois, qualifié :
- * `AddRoutes(IEndpointRouteBuilder app)` a pour détail
- * `void CommentaireEndpoints.AddRoutes(IEndpointRouteBuilder app)`. La ligne
- * portait donc deux fois la même signature, et le conteneur qu'elle répète —
- * `CommentaireEndpoints` — est déjà le nœud parent, une ligne au-dessus.
- *
- * Les symboles porteurs d'un détail viennent tous d'un arbre `documentSymbol`, et
- * la quasi-totalité **se terminent exactement par `[Conteneur.]Nom`**. Une fois
- * ce suffixe retiré il ne reste que le type : `Task<IResult>`, `int?`, `void`.
- * Font exception les `Namespace`, dont le détail *est* le nom qualifié : rien ne
- * reste devant, et le détail entier est alors gardé, parce qu'il dit quelque
- * chose que le nom seul ne dit pas.
- *
- * Les serveurs TypeScript et Vue, eux, ne donnent aucun détail — d'où une gêne
- * qui ne se voyait que sur du C#.
- */
-const QUALIFIER = /[\w.<>,[\]?]+\.$/;
-
-function added(detail: string, name = ''): string {
-  if (!detail || !name) return detail;
-  // Une méthode d'extension C# se déclare avec `this` sur son premier
-  // paramètre, et le serveur ne le remet pas dans la signature qualifiée :
-  // `Register(this WebApplicationBuilder b)` a pour détail
-  // `WebApplicationBuilder WebApplicationExtensions.Register(WebApplicationBuilder b)`.
-  // Sans cette variante, les 6 méthodes d'extension du parc — toutes dans un
-  // `Program.cs` — gardaient leur doublon entier.
-  for (const form of [name, name.replace('(this ', '(')]) {
-    if (!detail.endsWith(form)) continue;
-    const head = detail
-      .slice(0, detail.length - form.length)
-      .replace(QUALIFIER, '')
-      .trim();
-    return head || detail;
-  }
-  return detail;
-}
-
-/**
- * Une occurrence a sa colonne, un symbole n'en a pas : le serveur ne donne que
- * sa ligne de déclaration. Écrire `6:1` dans ce cas serait inventer une colonne.
- */
-const at = (hit: Hit): string =>
-  hit.character
-    ? `${hit.line}:${hit.character}`
-    : `${t('replay.tools.views.lsp.line')} ${hit.line}`;
-
-const emptyLabel = computed(() =>
-  EMPTY.has(operation.value)
-    ? t(`replay.tools.views.lsp.empty.${operation.value}`)
-    : t('replay.tools.views.lsp.noResult'),
-);
-
-const countLabel = computed(() => {
-  const p = parsed.value;
-  if (p?.kind !== 'localisations') return '';
-  const key = WHAT[p.what];
-  const what = key ? t(`replay.tools.views.lsp.what.${key}`, p.total) : p.what;
-  return p.fileCount > 1
-    ? t('replay.tools.views.lsp.countIn', { n: p.total, what, files: p.fileCount })
-    : t('replay.tools.views.lsp.count', { n: p.total, what });
-});
+    return detail
+  }
+
+  /**
+   * Une occurrence a sa colonne, un symbole n'en a pas : le serveur ne donne que
+   * sa ligne de déclaration. Écrire `6:1` dans ce cas serait inventer une colonne.
+   */
+  const at = (hit: Hit): string => (hit.character ? `${hit.line}:${hit.character}` : `${t('replay.tools.views.lsp.line')} ${hit.line}`)
+
+  const emptyLabel = computed(() =>
+    EMPTY.has(operation.value) ? t(`replay.tools.views.lsp.empty.${operation.value}`) : t('replay.tools.views.lsp.noResult'),
+  )
+
+  const countLabel = computed(() => {
+    const p = parsed.value
+    if (p?.kind !== 'localisations') return ''
+    const key = WHAT[p.what]
+    const what = key ? t(`replay.tools.views.lsp.what.${key}`, p.total) : p.what
+    return p.fileCount > 1
+      ? t('replay.tools.views.lsp.countIn', { n: p.total, what, files: p.fileCount })
+      : t('replay.tools.views.lsp.count', { n: p.total, what })
+  })
 </script>
 
 <style scoped lang="scss">
-.tv {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-}
-.tv-note {
-  margin: 0;
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-  font-style: italic;
-}
-.lv-target,
-.lv-path {
-  display: flex;
-  // Le chemin tient sur une ligne : `center` cale le glyphe dessus sans avoir à
-  // lui calculer une hauteur. Voir la même correction dans `GrepView`.
-  align-items: center;
-  gap: var(--space-xs);
-  margin: 0;
-  overflow: hidden;
-  white-space: nowrap;
-  font-size: var(--fs-xs);
-}
-.lv-path {
-  margin-bottom: var(--space-xs);
-}
-.lv-dir {
-  color: var(--faint);
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.lv-base {
-  color: var(--text);
-  flex-shrink: 0;
-}
-.lv-pos {
-  color: var(--muted);
-  flex-shrink: 0;
-}
-.lv-verdict {
-  margin: 0;
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  font-size: var(--fs-sm);
-  color: var(--warn);
-}
-.lv-cause {
-  margin: 0;
-  font-size: var(--fs-xs);
-  color: var(--muted);
-  white-space: pre-wrap;
-  word-break: break-word;
-}
-.lv-said {
-  margin: 0;
-  padding-left: var(--space-md);
-  border-left: 2px solid var(--line-2);
-  font-size: var(--fs-sm);
-  color: var(--muted);
-  white-space: pre-wrap;
-}
-.lv-empty {
-  margin: 0;
-  font-size: var(--fs-sm);
-  color: var(--muted);
-}
-.lv-count {
-  margin: 0;
-  font-size: var(--fs-xs);
-  color: var(--muted);
-}
-.lv-tree,
-.lv-files,
-.lv-hits {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-.lv-tree,
-.lv-files {
-  max-height: 420px;
-  overflow: auto;
-}
-.lv-files {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-}
-.lv-hits {
-  border-left: 2px solid var(--line-2);
-}
-.lv-node,
-.lv-hit {
-  display: flex;
-  align-items: baseline;
-  gap: var(--space-sm);
-  padding: 1px var(--space-sm);
-  font-size: var(--fs-xs);
-  min-width: 0;
-}
-.lv-node:hover,
-.lv-hit:hover {
-  background: var(--hover-overlay);
-}
-// Le numéro de ligne en gouttière, comme dans un éditeur — et comme partout
-// ailleurs dans l'Atelier. L'arbre le poussait à droite par `margin-left: auto`,
-// ce qui écrasait le type entre lui et le nom ; en colonne, les numéros
-// s'alignent et plus rien ne dispute la place.
-.lv-at {
-  flex: 0 0 4.5em;
-  text-align: right;
-  color: var(--faint);
-  user-select: none;
-}
-// La gouttière de l'arbre. Aligner à droite la chaîne entière — « l. 1 »,
-// « l. 121 » — alignait les chiffres mais promenait le « l. » d'une ligne à
-// l'autre, et c'est lui que l'œil suit. Le préfixe est donc calé à gauche du
-// champ et le nombre à droite, chacun sur sa colonne.
-.lv-gutter {
-  flex: 0 0 4em;
-  display: flex;
-  justify-content: space-between;
-  color: var(--faint);
-  user-select: none;
-}
-// L'indentation porte l'imbrication : elle commence après la gouttière, sinon
-// les numéros se décaleraient avec la profondeur.
-.lv-branch {
-  display: flex;
-  align-items: baseline;
-  gap: var(--space-sm);
-  min-width: 0;
-}
-.lv-name {
-  color: var(--text);
-  flex-shrink: 0;
-}
-.lv-kind {
-  flex-shrink: 0;
-  color: var(--brand);
-  font-size: var(--fs-2xs);
-  border: 1px solid var(--brand-line);
-  border-radius: 999px;
-  padding: 0 6px;
-}
-// La signature complète, que le serveur répète après le nom : présente pour
-// lever une ambiguïté, pas pour être lue. Elle passe à la ligne suivante plutôt
-// que de pousser la ligne au-delà du cadre.
-.lv-detail {
-  color: var(--faint);
-  font-size: var(--fs-2xs);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  min-width: 0;
-}
-.lv-line {
-  margin-left: auto;
-  flex-shrink: 0;
-  color: var(--faint);
-  font-size: var(--fs-2xs);
-}
+  .tv {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+  }
+  .tv-note {
+    margin: 0;
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+    font-style: italic;
+  }
+  .lv-target,
+  .lv-path {
+    display: flex;
+    // Le chemin tient sur une ligne : `center` cale le glyphe dessus sans avoir à
+    // lui calculer une hauteur. Voir la même correction dans `GrepView`.
+    align-items: center;
+    gap: var(--space-xs);
+    margin: 0;
+    overflow: hidden;
+    white-space: nowrap;
+    font-size: var(--fs-xs);
+  }
+  .lv-path {
+    margin-bottom: var(--space-xs);
+  }
+  .lv-dir {
+    color: var(--faint);
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .lv-base {
+    color: var(--text);
+    flex-shrink: 0;
+  }
+  .lv-pos {
+    color: var(--muted);
+    flex-shrink: 0;
+  }
+  .lv-verdict {
+    margin: 0;
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    font-size: var(--fs-sm);
+    color: var(--warn);
+  }
+  .lv-cause {
+    margin: 0;
+    font-size: var(--fs-xs);
+    color: var(--muted);
+    white-space: pre-wrap;
+    word-break: break-word;
+  }
+  .lv-said {
+    margin: 0;
+    padding-left: var(--space-md);
+    border-left: 2px solid var(--line-2);
+    font-size: var(--fs-sm);
+    color: var(--muted);
+    white-space: pre-wrap;
+  }
+  .lv-empty {
+    margin: 0;
+    font-size: var(--fs-sm);
+    color: var(--muted);
+  }
+  .lv-count {
+    margin: 0;
+    font-size: var(--fs-xs);
+    color: var(--muted);
+  }
+  .lv-tree,
+  .lv-files,
+  .lv-hits {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+  .lv-tree,
+  .lv-files {
+    max-height: 420px;
+    overflow: auto;
+  }
+  .lv-files {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+  }
+  .lv-hits {
+    border-left: 2px solid var(--line-2);
+  }
+  .lv-node,
+  .lv-hit {
+    display: flex;
+    align-items: baseline;
+    gap: var(--space-sm);
+    padding: 1px var(--space-sm);
+    font-size: var(--fs-xs);
+    min-width: 0;
+  }
+  .lv-node:hover,
+  .lv-hit:hover {
+    background: var(--hover-overlay);
+  }
+  // Le numéro de ligne en gouttière, comme dans un éditeur — et comme partout
+  // ailleurs dans l'Atelier. L'arbre le poussait à droite par `margin-left: auto`,
+  // ce qui écrasait le type entre lui et le nom ; en colonne, les numéros
+  // s'alignent et plus rien ne dispute la place.
+  .lv-at {
+    flex: 0 0 4.5em;
+    text-align: right;
+    color: var(--faint);
+    user-select: none;
+  }
+  // La gouttière de l'arbre. Aligner à droite la chaîne entière — « l. 1 »,
+  // « l. 121 » — alignait les chiffres mais promenait le « l. » d'une ligne à
+  // l'autre, et c'est lui que l'œil suit. Le préfixe est donc calé à gauche du
+  // champ et le nombre à droite, chacun sur sa colonne.
+  .lv-gutter {
+    flex: 0 0 4em;
+    display: flex;
+    justify-content: space-between;
+    color: var(--faint);
+    user-select: none;
+  }
+  // L'indentation porte l'imbrication : elle commence après la gouttière, sinon
+  // les numéros se décaleraient avec la profondeur.
+  .lv-branch {
+    display: flex;
+    align-items: baseline;
+    gap: var(--space-sm);
+    min-width: 0;
+  }
+  .lv-name {
+    color: var(--text);
+    flex-shrink: 0;
+  }
+  .lv-kind {
+    flex-shrink: 0;
+    color: var(--brand);
+    font-size: var(--fs-2xs);
+    border: 1px solid var(--brand-line);
+    border-radius: 999px;
+    padding: 0 6px;
+  }
+  // La signature complète, que le serveur répète après le nom : présente pour
+  // lever une ambiguïté, pas pour être lue. Elle passe à la ligne suivante plutôt
+  // que de pousser la ligne au-delà du cadre.
+  .lv-detail {
+    color: var(--faint);
+    font-size: var(--fs-2xs);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    min-width: 0;
+  }
+  .lv-line {
+    margin-left: auto;
+    flex-shrink: 0;
+    color: var(--faint);
+    font-size: var(--fs-2xs);
+  }
 </style>
diff --git a/src/components/replay/tools/views/MessageView.vue b/src/components/replay/tools/views/MessageView.vue
index 9a7d2ee..f4c36f7 100644
--- a/src/components/replay/tools/views/MessageView.vue
+++ b/src/components/replay/tools/views/MessageView.vue
@@ -17,45 +17,44 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
-import type { Block } from '@/services/projects';
-import { asRecord, chips, str } from '../values';
-import ToolChips from '../ToolChips.vue';
-import KeyValueList from '../KeyValueList.vue';
-import OutputPane from '../OutputPane.vue';
-import MarkdownView from '@/components/replay/MarkdownView.vue';
-
-import { useI18n } from 'vue-i18n';
-
-const { t } = useI18n();
-
-const props = defineProps<{ block: Block }>();
-
-const input = computed(() => asRecord(props.block.input));
-const message = computed(() => str(input.value.message));
-
-const params = computed(() =>
-  chips([
-    [t('replay.tools.chips.to'), str(input.value.to)],
-    ['objet', str(input.value.summary)],
-    [t('replay.tools.chips.team'), str(input.value.team_name)],
-    ['type', str(input.value.type)],
-  ]),
-);
+  import MarkdownView from '@/components/replay/MarkdownView.vue'
+  import type { Block } from '@/services/projects'
+  import { computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import KeyValueList from '../KeyValueList.vue'
+  import OutputPane from '../OutputPane.vue'
+  import ToolChips from '../ToolChips.vue'
+  import { asRecord, chips, str } from '../values'
+
+  const { t } = useI18n()
+
+  const props = defineProps<{ block: Block }>()
+
+  const input = computed(() => asRecord(props.block.input))
+  const message = computed(() => str(input.value.message))
+
+  const params = computed(() =>
+    chips([
+      [t('replay.tools.chips.to'), str(input.value.to)],
+      ['objet', str(input.value.summary)],
+      [t('replay.tools.chips.team'), str(input.value.team_name)],
+      ['type', str(input.value.type)],
+    ]),
+  )
 </script>
 
 <style scoped lang="scss">
-.tv {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-}
-.mv-body {
-  padding: var(--space-md);
-  background: var(--surface);
-  border: 1px solid var(--line);
-  border-radius: var(--radius-sm);
-  max-height: 420px;
-  overflow: auto;
-}
+  .tv {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+  }
+  .mv-body {
+    padding: var(--space-md);
+    background: var(--surface);
+    border: 1px solid var(--line);
+    border-radius: var(--radius-sm);
+    max-height: 420px;
+    overflow: auto;
+  }
 </style>
diff --git a/src/components/replay/tools/views/PlanView.vue b/src/components/replay/tools/views/PlanView.vue
index bbf7030..6c0a904 100644
--- a/src/components/replay/tools/views/PlanView.vue
+++ b/src/components/replay/tools/views/PlanView.vue
@@ -54,201 +54,195 @@
       <blockquote v-if="refusal.said" class="pv-said">{{ refusal.said }}</blockquote>
     </template>
 
-    <OutputPane
-      v-else
-      :content="block.result?.content ?? ''"
-      :is-error="block.result?.isError ?? false"
-      :tool-use-id="block.id ?? ''"
-    />
+    <OutputPane v-else :content="block.result?.content ?? ''" :is-error="block.result?.isError ?? false" :tool-use-id="block.id ?? ''" />
   </div>
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
-import type { Block } from '@/services/projects';
-import { arr, asRecord, str } from '../values';
-import { stripResultIds, userRefusal } from '../serviceLines';
-import KeyValueList from '../KeyValueList.vue';
-import OutputPane from '../OutputPane.vue';
-import DiffView from '../DiffView.vue';
-import MarkdownView from '@/components/replay/MarkdownView.vue';
-
-import { useI18n } from 'vue-i18n';
-
-const { t } = useI18n();
-
-const props = defineProps<{ block: Block }>();
-
-const input = computed(() => asRecord(props.block.input));
-const plan = computed(() => str(input.value.plan));
-
-/** Le fichier où le CLI a écrit le plan — nom d'abord, dossier en second plan. */
-const planFile = computed(() => {
-  const p = str(input.value.planFilePath).replace(/\\/g, '/');
-  const cut = p.lastIndexOf('/');
-  if (cut < 0) return null;
-  const dir = p.slice(0, cut);
-  return {
-    name: p.slice(cut + 1),
-    dir: /\/\.claude\/plans$/.test(dir) ? '~/.claude/plans' : dir,
-  };
-});
-
-const allowed = computed(() =>
-  arr(input.value.allowedPrompts)
-    .map((raw) => asRecord(raw))
-    .map((p) => ({ tool: str(p.tool, 'Bash'), prompt: str(p.prompt) }))
-    .filter((p) => p.prompt),
-);
-
-const text = computed(() => props.block.result?.content ?? '');
-
-/**
- * An approved `ExitPlanMode` answers with the whole plan appended to its
- * acknowledgement — a second copy of what we just rendered. Split it off: keep
- * the acknowledgement, and use the copy only to reveal what the user changed
- * before approving (the harness labels it "edited by user" either way).
- */
-const APPROVED = /^([\s\S]*?)\n#{1,3} Approved Plan[^\n]*\n([\s\S]*)$/;
-
-const approval = computed(() => {
-  const result = props.block.result;
-  if (!result || result.isError || !plan.value) return null;
-
-  const m = APPROVED.exec(text.value);
-  if (!m) return null;
-  return {
-    text: (m[1] ?? '').split('\n')[0]?.trim() || t('replay.tools.views.plan.approved'),
-    // La poignée du CLI est agrafée après la copie du plan, donc *dans* elle.
-    // Elle suffisait à faire diverger la copie de l'original : sur 9 plans
-    // annoncés « modifiés par l'utilisateur », 6 ne l'étaient pas — c'est le
-    // numéro de sortie que le diff montrait comme une modification.
-    approvedPlan: stripResultIds(m[2] ?? '').trim(),
-  };
-});
-
-const refusal = computed(() => userRefusal(text.value));
-
-/**
- * Le plan a-t-il été retouché avant d'être approuvé ? Deux signaux, faux chacun
- * de son côté, justes ensemble.
- *
- * Le drapeau du harness vaut `true` pour des plans rigoureusement identiques —
- * il marque l'enregistrement, pas la retouche. Et la comparaison des textes
- * trouve des divergences, toutes fausses : le fichier de
- * plan est partagé par toute la session, et la copie que le résultat renvoie
- * porte alors un autre plan que celui de l'appel — un titre différent, neuf
- * mille caractères d'écart, que le rejeu présentait comme une édition.
- *
- * Exiger les deux ne perd rien : sur 142 plans approuvés, aucune retouche réelle
- * n'est attestée.
- */
-const edited = computed(() => {
-  if (props.block.result?.meta?.planWasEdited !== true) return false;
-  const a = approval.value;
-  return Boolean(a?.approvedPlan && a.approvedPlan !== plan.value.trim());
-});
+  import MarkdownView from '@/components/replay/MarkdownView.vue'
+  import type { Block } from '@/services/projects'
+  import { computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import DiffView from '../DiffView.vue'
+  import KeyValueList from '../KeyValueList.vue'
+  import OutputPane from '../OutputPane.vue'
+  import { stripResultIds, userRefusal } from '../serviceLines'
+  import { arr, asRecord, str } from '../values'
+
+  const { t } = useI18n()
+
+  const props = defineProps<{ block: Block }>()
+
+  const input = computed(() => asRecord(props.block.input))
+  const plan = computed(() => str(input.value.plan))
+
+  /** Le fichier où le CLI a écrit le plan — nom d'abord, dossier en second plan. */
+  const planFile = computed(() => {
+    const p = str(input.value.planFilePath).replace(/\\/g, '/')
+    const cut = p.lastIndexOf('/')
+    if (cut < 0) return null
+    const dir = p.slice(0, cut)
+    return {
+      name: p.slice(cut + 1),
+      dir: /\/\.claude\/plans$/.test(dir) ? '~/.claude/plans' : dir,
+    }
+  })
+
+  const allowed = computed(() =>
+    arr(input.value.allowedPrompts)
+      .map((raw) => asRecord(raw))
+      .map((p) => ({ tool: str(p.tool, 'Bash'), prompt: str(p.prompt) }))
+      .filter((p) => p.prompt),
+  )
+
+  const text = computed(() => props.block.result?.content ?? '')
+
+  /**
+   * An approved `ExitPlanMode` answers with the whole plan appended to its
+   * acknowledgement — a second copy of what we just rendered. Split it off: keep
+   * the acknowledgement, and use the copy only to reveal what the user changed
+   * before approving (the harness labels it "edited by user" either way).
+   */
+  const APPROVED = /^([\s\S]*?)\n#{1,3} Approved Plan[^\n]*\n([\s\S]*)$/
+
+  const approval = computed(() => {
+    const result = props.block.result
+    if (!result || result.isError || !plan.value) return null
+
+    const m = APPROVED.exec(text.value)
+    if (!m) return null
+    return {
+      text: (m[1] ?? '').split('\n')[0]?.trim() || t('replay.tools.views.plan.approved'),
+      // La poignée du CLI est agrafée après la copie du plan, donc *dans* elle.
+      // Elle suffisait à faire diverger la copie de l'original : sur 9 plans
+      // annoncés « modifiés par l'utilisateur », 6 ne l'étaient pas — c'est le
+      // numéro de sortie que le diff montrait comme une modification.
+      approvedPlan: stripResultIds(m[2] ?? '').trim(),
+    }
+  })
+
+  const refusal = computed(() => userRefusal(text.value))
+
+  /**
+   * Le plan a-t-il été retouché avant d'être approuvé ? Deux signaux, faux chacun
+   * de son côté, justes ensemble.
+   *
+   * Le drapeau du harness vaut `true` pour des plans rigoureusement identiques —
+   * il marque l'enregistrement, pas la retouche. Et la comparaison des textes
+   * trouve des divergences, toutes fausses : le fichier de
+   * plan est partagé par toute la session, et la copie que le résultat renvoie
+   * porte alors un autre plan que celui de l'appel — un titre différent, neuf
+   * mille caractères d'écart, que le rejeu présentait comme une édition.
+   *
+   * Exiger les deux ne perd rien : sur 142 plans approuvés, aucune retouche réelle
+   * n'est attestée.
+   */
+  const edited = computed(() => {
+    if (props.block.result?.meta?.planWasEdited !== true) return false
+    const a = approval.value
+    return Boolean(a?.approvedPlan && a.approvedPlan !== plan.value.trim())
+  })
 </script>
 
 <style scoped lang="scss">
-.tv {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-md);
-}
-.pv-file {
-  display: flex;
-  // Le chemin tient sur une ligne : `center` aligne le glyphe dessus sans avoir
-  // à lui calculer une hauteur. Voir la même correction dans `GrepView`.
-  align-items: center;
-  gap: var(--space-xs);
-  margin: 0;
-  overflow: hidden;
-  white-space: nowrap;
-  font-size: var(--fs-xs);
-  color: var(--muted);
-}
-.pv-file > .q-icon {
-  flex-shrink: 0;
-}
-.pv-file-dir {
-  color: var(--faint);
-  font-size: var(--fs-2xs);
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.pv-plan {
-  padding: var(--space-md) var(--space-lg);
-  background: var(--surface);
-  border: 1px solid var(--line);
-  border-left: 2px solid var(--brand-line);
-  border-radius: var(--radius-sm);
-  max-height: 560px;
-  overflow: auto;
-}
-.pv-allowed {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-xs);
-}
-// `.section-label` ne porte que la typographie ; sur un `h4`, la marge du
-// navigateur reste. Dans une colonne flex elle s'ajoute au `gap`, ce qui
-// décollait le titre de sa liste deux fois plus que prévu. Même correction que
-// dans `SearchView` et `SkillView`.
-.pv-allowed > h4,
-.pv-edited > h4 {
-  margin: 0;
-}
-.pv-list {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-xs);
-}
-.pv-list > li {
-  display: flex;
-  align-items: baseline;
-  gap: var(--space-sm);
-  font-size: var(--fs-xs);
-}
-.pv-tool {
-  flex-shrink: 0;
-  color: var(--brand);
-  font-size: var(--fs-2xs);
-  border: 1px solid var(--brand-line);
-  border-radius: 999px;
-  padding: 1px 6px;
-}
-.pv-prompt {
-  color: var(--muted);
-}
-.pv-verdict {
-  margin: 0;
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  font-size: var(--fs-sm);
-  color: var(--muted);
-}
-.pv-verdict--ok {
-  color: var(--pulse);
-}
-.pv-verdict--no {
-  color: var(--warn);
-}
-.pv-said {
-  margin: 0;
-  padding-left: var(--space-md);
-  border-left: 2px solid var(--line-2);
-  font-size: var(--fs-sm);
-  color: var(--muted);
-  white-space: pre-wrap;
-}
-.pv-edited {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-xs);
-}
+  .tv {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md);
+  }
+  .pv-file {
+    display: flex;
+    // Le chemin tient sur une ligne : `center` aligne le glyphe dessus sans avoir
+    // à lui calculer une hauteur. Voir la même correction dans `GrepView`.
+    align-items: center;
+    gap: var(--space-xs);
+    margin: 0;
+    overflow: hidden;
+    white-space: nowrap;
+    font-size: var(--fs-xs);
+    color: var(--muted);
+  }
+  .pv-file > .q-icon {
+    flex-shrink: 0;
+  }
+  .pv-file-dir {
+    color: var(--faint);
+    font-size: var(--fs-2xs);
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .pv-plan {
+    padding: var(--space-md) var(--space-lg);
+    background: var(--surface);
+    border: 1px solid var(--line);
+    border-left: 2px solid var(--brand-line);
+    border-radius: var(--radius-sm);
+    max-height: 560px;
+    overflow: auto;
+  }
+  .pv-allowed {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+  }
+  // `.section-label` ne porte que la typographie ; sur un `h4`, la marge du
+  // navigateur reste. Dans une colonne flex elle s'ajoute au `gap`, ce qui
+  // décollait le titre de sa liste deux fois plus que prévu. Même correction que
+  // dans `SearchView` et `SkillView`.
+  .pv-allowed > h4,
+  .pv-edited > h4 {
+    margin: 0;
+  }
+  .pv-list {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+  }
+  .pv-list > li {
+    display: flex;
+    align-items: baseline;
+    gap: var(--space-sm);
+    font-size: var(--fs-xs);
+  }
+  .pv-tool {
+    flex-shrink: 0;
+    color: var(--brand);
+    font-size: var(--fs-2xs);
+    border: 1px solid var(--brand-line);
+    border-radius: 999px;
+    padding: 1px 6px;
+  }
+  .pv-prompt {
+    color: var(--muted);
+  }
+  .pv-verdict {
+    margin: 0;
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    font-size: var(--fs-sm);
+    color: var(--muted);
+  }
+  .pv-verdict--ok {
+    color: var(--pulse);
+  }
+  .pv-verdict--no {
+    color: var(--warn);
+  }
+  .pv-said {
+    margin: 0;
+    padding-left: var(--space-md);
+    border-left: 2px solid var(--line-2);
+    font-size: var(--fs-sm);
+    color: var(--muted);
+    white-space: pre-wrap;
+  }
+  .pv-edited {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+  }
 </style>
diff --git a/src/components/replay/tools/views/ReadView.vue b/src/components/replay/tools/views/ReadView.vue
index b103ff2..1845991 100644
--- a/src/components/replay/tools/views/ReadView.vue
+++ b/src/components/replay/tools/views/ReadView.vue
@@ -1,13 +1,7 @@
 <template>
   <div class="tv">
     <!-- A failed Read has no file to show: only the reason. -->
-    <OutputPane
-      v-if="failed"
-      :content="result?.content ?? ''"
-      is-error
-      :tool-use-id="block.id ?? ''"
-      default-open
-    />
+    <OutputPane v-if="failed" :content="result?.content ?? ''" is-error :tool-use-id="block.id ?? ''" default-open />
 
     <p v-else-if="identical" class="tv-identical">
       <q-icon name="content_copy" size="14px" aria-hidden="true" />
@@ -16,11 +10,7 @@
 
     <template v-else-if="file">
       <div v-if="markdown" class="tv-toggle">
-        <SegmentedControl
-          v-model="mode"
-          :options="MODES"
-          :aria-label="t('replay.tools.views.read.display')"
-        />
+        <SegmentedControl v-model="mode" :options="MODES" :aria-label="t('replay.tools.views.read.display')" />
       </div>
 
       <MarkdownView v-if="markdown && mode === 'preview'" :source="file.code" />
@@ -45,154 +35,148 @@
       </details>
     </template>
 
-    <OutputPane
-      v-else
-      :content="result?.content ?? ''"
-      :is-error="result?.isError ?? false"
-      :tool-use-id="block.id ?? ''"
-    />
+    <OutputPane v-else :content="result?.content ?? ''" :is-error="result?.isError ?? false" :tool-use-id="block.id ?? ''" />
   </div>
 </template>
 
 <script setup lang="ts">
-import { computed, ref } from 'vue';
-import type { Block } from '@/services/projects';
-import { useExpandable, syncDetails } from '@/composables/useExpandAll';
-import { asRecord, num, str } from '../values';
-import { identicalTo, stripResultIds } from '../serviceLines';
-import { langOf, langLabel, isMarkdown } from '../language';
-import CodeBlock from '../CodeBlock.vue';
-import OutputPane from '../OutputPane.vue';
-import MarkdownView from '@/components/replay/MarkdownView.vue';
-import SegmentedControl from '@/components/ui/SegmentedControl.vue';
-
-import { useI18n } from 'vue-i18n';
-
-const { t } = useI18n();
-
-const props = defineProps<{ block: Block }>();
-
-const trailerOpen = useExpandable(false);
-const onTrailerToggle = syncDetails(trailerOpen);
-
-const MODES = [
-  { label: 'Code', value: 'code' as const },
-  { label: t('replay.tools.views.read.preview'), value: 'preview' as const },
-];
-const mode = ref<'code' | 'preview'>('preview');
-
-const input = computed(() => asRecord(props.block.input));
-const filePath = computed(() => str(input.value.file_path));
-const lang = computed(() => langOf(filePath.value));
-const label = computed(() => langLabel(filePath.value));
-const markdown = computed(() => isMarkdown(filePath.value));
-const result = computed(() => props.block.result);
-const failed = computed(() => props.block.result?.isError === true);
-
-/**
- * Le CLI ne renvoie pas deux fois la même sortie : il remplace la seconde par un
- * renvoi vers la première. 7 lectures du parc sont dans ce cas, et la phrase
- * anglaise s'affichait à la place du fichier, comme si elle en était le contenu.
- */
-const identical = computed(() => (failed.value ? '' : identicalTo(result.value?.content ?? '')));
-
-/**
- * A `Read` result is the file body with each line prefixed by its real number
- * and a tab: `  2138\t  "semi-fini": …`. We recover both, so the gutter shows the
- * file's own numbering rather than counting from 1.
- *
- * Two shapes measured across 13 410 real results forbid a naive parse:
- *  - the harness may prepend a `<system-reminder>` before the body (80 cases) and
- *    append more after it (437), so the numbered run is not always at the top;
- *  - a file read from `offset: 0` starts at line **0** (8 cases), so "no start
- *    line yet" cannot be encoded as a falsy `0`.
- *
- * When there is no numbered run at all — `Wasted call — file unchanged`, an
- * image, an empty file — we return `null` and the caller shows the raw result.
- */
-const NUMBERED = /^\s*(\d+)\t([\s\S]*)$/;
-
-const file = computed(() => {
-  if (failed.value) return null;
-  const content = result.value?.content ?? '';
-  if (!content) return null;
-
-  const lines = content.split('\n');
-  const body: string[] = [];
-  let startLine: number | null = null;
-  let i = 0;
-
-  // Skip whatever the harness slipped in front of the file body.
-  while (i < lines.length && !NUMBERED.test(lines[i] ?? '')) i++;
-  const preface = lines.slice(0, i);
-
-  for (; i < lines.length; i++) {
-    const m = NUMBERED.exec(lines[i] ?? '');
-    if (!m) break;
-    if (startLine === null) startLine = Number(m[1]);
-    body.push(m[2] ?? '');
-  }
-  if (startLine === null) return null;
-
-  // Sans la poignée, 356 des 357 replis « Notes ajoutées au résultat » n'ont
-  // plus rien à dire — ils promettaient une note et ne livraient qu'un numéro
-  // de sortie. Un seul en portait autre chose.
-  const notes = stripResultIds([...preface, ...lines.slice(i)].join('\n')).trim();
-  return { code: body.join('\n'), startLine, trailer: notes };
-});
-
-const range = computed(() => {
-  const f = file.value;
-  if (!f) return '';
-  const lineCount = f.code.split('\n').length;
-  const end = f.startLine + lineCount - 1;
-  // A partial read states where it starts; a whole-file read just states its size.
-  const partial = num(input.value.limit) > 0 || num(input.value.offset) > 0;
-  return partial ? `l. ${f.startLine}-${end}` : `${lineCount} lignes`;
-});
+  import MarkdownView from '@/components/replay/MarkdownView.vue'
+  import SegmentedControl from '@/components/ui/SegmentedControl.vue'
+  import { useExpandable, syncDetails } from '@/composables/useExpandAll'
+  import type { Block } from '@/services/projects'
+  import { computed, ref } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import CodeBlock from '../CodeBlock.vue'
+  import { langOf, langLabel, isMarkdown } from '../language'
+  import OutputPane from '../OutputPane.vue'
+  import { identicalTo, stripResultIds } from '../serviceLines'
+  import { asRecord, num, str } from '../values'
+
+  const { t } = useI18n()
+
+  const props = defineProps<{ block: Block }>()
+
+  const trailerOpen = useExpandable(false)
+  const onTrailerToggle = syncDetails(trailerOpen)
+
+  const MODES = [
+    { label: 'Code', value: 'code' as const },
+    { label: t('replay.tools.views.read.preview'), value: 'preview' as const },
+  ]
+  const mode = ref<'code' | 'preview'>('preview')
+
+  const input = computed(() => asRecord(props.block.input))
+  const filePath = computed(() => str(input.value.file_path))
+  const lang = computed(() => langOf(filePath.value))
+  const label = computed(() => langLabel(filePath.value))
+  const markdown = computed(() => isMarkdown(filePath.value))
+  const result = computed(() => props.block.result)
+  const failed = computed(() => props.block.result?.isError === true)
+
+  /**
+   * Le CLI ne renvoie pas deux fois la même sortie : il remplace la seconde par un
+   * renvoi vers la première. 7 lectures du parc sont dans ce cas, et la phrase
+   * anglaise s'affichait à la place du fichier, comme si elle en était le contenu.
+   */
+  const identical = computed(() => (failed.value ? '' : identicalTo(result.value?.content ?? '')))
+
+  /**
+   * A `Read` result is the file body with each line prefixed by its real number
+   * and a tab: `  2138\t  "semi-fini": …`. We recover both, so the gutter shows the
+   * file's own numbering rather than counting from 1.
+   *
+   * Two shapes measured across 13 410 real results forbid a naive parse:
+   *  - the harness may prepend a `<system-reminder>` before the body (80 cases) and
+   *    append more after it (437), so the numbered run is not always at the top;
+   *  - a file read from `offset: 0` starts at line **0** (8 cases), so "no start
+   *    line yet" cannot be encoded as a falsy `0`.
+   *
+   * When there is no numbered run at all — `Wasted call — file unchanged`, an
+   * image, an empty file — we return `null` and the caller shows the raw result.
+   */
+  const NUMBERED = /^\s*(\d+)\t([\s\S]*)$/
+
+  const file = computed(() => {
+    if (failed.value) return null
+    const content = result.value?.content ?? ''
+    if (!content) return null
+
+    const lines = content.split('\n')
+    const body: string[] = []
+    let startLine: number | null = null
+    let i = 0
+
+    // Skip whatever the harness slipped in front of the file body.
+    while (i < lines.length && !NUMBERED.test(lines[i] ?? '')) i++
+    const preface = lines.slice(0, i)
+
+    for (; i < lines.length; i++) {
+      const m = NUMBERED.exec(lines[i] ?? '')
+      if (!m) break
+      if (startLine === null) startLine = Number(m[1])
+      body.push(m[2] ?? '')
+    }
+    if (startLine === null) return null
+
+    // Sans la poignée, 356 des 357 replis « Notes ajoutées au résultat » n'ont
+    // plus rien à dire — ils promettaient une note et ne livraient qu'un numéro
+    // de sortie. Un seul en portait autre chose.
+    const notes = stripResultIds([...preface, ...lines.slice(i)].join('\n')).trim()
+    return { code: body.join('\n'), startLine, trailer: notes }
+  })
+
+  const range = computed(() => {
+    const f = file.value
+    if (!f) return ''
+    const lineCount = f.code.split('\n').length
+    const end = f.startLine + lineCount - 1
+    // A partial read states where it starts; a whole-file read just states its size.
+    const partial = num(input.value.limit) > 0 || num(input.value.offset) > 0
+    return partial ? `l. ${f.startLine}-${end}` : `${lineCount} lignes`
+  })
 </script>
 
 <style scoped lang="scss">
-.tv {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-}
-.tv-toggle {
-  display: flex;
-}
-.tv-identical {
-  display: flex;
-  align-items: baseline;
-  gap: var(--space-xs);
-  margin: 0;
-  font-size: var(--fs-xs);
-  color: var(--muted);
-}
-.tv-trailer > summary {
-  cursor: pointer;
-  list-style: none;
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  color: var(--dim);
-  font-size: var(--fs-xs);
-}
-.tv-trailer > summary::-webkit-details-marker {
-  display: none;
-}
-.tv-pre {
-  margin: var(--space-sm) 0 0;
-  padding: var(--space-md);
-  background: var(--bg);
-  border: 1px solid var(--line);
-  border-radius: var(--radius-sm);
-  font-family: 'JetBrains Mono', ui-monospace, monospace;
-  font-size: var(--fs-xs);
-  white-space: pre-wrap;
-  word-break: break-word;
-  color: var(--muted);
-  max-height: 240px;
-  overflow: auto;
-}
+  .tv {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+  }
+  .tv-toggle {
+    display: flex;
+  }
+  .tv-identical {
+    display: flex;
+    align-items: baseline;
+    gap: var(--space-xs);
+    margin: 0;
+    font-size: var(--fs-xs);
+    color: var(--muted);
+  }
+  .tv-trailer > summary {
+    cursor: pointer;
+    list-style: none;
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    color: var(--dim);
+    font-size: var(--fs-xs);
+  }
+  .tv-trailer > summary::-webkit-details-marker {
+    display: none;
+  }
+  .tv-pre {
+    margin: var(--space-sm) 0 0;
+    padding: var(--space-md);
+    background: var(--bg);
+    border: 1px solid var(--line);
+    border-radius: var(--radius-sm);
+    font-family: 'JetBrains Mono', ui-monospace, monospace;
+    font-size: var(--fs-xs);
+    white-space: pre-wrap;
+    word-break: break-word;
+    color: var(--muted);
+    max-height: 240px;
+    overflow: auto;
+  }
 </style>
diff --git a/src/components/replay/tools/views/SearchView.vue b/src/components/replay/tools/views/SearchView.vue
index 78f1fbb..c07ea99 100644
--- a/src/components/replay/tools/views/SearchView.vue
+++ b/src/components/replay/tools/views/SearchView.vue
@@ -9,9 +9,7 @@
 
     <section v-if="loaded.length" class="sv-block">
       <h4 class="section-label">
-        {{
-          keywords ? t('replay.tools.views.search.found') : t('replay.tools.views.search.loaded')
-        }}
+        {{ keywords ? t('replay.tools.views.search.found') : t('replay.tools.views.search.loaded') }}
       </h4>
       <ul class="sv-tools">
         <li v-for="name in loaded" :key="name" class="sv-tool font-mono">{{ name }}</li>
@@ -54,123 +52,119 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
-import type { Block } from '@/services/projects';
-import { asRecord, str } from '../values';
-import OutputPane from '../OutputPane.vue';
-
-import { useI18n } from 'vue-i18n';
-
-const { t } = useI18n();
-
-const props = defineProps<{ block: Block }>();
-
-const query = computed(() => str(asRecord(props.block.input).query));
-
-/** La requête quand elle cherche par mots-clés ; vide pour un `select:`. */
-const keywords = computed(() => (query.value.startsWith('select:') ? '' : query.value));
-
-/** Les outils que la requête nomme — seulement la forme `select:A,B`. */
-const asked = computed(() =>
-  keywords.value
-    ? []
-    : query.value
-        .slice('select:'.length)
-        .split(',')
-        .map((s) => s.trim())
-        .filter(Boolean),
-);
-
-/** Les outils effectivement chargés, tels que le harness les a rendus. */
-const loaded = computed(() => {
-  const m = props.block.result?.meta?.matches;
-  return Array.isArray(m) ? m.filter((x): x is string => typeof x === 'string' && Boolean(x)) : [];
-});
-
-/**
- * La recherche a répondu, et elle n'a rien chargé.
- *
- * À distinguer du résultat absent : trois appels du parc demandent un outil qui
- * n'existe pas et ne le disent aujourd'hui nulle part, l'Atelier n'affichant
- * qu'une requête sans réponse.
- *
- * Trois autres le disent en anglais, dans le seul texte que `ToolSearch` écrive
- * jamais. C'est la même chose ; autant la dire de la même façon.
- */
-const NONE = 'No matching deferred tools found';
-
-const empty = computed(
-  () =>
-    Array.isArray(props.block.result?.meta?.matches) || props.block.result?.content.trim() === NONE,
-);
-
-const reserve = computed(() => {
-  const n = props.block.result?.meta?.total_deferred_tools;
-  return typeof n === 'number' && n > 0 ? n : 0;
-});
-
-/** Le texte n'apporte rien quand la liste des outils le dit déjà. */
-const showOutput = computed(() => {
-  if (props.block.result?.isError) return true;
-  if (loaded.value.length || empty.value) return false;
-  return Boolean(props.block.result?.content.trim());
-});
+  import type { Block } from '@/services/projects'
+  import { computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import OutputPane from '../OutputPane.vue'
+  import { asRecord, str } from '../values'
+
+  const { t } = useI18n()
+
+  const props = defineProps<{ block: Block }>()
+
+  const query = computed(() => str(asRecord(props.block.input).query))
+
+  /** La requête quand elle cherche par mots-clés ; vide pour un `select:`. */
+  const keywords = computed(() => (query.value.startsWith('select:') ? '' : query.value))
+
+  /** Les outils que la requête nomme — seulement la forme `select:A,B`. */
+  const asked = computed(() =>
+    keywords.value
+      ? []
+      : query.value
+          .slice('select:'.length)
+          .split(',')
+          .map((s) => s.trim())
+          .filter(Boolean),
+  )
+
+  /** Les outils effectivement chargés, tels que le harness les a rendus. */
+  const loaded = computed(() => {
+    const m = props.block.result?.meta?.matches
+    return Array.isArray(m) ? m.filter((x): x is string => typeof x === 'string' && Boolean(x)) : []
+  })
+
+  /**
+   * La recherche a répondu, et elle n'a rien chargé.
+   *
+   * À distinguer du résultat absent : trois appels du parc demandent un outil qui
+   * n'existe pas et ne le disent aujourd'hui nulle part, l'Atelier n'affichant
+   * qu'une requête sans réponse.
+   *
+   * Trois autres le disent en anglais, dans le seul texte que `ToolSearch` écrive
+   * jamais. C'est la même chose ; autant la dire de la même façon.
+   */
+  const NONE = 'No matching deferred tools found'
+
+  const empty = computed(() => Array.isArray(props.block.result?.meta?.matches) || props.block.result?.content.trim() === NONE)
+
+  const reserve = computed(() => {
+    const n = props.block.result?.meta?.total_deferred_tools
+    return typeof n === 'number' && n > 0 ? n : 0
+  })
+
+  /** Le texte n'apporte rien quand la liste des outils le dit déjà. */
+  const showOutput = computed(() => {
+    if (props.block.result?.isError) return true
+    if (loaded.value.length || empty.value) return false
+    return Boolean(props.block.result?.content.trim())
+  })
 </script>
 
 <style scoped lang="scss">
-.tv {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-}
-.sv-query {
-  margin: 0;
-  display: flex;
-  align-items: baseline;
-  gap: var(--space-sm);
-  font-size: var(--fs-sm);
-  color: var(--text);
-}
-.sv-block {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-xs);
-}
-// Un `h4` garde sinon la marge par défaut du navigateur — 1,33 em de part et
-// d'autre, qui s'ajoutent au `gap` et détachent le titre de sa liste.
-.sv-block > h4 {
-  margin: 0;
-}
-.sv-tools {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--space-xs);
-}
-.sv-tool {
-  color: var(--brand);
-  font-size: var(--fs-2xs);
-  border: 1px solid var(--brand-line);
-  border-radius: 999px;
-  padding: 1px 8px;
-}
-.sv-tool--asked {
-  color: var(--muted);
-  border-color: var(--line-2);
-}
-.sv-empty {
-  margin: 0;
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  font-size: var(--fs-sm);
-  color: var(--muted);
-}
-.sv-reserve {
-  margin: 0;
-  font-size: var(--fs-xs);
-  color: var(--faint);
-}
+  .tv {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+  }
+  .sv-query {
+    margin: 0;
+    display: flex;
+    align-items: baseline;
+    gap: var(--space-sm);
+    font-size: var(--fs-sm);
+    color: var(--text);
+  }
+  .sv-block {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+  }
+  // Un `h4` garde sinon la marge par défaut du navigateur — 1,33 em de part et
+  // d'autre, qui s'ajoutent au `gap` et détachent le titre de sa liste.
+  .sv-block > h4 {
+    margin: 0;
+  }
+  .sv-tools {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--space-xs);
+  }
+  .sv-tool {
+    color: var(--brand);
+    font-size: var(--fs-2xs);
+    border: 1px solid var(--brand-line);
+    border-radius: 999px;
+    padding: 1px 8px;
+  }
+  .sv-tool--asked {
+    color: var(--muted);
+    border-color: var(--line-2);
+  }
+  .sv-empty {
+    margin: 0;
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    font-size: var(--fs-sm);
+    color: var(--muted);
+  }
+  .sv-reserve {
+    margin: 0;
+    font-size: var(--fs-xs);
+    color: var(--faint);
+  }
 </style>
diff --git a/src/components/replay/tools/views/SendMessageView.vue b/src/components/replay/tools/views/SendMessageView.vue
index de953c3..8d1a8d0 100644
--- a/src/components/replay/tools/views/SendMessageView.vue
+++ b/src/components/replay/tools/views/SendMessageView.vue
@@ -68,323 +68,312 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
-import type { Block } from '@/services/projects';
-import { asRecord, bool, chips, str } from '../values';
-import { basename, dirname } from '../language';
-import ToolChips from '../ToolChips.vue';
-import KeyValueList from '../KeyValueList.vue';
-import OutputPane from '../OutputPane.vue';
-import MarkdownView from '@/components/replay/MarkdownView.vue';
-
-import { useI18n } from 'vue-i18n';
-
-const { t } = useI18n();
-
-const props = defineProps<{ block: Block }>();
-
-const input = computed(() => asRecord(props.block.input));
-const raw = computed(() => props.block.result?.content ?? '');
-
-/**
- * Le destinataire. Le schéma en accepte deux noms et le modèle écrit les deux :
- * `to` et `recipient` portent la même valeur 92 fois sur 92 dans le parc — jamais
- * une seule divergence. Un seul est donc montré.
- *
- * 27 appels sur 62 s'adressent non pas à un nom d'équipier (`rf`, `archi`,
- * `team-lead`) mais à un identifiant d'agent de dix-sept caractères. Il n'est pas
- * abrégé : c'est la seule chose qui désigne cet agent.
- */
-const target = computed(
-  () => str(input.value.to) || str(input.value.recipient) || str(input.value.agentId),
-);
-
-const subject = computed(() => str(input.value.summary));
-
-/** Le corps, quand c'en est un — voir `order` pour les ordres de service. */
-const body = computed(() => str(input.value.message) || str(input.value.content));
-
-/**
- * `message` · `shutdown_request` · `shutdown_response` — 80 / 6 / 6 dans le parc.
- *
- * `message` ne se nomme pas : c'est le cas ordinaire, et l'annoncer n'apprend
- * rien. Un type inconnu se rend tel quel — c'est un identifiant du harnais.
- */
-const NAMED = new Set(['shutdown_request', 'shutdown_response']);
-
-const kind = computed(() => {
-  const type = str(input.value.type);
-  if (type === 'message') return '';
-  return NAMED.has(type) ? t(`replay.tools.views.sendMessage.kind.${type}`) : type;
-});
+  import MarkdownView from '@/components/replay/MarkdownView.vue'
+  import type { Block } from '@/services/projects'
+  import { computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import KeyValueList from '../KeyValueList.vue'
+  import { basename, dirname } from '../language'
+  import OutputPane from '../OutputPane.vue'
+  import ToolChips from '../ToolChips.vue'
+  import { asRecord, bool, chips, str } from '../values'
+
+  const { t } = useI18n()
+
+  const props = defineProps<{ block: Block }>()
+
+  const input = computed(() => asRecord(props.block.input))
+  const raw = computed(() => props.block.result?.content ?? '')
+
+  /**
+   * Le destinataire. Le schéma en accepte deux noms et le modèle écrit les deux :
+   * `to` et `recipient` portent la même valeur 92 fois sur 92 dans le parc — jamais
+   * une seule divergence. Un seul est donc montré.
+   *
+   * 27 appels sur 62 s'adressent non pas à un nom d'équipier (`rf`, `archi`,
+   * `team-lead`) mais à un identifiant d'agent de dix-sept caractères. Il n'est pas
+   * abrégé : c'est la seule chose qui désigne cet agent.
+   */
+  const target = computed(() => str(input.value.to) || str(input.value.recipient) || str(input.value.agentId))
+
+  const subject = computed(() => str(input.value.summary))
+
+  /** Le corps, quand c'en est un — voir `order` pour les ordres de service. */
+  const body = computed(() => str(input.value.message) || str(input.value.content))
+
+  /**
+   * `message` · `shutdown_request` · `shutdown_response` — 80 / 6 / 6 dans le parc.
+   *
+   * `message` ne se nomme pas : c'est le cas ordinaire, et l'annoncer n'apprend
+   * rien. Un type inconnu se rend tel quel — c'est un identifiant du harnais.
+   */
+  const NAMED = new Set(['shutdown_request', 'shutdown_response'])
+
+  const kind = computed(() => {
+    const type = str(input.value.type)
+    if (type === 'message') return ''
+    return NAMED.has(type) ? t(`replay.tools.views.sendMessage.kind.${type}`) : type
+  })
+
+  const params = computed(() =>
+    chips([
+      [t('replay.tools.chips.team'), str(input.value.team_name)],
+      // Ce qui rattache une réponse d'arrêt à la demande qui l'a provoquée.
+      [t('replay.tools.chips.request'), str(input.value.request_id) || str(asRecord(input.value.message).request_id)],
+    ]),
+  )
+
+  /**
+   * Un ordre de service, dit en français. La forme est fixée par le harness — deux
+   * types, trois champs — et l'entrée reste lisible au brut si elle en sort.
+   */
+  const order = computed(() => {
+    const m = input.value.message
+    if (!m || typeof m !== 'object' || Array.isArray(m)) return null
+    const o = asRecord(m)
+    const type = str(o.type) || str(input.value.type)
+    if (type === 'shutdown_request') {
+      const reason = str(o.reason) || str(input.value.reason)
+      return {
+        icon: 'logout',
+        said: reason ? t('replay.tools.views.sendMessage.askStopWhy', { reason }) : t('replay.tools.views.sendMessage.askStop'),
+      }
+    }
+    if (type === 'shutdown_response') {
+      const yes = bool(o.approve) || bool(input.value.approve)
+      return {
+        icon: yes ? 'check_circle' : 'block',
+        said: t(yes ? 'replay.tools.views.sendMessage.approved' : 'replay.tools.views.sendMessage.refused'),
+      }
+    }
+    return null
+  })
+
+  // ── Le sort de l'envoi ───────────────────────────────────────────────────────
+  //
+  // Sept formes, toutes en JSON, mesurées sur les 62 appels du parc : remis en
+  // boîte 21, agent relancé 22, arrêt approuvé 6, demande d'arrêt transmise 6,
+  // erreur dure 5, destinataire injoignable 1, mis en file 1. Une forme qu'on ne
+  // sait pas lire retombe entière sur le pavé brut.
+
+  /** « Agent "a37…" had no active task; resumed … Output: C:\… » */
+  const RESUMED = /^Agent "([^"]+)" (had no active task|was stopped \(([^)]*)\)); resumed/
+  const OUTPUT = /Output: (.+)$/
+  const SENT = /^Message sent to (.+)'s inbox$/
+  const QUEUED = /^Message queued for delivery to (\S+) at its next tool round\.$/
+  const SHUTDOWN_SENT = /^Shutdown request sent to ([^.]+)\./
+  const SHUTDOWN_OK = /^Shutdown approved\. Sent confirmation to ([^.]+)\. Agent (\S+) is now exiting\.$/
+  // La phrase a bougé entre la version du parc — « is currently addressable.
+  // Spawn a new one or use the agent ID. » — et celle d'aujourd'hui, qui dit
+  // « is reachable » et conseille de vérifier l'orthographe. Seul le début est
+  // donc reconnu : c'est lui qui porte le nom, et le conseil qui suit ne
+  // s'adresse pas au lecteur du rejeu mais au modèle qui vient d'échouer.
+  const NO_AGENT = /^No agent named '([^']+)'/
+
+  /**
+   * « la boîte de archi » se lit mal, et l'équipe se nomme elle-même : `archi`,
+   * `rf`, `team-lead` dans le parc, plus des identifiants qui commencent tous par
+   * un `a`. L'élision n'est donc pas un cas rare ici, c'est la moitié des envois.
+   */
+  const de = (name: string): string => (/^[aeiouâàéèêîôûy]/i.test(name) ? `d'${name}` : `de ${name}`)
+
+  interface Verdict {
+    ok: boolean
+    said: string
+    sender?: string
+    senderColor?: string
+    targetColor?: string
+    output?: string
+  }
 
-const params = computed(() =>
-  chips([
-    [t('replay.tools.chips.team'), str(input.value.team_name)],
-    // Ce qui rattache une réponse d'arrêt à la demande qui l'a provoquée.
-    [
-      t('replay.tools.chips.request'),
-      str(input.value.request_id) || str(asRecord(input.value.message).request_id),
-    ],
-  ]),
-);
+  const verdict = computed<Verdict | null>(() => {
+    if (props.block.result?.isError) return null
+    const text = raw.value.trim()
+    if (!text.startsWith('{')) return null
+    let json: unknown
+    try {
+      json = JSON.parse(text)
+    } catch {
+      return null
+    }
+    const o = asRecord(json)
+    if (typeof o.success !== 'boolean') return null
+    const said = str(o.message)
+    const routing = asRecord(o.routing)
+    const colors = {
+      ...(str(routing.sender) && { sender: str(routing.sender) }),
+      ...(str(routing.senderColor) && { senderColor: str(routing.senderColor) }),
+      ...(str(routing.targetColor) && { targetColor: str(routing.targetColor) }),
+    }
+
+    // Un envoi refusé. Le seul cas du parc est un destinataire qui n'existe pas ;
+    // les autres refus que le harness pourrait rendre gardent leur phrase telle
+    // quelle, en anglais — une phrase se lit toujours mieux que le JSON qui la
+    // porte, et le bandeau dit déjà que l'envoi a échoué.
+    if (o.success === false) {
+      const gone = NO_AGENT.exec(said)
+      return {
+        ok: false,
+        said: gone ? t('replay.tools.views.sendMessage.unreachable', { name: gone[1] ?? '' }) : said,
+        ...colors,
+      }
+    }
+
+    const sent = SENT.exec(said)
+    if (sent) {
+      return {
+        ok: true,
+        said: t('replay.tools.views.sendMessage.delivered', { who: de(sent[1] ?? '') }),
+        ...colors,
+      }
+    }
+
+    const queued = QUEUED.exec(said)
+    if (queued) {
+      return {
+        ok: true,
+        said: t('replay.tools.views.sendMessage.queued', { who: queued[1] ?? '' }),
+        ...colors,
+      }
+    }
+
+    const resumed = RESUMED.exec(said)
+    if (resumed) {
+      // Le harness distingue l'agent qui n'avait rien en cours de celui qu'il a
+      // fallu rouvrir — 15 et 7 fois. Dans les deux cas il repart en arrière-plan
+      // depuis son transcript, et son résultat s'écrira dans le fichier annoncé.
+      const state =
+        resumed[2] === 'had no active task'
+          ? t('replay.tools.views.sendMessage.noTask')
+          : t('replay.tools.views.sendMessage.wasStopped', { why: resumed[3] ?? '' })
+      const out = OUTPUT.exec(said)
+      return {
+        ok: true,
+        said: t('replay.tools.views.sendMessage.resumed', { state }),
+        ...colors,
+        ...(out?.[1] && { output: out[1] }),
+      }
+    }
+
+    const ask = SHUTDOWN_SENT.exec(said)
+    if (ask) {
+      return {
+        ok: true,
+        said: t('replay.tools.views.sendMessage.stopSent', { who: ask[1] ?? '' }),
+        ...colors,
+      }
+    }
+
+    const bye = SHUTDOWN_OK.exec(said)
+    if (bye) {
+      return {
+        ok: true,
+        said: t('replay.tools.views.sendMessage.stopDone', {
+          who: bye[1] ?? '',
+          agent: bye[2] ?? '',
+        }),
+        ...colors,
+      }
+    }
+    return null
+  })
+
+  /** La couleur que le harness donne à l'agent, ramenée à celles qu'on sait peindre. */
+  const HUES = new Set(['blue', 'green', 'red', 'yellow', 'purple', 'cyan', 'orange'])
+  const hue = (color?: string): string => (color && HUES.has(color) ? `smv-agent--${color}` : '')
+</script>
 
-/**
- * Un ordre de service, dit en français. La forme est fixée par le harness — deux
- * types, trois champs — et l'entrée reste lisible au brut si elle en sort.
- */
-const order = computed(() => {
-  const m = input.value.message;
-  if (!m || typeof m !== 'object' || Array.isArray(m)) return null;
-  const o = asRecord(m);
-  const type = str(o.type) || str(input.value.type);
-  if (type === 'shutdown_request') {
-    const reason = str(o.reason) || str(input.value.reason);
-    return {
-      icon: 'logout',
-      said: reason
-        ? t('replay.tools.views.sendMessage.askStopWhy', { reason })
-        : t('replay.tools.views.sendMessage.askStop'),
-    };
+<style scoped lang="scss">
+  .tv {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
   }
-  if (type === 'shutdown_response') {
-    const yes = bool(o.approve) || bool(input.value.approve);
-    return {
-      icon: yes ? 'check_circle' : 'block',
-      said: t(
-        yes ? 'replay.tools.views.sendMessage.approved' : 'replay.tools.views.sendMessage.refused',
-      ),
-    };
+  .smv-route {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: var(--space-xs);
+    margin: 0;
+    font-size: var(--fs-xs);
+    color: var(--faint);
   }
-  return null;
-});
-
-// ── Le sort de l'envoi ───────────────────────────────────────────────────────
-//
-// Sept formes, toutes en JSON, mesurées sur les 62 appels du parc : remis en
-// boîte 21, agent relancé 22, arrêt approuvé 6, demande d'arrêt transmise 6,
-// erreur dure 5, destinataire injoignable 1, mis en file 1. Une forme qu'on ne
-// sait pas lire retombe entière sur le pavé brut.
-
-/** « Agent "a37…" had no active task; resumed … Output: C:\… » */
-const RESUMED = /^Agent "([^"]+)" (had no active task|was stopped \(([^)]*)\)); resumed/;
-const OUTPUT = /Output: (.+)$/;
-const SENT = /^Message sent to (.+)'s inbox$/;
-const QUEUED = /^Message queued for delivery to (\S+) at its next tool round\.$/;
-const SHUTDOWN_SENT = /^Shutdown request sent to ([^.]+)\./;
-const SHUTDOWN_OK =
-  /^Shutdown approved\. Sent confirmation to ([^.]+)\. Agent (\S+) is now exiting\.$/;
-// La phrase a bougé entre la version du parc — « is currently addressable.
-// Spawn a new one or use the agent ID. » — et celle d'aujourd'hui, qui dit
-// « is reachable » et conseille de vérifier l'orthographe. Seul le début est
-// donc reconnu : c'est lui qui porte le nom, et le conseil qui suit ne
-// s'adresse pas au lecteur du rejeu mais au modèle qui vient d'échouer.
-const NO_AGENT = /^No agent named '([^']+)'/;
-
-/**
- * « la boîte de archi » se lit mal, et l'équipe se nomme elle-même : `archi`,
- * `rf`, `team-lead` dans le parc, plus des identifiants qui commencent tous par
- * un `a`. L'élision n'est donc pas un cas rare ici, c'est la moitié des envois.
- */
-const de = (name: string): string => (/^[aeiouâàéèêîôûy]/i.test(name) ? `d'${name}` : `de ${name}`);
-
-interface Verdict {
-  ok: boolean;
-  said: string;
-  sender?: string;
-  senderColor?: string;
-  targetColor?: string;
-  output?: string;
-}
-
-const verdict = computed<Verdict | null>(() => {
-  if (props.block.result?.isError) return null;
-  const text = raw.value.trim();
-  if (!text.startsWith('{')) return null;
-  let json: unknown;
-  try {
-    json = JSON.parse(text);
-  } catch {
-    return null;
+  .smv-agent {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--space-xs);
+    padding: 0 var(--space-xs);
+    border-radius: var(--radius-xs);
+    background: var(--surface-2);
+    color: var(--text);
   }
-  const o = asRecord(json);
-  if (typeof o.success !== 'boolean') return null;
-  const said = str(o.message);
-  const routing = asRecord(o.routing);
-  const colors = {
-    ...(str(routing.sender) && { sender: str(routing.sender) }),
-    ...(str(routing.senderColor) && { senderColor: str(routing.senderColor) }),
-    ...(str(routing.targetColor) && { targetColor: str(routing.targetColor) }),
-  };
-
-  // Un envoi refusé. Le seul cas du parc est un destinataire qui n'existe pas ;
-  // les autres refus que le harness pourrait rendre gardent leur phrase telle
-  // quelle, en anglais — une phrase se lit toujours mieux que le JSON qui la
-  // porte, et le bandeau dit déjà que l'envoi a échoué.
-  if (o.success === false) {
-    const gone = NO_AGENT.exec(said);
-    return {
-      ok: false,
-      said: gone ? t('replay.tools.views.sendMessage.unreachable', { name: gone[1] ?? '' }) : said,
-      ...colors,
-    };
+  // Le harness peint chaque agent d'une couleur et la répète à chaque envoi : la
+  // reprendre ici, c'est reconnaître un interlocuteur d'un coup d'œil le long du
+  // fil. Le parc n'en a montré que trois — bleu, vert, rouge — mais les huit
+  // teintes du CLI ont déjà leur jeton dans ce dépôt, tenu à l'écart des couleurs
+  // d'état exprès : un agent n'est pas une erreur.
+  //
+  // Un point, jamais la couleur du texte : `pink` et `yellow` ne tiennent pas
+  // 4,5:1 sur une surface claire. C'est la règle que porte `app.scss` — le nom
+  // reste en `--text` sur `--surface-2`, la teinte va dans la pastille.
+  .smv-dot {
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    flex-shrink: 0;
   }
-
-  const sent = SENT.exec(said);
-  if (sent) {
-    return {
-      ok: true,
-      said: t('replay.tools.views.sendMessage.delivered', { who: de(sent[1] ?? '') }),
-      ...colors,
-    };
+  // Les teintes sont citées : sans guillemets, Sass lit `red`, `blue`, … comme des
+  // valeurs couleur et non comme les morceaux de nom de classe qu'elles sont ici.
+  @each $hue in ('blue', 'green', 'yellow', 'purple', 'pink', 'orange', 'cyan', 'red') {
+    .smv-agent--#{$hue} {
+      background: var(--agent-#{$hue});
+    }
   }
-
-  const queued = QUEUED.exec(said);
-  if (queued) {
-    return {
-      ok: true,
-      said: t('replay.tools.views.sendMessage.queued', { who: queued[1] ?? '' }),
-      ...colors,
-    };
+  .smv-kind {
+    font-style: italic;
   }
-
-  const resumed = RESUMED.exec(said);
-  if (resumed) {
-    // Le harness distingue l'agent qui n'avait rien en cours de celui qu'il a
-    // fallu rouvrir — 15 et 7 fois. Dans les deux cas il repart en arrière-plan
-    // depuis son transcript, et son résultat s'écrira dans le fichier annoncé.
-    const state =
-      resumed[2] === 'had no active task'
-        ? t('replay.tools.views.sendMessage.noTask')
-        : t('replay.tools.views.sendMessage.wasStopped', { why: resumed[3] ?? '' });
-    const out = OUTPUT.exec(said);
-    return {
-      ok: true,
-      said: t('replay.tools.views.sendMessage.resumed', { state }),
-      ...colors,
-      ...(out?.[1] && { output: out[1] }),
-    };
+  .smv-subject {
+    margin: 0;
+    font-size: var(--fs-sm);
+    font-weight: 600;
+    color: var(--text);
   }
-
-  const ask = SHUTDOWN_SENT.exec(said);
-  if (ask) {
-    return {
-      ok: true,
-      said: t('replay.tools.views.sendMessage.stopSent', { who: ask[1] ?? '' }),
-      ...colors,
-    };
+  .smv-body {
+    padding: var(--space-md);
+    background: var(--surface);
+    border: 1px solid var(--line);
+    border-radius: var(--radius-sm);
+    max-height: 420px;
+    overflow: auto;
   }
-
-  const bye = SHUTDOWN_OK.exec(said);
-  if (bye) {
-    return {
-      ok: true,
-      said: t('replay.tools.views.sendMessage.stopDone', {
-        who: bye[1] ?? '',
-        agent: bye[2] ?? '',
-      }),
-      ...colors,
-    };
+  .smv-order,
+  .smv-verdict {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    margin: 0;
+    font-size: var(--fs-sm);
+    color: var(--muted);
   }
-  return null;
-});
-
-/** La couleur que le harness donne à l'agent, ramenée à celles qu'on sait peindre. */
-const HUES = new Set(['blue', 'green', 'red', 'yellow', 'purple', 'cyan', 'orange']);
-const hue = (color?: string): string => (color && HUES.has(color) ? `smv-agent--${color}` : '');
-</script>
-
-<style scoped lang="scss">
-.tv {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-}
-.smv-route {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: var(--space-xs);
-  margin: 0;
-  font-size: var(--fs-xs);
-  color: var(--faint);
-}
-.smv-agent {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--space-xs);
-  padding: 0 var(--space-xs);
-  border-radius: var(--radius-xs);
-  background: var(--surface-2);
-  color: var(--text);
-}
-// Le harness peint chaque agent d'une couleur et la répète à chaque envoi : la
-// reprendre ici, c'est reconnaître un interlocuteur d'un coup d'œil le long du
-// fil. Le parc n'en a montré que trois — bleu, vert, rouge — mais les huit
-// teintes du CLI ont déjà leur jeton dans ce dépôt, tenu à l'écart des couleurs
-// d'état exprès : un agent n'est pas une erreur.
-//
-// Un point, jamais la couleur du texte : `pink` et `yellow` ne tiennent pas
-// 4,5:1 sur une surface claire. C'est la règle que porte `app.scss` — le nom
-// reste en `--text` sur `--surface-2`, la teinte va dans la pastille.
-.smv-dot {
-  width: 6px;
-  height: 6px;
-  border-radius: 50%;
-  flex-shrink: 0;
-}
-// Les teintes sont citées : sans guillemets, Sass lit `red`, `blue`, … comme des
-// valeurs couleur et non comme les morceaux de nom de classe qu'elles sont ici.
-@each $hue in ('blue', 'green', 'yellow', 'purple', 'pink', 'orange', 'cyan', 'red') {
-  .smv-agent--#{$hue} {
-    background: var(--agent-#{$hue});
+  .smv-verdict--no {
+    color: var(--warn);
+  }
+  .smv-path {
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    margin: 0;
+    overflow: hidden;
+    white-space: nowrap;
+    font-size: var(--fs-2xs);
+  }
+  .smv-dir {
+    color: var(--faint);
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .smv-base {
+    color: var(--muted);
+    flex-shrink: 0;
   }
-}
-.smv-kind {
-  font-style: italic;
-}
-.smv-subject {
-  margin: 0;
-  font-size: var(--fs-sm);
-  font-weight: 600;
-  color: var(--text);
-}
-.smv-body {
-  padding: var(--space-md);
-  background: var(--surface);
-  border: 1px solid var(--line);
-  border-radius: var(--radius-sm);
-  max-height: 420px;
-  overflow: auto;
-}
-.smv-order,
-.smv-verdict {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  margin: 0;
-  font-size: var(--fs-sm);
-  color: var(--muted);
-}
-.smv-verdict--no {
-  color: var(--warn);
-}
-.smv-path {
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  margin: 0;
-  overflow: hidden;
-  white-space: nowrap;
-  font-size: var(--fs-2xs);
-}
-.smv-dir {
-  color: var(--faint);
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.smv-base {
-  color: var(--muted);
-  flex-shrink: 0;
-}
 </style>
diff --git a/src/components/replay/tools/views/ShellView.vue b/src/components/replay/tools/views/ShellView.vue
index 5d90b9c..8fefca2 100644
--- a/src/components/replay/tools/views/ShellView.vue
+++ b/src/components/replay/tools/views/ShellView.vue
@@ -35,9 +35,7 @@
 
     <p v-if="touched.length" class="tv-note">
       {{ t('replay.tools.views.shell.touched', touched.length) }}
-      <span v-for="(f, n) in touched" :key="f" class="font-mono">{{
-        n ? `, ${base(f)}` : base(f)
-      }}</span>
+      <span v-for="(f, n) in touched" :key="f" class="font-mono">{{ n ? `, ${base(f)}` : base(f) }}</span>
     </p>
 
     <p v-if="cwd" class="tv-note">
@@ -57,173 +55,170 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
-import type { Block } from '@/services/projects';
-import { asRecord, bool, str } from '../values';
-import { basename } from '../language';
-import CodeBlock from '../CodeBlock.vue';
-import KeyValueList from '../KeyValueList.vue';
-import OutputPane from '../OutputPane.vue';
-
-import { useI18n } from 'vue-i18n';
-
-const { t } = useI18n();
-
-const props = defineProps<{ block: Block }>();
-
-const input = computed(() => asRecord(props.block.input));
-const command = computed(() => str(input.value.command));
-const description = computed(() => str(input.value.description));
-const background = computed(() => bool(input.value.run_in_background));
-/**
- * Le seul champ de l'entrée qui change la nature de ce qui a été exécuté : la
- * commande n'a pas été confinée. 92 appels dans le parc, 0,8 % — assez rare
- * pour qu'on ne le cherche pas, donc assez rare pour qu'il faille le montrer.
- *
- * `timeout` est écarté malgré ses 2 911 appels (24,2 %) : aucune commande du
- * parc ne l'a jamais dépassé, et ce que le délai laissait deviner — « ceci va
- * être long » — la description le dit déjà dans 96 % des appels `PowerShell`.
- */
-const unsandboxed = computed(() => bool(input.value.dangerouslyDisableSandbox));
-/** The `PowerShell` tool speaks pwsh; `Bash` speaks sh even on Windows. */
-const lang = computed(() => (props.block.name === 'PowerShell' ? 'powershell' : 'bash'));
-
-const raw = computed(() => props.block.result?.content ?? '');
-const isError = computed(() => props.block.result?.isError === true);
-
-/**
- * Le CLI agrafe à la sortie d'une commande des lignes qui ne viennent pas
- * d'elle, toujours en bloc à la toute fin — vérifié sur 820 résultats du parc,
- * sans une exception :
- *
- *   `[rerun: b5]`             la poignée qui permet de relancer l'appel — 739
- *   `Shell cwd was reset to …` le `cd` de la commande n'a pas survécu — 271
- *   `[result-id: r2]`         celle qui permet d'y renvoyer, jamais seule :
- *                             elle précède toujours `[rerun:]` — 117
- *   `[This command modified…]` l'avertissement « relis avant d'éditer » — 82
- *
- * 1 260 lignes en tout, affichées jusqu'ici comme la sortie de la commande. Les
- * poignées sont de la plomberie et disparaissent ; les deux autres disent
- * quelque chose, et le disent désormais en français.
- */
-const RERUN = /^\[rerun: [^\]]+\]$/;
-const RESULT_ID = /^\[result-id: [^\]]+\]$/;
-const MODIFIED = /^\[This command modified \d+ files? you've previously read: (.+?)\.? Call Read/;
-const CWD_RESET = /^Shell cwd was reset to (.+?)\.?$/;
-
-/**
- * `is_error` recouvre deux choses très différentes : la commande a échoué, ou
- * la commande n'a jamais tourné. Le second cas pèse 447 des 1 123 échecs du
- * parc — un refus de permission, un appel annulé, une interruption — et
- * s'affichait comme les autres : cadre rouge ouvert d'office sur une phrase
- * anglaise du CLI, alors qu'il n'y a rien à lire d'une commande non exécutée.
- */
-const REFUSED = /^Permission /;
-const DECLINED = /^The user doesn't want to proceed/;
-const CANCELLED = /^<tool_use_error>(Cancelled|Sibling tool call)/;
-const INTERRUPTED = /^\[Request interrupted|interrupted by user/;
-
-/** Toujours la première ligne, et toujours avec `is_error` : 661 résultats. */
-const EXIT = /^Exit code (\d+)/;
-
-/** Ce qu'un code veut dire quand il le veut sans ambiguïté ; sinon, rien. */
-const MEANINGS = new Set(['1', '2', '126', '127', '130']);
-
-/** `run_in_background` ne rend pas une sortie mais une promesse : 140 résultats. */
-const BACKGROUND = /^Command running in background with ID: (\S+?)\./;
-
-/** La sortie sans le bloc de service final, et ce que ce bloc disait. */
-const parsed = computed(() => {
-  const lines = raw.value.split('\n');
-  const touched: string[] = [];
-  let cwd = '';
-  let end = lines.length - 1;
-  while (end >= 0) {
-    const line = (lines[end] ?? '').trim();
-    if (!line) {
-      end--;
-      continue;
-    }
-    const mod = MODIFIED.exec(line);
-    const reset = CWD_RESET.exec(line);
-    if (mod) {
-      touched.unshift(...(mod[1] ?? '').split(', ').filter(Boolean));
-    } else if (reset) {
-      cwd = reset[1] ?? '';
-    } else if (!RERUN.test(line) && !RESULT_ID.test(line)) {
-      break;
+  import type { Block } from '@/services/projects'
+  import { computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import CodeBlock from '../CodeBlock.vue'
+  import KeyValueList from '../KeyValueList.vue'
+  import { basename } from '../language'
+  import OutputPane from '../OutputPane.vue'
+  import { asRecord, bool, str } from '../values'
+
+  const { t } = useI18n()
+
+  const props = defineProps<{ block: Block }>()
+
+  const input = computed(() => asRecord(props.block.input))
+  const command = computed(() => str(input.value.command))
+  const description = computed(() => str(input.value.description))
+  const background = computed(() => bool(input.value.run_in_background))
+  /**
+   * Le seul champ de l'entrée qui change la nature de ce qui a été exécuté : la
+   * commande n'a pas été confinée. 92 appels dans le parc, 0,8 % — assez rare
+   * pour qu'on ne le cherche pas, donc assez rare pour qu'il faille le montrer.
+   *
+   * `timeout` est écarté malgré ses 2 911 appels (24,2 %) : aucune commande du
+   * parc ne l'a jamais dépassé, et ce que le délai laissait deviner — « ceci va
+   * être long » — la description le dit déjà dans 96 % des appels `PowerShell`.
+   */
+  const unsandboxed = computed(() => bool(input.value.dangerouslyDisableSandbox))
+  /** The `PowerShell` tool speaks pwsh; `Bash` speaks sh even on Windows. */
+  const lang = computed(() => (props.block.name === 'PowerShell' ? 'powershell' : 'bash'))
+
+  const raw = computed(() => props.block.result?.content ?? '')
+  const isError = computed(() => props.block.result?.isError === true)
+
+  /**
+   * Le CLI agrafe à la sortie d'une commande des lignes qui ne viennent pas
+   * d'elle, toujours en bloc à la toute fin — vérifié sur 820 résultats du parc,
+   * sans une exception :
+   *
+   *   `[rerun: b5]`             la poignée qui permet de relancer l'appel — 739
+   *   `Shell cwd was reset to …` le `cd` de la commande n'a pas survécu — 271
+   *   `[result-id: r2]`         celle qui permet d'y renvoyer, jamais seule :
+   *                             elle précède toujours `[rerun:]` — 117
+   *   `[This command modified…]` l'avertissement « relis avant d'éditer » — 82
+   *
+   * 1 260 lignes en tout, affichées jusqu'ici comme la sortie de la commande. Les
+   * poignées sont de la plomberie et disparaissent ; les deux autres disent
+   * quelque chose, et le disent désormais en français.
+   */
+  const RERUN = /^\[rerun: [^\]]+\]$/
+  const RESULT_ID = /^\[result-id: [^\]]+\]$/
+  const MODIFIED = /^\[This command modified \d+ files? you've previously read: (.+?)\.? Call Read/
+  const CWD_RESET = /^Shell cwd was reset to (.+?)\.?$/
+
+  /**
+   * `is_error` recouvre deux choses très différentes : la commande a échoué, ou
+   * la commande n'a jamais tourné. Le second cas pèse 447 des 1 123 échecs du
+   * parc — un refus de permission, un appel annulé, une interruption — et
+   * s'affichait comme les autres : cadre rouge ouvert d'office sur une phrase
+   * anglaise du CLI, alors qu'il n'y a rien à lire d'une commande non exécutée.
+   */
+  const REFUSED = /^Permission /
+  const DECLINED = /^The user doesn't want to proceed/
+  const CANCELLED = /^<tool_use_error>(Cancelled|Sibling tool call)/
+  const INTERRUPTED = /^\[Request interrupted|interrupted by user/
+
+  /** Toujours la première ligne, et toujours avec `is_error` : 661 résultats. */
+  const EXIT = /^Exit code (\d+)/
+
+  /** Ce qu'un code veut dire quand il le veut sans ambiguïté ; sinon, rien. */
+  const MEANINGS = new Set(['1', '2', '126', '127', '130'])
+
+  /** `run_in_background` ne rend pas une sortie mais une promesse : 140 résultats. */
+  const BACKGROUND = /^Command running in background with ID: (\S+?)\./
+
+  /** La sortie sans le bloc de service final, et ce que ce bloc disait. */
+  const parsed = computed(() => {
+    const lines = raw.value.split('\n')
+    const touched: string[] = []
+    let cwd = ''
+    let end = lines.length - 1
+    while (end >= 0) {
+      const line = (lines[end] ?? '').trim()
+      if (!line) {
+        end--
+        continue
+      }
+      const mod = MODIFIED.exec(line)
+      const reset = CWD_RESET.exec(line)
+      if (mod) {
+        touched.unshift(...(mod[1] ?? '').split(', ').filter(Boolean))
+      } else if (reset) {
+        cwd = reset[1] ?? ''
+      } else if (!RERUN.test(line) && !RESULT_ID.test(line)) {
+        break
+      }
+      end--
     }
-    end--;
-  }
-  return { body: lines.slice(0, end + 1).join('\n'), touched, cwd };
-});
-
-const touched = computed(() => parsed.value.touched);
-
-/**
- * Un `cd` posé dans la commande ne survit pas à l'appel : le CLI le dit en fin
- * de sortie, 271 résultats, toujours en dernière ligne. C'est la ligne qui
- * explique pourquoi la commande suivante ne trouve pas ses fichiers — elle vaut
- * mieux qu'un rang de plus dans le pavé.
- */
-const cwd = computed(() => parsed.value.cwd);
-
-const launched = computed(() => BACKGROUND.exec(parsed.value.body.trim())?.[1] ?? '');
-
-const notRun = computed(() => {
-  if (!isError.value) return '';
-  const text = parsed.value.body.trim();
-  if (REFUSED.test(text)) return t('replay.tools.views.shell.refused');
-  if (DECLINED.test(text)) return t('replay.tools.views.shell.declined');
-  if (CANCELLED.test(text)) return t('replay.tools.views.shell.cancelled');
-  if (INTERRUPTED.test(text)) return 'Commande interrompue.';
-  return '';
-});
-
-const exit = computed(() => {
-  const code = EXIT.exec(parsed.value.body)?.[1];
-  if (!code) return '';
-  return MEANINGS.has(code)
-    ? t('replay.tools.views.shell.exitMeaning', {
-        code,
-        meaning: t(`replay.tools.views.shell.meaning.${code}`),
-      })
-    : t('replay.tools.views.shell.exit', { code });
-});
-
-/**
- * Ce qui reste à montrer. La phrase d'arrière-plan est rendue au-dessus, en
- * français et sans son chemin temporaire : le fichier qu'elle désigne n'existe
- * plus au moment où on relit la session.
- */
-const body = computed(() =>
-  launched.value ? parsed.value.body.split('\n').slice(1).join('\n') : parsed.value.body,
-);
-
-/**
- * Une commande qui réussit sans rien écrire ne laissait aucune trace : le pavé
- * de résultat se retire de lui-même quand il est vide. 138 résultats du parc,
- * qui ne contenaient que le bloc de service, s'affichaient donc comme un appel
- * sans réponse — ce qui se lit comme un affichage cassé.
- */
-const silent = computed(() => !body.value.trim() && !isError.value && !launched.value);
-
-const base = (p: string): string => basename(p);
+    return { body: lines.slice(0, end + 1).join('\n'), touched, cwd }
+  })
+
+  const touched = computed(() => parsed.value.touched)
+
+  /**
+   * Un `cd` posé dans la commande ne survit pas à l'appel : le CLI le dit en fin
+   * de sortie, 271 résultats, toujours en dernière ligne. C'est la ligne qui
+   * explique pourquoi la commande suivante ne trouve pas ses fichiers — elle vaut
+   * mieux qu'un rang de plus dans le pavé.
+   */
+  const cwd = computed(() => parsed.value.cwd)
+
+  const launched = computed(() => BACKGROUND.exec(parsed.value.body.trim())?.[1] ?? '')
+
+  const notRun = computed(() => {
+    if (!isError.value) return ''
+    const text = parsed.value.body.trim()
+    if (REFUSED.test(text)) return t('replay.tools.views.shell.refused')
+    if (DECLINED.test(text)) return t('replay.tools.views.shell.declined')
+    if (CANCELLED.test(text)) return t('replay.tools.views.shell.cancelled')
+    if (INTERRUPTED.test(text)) return 'Commande interrompue.'
+    return ''
+  })
+
+  const exit = computed(() => {
+    const code = EXIT.exec(parsed.value.body)?.[1]
+    if (!code) return ''
+    return MEANINGS.has(code)
+      ? t('replay.tools.views.shell.exitMeaning', {
+          code,
+          meaning: t(`replay.tools.views.shell.meaning.${code}`),
+        })
+      : t('replay.tools.views.shell.exit', { code })
+  })
+
+  /**
+   * Ce qui reste à montrer. La phrase d'arrière-plan est rendue au-dessus, en
+   * français et sans son chemin temporaire : le fichier qu'elle désigne n'existe
+   * plus au moment où on relit la session.
+   */
+  const body = computed(() => (launched.value ? parsed.value.body.split('\n').slice(1).join('\n') : parsed.value.body))
+
+  /**
+   * Une commande qui réussit sans rien écrire ne laissait aucune trace : le pavé
+   * de résultat se retire de lui-même quand il est vide. 138 résultats du parc,
+   * qui ne contenaient que le bloc de service, s'affichaient donc comme un appel
+   * sans réponse — ce qui se lit comme un affichage cassé.
+   */
+  const silent = computed(() => !body.value.trim() && !isError.value && !launched.value)
+
+  const base = (p: string): string => basename(p)
 </script>
 
 <style scoped lang="scss">
-.tv {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-}
-.tv-desc {
-  margin: 0;
-  font-size: var(--fs-sm);
-  font-style: italic;
-  color: var(--muted);
-}
-/*
+  .tv {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+  }
+  .tv-desc {
+    margin: 0;
+    font-size: var(--fs-sm);
+    font-style: italic;
+    color: var(--muted);
+  }
+  /*
   Flux en ligne, et non flex.
 
   La phrase peut se replier sur deux lignes et l'icône doit rester sur la
@@ -233,41 +228,41 @@ const base = (p: string): string => basename(p);
   rapport avec celle du texte d'à côté. Le `vertical-align: middle` que Quasar
   pose déjà sur l'icône s'appuie, lui, sur les métriques de la police.
 */
-.tv-state {
-  margin: 0;
-  font-size: var(--fs-xs);
-  color: var(--muted);
-}
-.tv-state .q-icon {
-  margin-right: var(--space-xs);
-}
-.tv-note {
-  margin: 0;
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-}
-.tv-empty {
-  margin: 0;
-  font-size: var(--fs-xs);
-  color: var(--faint);
-}
+  .tv-state {
+    margin: 0;
+    font-size: var(--fs-xs);
+    color: var(--muted);
+  }
+  .tv-state .q-icon {
+    margin-right: var(--space-xs);
+  }
+  .tv-note {
+    margin: 0;
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+  }
+  .tv-empty {
+    margin: 0;
+    font-size: var(--fs-xs);
+    color: var(--faint);
+  }
 
-// Même badge que « tout remplacer » sur un diff : un fait de portée, pas un état.
-.tv-flag {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--space-xs);
-  align-self: flex-start;
-  margin: 0;
-  font-size: var(--fs-2xs);
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  color: var(--warn);
-  border: 1px solid var(--line-2);
-  border-radius: 999px;
-  padding: 1px 6px;
-}
-.tv-flag--danger {
-  color: var(--danger);
-}
+  // Même badge que « tout remplacer » sur un diff : un fait de portée, pas un état.
+  .tv-flag {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--space-xs);
+    align-self: flex-start;
+    margin: 0;
+    font-size: var(--fs-2xs);
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    color: var(--warn);
+    border: 1px solid var(--line-2);
+    border-radius: 999px;
+    padding: 1px 6px;
+  }
+  .tv-flag--danger {
+    color: var(--danger);
+  }
 </style>
diff --git a/src/components/replay/tools/views/SkillView.vue b/src/components/replay/tools/views/SkillView.vue
index db4b1fe..f8aa1ac 100644
--- a/src/components/replay/tools/views/SkillView.vue
+++ b/src/components/replay/tools/views/SkillView.vue
@@ -27,76 +27,75 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
-import type { Block } from '@/services/projects';
-import { asRecord, str } from '../values';
-import OutputPane from '../OutputPane.vue';
+  import type { Block } from '@/services/projects'
+  import { computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import OutputPane from '../OutputPane.vue'
+  import { asRecord, str } from '../values'
 
-import { useI18n } from 'vue-i18n';
+  const { t } = useI18n()
 
-const { t } = useI18n();
+  const props = defineProps<{ block: Block }>()
 
-const props = defineProps<{ block: Block }>();
+  const input = computed(() => asRecord(props.block.input))
+  const args = computed(() => str(input.value.args).trim())
 
-const input = computed(() => asRecord(props.block.input));
-const args = computed(() => str(input.value.args).trim());
+  /** La restriction que le skill impose à la session — le sidecar seul la porte. */
+  const allowed = computed(() => {
+    const a = props.block.result?.meta?.allowedTools
+    return Array.isArray(a) ? a.filter((x): x is string => typeof x === 'string' && Boolean(x)) : []
+  })
 
-/** La restriction que le skill impose à la session — le sidecar seul la porte. */
-const allowed = computed(() => {
-  const a = props.block.result?.meta?.allowedTools;
-  return Array.isArray(a) ? a.filter((x): x is string => typeof x === 'string' && Boolean(x)) : [];
-});
+  /**
+   * Le lancement réussi ne se dit pas : la carte est là, c'est qu'il a eu lieu.
+   *
+   * Reste ce qui n'est pas ce cas-là — deux appels du parc, où le modèle a écrit
+   * `name` au lieu de `skill` et où le harness a répondu une erreur de schéma.
+   * Le nom demandé n'est alors nulle part ailleurs que dans le pavé.
+   */
+  const LAUNCH = /^Launching skill: /
 
-/**
- * Le lancement réussi ne se dit pas : la carte est là, c'est qu'il a eu lieu.
- *
- * Reste ce qui n'est pas ce cas-là — deux appels du parc, où le modèle a écrit
- * `name` au lieu de `skill` et où le harness a répondu une erreur de schéma.
- * Le nom demandé n'est alors nulle part ailleurs que dans le pavé.
- */
-const LAUNCH = /^Launching skill: /;
-
-const showOutput = computed(() => {
-  const t = props.block.result?.content ?? '';
-  if (props.block.result?.isError) return true;
-  return Boolean(t.trim()) && !LAUNCH.test(t.trim());
-});
+  const showOutput = computed(() => {
+    const t = props.block.result?.content ?? ''
+    if (props.block.result?.isError) return true
+    return Boolean(t.trim()) && !LAUNCH.test(t.trim())
+  })
 </script>
 
 <style scoped lang="scss">
-.tv {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-}
-.skv-args {
-  margin: 0;
-  font-size: var(--fs-sm);
-  line-height: 1.5;
-  color: var(--text);
-  white-space: pre-wrap;
-}
-.skv-block {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-xs);
-}
-.skv-block > h4 {
-  margin: 0;
-}
-.skv-tools {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--space-xs);
-}
-.skv-tool {
-  color: var(--brand);
-  font-size: var(--fs-2xs);
-  border: 1px solid var(--brand-line);
-  border-radius: 999px;
-  padding: 1px 8px;
-}
+  .tv {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+  }
+  .skv-args {
+    margin: 0;
+    font-size: var(--fs-sm);
+    line-height: 1.5;
+    color: var(--text);
+    white-space: pre-wrap;
+  }
+  .skv-block {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+  }
+  .skv-block > h4 {
+    margin: 0;
+  }
+  .skv-tools {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--space-xs);
+  }
+  .skv-tool {
+    color: var(--brand);
+    font-size: var(--fs-2xs);
+    border: 1px solid var(--brand-line);
+    border-radius: 999px;
+    padding: 1px 8px;
+  }
 </style>
diff --git a/src/components/replay/tools/views/TaskView.vue b/src/components/replay/tools/views/TaskView.vue
index 36311e3..23363b1 100644
--- a/src/components/replay/tools/views/TaskView.vue
+++ b/src/components/replay/tools/views/TaskView.vue
@@ -12,13 +12,7 @@
          avait été lancée — `local_bash` couvre aussi bien `Bash` que `PowerShell`
          — et colorer du pwsh comme du sh est un mensonge de plus, pas un de
          moins. 3 des 55 commandes tiennent sur plusieurs lignes. -->
-    <CodeBlock
-      v-if="stopped?.command"
-      :code="stopped.command"
-      :line-numbers="false"
-      icon="terminal"
-      max-height="200px"
-    />
+    <CodeBlock v-if="stopped?.command" :code="stopped.command" :line-numbers="false" icon="terminal" max-height="200px" />
 
     <KeyValueList v-if="!params.length && !description && !stopped" :input="block.input" />
 
@@ -32,127 +26,116 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
-import type { Block } from '@/services/projects';
-import { asRecord, chips, num, str } from '../values';
-import ToolChips from '../ToolChips.vue';
-import CodeBlock from '../CodeBlock.vue';
-import KeyValueList from '../KeyValueList.vue';
-import OutputPane from '../OutputPane.vue';
-
-import { useI18n } from 'vue-i18n';
+  import type { Block } from '@/services/projects'
+  import { computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import CodeBlock from '../CodeBlock.vue'
+  import KeyValueList from '../KeyValueList.vue'
+  import OutputPane from '../OutputPane.vue'
+  import ToolChips from '../ToolChips.vue'
+  import { asRecord, chips, num, str } from '../values'
 
-const { t } = useI18n();
+  const { t } = useI18n()
 
-const props = defineProps<{ block: Block }>();
+  const props = defineProps<{ block: Block }>()
 
-const input = computed(() => asRecord(props.block.input));
-const description = computed(() => str(input.value.description, str(input.value.reason)));
+  const input = computed(() => asRecord(props.block.input))
+  const description = computed(() => str(input.value.description, str(input.value.reason)))
 
-/**
- * Deux outils de nom voisin, deux mondes.
- *
- * `TaskCreate` et `TaskUpdate` numérotent le plan de travail — « #3 », un rang
- * dans la liste de droite — et ne passent pas par ici : le jalon les prend, et
- * les 1 031 appels du parc n'ont pas produit une seule erreur, donc l'échappée
- * `isError` de `isTaskMarker` n'a jamais servi. Ce que cette vue rend, ce sont
- * les 55 `TaskStop`.
- *
- * Or leur `task_id` n'est pas un rang mais une poignée d'arrière-plan —
- * `b6esw55k7`, le même jeton que `ShellView` annonce en lançant une commande
- * détachée. L'étiquette « tâche », posée à l'identique sur les deux, envoyait
- * chercher dans le plan un numéro qui n'y est pas.
- */
-const stop = computed(() => props.block.name === 'TaskStop');
+  /**
+   * Deux outils de nom voisin, deux mondes.
+   *
+   * `TaskCreate` et `TaskUpdate` numérotent le plan de travail — « #3 », un rang
+   * dans la liste de droite — et ne passent pas par ici : le jalon les prend, et
+   * les 1 031 appels du parc n'ont pas produit une seule erreur, donc l'échappée
+   * `isError` de `isTaskMarker` n'a jamais servi. Ce que cette vue rend, ce sont
+   * les 55 `TaskStop`.
+   *
+   * Or leur `task_id` n'est pas un rang mais une poignée d'arrière-plan —
+   * `b6esw55k7`, le même jeton que `ShellView` annonce en lançant une commande
+   * détachée. L'étiquette « tâche », posée à l'identique sur les deux, envoyait
+   * chercher dans le plan un numéro qui n'y est pas.
+   */
+  const stop = computed(() => props.block.name === 'TaskStop')
 
-const params = computed(() =>
-  chips([
-    ['sujet', str(input.value.subject)],
-    [
-      t(stop.value ? 'replay.tools.chips.background' : 'replay.tools.chips.task'),
-      str(input.value.taskId, str(input.value.task_id)),
-    ],
-    ['statut', str(input.value.status)],
-    [
-      t('replay.tools.chips.delay'),
-      num(input.value.delaySeconds)
-        ? t('replay.tools.chips.seconds', { n: num(input.value.delaySeconds) })
-        : '',
-    ],
-    [t('replay.tools.chips.stop'), input.value.stop === true ? t('replay.tools.chips.yes') : ''],
-  ]),
-);
+  const params = computed(() =>
+    chips([
+      ['sujet', str(input.value.subject)],
+      [t(stop.value ? 'replay.tools.chips.background' : 'replay.tools.chips.task'), str(input.value.taskId, str(input.value.task_id))],
+      ['statut', str(input.value.status)],
+      [t('replay.tools.chips.delay'), num(input.value.delaySeconds) ? t('replay.tools.chips.seconds', { n: num(input.value.delaySeconds) }) : ''],
+      [t('replay.tools.chips.stop'), input.value.stop === true ? t('replay.tools.chips.yes') : ''],
+    ]),
+  )
 
-const raw = computed(() => props.block.result?.content ?? '');
+  const raw = computed(() => props.block.result?.content ?? '')
 
-/**
- * Ce que `TaskStop` répond : un objet JSON, jamais une phrase.
- *
- * 54 des 55 résultats du parc — le cinquante-cinquième est l'erreur « déjà
- * terminée » — portent `{message, task_id, task_type, command}`, 391 caractères
- * en médiane, jusqu'à 2 309. Il s'affichait tel quel, accolades comprises, alors
- * qu'il ne dit que deux choses : ce qui a été arrêté, et la commande que c'était.
- * `message` n'est que la concaténation anglaise des deux autres — vérifié sur
- * les 55.
- *
- * Lu ici plutôt qu'au serveur : la liste blanche de `structuredResult` existe
- * pour éviter de charger le cache du BFF d'un doublon du texte, et ici le texte
- * *est* l'objet. Rien à recopier.
- */
-const stopped = computed(() => {
-  if (!stop.value || props.block.result?.isError) return null;
-  let parsed: unknown;
-  try {
-    parsed = JSON.parse(raw.value);
-  } catch {
-    return null;
-  }
-  if (!parsed || typeof parsed !== 'object' || Array.isArray(parsed)) return null;
-  const o = parsed as Record<string, unknown>;
-  if (!str(o.task_id)) return null;
-  // 50 `local_bash`, 4 `local_agent` : arrêter un processus et arrêter un
-  // sous-agent ne sont pas le même geste, et c'est le seul champ qui les sépare.
-  // Sous ce même nom `command`, le premier range une ligne de commande — jusqu'à
-  // 1 055 caractères, parfois sur plusieurs lignes — et le second le libellé du
-  // sous-agent, « Rédaction SF ». L'un veut un pavé de code, l'autre une phrase.
-  const agent = str(o.task_type) === 'local_agent';
-  const command = str(o.command);
-  if (agent) {
-    return {
-      what: command
-        ? `Arrêt du sous-agent « ${command} », lancé en arrière-plan.`
-        : t('replay.tools.views.task.stopAgent'),
-      command: '',
-    };
-  }
-  return { what: t('replay.tools.views.task.stopCommand'), command };
-});
+  /**
+   * Ce que `TaskStop` répond : un objet JSON, jamais une phrase.
+   *
+   * 54 des 55 résultats du parc — le cinquante-cinquième est l'erreur « déjà
+   * terminée » — portent `{message, task_id, task_type, command}`, 391 caractères
+   * en médiane, jusqu'à 2 309. Il s'affichait tel quel, accolades comprises, alors
+   * qu'il ne dit que deux choses : ce qui a été arrêté, et la commande que c'était.
+   * `message` n'est que la concaténation anglaise des deux autres — vérifié sur
+   * les 55.
+   *
+   * Lu ici plutôt qu'au serveur : la liste blanche de `structuredResult` existe
+   * pour éviter de charger le cache du BFF d'un doublon du texte, et ici le texte
+   * *est* l'objet. Rien à recopier.
+   */
+  const stopped = computed(() => {
+    if (!stop.value || props.block.result?.isError) return null
+    let parsed: unknown
+    try {
+      parsed = JSON.parse(raw.value)
+    } catch {
+      return null
+    }
+    if (!parsed || typeof parsed !== 'object' || Array.isArray(parsed)) return null
+    const o = parsed as Record<string, unknown>
+    if (!str(o.task_id)) return null
+    // 50 `local_bash`, 4 `local_agent` : arrêter un processus et arrêter un
+    // sous-agent ne sont pas le même geste, et c'est le seul champ qui les sépare.
+    // Sous ce même nom `command`, le premier range une ligne de commande — jusqu'à
+    // 1 055 caractères, parfois sur plusieurs lignes — et le second le libellé du
+    // sous-agent, « Rédaction SF ». L'un veut un pavé de code, l'autre une phrase.
+    const agent = str(o.task_type) === 'local_agent'
+    const command = str(o.command)
+    if (agent) {
+      return {
+        what: command ? `Arrêt du sous-agent « ${command} », lancé en arrière-plan.` : t('replay.tools.views.task.stopAgent'),
+        command: '',
+      }
+    }
+    return { what: t('replay.tools.views.task.stopCommand'), command }
+  })
 
-/** Une fois l'objet lu, il ne reste rien à déplier : le pavé se retire. */
-const body = computed(() => (stopped.value ? '' : raw.value));
+  /** Une fois l'objet lu, il ne reste rien à déplier : le pavé se retire. */
+  const body = computed(() => (stopped.value ? '' : raw.value))
 </script>
 
 <style scoped lang="scss">
-.tv {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-}
-.tv-desc {
-  margin: 0;
-  font-size: var(--fs-sm);
-  color: var(--muted);
-  white-space: pre-wrap;
-}
-// Même correction que dans `ShellView` : `align-items: baseline` posait l'icône
-// trop haut, un `q-icon` n'ayant pas de ligne de base propre. En flux, le
-// `vertical-align: middle` de Quasar s'aligne sur les métriques de la police.
-.tv-state {
-  margin: 0;
-  font-size: var(--fs-xs);
-  color: var(--muted);
-}
-.tv-state .q-icon {
-  margin-right: var(--space-xs);
-}
+  .tv {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+  }
+  .tv-desc {
+    margin: 0;
+    font-size: var(--fs-sm);
+    color: var(--muted);
+    white-space: pre-wrap;
+  }
+  // Même correction que dans `ShellView` : `align-items: baseline` posait l'icône
+  // trop haut, un `q-icon` n'ayant pas de ligne de base propre. En flux, le
+  // `vertical-align: middle` de Quasar s'aligne sur les métriques de la police.
+  .tv-state {
+    margin: 0;
+    font-size: var(--fs-xs);
+    color: var(--muted);
+  }
+  .tv-state .q-icon {
+    margin-right: var(--space-xs);
+  }
 </style>
diff --git a/src/components/replay/tools/views/WebSearchView.vue b/src/components/replay/tools/views/WebSearchView.vue
index 49eb50d..166bc98 100644
--- a/src/components/replay/tools/views/WebSearchView.vue
+++ b/src/components/replay/tools/views/WebSearchView.vue
@@ -23,14 +23,7 @@
         </h4>
         <ol class="wsv-list">
           <li v-for="(l, i) in found.links" :key="i" class="wsv-item">
-            <a
-              :href="l.href"
-              target="_blank"
-              rel="noopener noreferrer"
-              class="wsv-title"
-              :title="l.href"
-              >{{ l.title }}</a
-            >
+            <a :href="l.href" target="_blank" rel="noopener noreferrer" class="wsv-title" :title="l.href">{{ l.title }}</a>
             <span class="wsv-host font-mono">{{ l.host }}</span>
           </li>
         </ol>
@@ -56,170 +49,169 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
-import type { Block } from '@/services/projects';
-import { arr, asRecord, chips, str } from '../values';
-import { permissionDenied } from '../serviceLines';
-import ToolChips from '../ToolChips.vue';
-import OutputPane from '../OutputPane.vue';
-import MarkdownView from '@/components/replay/MarkdownView.vue';
-
-import { useI18n } from 'vue-i18n';
-
-const { t } = useI18n();
-
-const props = defineProps<{ block: Block }>();
-
-const input = computed(() => asRecord(props.block.input));
-const text = computed(() => props.block.result?.content ?? '');
-
-const query = computed(() => str(input.value.query));
-
-/** Ce que l'en-tête de la carte tronque — `oneLine` y coupe à 80 caractères. */
-const longQuery = computed(() => {
-  const q = query.value.replace(/\s+/g, ' ').trim();
-  return q.length > 80 ? q : '';
-});
-
-const domains = (key: string): string => arr(input.value[key]).filter(Boolean).join(', ');
-
-const params = computed(() =>
-  chips([
-    // Deux appels du parc restreignent les domaines, aucun n'en exclut. Les deux
-    // sont dans le schéma ; le second est lu pour ne pas le perdre le jour où il
-    // servira.
-    [t('replay.tools.chips.allowedDomains'), domains('allowed_domains')],
-    [t('replay.tools.chips.blockedDomains'), domains('blocked_domains')],
-  ]),
-);
-
-const denied = computed(() => permissionDenied(text.value));
-
-interface Link {
-  title: string;
-  href: string;
-  host: string;
-}
-
-/**
- * Le résultat d'une recherche, tel que le harness l'écrit.
- *
- * La forme est rigide — vérifiée sur les 50 résultats aboutis du parc, sans une
- * exception : une ligne d'en-tête qui redit la requête, une ligne vide, une
- * ligne `Links: [...]` dont le JSON tient entier, puis la synthèse en markdown,
- * close par un rappel adressé au modèle.
- *
- * La lecture est faite à la ligne et non par expression régulière sur le tout :
- * 19 requêtes du parc contiennent un guillemet, et une reconnaissance gourmande
- * de l'en-tête avalerait alors le reste du résultat.
- */
-const HEAD = 'Web search results for query: ';
-const LINKS = 'Links: ';
-const REMINDER = /\n*REMINDER: You MUST include the sources above[^\n]*\n*$/;
-
-/** Seul `http(s)` devient un `href` : un lien qu'on pose dans le DOM est vivant. */
-function toLink(raw: unknown): Link | null {
-  const r = asRecord(raw);
-  const title = str(r.title).trim();
-  const url = str(r.url);
-  try {
-    const u = new URL(url);
-    if (u.protocol !== 'http:' && u.protocol !== 'https:') return null;
-    return { title: title || u.hostname, href: u.href, host: u.hostname.replace(/^www\./, '') };
-  } catch {
-    return null;
+  import MarkdownView from '@/components/replay/MarkdownView.vue'
+  import type { Block } from '@/services/projects'
+  import { computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import OutputPane from '../OutputPane.vue'
+  import { permissionDenied } from '../serviceLines'
+  import ToolChips from '../ToolChips.vue'
+  import { arr, asRecord, chips, str } from '../values'
+
+  const { t } = useI18n()
+
+  const props = defineProps<{ block: Block }>()
+
+  const input = computed(() => asRecord(props.block.input))
+  const text = computed(() => props.block.result?.content ?? '')
+
+  const query = computed(() => str(input.value.query))
+
+  /** Ce que l'en-tête de la carte tronque — `oneLine` y coupe à 80 caractères. */
+  const longQuery = computed(() => {
+    const q = query.value.replace(/\s+/g, ' ').trim()
+    return q.length > 80 ? q : ''
+  })
+
+  const domains = (key: string): string => arr(input.value[key]).filter(Boolean).join(', ')
+
+  const params = computed(() =>
+    chips([
+      // Deux appels du parc restreignent les domaines, aucun n'en exclut. Les deux
+      // sont dans le schéma ; le second est lu pour ne pas le perdre le jour où il
+      // servira.
+      [t('replay.tools.chips.allowedDomains'), domains('allowed_domains')],
+      [t('replay.tools.chips.blockedDomains'), domains('blocked_domains')],
+    ]),
+  )
+
+  const denied = computed(() => permissionDenied(text.value))
+
+  interface Link {
+    title: string
+    href: string
+    host: string
   }
-}
-
-const found = computed((): { links: Link[]; prose: string } | null => {
-  const t = text.value;
-  if (!t.startsWith(HEAD)) return null;
-  const lines = t.split('\n');
-  const at = lines.findIndex((l) => l.startsWith(LINKS));
-  if (at === -1) return null;
-
-  let raw: unknown;
-  try {
-    raw = JSON.parse(lines[at]?.slice(LINKS.length) ?? '');
-  } catch {
-    return null;
+
+  /**
+   * Le résultat d'une recherche, tel que le harness l'écrit.
+   *
+   * La forme est rigide — vérifiée sur les 50 résultats aboutis du parc, sans une
+   * exception : une ligne d'en-tête qui redit la requête, une ligne vide, une
+   * ligne `Links: [...]` dont le JSON tient entier, puis la synthèse en markdown,
+   * close par un rappel adressé au modèle.
+   *
+   * La lecture est faite à la ligne et non par expression régulière sur le tout :
+   * 19 requêtes du parc contiennent un guillemet, et une reconnaissance gourmande
+   * de l'en-tête avalerait alors le reste du résultat.
+   */
+  const HEAD = 'Web search results for query: '
+  const LINKS = 'Links: '
+  const REMINDER = /\n*REMINDER: You MUST include the sources above[^\n]*\n*$/
+
+  /** Seul `http(s)` devient un `href` : un lien qu'on pose dans le DOM est vivant. */
+  function toLink(raw: unknown): Link | null {
+    const r = asRecord(raw)
+    const title = str(r.title).trim()
+    const url = str(r.url)
+    try {
+      const u = new URL(url)
+      if (u.protocol !== 'http:' && u.protocol !== 'https:') return null
+      return { title: title || u.hostname, href: u.href, host: u.hostname.replace(/^www\./, '') }
+    } catch {
+      return null
+    }
   }
-  if (!Array.isArray(raw)) return null;
-
-  const links = raw.map(toLink).filter((l): l is Link => l !== null);
-  const prose = lines
-    .slice(at + 1)
-    .join('\n')
-    .replace(REMINDER, '')
-    .trim();
-  return { links, prose };
-});
+
+  const found = computed((): { links: Link[]; prose: string } | null => {
+    const t = text.value
+    if (!t.startsWith(HEAD)) return null
+    const lines = t.split('\n')
+    const at = lines.findIndex((l) => l.startsWith(LINKS))
+    if (at === -1) return null
+
+    let raw: unknown
+    try {
+      raw = JSON.parse(lines[at]?.slice(LINKS.length) ?? '')
+    } catch {
+      return null
+    }
+    if (!Array.isArray(raw)) return null
+
+    const links = raw.map(toLink).filter((l): l is Link => l !== null)
+    const prose = lines
+      .slice(at + 1)
+      .join('\n')
+      .replace(REMINDER, '')
+      .trim()
+    return { links, prose }
+  })
 </script>
 
 <style scoped lang="scss">
-.tv {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-}
-.wsv-query {
-  margin: 0;
-  font-size: var(--fs-sm);
-  font-style: italic;
-  color: var(--muted);
-}
-.wsv-denied {
-  display: flex;
-  align-items: flex-start;
-  gap: var(--space-sm);
-  margin: 0;
-  font-size: var(--fs-sm);
-  line-height: 1.5;
-  color: var(--muted);
-}
-.wsv-denied > .q-icon {
-  flex-shrink: 0;
-  height: calc(var(--fs-sm) * 1.5);
-}
-.wsv-links {
-  min-width: 0;
-}
-.wsv-label {
-  margin: 0 0 var(--space-xs);
-  font-size: var(--fs-xs);
-  font-weight: 600;
-  color: var(--faint);
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
-}
-.wsv-list {
-  margin: 0;
-  padding: 0 0 0 var(--space-lg);
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-xs);
-}
-.wsv-item {
-  min-width: 0;
-  font-size: var(--fs-sm);
-  line-height: 1.5;
-}
-.wsv-item::marker {
-  color: var(--faint);
-  font-size: var(--fs-xs);
-}
-.wsv-title {
-  color: var(--brand);
-}
-.wsv-title:hover {
-  color: var(--brand-hover);
-}
-// L'hôte à la suite du titre, pas dessous : 465 liens du parc, 10 par recherche
-// en médiane — une ligne par lien tient, deux doubleraient la carte.
-.wsv-host {
-  margin-left: var(--space-sm);
-  font-size: var(--fs-xs);
-  color: var(--faint);
-  word-break: break-all;
-}
+  .tv {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+  }
+  .wsv-query {
+    margin: 0;
+    font-size: var(--fs-sm);
+    font-style: italic;
+    color: var(--muted);
+  }
+  .wsv-denied {
+    display: flex;
+    align-items: flex-start;
+    gap: var(--space-sm);
+    margin: 0;
+    font-size: var(--fs-sm);
+    line-height: 1.5;
+    color: var(--muted);
+  }
+  .wsv-denied > .q-icon {
+    flex-shrink: 0;
+    height: calc(var(--fs-sm) * 1.5);
+  }
+  .wsv-links {
+    min-width: 0;
+  }
+  .wsv-label {
+    margin: 0 0 var(--space-xs);
+    font-size: var(--fs-xs);
+    font-weight: 600;
+    color: var(--faint);
+    text-transform: uppercase;
+    letter-spacing: 0.04em;
+  }
+  .wsv-list {
+    margin: 0;
+    padding: 0 0 0 var(--space-lg);
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+  }
+  .wsv-item {
+    min-width: 0;
+    font-size: var(--fs-sm);
+    line-height: 1.5;
+  }
+  .wsv-item::marker {
+    color: var(--faint);
+    font-size: var(--fs-xs);
+  }
+  .wsv-title {
+    color: var(--brand);
+  }
+  .wsv-title:hover {
+    color: var(--brand-hover);
+  }
+  // L'hôte à la suite du titre, pas dessous : 465 liens du parc, 10 par recherche
+  // en médiane — une ligne par lien tient, deux doubleraient la carte.
+  .wsv-host {
+    margin-left: var(--space-sm);
+    font-size: var(--fs-xs);
+    color: var(--faint);
+    word-break: break-all;
+  }
 </style>
diff --git a/src/components/replay/tools/views/WebView.vue b/src/components/replay/tools/views/WebView.vue
index d0b9f76..49bb820 100644
--- a/src/components/replay/tools/views/WebView.vue
+++ b/src/components/replay/tools/views/WebView.vue
@@ -24,14 +24,7 @@
       <q-icon name="alt_route" size="15px" aria-hidden="true" />
       <span>
         {{ t('replay.tools.views.web.redirected') }}
-        <a
-          v-if="redirect.href"
-          :href="redirect.href"
-          target="_blank"
-          rel="noopener noreferrer"
-          class="wv-link font-mono"
-          >{{ redirect.href }}</a
-        >
+        <a v-if="redirect.href" :href="redirect.href" target="_blank" rel="noopener noreferrer" class="wv-link font-mono">{{ redirect.href }}</a>
       </span>
     </p>
 
@@ -50,171 +43,170 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
-import type { Block } from '@/services/projects';
-import { asRecord, str } from '../values';
-import { fmtBytes } from '@/utils/format';
-import OutputPane from '../OutputPane.vue';
-
-import { useI18n } from 'vue-i18n';
-
-const { t } = useI18n();
-
-const props = defineProps<{ block: Block }>();
-
-const input = computed(() => asRecord(props.block.input));
-
-/** Only `http(s)` reaches the DOM: an `href` is a live link, not a display string. */
-const url = computed(() => {
-  const raw = str(input.value.url);
-  if (!raw) return '';
-  try {
-    const u = new URL(raw);
-    return u.protocol === 'http:' || u.protocol === 'https:' ? u.href : '';
-  } catch {
-    return '';
-  }
-});
-
-const ask = computed(() => str(input.value.prompt));
-
-/** Le texte du résultat — le sidecar ne porte que le statut HTTP et le poids. */
-const text = computed(() => props.block.result?.content ?? '');
-const code = computed(() => {
-  const c = props.block.result?.meta?.code;
-  return typeof c === 'number' ? c : 0;
-});
-
-/**
- * Le statut HTTP, montré seulement quand il apporte quelque chose.
- *
- * Le harness ne marque `is_error` sur aucun d'eux : sur les 218 appels du parc,
- * 16 échecs et 12 redirections arrivaient dans le rejeu avec la même pastille
- * verte qu'une page lue.
- */
-const http = computed(() => {
-  const c = code.value;
-  if (!c || c === 200) return null;
-  const label = `${c} ${str(props.block.result?.meta?.codeText)}`.trim();
-  return { label, tone: c >= 400 ? 'fail' : 'redirect' };
-});
-
-const failed = computed(() => code.value >= 400);
-
-/**
- * L'hôte de destination n'est nulle part ailleurs : le `url` du sidecar reste
- * celui qu'on a demandé, y compris sur une redirection. Seul ce texte le porte.
- */
-const REDIRECT = /^REDIRECT DETECTED:/;
-const redirect = computed(() => {
-  if (!REDIRECT.test(text.value)) return null;
-  const m = /Redirect URL:\s*(\S+)/.exec(text.value);
-  const raw = m?.[1] ?? '';
-  try {
-    const u = new URL(raw);
-    return { href: u.protocol === 'http:' || u.protocol === 'https:' ? u.href : '' };
-  } catch {
-    return { href: '' };
-  }
-});
-
-/**
- * Le poids de la page avant extraction.
- *
- * Le rapport à ce qui en est retenu s'étale sur trois ordres de grandeur.
- * Une page d'un mégaoctet dont il reste deux kilo-octets, le rejeu n'en disait
- * rien : on lisait un extrait sans savoir de quelle masse il venait.
- */
-const human = fmtBytes;
-const weight = computed(() => {
-  // Une redirection pèse quelques centaines d'octets — sa propre réponse, pas la
-  // page. Annoncer « 443 o parcouru » sous un bandeau qui dit que le contenu n'a
-  // pas été lu ferait passer l'un pour l'autre.
-  if (failed.value || redirect.value) return '';
-  const b = props.block.result?.meta?.bytes;
-  return typeof b === 'number' && b > 0 ? human(b) : '';
-});
-
-/** Le texte n'apporte rien quand il n'est que le marqueur déjà traduit au-dessus. */
-const showOutput = computed(() => {
-  if (props.block.result?.isError) return true;
-  if (failed.value || redirect.value) return false;
-  return Boolean(text.value.trim());
-});
+  import type { Block } from '@/services/projects'
+  import { fmtBytes } from '@/utils/format'
+  import { computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import OutputPane from '../OutputPane.vue'
+  import { asRecord, str } from '../values'
+
+  const { t } = useI18n()
+
+  const props = defineProps<{ block: Block }>()
+
+  const input = computed(() => asRecord(props.block.input))
+
+  /** Only `http(s)` reaches the DOM: an `href` is a live link, not a display string. */
+  const url = computed(() => {
+    const raw = str(input.value.url)
+    if (!raw) return ''
+    try {
+      const u = new URL(raw)
+      return u.protocol === 'http:' || u.protocol === 'https:' ? u.href : ''
+    } catch {
+      return ''
+    }
+  })
+
+  const ask = computed(() => str(input.value.prompt))
+
+  /** Le texte du résultat — le sidecar ne porte que le statut HTTP et le poids. */
+  const text = computed(() => props.block.result?.content ?? '')
+  const code = computed(() => {
+    const c = props.block.result?.meta?.code
+    return typeof c === 'number' ? c : 0
+  })
+
+  /**
+   * Le statut HTTP, montré seulement quand il apporte quelque chose.
+   *
+   * Le harness ne marque `is_error` sur aucun d'eux : sur les 218 appels du parc,
+   * 16 échecs et 12 redirections arrivaient dans le rejeu avec la même pastille
+   * verte qu'une page lue.
+   */
+  const http = computed(() => {
+    const c = code.value
+    if (!c || c === 200) return null
+    const label = `${c} ${str(props.block.result?.meta?.codeText)}`.trim()
+    return { label, tone: c >= 400 ? 'fail' : 'redirect' }
+  })
+
+  const failed = computed(() => code.value >= 400)
+
+  /**
+   * L'hôte de destination n'est nulle part ailleurs : le `url` du sidecar reste
+   * celui qu'on a demandé, y compris sur une redirection. Seul ce texte le porte.
+   */
+  const REDIRECT = /^REDIRECT DETECTED:/
+  const redirect = computed(() => {
+    if (!REDIRECT.test(text.value)) return null
+    const m = /Redirect URL:\s*(\S+)/.exec(text.value)
+    const raw = m?.[1] ?? ''
+    try {
+      const u = new URL(raw)
+      return { href: u.protocol === 'http:' || u.protocol === 'https:' ? u.href : '' }
+    } catch {
+      return { href: '' }
+    }
+  })
+
+  /**
+   * Le poids de la page avant extraction.
+   *
+   * Le rapport à ce qui en est retenu s'étale sur trois ordres de grandeur.
+   * Une page d'un mégaoctet dont il reste deux kilo-octets, le rejeu n'en disait
+   * rien : on lisait un extrait sans savoir de quelle masse il venait.
+   */
+  const human = fmtBytes
+  const weight = computed(() => {
+    // Une redirection pèse quelques centaines d'octets — sa propre réponse, pas la
+    // page. Annoncer « 443 o parcouru » sous un bandeau qui dit que le contenu n'a
+    // pas été lu ferait passer l'un pour l'autre.
+    if (failed.value || redirect.value) return ''
+    const b = props.block.result?.meta?.bytes
+    return typeof b === 'number' && b > 0 ? human(b) : ''
+  })
+
+  /** Le texte n'apporte rien quand il n'est que le marqueur déjà traduit au-dessus. */
+  const showOutput = computed(() => {
+    if (props.block.result?.isError) return true
+    if (failed.value || redirect.value) return false
+    return Boolean(text.value.trim())
+  })
 </script>
 
 <style scoped lang="scss">
-.tv {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-}
-.wv-url {
-  display: flex;
-  align-items: flex-start;
-  gap: var(--space-xs);
-  margin: 0;
-  min-width: 0;
-  font-size: var(--fs-xs);
-  line-height: 1.5;
-}
-// Une `q-icon` est une boîte inline-flex qui centre son glyphe, et sa hauteur
-// suit sa propre taille — 14 px ici, pas celle du texte à côté. En `baseline`
-// elle se calait donc sur son bord inférieur, un peu trop haut. Lui donner la
-// hauteur d'une ligne du texte la centre dessus, et `flex-start` la garde en
-// tête quand une URL longue passe à la ligne.
-.wv-url > .q-icon {
-  flex-shrink: 0;
-  height: calc(var(--fs-xs) * 1.5);
-}
-.wv-note > .q-icon {
-  flex-shrink: 0;
-  height: calc(var(--fs-sm) * 1.5);
-}
-.wv-link {
-  font-size: var(--fs-xs);
-  color: var(--brand);
-  word-break: break-all;
-}
-.wv-link:hover {
-  color: var(--brand-hover);
-}
-.wv-ask {
-  margin: 0;
-  font-size: var(--fs-sm);
-  font-style: italic;
-  color: var(--muted);
-}
-.wv-code {
-  flex-shrink: 0;
-  font-size: var(--fs-2xs);
-  border-radius: 999px;
-  padding: 1px 8px;
-  border: 1px solid currentcolor;
-}
-.wv-code--fail {
-  color: var(--danger);
-}
-.wv-code--redirect {
-  color: var(--warn);
-}
-.wv-note {
-  margin: 0;
-  display: flex;
-  align-items: flex-start;
-  gap: var(--space-sm);
-  font-size: var(--fs-sm);
-  line-height: 1.5;
-}
-.wv-note--fail {
-  color: var(--danger);
-}
-.wv-note--redirect {
-  color: var(--muted);
-}
-.wv-weight {
-  margin: 0;
-  font-size: var(--fs-xs);
-  color: var(--faint);
-}
+  .tv {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+  }
+  .wv-url {
+    display: flex;
+    align-items: flex-start;
+    gap: var(--space-xs);
+    margin: 0;
+    min-width: 0;
+    font-size: var(--fs-xs);
+    line-height: 1.5;
+  }
+  // Une `q-icon` est une boîte inline-flex qui centre son glyphe, et sa hauteur
+  // suit sa propre taille — 14 px ici, pas celle du texte à côté. En `baseline`
+  // elle se calait donc sur son bord inférieur, un peu trop haut. Lui donner la
+  // hauteur d'une ligne du texte la centre dessus, et `flex-start` la garde en
+  // tête quand une URL longue passe à la ligne.
+  .wv-url > .q-icon {
+    flex-shrink: 0;
+    height: calc(var(--fs-xs) * 1.5);
+  }
+  .wv-note > .q-icon {
+    flex-shrink: 0;
+    height: calc(var(--fs-sm) * 1.5);
+  }
+  .wv-link {
+    font-size: var(--fs-xs);
+    color: var(--brand);
+    word-break: break-all;
+  }
+  .wv-link:hover {
+    color: var(--brand-hover);
+  }
+  .wv-ask {
+    margin: 0;
+    font-size: var(--fs-sm);
+    font-style: italic;
+    color: var(--muted);
+  }
+  .wv-code {
+    flex-shrink: 0;
+    font-size: var(--fs-2xs);
+    border-radius: 999px;
+    padding: 1px 8px;
+    border: 1px solid currentcolor;
+  }
+  .wv-code--fail {
+    color: var(--danger);
+  }
+  .wv-code--redirect {
+    color: var(--warn);
+  }
+  .wv-note {
+    margin: 0;
+    display: flex;
+    align-items: flex-start;
+    gap: var(--space-sm);
+    font-size: var(--fs-sm);
+    line-height: 1.5;
+  }
+  .wv-note--fail {
+    color: var(--danger);
+  }
+  .wv-note--redirect {
+    color: var(--muted);
+  }
+  .wv-weight {
+    margin: 0;
+    font-size: var(--fs-xs);
+    color: var(--faint);
+  }
 </style>
diff --git a/src/components/replay/tools/views/WriteView.vue b/src/components/replay/tools/views/WriteView.vue
index dcfeb94..c12ef00 100644
--- a/src/components/replay/tools/views/WriteView.vue
+++ b/src/components/replay/tools/views/WriteView.vue
@@ -1,11 +1,7 @@
 <template>
   <div class="tv">
     <div v-if="markdown" class="tv-toggle">
-      <SegmentedControl
-        v-model="mode"
-        :options="MODES"
-        :aria-label="t('replay.tools.views.write.display')"
-      />
+      <SegmentedControl v-model="mode" :options="MODES" :aria-label="t('replay.tools.views.write.display')" />
     </div>
 
     <MarkdownView v-if="markdown && mode === 'preview'" :source="content" />
@@ -30,44 +26,43 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref } from 'vue';
-import type { Block } from '@/services/projects';
-import { asRecord, str } from '../values';
-import { langOf, langLabel, isMarkdown } from '../language';
-import CodeBlock from '../CodeBlock.vue';
-import KeyValueList from '../KeyValueList.vue';
-import OutputPane from '../OutputPane.vue';
-import MarkdownView from '@/components/replay/MarkdownView.vue';
-import SegmentedControl from '@/components/ui/SegmentedControl.vue';
+  import MarkdownView from '@/components/replay/MarkdownView.vue'
+  import SegmentedControl from '@/components/ui/SegmentedControl.vue'
+  import type { Block } from '@/services/projects'
+  import { computed, ref } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import CodeBlock from '../CodeBlock.vue'
+  import KeyValueList from '../KeyValueList.vue'
+  import { langOf, langLabel, isMarkdown } from '../language'
+  import OutputPane from '../OutputPane.vue'
+  import { asRecord, str } from '../values'
 
-import { useI18n } from 'vue-i18n';
+  const { t } = useI18n()
 
-const { t } = useI18n();
+  const props = defineProps<{ block: Block }>()
 
-const props = defineProps<{ block: Block }>();
+  const MODES = [
+    { label: 'Code', value: 'code' as const },
+    { label: t('replay.tools.views.read.preview'), value: 'preview' as const },
+  ]
+  const mode = ref<'code' | 'preview'>('preview')
 
-const MODES = [
-  { label: 'Code', value: 'code' as const },
-  { label: t('replay.tools.views.read.preview'), value: 'preview' as const },
-];
-const mode = ref<'code' | 'preview'>('preview');
-
-const input = computed(() => asRecord(props.block.input));
-const filePath = computed(() => str(input.value.file_path));
-const content = computed(() => str(input.value.content));
-const lang = computed(() => langOf(filePath.value));
-const label = computed(() => langLabel(filePath.value));
-const markdown = computed(() => isMarkdown(filePath.value));
-const lineCount = computed(() => content.value.split('\n').length);
+  const input = computed(() => asRecord(props.block.input))
+  const filePath = computed(() => str(input.value.file_path))
+  const content = computed(() => str(input.value.content))
+  const lang = computed(() => langOf(filePath.value))
+  const label = computed(() => langLabel(filePath.value))
+  const markdown = computed(() => isMarkdown(filePath.value))
+  const lineCount = computed(() => content.value.split('\n').length)
 </script>
 
 <style scoped lang="scss">
-.tv {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-}
-.tv-toggle {
-  display: flex;
-}
+  .tv {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+  }
+  .tv-toggle {
+    display: flex;
+  }
 </style>
diff --git a/src/components/replay/transcriptSource.ts b/src/components/replay/transcriptSource.ts
index c63b2fb..73abef1 100644
--- a/src/components/replay/transcriptSource.ts
+++ b/src/components/replay/transcriptSource.ts
@@ -9,12 +9,11 @@
 // Injecting `null` is a supported state: it means "we cannot fetch", and the
 // pane degrades to showing the preview the transcript already carries.
 
-import type { InjectionKey, Ref } from 'vue';
+import type { InjectionKey, Ref } from 'vue'
 
 export interface TranscriptSource {
-  slug: string;
-  sessionId: string;
+  slug: string
+  sessionId: string
 }
 
-export const TRANSCRIPT_SOURCE: InjectionKey<Ref<TranscriptSource | null>> =
-  Symbol('transcript-source');
+export const TRANSCRIPT_SOURCE: InjectionKey<Ref<TranscriptSource | null>> = Symbol('transcript-source')
diff --git a/src/components/resources/FolderCandidateTree.vue b/src/components/resources/FolderCandidateTree.vue
index de3e1e2..ef00395 100644
--- a/src/components/resources/FolderCandidateTree.vue
+++ b/src/components/resources/FolderCandidateTree.vue
@@ -7,18 +7,10 @@
           type="button"
           class="fct-twist"
           :aria-expanded="isOpen(n.rel)"
-          :aria-label="
-            isOpen(n.rel)
-              ? t('common.collapse', { label: n.name })
-              : t('common.expand', { label: n.name })
-          "
+          :aria-label="isOpen(n.rel) ? t('common.collapse', { label: n.name }) : t('common.expand', { label: n.name })"
           @click="toggleOpen(n.rel)"
         >
-          <q-icon
-            :name="isOpen(n.rel) ? 'expand_more' : 'chevron_right'"
-            size="14px"
-            aria-hidden="true"
-          />
+          <q-icon :name="isOpen(n.rel) ? 'expand_more' : 'chevron_right'" size="14px" aria-hidden="true" />
         </button>
         <span v-else class="fct-twist-spacer" aria-hidden="true" />
 
@@ -34,9 +26,7 @@
           dense
           size="xs"
           :aria-label="
-            state(n).covered
-              ? t('resources.include.coveredAria', { folder: state(n).covered })
-              : t('resources.include.toggleAria', { folder: n.rel })
+            state(n).covered ? t('resources.include.coveredAria', { folder: state(n).covered }) : t('resources.include.toggleAria', { folder: n.rel })
           "
           @update:model-value="(v: boolean) => emit('toggle', n.rel, v)"
         />
@@ -53,103 +43,103 @@
 </template>
 
 <script setup lang="ts">
-/**
- * Une branche de l'arbre des dossiers à inclure — et, par récursion, l'arbre.
- *
- * Il ne connaît ni le projet ni le service : il reçoit des nœuds mesurés et
- * signale la bascule. C'est le dialogue hôte qui décide de ce qu'elle change.
- */
-import { reactive } from 'vue';
-import { useI18n } from 'vue-i18n';
-import type { CandidateNode } from './projectResources';
+  /**
+   * Une branche de l'arbre des dossiers à inclure — et, par récursion, l'arbre.
+   *
+   * Il ne connaît ni le projet ni le service : il reçoit des nœuds mesurés et
+   * signale la bascule. C'est le dialogue hôte qui décide de ce qu'elle change.
+   */
+  import { reactive } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import type { CandidateNode } from './projectResources'
 
-const props = defineProps<{
-  nodes: CandidateNode[];
-  /** La sélection en cours, chemins complets. Rien n'est écrit tant qu'on n'applique pas. */
-  selected: string[];
-}>();
+  const props = defineProps<{
+    nodes: CandidateNode[]
+    /** La sélection en cours, chemins complets. Rien n'est écrit tant qu'on n'applique pas. */
+    selected: string[]
+  }>()
 
-const emit = defineEmits<{ toggle: [rel: string, on: boolean] }>();
+  const emit = defineEmits<{ toggle: [rel: string, on: boolean] }>()
 
-const { t } = useI18n();
+  const { t } = useI18n()
 
-// Un dossier de tête est déplié, ses descendants non : l'arbre s'ouvre sur ce
-// qu'on cherche neuf fois sur dix, sans dérouler le projet entier.
-const opened = reactive<Record<string, boolean>>({});
-const isOpen = (rel: string): boolean => Boolean(opened[rel]);
-function toggleOpen(rel: string): void {
-  opened[rel] = !opened[rel];
-}
+  // Un dossier de tête est déplié, ses descendants non : l'arbre s'ouvre sur ce
+  // qu'on cherche neuf fois sur dix, sans dérouler le projet entier.
+  const opened = reactive<Record<string, boolean>>({})
+  const isOpen = (rel: string): boolean => Boolean(opened[rel])
+  function toggleOpen(rel: string): void {
+    opened[rel] = !opened[rel]
+  }
 
-/**
- * L'état d'une case : cochée, et le cas échéant par quel ancêtre.
- *
- * Retenir `docs` emporte `docs/api` — le parcours du serveur est récursif. La
- * case du descendant doit donc le dire, et refuser d'être touchée : la décocher
- * ne retirerait rien, la cocher ajouterait un doublon.
- */
-function state(n: CandidateNode): { on: boolean; covered: string } {
-  if (props.selected.includes(n.rel)) return { on: true, covered: '' };
-  const parent = props.selected.find((f) => n.rel.startsWith(`${f}/`));
-  return { on: Boolean(parent), covered: parent ?? '' };
-}
+  /**
+   * L'état d'une case : cochée, et le cas échéant par quel ancêtre.
+   *
+   * Retenir `docs` emporte `docs/api` — le parcours du serveur est récursif. La
+   * case du descendant doit donc le dire, et refuser d'être touchée : la décocher
+   * ne retirerait rien, la cocher ajouterait un doublon.
+   */
+  function state(n: CandidateNode): { on: boolean; covered: string } {
+    if (props.selected.includes(n.rel)) return { on: true, covered: '' }
+    const parent = props.selected.find((f) => n.rel.startsWith(`${f}/`))
+    return { on: Boolean(parent), covered: parent ?? '' }
+  }
 </script>
 
 <style scoped lang="scss">
-// Le composant se rend lui-même : ses branches partagent donc le même scope CSS,
-// et l'imbrication se décrit d'une règle descendante plutôt que d'un compteur de
-// profondeur passé en prop.
-.fct {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-.fct .fct {
-  padding-left: var(--space-md);
-}
-.fct-row {
-  display: grid;
-  grid-template-columns: auto auto 1fr auto auto;
-  align-items: center;
-  gap: var(--space-xs);
-  padding: 2px var(--space-xs);
-  border-radius: var(--radius-xs);
-  border-left: 2px solid transparent;
-}
-.fct-row:hover {
-  background: var(--surface-2);
-}
-.fct-row--on {
-  border-left-color: var(--brand-line);
-}
-.fct-twist,
-.fct-twist-spacer {
-  width: 18px;
-  height: 18px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-.fct-twist {
-  background: none;
-  border: none;
-  padding: 0;
-  color: var(--muted);
-  cursor: pointer;
-}
-.fct-icon {
-  color: var(--dim);
-}
-.fct-name {
-  font-size: var(--fs-sm);
-  color: var(--text);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.fct-count {
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-  white-space: nowrap;
-}
+  // Le composant se rend lui-même : ses branches partagent donc le même scope CSS,
+  // et l'imbrication se décrit d'une règle descendante plutôt que d'un compteur de
+  // profondeur passé en prop.
+  .fct {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+  .fct .fct {
+    padding-left: var(--space-md);
+  }
+  .fct-row {
+    display: grid;
+    grid-template-columns: auto auto 1fr auto auto;
+    align-items: center;
+    gap: var(--space-xs);
+    padding: 2px var(--space-xs);
+    border-radius: var(--radius-xs);
+    border-left: 2px solid transparent;
+  }
+  .fct-row:hover {
+    background: var(--surface-2);
+  }
+  .fct-row--on {
+    border-left-color: var(--brand-line);
+  }
+  .fct-twist,
+  .fct-twist-spacer {
+    width: 18px;
+    height: 18px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .fct-twist {
+    background: none;
+    border: none;
+    padding: 0;
+    color: var(--muted);
+    cursor: pointer;
+  }
+  .fct-icon {
+    color: var(--dim);
+  }
+  .fct-name {
+    font-size: var(--fs-sm);
+    color: var(--text);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .fct-count {
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+    white-space: nowrap;
+  }
 </style>
diff --git a/src/components/resources/FrontmatterCard.vue b/src/components/resources/FrontmatterCard.vue
index a92799d..657a06f 100644
--- a/src/components/resources/FrontmatterCard.vue
+++ b/src/components/resources/FrontmatterCard.vue
@@ -14,12 +14,7 @@
       <div v-for="e in defined" :key="e.key" class="fm-row">
         <dt class="fm-key font-mono" :class="{ 'fm-key--doc': keyInfo(e.spec) }">
           {{ e.key }}
-          <q-tooltip
-            v-if="keyInfo(e.spec)"
-            anchor="top start"
-            self="bottom start"
-            max-width="320px"
-          >
+          <q-tooltip v-if="keyInfo(e.spec)" anchor="top start" self="bottom start" max-width="320px">
             {{ keyInfo(e.spec) }}
           </q-tooltip>
         </dt>
@@ -28,11 +23,7 @@
           <pre v-if="e.raw" class="fm-block font-mono">{{ e.raw }}</pre>
 
           <!-- Booleans: the literal value, with an on/off reading -->
-          <span
-            v-else-if="e.spec.kind === 'bool'"
-            class="fm-bool"
-            :class="e.value === 'true' ? 'fm-bool--on' : 'fm-bool--off'"
-          >
+          <span v-else-if="e.spec.kind === 'bool'" class="fm-bool" :class="e.value === 'true' ? 'fm-bool--on' : 'fm-bool--off'">
             <q-icon :name="e.value === 'true' ? 'check' : 'close'" size="12px" aria-hidden="true" />
             {{ e.value }}
           </span>
@@ -51,9 +42,7 @@
           <ul v-else-if="e.spec.kind === 'globs'" class="fm-globs">
             <li v-for="(g, i) in entryTokens(e)" :key="i">
               <code class="fm-glob">
-                <span v-for="(t, ti) in globTokens(g)" :key="ti" :class="{ 'fm-wild': t.wild }">{{
-                  t.text
-                }}</span>
+                <span v-for="(t, ti) in globTokens(g)" :key="ti" :class="{ 'fm-wild': t.wild }">{{ t.text }}</span>
               </code>
             </li>
           </ul>
@@ -80,17 +69,8 @@
 
     <!-- Keys the file omits: show the value Claude Code will assume -->
     <div v-if="omitted.length" class="fm-defaults">
-      <button
-        type="button"
-        class="fm-defaults-toggle"
-        :aria-expanded="showDefaults"
-        @click="showDefaults = !showDefaults"
-      >
-        <q-icon
-          :name="showDefaults ? 'expand_more' : 'chevron_right'"
-          size="16px"
-          aria-hidden="true"
-        />
+      <button type="button" class="fm-defaults-toggle" :aria-expanded="showDefaults" @click="showDefaults = !showDefaults">
+        <q-icon :name="showDefaults ? 'expand_more' : 'chevron_right'" size="16px" aria-hidden="true" />
         {{ t('frontmatter.undefinedKeys', omitted.length) }}
         <span class="fm-defaults-note">{{ t('frontmatter.defaultsNote') }}</span>
         <span v-if="missingRequired.length" class="fm-flag fm-flag--danger">
@@ -102,9 +82,7 @@
         <div v-for="s in omitted" :key="s.key" class="fm-row">
           <dt class="fm-key font-mono">
             {{ s.key }}
-            <q-tooltip anchor="top start" self="bottom start" max-width="320px">{{
-              keyInfo(s)
-            }}</q-tooltip>
+            <q-tooltip anchor="top start" self="bottom start" max-width="320px">{{ keyInfo(s) }}</q-tooltip>
           </dt>
           <dd class="fm-val" :class="s.required ? 'fm-required' : 'fm-fallback'">
             {{ keyFallback(s) }}
@@ -116,284 +94,274 @@
 </template>
 
 <script setup lang="ts">
-// Presents a resource's frontmatter as a reference card: every key the file sets,
-// rendered according to its type, and — behind a disclosure — every key it omits
-// with the value Claude Code will assume. Read-only by design: skills and agents
-// are written by Claude, and these pages are where a human checks what they declare.
-// The `keys` prop decides the vocabulary (SKILL_KEYS vs AGENT_KEYS), so a skill key
-// used in an agent (or the reverse) surfaces as "ignorée".
-// Pass an empty `keys` for a resource type Claude Code documents no vocabulary for:
-// the card then shows each key as written and passes no judgement — no tooltip, no
-// "ignorée" flag, no defaults disclosure. Silence beats inventing a reference.
-import { computed, ref, useId } from 'vue';
-import { useI18n } from 'vue-i18n';
-import { describeToolToken } from '@/utils/tools';
-import {
-  entryTokens,
-  isKnownKey,
-  keyFallback,
-  keyInfo,
-  keySpec,
-  type FmEntry,
-  type KeySpec,
-} from '@/utils/resourceFrontmatter';
+  // Presents a resource's frontmatter as a reference card: every key the file sets,
+  // rendered according to its type, and — behind a disclosure — every key it omits
+  // with the value Claude Code will assume. Read-only by design: skills and agents
+  // are written by Claude, and these pages are where a human checks what they declare.
+  // The `keys` prop decides the vocabulary (SKILL_KEYS vs AGENT_KEYS), so a skill key
+  // used in an agent (or the reverse) surfaces as "ignorée".
+  // Pass an empty `keys` for a resource type Claude Code documents no vocabulary for:
+  // the card then shows each key as written and passes no judgement — no tooltip, no
+  // "ignorée" flag, no defaults disclosure. Silence beats inventing a reference.
+  import { entryTokens, isKnownKey, keyFallback, keyInfo, keySpec, type FmEntry, type KeySpec } from '@/utils/resourceFrontmatter'
+  import { describeToolToken } from '@/utils/tools'
+  import { computed, ref, useId } from 'vue'
+  import { useI18n } from 'vue-i18n'
 
-const { t } = useI18n();
+  const { t } = useI18n()
 
-const props = defineProps<{
-  entries: FmEntry[];
-  /** The vocabulary this resource type understands; empty when there is none. */
-  keys: KeySpec[];
-  /** File or folder name, used when the frontmatter sets no `name`. */
-  fallbackName: string;
-  icon: string;
-  /** Shown in place of the description when the file has none. */
-  noDescription: string;
-}>();
+  const props = defineProps<{
+    entries: FmEntry[]
+    /** The vocabulary this resource type understands; empty when there is none. */
+    keys: KeySpec[]
+    /** File or folder name, used when the frontmatter sets no `name`. */
+    fallbackName: string
+    icon: string
+    /** Shown in place of the description when the file has none. */
+    noDescription: string
+  }>()
 
-// Un identifiant par instance plutôt qu'un `fm-title` en dur : deux cartes
-// montées ensemble se disputaient le même `aria-labelledby`, et un lecteur
-// d'écran annonçait la seconde du nom de la première.
-const titleId = useId();
+  // Un identifiant par instance plutôt qu'un `fm-title` en dur : deux cartes
+  // montées ensemble se disputaient le même `aria-labelledby`, et un lecteur
+  // d'écran annonçait la seconde du nom de la première.
+  const titleId = useId()
 
-const showDefaults = ref(false);
+  const showDefaults = ref(false)
 
-/** With no vocabulary there is nothing to compare against, hence nothing to flag. */
-const documented = computed(() => props.keys.length > 0);
+  /** With no vocabulary there is nothing to compare against, hence nothing to flag. */
+  const documented = computed(() => props.keys.length > 0)
 
-const byKey = (k: string): FmEntry | undefined => props.entries.find((e) => e.key === k);
-const displayName = computed(() => byKey('name')?.value || props.fallbackName);
-const description = computed(() => byKey('description')?.value ?? '');
+  const byKey = (k: string): FmEntry | undefined => props.entries.find((e) => e.key === k)
+  const displayName = computed(() => byKey('name')?.value || props.fallbackName)
+  const description = computed(() => byKey('description')?.value ?? '')
 
-/** A key we can render but not explain: shape read off the value, no `info`. */
-const neutralSpec = (e: FmEntry): KeySpec => ({
-  key: e.key,
-  kind: e.list.length ? 'list' : 'text',
-  ns: null,
-});
+  /** A key we can render but not explain: shape read off the value, no `info`. */
+  const neutralSpec = (e: FmEntry): KeySpec => ({
+    key: e.key,
+    kind: e.list.length ? 'list' : 'text',
+    ns: null,
+  })
 
-/** Every entry except the two already rendered as the card's header. */
-const defined = computed(() =>
-  props.entries
-    .filter((e) => e.key !== 'name' && e.key !== 'description')
-    .map((e) => ({ ...e, spec: documented.value ? keySpec(props.keys, e.key) : neutralSpec(e) })),
-);
+  /** Every entry except the two already rendered as the card's header. */
+  const defined = computed(() =>
+    props.entries
+      .filter((e) => e.key !== 'name' && e.key !== 'description')
+      .map((e) => ({ ...e, spec: documented.value ? keySpec(props.keys, e.key) : neutralSpec(e) })),
+  )
 
-/** Documented keys the file leaves out, so we can show their implicit value. */
-const omitted = computed<KeySpec[]>(() =>
-  props.keys.filter((s) => !props.entries.some((e) => e.key === s.key)),
-);
-const missingRequired = computed(() => omitted.value.filter((s) => s.required));
+  /** Documented keys the file leaves out, so we can show their implicit value. */
+  const omitted = computed<KeySpec[]>(() => props.keys.filter((s) => !props.entries.some((e) => e.key === s.key)))
+  const missingRequired = computed(() => omitted.value.filter((s) => s.required))
 
-interface GlobToken {
-  text: string;
-  wild: boolean;
-}
-function globTokens(pattern: string): GlobToken[] {
-  return pattern
-    .split(/(\*\*|\*|\?)/g)
-    .filter((s) => s !== '')
-    .map((t) => ({ text: t, wild: t === '**' || t === '*' || t === '?' }));
-}
+  interface GlobToken {
+    text: string
+    wild: boolean
+  }
+  function globTokens(pattern: string): GlobToken[] {
+    return pattern
+      .split(/(\*\*|\*|\?)/g)
+      .filter((s) => s !== '')
+      .map((t) => ({ text: t, wild: t === '**' || t === '*' || t === '?' }))
+  }
 </script>
 
 <style scoped lang="scss">
-.fm {
-  padding: var(--space-lg);
-}
-.fm-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-}
-.fm-head .q-icon {
-  color: var(--brand);
-}
-/* Quasar's typography.sass styles bare h1–h6: h2 carries a 3.75rem line-height
+  .fm {
+    padding: var(--space-lg);
+  }
+  .fm-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+  }
+  .fm-head .q-icon {
+    color: var(--brand);
+  }
+  /* Quasar's typography.sass styles bare h1–h6: h2 carries a 3.75rem line-height
    and a negative letter-spacing. Reset both, or the title towers over its row. */
-.fm-name {
-  font-size: var(--fs-lg);
-  font-weight: 600;
-  line-height: 1.3;
-  letter-spacing: normal;
-  margin: 0;
-}
-.fm-badge {
-  margin-left: auto;
-  font-size: var(--fs-2xs);
-  text-transform: uppercase;
-  letter-spacing: 0.08em;
-  color: var(--dim);
-  background: var(--surface-2);
-  border: 1px solid var(--line);
-  border-radius: var(--radius-xs);
-  padding: 1px 6px;
-}
-.fm-desc {
-  margin: var(--space-sm) 0 0;
-  color: var(--muted);
-  font-size: var(--fs-sm);
-  line-height: 1.55;
-}
-.fm-desc--absent {
-  color: var(--dim);
-  font-style: italic;
-}
+  .fm-name {
+    font-size: var(--fs-lg);
+    font-weight: 600;
+    line-height: 1.3;
+    letter-spacing: normal;
+    margin: 0;
+  }
+  .fm-badge {
+    margin-left: auto;
+    font-size: var(--fs-2xs);
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    color: var(--dim);
+    background: var(--surface-2);
+    border: 1px solid var(--line);
+    border-radius: var(--radius-xs);
+    padding: 1px 6px;
+  }
+  .fm-desc {
+    margin: var(--space-sm) 0 0;
+    color: var(--muted);
+    font-size: var(--fs-sm);
+    line-height: 1.55;
+  }
+  .fm-desc--absent {
+    color: var(--dim);
+    font-style: italic;
+  }
 
-.fm-grid {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-  margin: var(--space-md) 0 0;
-}
-.fm-row {
-  display: grid;
-  grid-template-columns: 200px 1fr;
-  gap: var(--space-md);
-  align-items: baseline;
-}
-@media (max-width: 720px) {
+  .fm-grid {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+    margin: var(--space-md) 0 0;
+  }
   .fm-row {
-    grid-template-columns: 1fr;
+    display: grid;
+    grid-template-columns: 200px 1fr;
+    gap: var(--space-md);
+    align-items: baseline;
+  }
+  @media (max-width: 720px) {
+    .fm-row {
+      grid-template-columns: 1fr;
+      gap: var(--space-xs);
+    }
+  }
+  .fm-key {
+    font-size: var(--fs-xs);
+    color: var(--muted);
+    justify-self: start;
+  }
+  // Only a key we can explain invites a hover.
+  .fm-key--doc {
+    cursor: help;
+    border-bottom: 1px dotted var(--line-2);
+  }
+  .fm-val {
+    margin: 0;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
     gap: var(--space-xs);
+    font-size: var(--fs-sm);
+    color: var(--text);
+    min-width: 0;
+  }
+  .fm-scalar {
+    word-break: break-word;
+  }
+  // Le dépliant explique aussi ses clés, mais sans le pointillé qui les signale.
+  .fm-grid--muted .fm-key {
+    cursor: help;
+  }
+  .fm-fallback {
+    color: var(--dim);
+    font-style: italic;
+    font-size: var(--fs-xs);
+  }
+  .fm-required {
+    color: var(--danger);
+    font-size: var(--fs-xs);
   }
-}
-.fm-key {
-  font-size: var(--fs-xs);
-  color: var(--muted);
-  justify-self: start;
-}
-// Only a key we can explain invites a hover.
-.fm-key--doc {
-  cursor: help;
-  border-bottom: 1px dotted var(--line-2);
-}
-.fm-val {
-  margin: 0;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: var(--space-xs);
-  font-size: var(--fs-sm);
-  color: var(--text);
-  min-width: 0;
-}
-.fm-scalar {
-  word-break: break-word;
-}
-// Le dépliant explique aussi ses clés, mais sans le pointillé qui les signale.
-.fm-grid--muted .fm-key {
-  cursor: help;
-}
-.fm-fallback {
-  color: var(--dim);
-  font-style: italic;
-  font-size: var(--fs-xs);
-}
-.fm-required {
-  color: var(--danger);
-  font-size: var(--fs-xs);
-}
 
-.fm-chip {
-  font-size: var(--fs-xs);
-  padding: 2px var(--space-sm);
-  background: var(--surface-2);
-  border: 1px solid var(--line-2);
-  border-radius: var(--radius-sm);
-  color: var(--text);
-  cursor: help;
-}
-.fm-bool {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  font-family: 'JetBrains Mono', ui-monospace, monospace;
-  font-size: var(--fs-xs);
-  padding: 2px var(--space-sm);
-  border-radius: var(--radius-sm);
-  border: 1px solid var(--line-2);
-}
-.fm-bool--on {
-  background: var(--brand-soft);
-  border-color: var(--brand-line);
-  color: var(--brand);
-}
-.fm-bool--off {
-  background: var(--surface-2);
-  color: var(--muted);
-}
-.fm-flag {
-  display: inline-flex;
-  align-items: center;
-  gap: 3px;
-  font-size: var(--fs-2xs);
-}
-.fm-flag--warn {
-  color: var(--warn);
-  cursor: help;
-}
-.fm-flag--danger {
-  color: var(--danger);
-  margin-left: var(--space-xs);
-}
+  .fm-chip {
+    font-size: var(--fs-xs);
+    padding: 2px var(--space-sm);
+    background: var(--surface-2);
+    border: 1px solid var(--line-2);
+    border-radius: var(--radius-sm);
+    color: var(--text);
+    cursor: help;
+  }
+  .fm-bool {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    font-family: 'JetBrains Mono', ui-monospace, monospace;
+    font-size: var(--fs-xs);
+    padding: 2px var(--space-sm);
+    border-radius: var(--radius-sm);
+    border: 1px solid var(--line-2);
+  }
+  .fm-bool--on {
+    background: var(--brand-soft);
+    border-color: var(--brand-line);
+    color: var(--brand);
+  }
+  .fm-bool--off {
+    background: var(--surface-2);
+    color: var(--muted);
+  }
+  .fm-flag {
+    display: inline-flex;
+    align-items: center;
+    gap: 3px;
+    font-size: var(--fs-2xs);
+  }
+  .fm-flag--warn {
+    color: var(--warn);
+    cursor: help;
+  }
+  .fm-flag--danger {
+    color: var(--danger);
+    margin-left: var(--space-xs);
+  }
 
-.fm-globs {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-}
-.fm-glob {
-  font-size: var(--fs-xs);
-  color: var(--muted);
-}
-.fm-wild {
-  color: var(--brand);
-  font-weight: 600;
-}
-.fm-block {
-  margin: 0;
-  width: 100%;
-  overflow-x: auto;
-  font-size: var(--fs-xs);
-  line-height: 1.5;
-  color: var(--muted);
-  background: var(--surface-2);
-  border: 1px solid var(--line);
-  border-radius: var(--radius-sm);
-  padding: var(--space-sm) var(--space-md);
-}
+  .fm-globs {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+  }
+  .fm-glob {
+    font-size: var(--fs-xs);
+    color: var(--muted);
+  }
+  .fm-wild {
+    color: var(--brand);
+    font-weight: 600;
+  }
+  .fm-block {
+    margin: 0;
+    width: 100%;
+    overflow-x: auto;
+    font-size: var(--fs-xs);
+    line-height: 1.5;
+    color: var(--muted);
+    background: var(--surface-2);
+    border: 1px solid var(--line);
+    border-radius: var(--radius-sm);
+    padding: var(--space-sm) var(--space-md);
+  }
 
-.fm-defaults {
-  margin-top: var(--space-md);
-  border-top: 1px solid var(--line);
-  padding-top: var(--space-sm);
-}
-.fm-defaults-toggle {
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  width: 100%;
-  background: transparent;
-  border: none;
-  padding: var(--space-xs) 0;
-  color: var(--muted);
-  font-size: var(--fs-xs);
-  cursor: pointer;
-  text-align: left;
-}
-.fm-defaults-toggle:hover {
-  color: var(--text);
-}
-.fm-defaults-toggle:focus-visible {
-  outline: 2px solid var(--brand-line);
-  outline-offset: 2px;
-  border-radius: var(--radius-xs);
-}
-.fm-defaults-note {
-  color: var(--dim);
-}
+  .fm-defaults {
+    margin-top: var(--space-md);
+    border-top: 1px solid var(--line);
+    padding-top: var(--space-sm);
+  }
+  .fm-defaults-toggle {
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    width: 100%;
+    background: transparent;
+    border: none;
+    padding: var(--space-xs) 0;
+    color: var(--muted);
+    font-size: var(--fs-xs);
+    cursor: pointer;
+    text-align: left;
+  }
+  .fm-defaults-toggle:hover {
+    color: var(--text);
+  }
+  .fm-defaults-toggle:focus-visible {
+    outline: 2px solid var(--brand-line);
+    outline-offset: 2px;
+    border-radius: var(--radius-xs);
+  }
+  .fm-defaults-note {
+    color: var(--dim);
+  }
 </style>
diff --git a/src/components/resources/IncludeFolderDialog.vue b/src/components/resources/IncludeFolderDialog.vue
index 48753af..35d28bd 100644
--- a/src/components/resources/IncludeFolderDialog.vue
+++ b/src/components/resources/IncludeFolderDialog.vue
@@ -8,9 +8,7 @@
 
       <p class="ifd-intro">{{ t('resources.include.intro') }}</p>
 
-      <div v-if="loading" class="ifd-state">
-        <q-spinner size="22px" /> {{ t('common.loading') }}
-      </div>
+      <div v-if="loading" class="ifd-state"><q-spinner size="22px" /> {{ t('common.loading') }}</div>
       <div v-else-if="error" class="ifd-state" role="alert">
         <q-icon name="error_outline" size="22px" color="negative" aria-hidden="true" />
         <p>{{ error }}</p>
@@ -22,164 +20,152 @@
       </div>
 
       <footer class="ifd-actions">
-        <span class="ifd-tally font-mono">{{
-          t('resources.include.selected', selection.length)
-        }}</span>
+        <span class="ifd-tally font-mono">{{ t('resources.include.selected', selection.length) }}</span>
         <q-btn flat no-caps dense :label="t('common.cancel')" @click="close" />
-        <q-btn
-          unelevated
-          no-caps
-          dense
-          color="primary"
-          :label="t('resources.include.apply')"
-          :disable="!changed"
-          @click="apply"
-        />
+        <q-btn unelevated no-caps dense color="primary" :label="t('resources.include.apply')" :disable="!changed" @click="apply" />
       </footer>
     </q-card>
   </q-dialog>
 </template>
 
 <script setup lang="ts">
-/**
- * Le sélecteur de dossiers à inclure dans l'arbre d'un projet.
- *
- * AURA mesure — combien de documents porte chaque sous-dossier — et propose ;
- * elle ne décide pas. Aucun signe sur le disque ne distingue un `docs/` qu'on lit
- * d'un dossier de gabarits que le programme consomme : c'est la seule chose que
- * la machine ne peut pas trancher à votre place.
- *
- * On y compose une sélection entière, et on l'applique d'un coup. Appliquer à
- * chaque case cochée aurait paru plus direct, mais chaque inclusion relit
- * l'inventaire du projet : on rangeait ses dossiers un par un, en attendant le
- * rechargement entre deux. Une liste se choisit, elle ne se bascule pas.
- */
-import { computed, ref, watch } from 'vue';
-import { useI18n } from 'vue-i18n';
-import { getFolderCandidates, type FolderCandidate } from '@/services/projects';
-import FolderCandidateTree from './FolderCandidateTree.vue';
-import { buildCandidateTree } from './projectResources';
-
-const props = defineProps<{
-  modelValue: boolean;
-  slug: string;
-  /** Les dossiers déjà inclus — le point de départ de la sélection. */
-  included: string[];
-}>();
-
-const emit = defineEmits<{
-  'update:modelValue': [v: boolean];
-  apply: [folders: string[]];
-}>();
-
-const { t } = useI18n();
-
-const candidates = ref<FolderCandidate[]>([]);
-const loading = ref(false);
-const error = ref('');
-
-const tree = computed(() => buildCandidateTree(candidates.value));
-
-/** Ce qu'on est en train de choisir. Rien n'est écrit tant qu'on n'applique pas. */
-const selection = ref<string[]>([]);
-
-const key = (l: string[]): string => [...l].sort((a, b) => a.localeCompare(b)).join('\n');
-const changed = computed(() => key(selection.value) !== key(props.included));
-
-/**
- * Cocher un dossier retire ceux qu'il emporte.
- *
- * L'inclusion est récursive : garder `docs/api` à côté de `docs` ferait deux
- * groupes pour les mêmes fichiers. Le sous-dossier reste coché à l'écran — son
- * ancêtre le couvre — mais il sort de la liste.
- */
-function toggle(rel: string, on: boolean): void {
-  selection.value = on
-    ? [...selection.value.filter((f) => !f.startsWith(`${rel}/`)), rel]
-    : selection.value.filter((f) => f !== rel);
-}
-
-function close(): void {
-  emit('update:modelValue', false);
-}
-
-function apply(): void {
-  emit('apply', [...selection.value]);
-  close();
-}
-
-// Le parcours coûte un balayage de l'arborescence : on ne le paie qu'à
-// l'ouverture, et une seule fois par ouverture. La sélection repart de ce qui est
-// inclus — rouvrir après avoir annulé ne doit pas garder les cases d'avant.
-watch(
-  () => props.modelValue,
-  async (open) => {
-    if (!open || !props.slug) return;
-    selection.value = [...props.included];
-    loading.value = true;
-    error.value = '';
-    try {
-      candidates.value = (await getFolderCandidates(props.slug)).candidates;
-    } catch (e) {
-      error.value = e instanceof Error ? e.message : t('resources.errors.list');
-    } finally {
-      loading.value = false;
-    }
-  },
-);
+  /**
+   * Le sélecteur de dossiers à inclure dans l'arbre d'un projet.
+   *
+   * AURA mesure — combien de documents porte chaque sous-dossier — et propose ;
+   * elle ne décide pas. Aucun signe sur le disque ne distingue un `docs/` qu'on lit
+   * d'un dossier de gabarits que le programme consomme : c'est la seule chose que
+   * la machine ne peut pas trancher à votre place.
+   *
+   * On y compose une sélection entière, et on l'applique d'un coup. Appliquer à
+   * chaque case cochée aurait paru plus direct, mais chaque inclusion relit
+   * l'inventaire du projet : on rangeait ses dossiers un par un, en attendant le
+   * rechargement entre deux. Une liste se choisit, elle ne se bascule pas.
+   */
+  import { getFolderCandidates, type FolderCandidate } from '@/services/projects'
+  import { computed, ref, watch } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import FolderCandidateTree from './FolderCandidateTree.vue'
+  import { buildCandidateTree } from './projectResources'
+
+  const props = defineProps<{
+    modelValue: boolean
+    slug: string
+    /** Les dossiers déjà inclus — le point de départ de la sélection. */
+    included: string[]
+  }>()
+
+  const emit = defineEmits<{
+    'update:modelValue': [v: boolean]
+    apply: [folders: string[]]
+  }>()
+
+  const { t } = useI18n()
+
+  const candidates = ref<FolderCandidate[]>([])
+  const loading = ref(false)
+  const error = ref('')
+
+  const tree = computed(() => buildCandidateTree(candidates.value))
+
+  /** Ce qu'on est en train de choisir. Rien n'est écrit tant qu'on n'applique pas. */
+  const selection = ref<string[]>([])
+
+  const key = (l: string[]): string => [...l].sort((a, b) => a.localeCompare(b)).join('\n')
+  const changed = computed(() => key(selection.value) !== key(props.included))
+
+  /**
+   * Cocher un dossier retire ceux qu'il emporte.
+   *
+   * L'inclusion est récursive : garder `docs/api` à côté de `docs` ferait deux
+   * groupes pour les mêmes fichiers. Le sous-dossier reste coché à l'écran — son
+   * ancêtre le couvre — mais il sort de la liste.
+   */
+  function toggle(rel: string, on: boolean): void {
+    selection.value = on ? [...selection.value.filter((f) => !f.startsWith(`${rel}/`)), rel] : selection.value.filter((f) => f !== rel)
+  }
+
+  function close(): void {
+    emit('update:modelValue', false)
+  }
+
+  function apply(): void {
+    emit('apply', [...selection.value])
+    close()
+  }
+
+  // Le parcours coûte un balayage de l'arborescence : on ne le paie qu'à
+  // l'ouverture, et une seule fois par ouverture. La sélection repart de ce qui est
+  // inclus — rouvrir après avoir annulé ne doit pas garder les cases d'avant.
+  watch(
+    () => props.modelValue,
+    async (open) => {
+      if (!open || !props.slug) return
+      selection.value = [...props.included]
+      loading.value = true
+      error.value = ''
+      try {
+        candidates.value = (await getFolderCandidates(props.slug)).candidates
+      } catch (e) {
+        error.value = e instanceof Error ? e.message : t('resources.errors.list')
+      } finally {
+        loading.value = false
+      }
+    },
+  )
 </script>
 
 <style scoped lang="scss">
-.ifd {
-  width: 520px;
-  max-width: 90vw;
-  padding: var(--space-lg);
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-md);
-}
-.ifd-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  color: var(--muted);
-}
-.ifd-title {
-  margin: 0;
-  font-size: var(--fs-md);
-  font-weight: 600;
-  color: var(--text);
-}
-.ifd-intro {
-  margin: 0;
-  font-size: var(--fs-sm);
-  color: var(--dim);
-}
-.ifd-state {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  color: var(--muted);
-  font-size: var(--fs-sm);
-  padding: var(--space-md) 0;
-
-  p {
+  .ifd {
+    width: 520px;
+    max-width: 90vw;
+    padding: var(--space-lg);
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md);
+  }
+  .ifd-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    color: var(--muted);
+  }
+  .ifd-title {
+    margin: 0;
+    font-size: var(--fs-md);
+    font-weight: 600;
+    color: var(--text);
+  }
+  .ifd-intro {
     margin: 0;
+    font-size: var(--fs-sm);
+    color: var(--dim);
+  }
+  .ifd-state {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    color: var(--muted);
+    font-size: var(--fs-sm);
+    padding: var(--space-md) 0;
+
+    p {
+      margin: 0;
+    }
+  }
+  .ifd-tree {
+    max-height: 46vh;
+    overflow-y: auto;
+  }
+  .ifd-actions {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    gap: var(--space-sm);
+  }
+  .ifd-tally {
+    margin-right: auto;
+    font-size: var(--fs-2xs);
+    color: var(--faint);
   }
-}
-.ifd-tree {
-  max-height: 46vh;
-  overflow-y: auto;
-}
-.ifd-actions {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  gap: var(--space-sm);
-}
-.ifd-tally {
-  margin-right: auto;
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-}
 </style>
diff --git a/src/components/resources/ProjectResourcesNav.vue b/src/components/resources/ProjectResourcesNav.vue
index 9b2c98a..bdea6a4 100644
--- a/src/components/resources/ProjectResourcesNav.vue
+++ b/src/components/resources/ProjectResourcesNav.vue
@@ -26,11 +26,7 @@
         "
         @click="toggleCat('project-memory')"
       >
-        <q-icon
-          :name="isCatOpen('project-memory') ? 'expand_more' : 'chevron_right'"
-          size="14px"
-          aria-hidden="true"
-        />
+        <q-icon :name="isCatOpen('project-memory') ? 'expand_more' : 'chevron_right'" size="14px" aria-hidden="true" />
         <q-icon name="psychology" size="14px" aria-hidden="true" />
         {{ t('resources.projectMemory') }}
         <span class="pd-group-src font-mono">{{ t('resources.outsideClaude') }}</span>
@@ -54,17 +50,11 @@
         class="pd-group-head section-label"
         :aria-expanded="isCatOpen('repo-docs')"
         :aria-label="
-          isCatOpen('repo-docs')
-            ? t('common.collapse', { label: t('resources.repoDocs') })
-            : t('common.expand', { label: t('resources.repoDocs') })
+          isCatOpen('repo-docs') ? t('common.collapse', { label: t('resources.repoDocs') }) : t('common.expand', { label: t('resources.repoDocs') })
         "
         @click="toggleCat('repo-docs')"
       >
-        <q-icon
-          :name="isCatOpen('repo-docs') ? 'expand_more' : 'chevron_right'"
-          size="14px"
-          aria-hidden="true"
-        />
+        <q-icon :name="isCatOpen('repo-docs') ? 'expand_more' : 'chevron_right'" size="14px" aria-hidden="true" />
         <q-icon name="article" size="14px" aria-hidden="true" />
         {{ t('resources.repoDocs') }}
         <span class="pd-group-src font-mono">{{ t('resources.outsideClaude') }}</span>
@@ -94,18 +84,10 @@
         type="button"
         class="pd-group-head section-label"
         :aria-expanded="isCatOpen(group.key)"
-        :aria-label="
-          isCatOpen(group.key)
-            ? t('common.collapse', { label: group.label })
-            : t('common.expand', { label: group.label })
-        "
+        :aria-label="isCatOpen(group.key) ? t('common.collapse', { label: group.label }) : t('common.expand', { label: group.label })"
         @click="toggleCat(group.key)"
       >
-        <q-icon
-          :name="isCatOpen(group.key) ? 'expand_more' : 'chevron_right'"
-          size="14px"
-          aria-hidden="true"
-        />
+        <q-icon :name="isCatOpen(group.key) ? 'expand_more' : 'chevron_right'" size="14px" aria-hidden="true" />
         <q-icon :name="group.icon" size="14px" aria-hidden="true" />
         {{ group.label }}
         <span class="pd-group-count">
@@ -123,18 +105,10 @@
                 type="button"
                 class="pd-skill-toggle"
                 :aria-expanded="isSkillExpanded(s.key)"
-                :aria-label="
-                  isSkillExpanded(s.key)
-                    ? t('common.collapse', { label: s.title })
-                    : t('common.expand', { label: s.title })
-                "
+                :aria-label="isSkillExpanded(s.key) ? t('common.collapse', { label: s.title }) : t('common.expand', { label: s.title })"
                 @click="toggleSkill(s.key)"
               >
-                <q-icon
-                  :name="isSkillExpanded(s.key) ? 'expand_more' : 'chevron_right'"
-                  size="16px"
-                  aria-hidden="true"
-                />
+                <q-icon :name="isSkillExpanded(s.key) ? 'expand_more' : 'chevron_right'" size="16px" aria-hidden="true" />
               </button>
               <span v-else class="pd-skill-toggle-spacer" aria-hidden="true" />
               <button
@@ -147,9 +121,7 @@
               >
                 <q-icon name="folder" size="14px" aria-hidden="true" />
                 <span class="pd-skill-name">{{ s.title }}</span>
-                <span v-if="s.refCount" class="pd-skill-badge font-mono">
-                  {{ s.refCount }} réf.
-                </span>
+                <span v-if="s.refCount" class="pd-skill-badge font-mono"> {{ s.refCount }} réf. </span>
               </button>
             </div>
 
@@ -179,19 +151,12 @@
                     :aria-expanded="isRefFolderExpanded(s.key, f.name)"
                     @click="toggleRefFolder(s.key, f.name)"
                   >
-                    <q-icon
-                      :name="isRefFolderExpanded(s.key, f.name) ? 'expand_more' : 'chevron_right'"
-                      size="14px"
-                      aria-hidden="true"
-                    />
+                    <q-icon :name="isRefFolderExpanded(s.key, f.name) ? 'expand_more' : 'chevron_right'" size="14px" aria-hidden="true" />
                     <q-icon name="folder_open" size="13px" aria-hidden="true" />
                     <span class="font-mono">{{ f.name }}</span>
                     <span class="pd-ref-folder-count font-mono">{{ f.items.length }}</span>
                   </button>
-                  <ul
-                    v-if="isRefFolderExpanded(s.key, f.name)"
-                    class="pd-res-list pd-ref-folder-items"
-                  >
+                  <ul v-if="isRefFolderExpanded(s.key, f.name)" class="pd-res-list pd-ref-folder-items">
                     <li v-for="r in f.items" :key="r.rel">
                       <button
                         type="button"
@@ -212,12 +177,7 @@
         </div>
 
         <!-- Règles : arbre repliable de dossiers (même principe que les skills) -->
-        <RuleTree
-          v-else-if="group.key === 'rules'"
-          :nodes="ruleTree"
-          :active-rel="activeResourceRel"
-          @open="(r) => emit('open-resource', r)"
-        />
+        <RuleTree v-else-if="group.key === 'rules'" :nodes="ruleTree" :active-rel="activeResourceRel" @open="(r) => emit('open-resource', r)" />
 
         <!-- Docs : arbre repliable de dossiers (ex. docs/diagrammes/) -->
         <RuleTree
@@ -247,12 +207,8 @@
               :aria-current="activeResourceRel === r.rel ? 'true' : undefined"
               @click="emit('open-resource', r)"
             >
-              <span class="pd-res-name font-mono">{{
-                group.key === 'agents' ? r.name : r.rel
-              }}</span>
-              <span v-if="group.key !== 'agents' && r.description" class="pd-res-desc">{{
-                r.description
-              }}</span>
+              <span class="pd-res-name font-mono">{{ group.key === 'agents' ? r.name : r.rel }}</span>
+              <span v-if="group.key !== 'agents' && r.description" class="pd-res-desc">{{ r.description }}</span>
               <span class="pd-res-size font-mono">{{ fmtBytes(r.size) }}</span>
             </button>
           </li>
@@ -269,18 +225,10 @@
           type="button"
           class="pd-group-head section-label"
           :aria-expanded="isCatOpen(`folder:${f.rel}`)"
-          :aria-label="
-            isCatOpen(`folder:${f.rel}`)
-              ? t('common.collapse', { label: f.rel })
-              : t('common.expand', { label: f.rel })
-          "
+          :aria-label="isCatOpen(`folder:${f.rel}`) ? t('common.collapse', { label: f.rel }) : t('common.expand', { label: f.rel })"
           @click="toggleCat(`folder:${f.rel}`)"
         >
-          <q-icon
-            :name="isCatOpen(`folder:${f.rel}`) ? 'expand_more' : 'chevron_right'"
-            size="14px"
-            aria-hidden="true"
-          />
+          <q-icon :name="isCatOpen(`folder:${f.rel}`) ? 'expand_more' : 'chevron_right'" size="14px" aria-hidden="true" />
           <q-icon name="folder_special" size="14px" aria-hidden="true" />
           <span class="pd-group-name font-mono">{{ f.rel }}</span>
           <span class="pd-group-count">{{ f.files.length }}</span>
@@ -314,30 +262,17 @@
         type="button"
         class="pd-group-head section-label"
         :aria-expanded="isCatOpen('plans')"
-        :aria-label="
-          isCatOpen('plans')
-            ? t('common.collapse', { label: t('resources.plans') })
-            : t('common.expand', { label: t('resources.plans') })
-        "
+        :aria-label="isCatOpen('plans') ? t('common.collapse', { label: t('resources.plans') }) : t('common.expand', { label: t('resources.plans') })"
         @click="toggleCat('plans')"
       >
-        <q-icon
-          :name="isCatOpen('plans') ? 'expand_more' : 'chevron_right'"
-          size="14px"
-          aria-hidden="true"
-        />
+        <q-icon :name="isCatOpen('plans') ? 'expand_more' : 'chevron_right'" size="14px" aria-hidden="true" />
         <q-icon name="assignment" size="14px" aria-hidden="true" />
         {{ t('resources.plans') }}
         <span class="pd-group-src font-mono">~/.claude/plans</span>
         <span class="pd-group-count">{{ plans.length }}</span>
       </button>
       <!-- Un projet ancien en accumule des dizaines : on les range par année/mois. -->
-      <PlanTree
-        v-if="isCatOpen('plans')"
-        :plans="plans"
-        :active-name="activePlanName"
-        @open="(p) => emit('open-plan', p)"
-      />
+      <PlanTree v-if="isCatOpen('plans')" :plans="plans" :active-name="activePlanName" @open="(p) => emit('open-plan', p)" />
     </div>
   </div>
 
@@ -358,411 +293,407 @@
 </template>
 
 <script setup lang="ts">
-/**
- * Le navigateur des ressources d'un projet — l'arbre, et rien d'autre.
- *
- * Il vit à deux endroits : la page Projet, où il occupe la colonne de gauche du
- * master-detail, et l'onglet « Ressources » du flux de session, dans la colonne
- * de droite. Les deux font la même largeur (360 px contre 376 px), d'où un seul
- * composant plutôt qu'une variante compacte : ce qui doit se ressembler est
- * identique par construction, et non par discipline.
- *
- * Il ne lit aucun fichier et n'appelle aucun service : il reçoit l'inventaire et
- * signale ce qu'on lui demande d'ouvrir. Ce que l'hôte en fait — une visionneuse
- * inline sur la page Projet, un dialogue dans le flux — ne le regarde pas.
- */
-import { computed, reactive } from 'vue';
-import { useI18n } from 'vue-i18n';
-import RuleTree from '@/components/RuleTree.vue';
-import PlanTree from '@/components/PlanTree.vue';
-import type { IncludedFolder, ResourceCategory, ResourceNode } from '@/services/projects';
-import type { PlanInfo } from '@/services/system';
-import { fmtBytes } from '@/utils/format';
-import { buildTree, CATEGORY_META, groupSkills, refLeaf, type RuleNode } from './projectResources';
+  /**
+   * Le navigateur des ressources d'un projet — l'arbre, et rien d'autre.
+   *
+   * Il vit à deux endroits : la page Projet, où il occupe la colonne de gauche du
+   * master-detail, et l'onglet « Ressources » du flux de session, dans la colonne
+   * de droite. Les deux font la même largeur (360 px contre 376 px), d'où un seul
+   * composant plutôt qu'une variante compacte : ce qui doit se ressembler est
+   * identique par construction, et non par discipline.
+   *
+   * Il ne lit aucun fichier et n'appelle aucun service : il reçoit l'inventaire et
+   * signale ce qu'on lui demande d'ouvrir. Ce que l'hôte en fait — une visionneuse
+   * inline sur la page Projet, un dialogue dans le flux — ne le regarde pas.
+   */
+  import PlanTree from '@/components/PlanTree.vue'
+  import RuleTree from '@/components/RuleTree.vue'
+  import type { IncludedFolder, ResourceCategory, ResourceNode } from '@/services/projects'
+  import type { PlanInfo } from '@/services/system'
+  import { fmtBytes } from '@/utils/format'
+  import { computed, reactive } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import { buildTree, CATEGORY_META, groupSkills, refLeaf, type RuleNode } from './projectResources'
 
-const props = withDefaults(
-  defineProps<{
-    resources: ResourceNode[];
-    /** Les instructions d'agents de l'arborescence des sources, hors `.claude`. */
-    memories: ResourceNode[];
-    /** Les documents du dépôt (README, CONTRIBUTING…), même provenance. */
-    repoDocs: ResourceNode[];
-    /** Les dossiers du projet que l'utilisateur a demandé à voir. */
-    folders?: IncludedFolder[];
-    /**
-     * Montrer les gestes d'inclusion — ajouter un dossier, en retirer un.
-     *
-     * Réservé à la page Projet. Le volet de l'Atelier affiche le même arbre mais
-     * ne configure rien : on y regarde une session, on n'y range pas un projet.
-     */
-    canInclude?: boolean;
-    hasClaudeDir: boolean;
-    /** Ressource ouverte, pour le surlignage — vide si la sélection vient d'ailleurs. */
-    activeResourceRel?: string;
-    activeMemoryRel?: string;
-    activeIncludedRel?: string;
-    /** Les plans du projet. Absents : le groupe ne s'affiche pas. */
-    plans?: PlanInfo[];
-    activePlanName?: string;
-  }>(),
-  {
-    activeResourceRel: '',
-    activeMemoryRel: '',
-    activeIncludedRel: '',
-    folders: () => [],
-    canInclude: false,
-    plans: () => [],
-    activePlanName: '',
-  },
-);
+  const props = withDefaults(
+    defineProps<{
+      resources: ResourceNode[]
+      /** Les instructions d'agents de l'arborescence des sources, hors `.claude`. */
+      memories: ResourceNode[]
+      /** Les documents du dépôt (README, CONTRIBUTING…), même provenance. */
+      repoDocs: ResourceNode[]
+      /** Les dossiers du projet que l'utilisateur a demandé à voir. */
+      folders?: IncludedFolder[]
+      /**
+       * Montrer les gestes d'inclusion — ajouter un dossier, en retirer un.
+       *
+       * Réservé à la page Projet. Le volet de l'Atelier affiche le même arbre mais
+       * ne configure rien : on y regarde une session, on n'y range pas un projet.
+       */
+      canInclude?: boolean
+      hasClaudeDir: boolean
+      /** Ressource ouverte, pour le surlignage — vide si la sélection vient d'ailleurs. */
+      activeResourceRel?: string
+      activeMemoryRel?: string
+      activeIncludedRel?: string
+      /** Les plans du projet. Absents : le groupe ne s'affiche pas. */
+      plans?: PlanInfo[]
+      activePlanName?: string
+    }>(),
+    {
+      activeResourceRel: '',
+      activeMemoryRel: '',
+      activeIncludedRel: '',
+      folders: () => [],
+      canInclude: false,
+      plans: () => [],
+      activePlanName: '',
+    },
+  )
 
-const emit = defineEmits<{
-  'open-resource': [r: ResourceNode];
-  'open-memory': [r: ResourceNode];
-  'open-included': [r: ResourceNode];
-  'open-plan': [p: PlanInfo];
-  'include-folder': [];
-  'exclude-folder': [rel: string];
-}>();
+  const emit = defineEmits<{
+    'open-resource': [r: ResourceNode]
+    'open-memory': [r: ResourceNode]
+    'open-included': [r: ResourceNode]
+    'open-plan': [p: PlanInfo]
+    'include-folder': []
+    'exclude-folder': [rel: string]
+  }>()
 
-const { t } = useI18n();
+  const { t } = useI18n()
 
-const resourceGroups = computed(() =>
-  CATEGORY_META.map((m) => ({
-    ...m,
-    label: t(`resources.categories.${m.key}`),
-    items: props.resources.filter((r) => r.category === m.key),
-  })).filter((g) => g.items.length),
-);
+  const resourceGroups = computed(() =>
+    CATEGORY_META.map((m) => ({
+      ...m,
+      label: t(`resources.categories.${m.key}`),
+      items: props.resources.filter((r) => r.category === m.key),
+    })).filter((g) => g.items.length),
+  )
 
-const skillGroups = computed(() => groupSkills(props.resources));
+  const skillGroups = computed(() => groupSkills(props.resources))
 
-const resourcesIn = (category: ResourceCategory): ResourceNode[] =>
-  props.resources.filter((r) => r.category === category);
+  const resourcesIn = (category: ResourceCategory): ResourceNode[] => props.resources.filter((r) => r.category === category)
 
-const ruleTree = computed<RuleNode[]>(() => buildTree(resourcesIn('rules'), { stripPrefix: true }));
-const docTree = computed<RuleNode[]>(() => buildTree(resourcesIn('docs'), { stripPrefix: true }));
-const toolTree = computed<RuleNode[]>(() => buildTree(resourcesIn('tools'), { stripPrefix: true }));
-const memoryTree = computed<RuleNode[]>(() =>
-  buildTree(props.memories, { stripPrefix: false, filesFirst: true }),
-);
+  const ruleTree = computed<RuleNode[]>(() => buildTree(resourcesIn('rules'), { stripPrefix: true }))
+  const docTree = computed<RuleNode[]>(() => buildTree(resourcesIn('docs'), { stripPrefix: true }))
+  const toolTree = computed<RuleNode[]>(() => buildTree(resourcesIn('tools'), { stripPrefix: true }))
+  const memoryTree = computed<RuleNode[]>(() => buildTree(props.memories, { stripPrefix: false, filesFirst: true }))
 
-/**
- * L'arbre d'un dossier inclus, préfixe retiré.
- *
- * Le `rel` des documents part de la racine du projet — c'est ce que la route de
- * lecture attend —, mais l'en-tête du groupe porte déjà le nom du dossier :
- * l'afficher à nouveau sur chaque ligne décalerait l'arbre pour rien.
- */
-const folderTrees = computed<Record<string, RuleNode[]>>(() => {
-  const out: Record<string, RuleNode[]> = {};
-  for (const f of props.folders) {
-    out[f.rel] = buildTree(f.files, {
-      stripPrefix: false,
-      stripSegments: f.rel.split('/').length,
-    });
-  }
-  return out;
-});
+  /**
+   * L'arbre d'un dossier inclus, préfixe retiré.
+   *
+   * Le `rel` des documents part de la racine du projet — c'est ce que la route de
+   * lecture attend —, mais l'en-tête du groupe porte déjà le nom du dossier :
+   * l'afficher à nouveau sur chaque ligne décalerait l'arbre pour rien.
+   */
+  const folderTrees = computed<Record<string, RuleNode[]>>(() => {
+    const out: Record<string, RuleNode[]> = {}
+    for (const f of props.folders) {
+      out[f.rel] = buildTree(f.files, {
+        stripPrefix: false,
+        stripSegments: f.rel.split('/').length,
+      })
+    }
+    return out
+  })
 
-/** Ce que le projet porte hors de `.claude` — mémoire et documents du dépôt. */
-const outsideCount = computed(() => props.memories.length + props.repoDocs.length);
+  /** Ce que le projet porte hors de `.claude` — mémoire et documents du dépôt. */
+  const outsideCount = computed(() => props.memories.length + props.repoDocs.length)
 
-// Les groupes de tête (Mémoire, Documents du dépôt, Agents, Skills, …, Plans)
-// arrivent repliés. Déployés, un projet installé en aligne assez pour que le bas
-// de l'arbre demande de faire défiler ; repliés, ils tiennent tous à l'écran et
-// l'on voit d'un coup ce que le projet porte.
-const expandedCats = reactive<Record<string, boolean>>({});
-const isCatOpen = (key: string): boolean => Boolean(expandedCats[key]);
-function toggleCat(key: string): void {
-  expandedCats[key] = !expandedCats[key];
-}
+  // Les groupes de tête (Mémoire, Documents du dépôt, Agents, Skills, …, Plans)
+  // arrivent repliés. Déployés, un projet installé en aligne assez pour que le bas
+  // de l'arbre demande de faire défiler ; repliés, ils tiennent tous à l'écran et
+  // l'on voit d'un coup ce que le projet porte.
+  const expandedCats = reactive<Record<string, boolean>>({})
+  const isCatOpen = (key: string): boolean => Boolean(expandedCats[key])
+  function toggleCat(key: string): void {
+    expandedCats[key] = !expandedCats[key]
+  }
 
-// Expand/collapse state. Skills start collapsed (keeps the tree compact); their
-// sub-folders default to expanded once the skill itself is opened.
-const expandedSkills = reactive<Record<string, boolean>>({});
-const collapsedRefFolders = reactive<Record<string, boolean>>({});
+  // Expand/collapse state. Skills start collapsed (keeps the tree compact); their
+  // sub-folders default to expanded once the skill itself is opened.
+  const expandedSkills = reactive<Record<string, boolean>>({})
+  const collapsedRefFolders = reactive<Record<string, boolean>>({})
 
-const isSkillExpanded = (key: string): boolean => Boolean(expandedSkills[key]);
-function toggleSkill(key: string): void {
-  expandedSkills[key] = !expandedSkills[key];
-}
-const refFolderKey = (skill: string, folder: string): string => `${skill}/${folder}`;
-const isRefFolderExpanded = (skill: string, folder: string): boolean =>
-  !collapsedRefFolders[refFolderKey(skill, folder)];
-function toggleRefFolder(skill: string, folder: string): void {
-  const k = refFolderKey(skill, folder);
-  collapsedRefFolders[k] = !collapsedRefFolders[k];
-}
+  const isSkillExpanded = (key: string): boolean => Boolean(expandedSkills[key])
+  function toggleSkill(key: string): void {
+    expandedSkills[key] = !expandedSkills[key]
+  }
+  const refFolderKey = (skill: string, folder: string): string => `${skill}/${folder}`
+  const isRefFolderExpanded = (skill: string, folder: string): boolean => !collapsedRefFolders[refFolderKey(skill, folder)]
+  function toggleRefFolder(skill: string, folder: string): void {
+    const k = refFolderKey(skill, folder)
+    collapsedRefFolders[k] = !collapsedRefFolders[k]
+  }
 </script>
 
 <style scoped lang="scss">
-.pd-empty {
-  margin: 0;
-  color: var(--dim);
-  font-size: var(--fs-sm);
-  padding: var(--space-md);
-}
-.pd-nav-groups {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-md);
-}
-.pd-group {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-xs);
-}
-.pd-group-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  width: 100%;
-  // Le style typographique reste celui de .section-label : ne rien redéclarer ici.
-  background: none;
-  border: none;
-  border-radius: var(--radius-sm);
-  padding: var(--space-xs) var(--space-sm);
-  text-align: left;
-  cursor: pointer;
-  transition: background var(--motion-fast);
-}
-.pd-group-head:hover {
-  background: var(--hover-overlay);
-}
-.pd-group-head:focus-visible {
-  outline: 2px solid var(--brand);
-  outline-offset: -2px;
-}
-.pd-group-count {
-  color: var(--faint);
-}
-// Provenance des plans : ils ne viennent pas du .claude du projet.
-.pd-group-src {
-  margin-left: auto;
-  color: var(--faint);
-  font-size: var(--fs-2xs);
-  text-transform: none;
-  letter-spacing: 0;
-}
-// Un dossier inclus porte une action de retrait : l'en-tête devient une ligne,
-// le bouton de repli en prend toute la place et le retrait ferme la marche.
-.pd-group-line {
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-}
-.pd-group-line .pd-group-head {
-  flex: 1;
-  min-width: 0;
-}
-.pd-group-name {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.pd-include {
-  align-self: flex-start;
-  margin-top: var(--space-md);
-  color: var(--muted);
-}
-.pd-res-list {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-.pd-res-row {
-  width: 100%;
-  display: grid;
-  grid-template-columns: 1fr auto;
-  align-items: baseline;
-  gap: 2px var(--space-sm);
-  padding: var(--space-sm);
-  background: none;
-  border: none;
-  border-left: 2px solid transparent;
-  border-radius: var(--radius-sm);
-  color: inherit;
-  text-align: left;
-  cursor: pointer;
-  transition:
-    background var(--motion-fast),
-    border-color var(--motion-fast);
-}
-.pd-res-row:hover {
-  background: var(--hover-overlay);
-}
-.pd-res-row:focus-visible {
-  outline: 2px solid var(--brand);
-  outline-offset: -2px;
-}
-.pd-res-row--active {
-  background: var(--brand-soft);
-  border-left-color: var(--brand);
-}
-.pd-res-name {
-  font-size: var(--fs-sm);
-  color: var(--text);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.pd-res-desc {
-  grid-column: 1 / -1;
-  font-size: var(--fs-xs);
-  color: var(--dim);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.pd-res-size {
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-  white-space: nowrap;
-}
+  .pd-empty {
+    margin: 0;
+    color: var(--dim);
+    font-size: var(--fs-sm);
+    padding: var(--space-md);
+  }
+  .pd-nav-groups {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md);
+  }
+  .pd-group {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+  }
+  .pd-group-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    width: 100%;
+    // Le style typographique reste celui de .section-label : ne rien redéclarer ici.
+    background: none;
+    border: none;
+    border-radius: var(--radius-sm);
+    padding: var(--space-xs) var(--space-sm);
+    text-align: left;
+    cursor: pointer;
+    transition: background var(--motion-fast);
+  }
+  .pd-group-head:hover {
+    background: var(--hover-overlay);
+  }
+  .pd-group-head:focus-visible {
+    outline: 2px solid var(--brand);
+    outline-offset: -2px;
+  }
+  .pd-group-count {
+    color: var(--faint);
+  }
+  // Provenance des plans : ils ne viennent pas du .claude du projet.
+  .pd-group-src {
+    margin-left: auto;
+    color: var(--faint);
+    font-size: var(--fs-2xs);
+    text-transform: none;
+    letter-spacing: 0;
+  }
+  // Un dossier inclus porte une action de retrait : l'en-tête devient une ligne,
+  // le bouton de repli en prend toute la place et le retrait ferme la marche.
+  .pd-group-line {
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+  }
+  .pd-group-line .pd-group-head {
+    flex: 1;
+    min-width: 0;
+  }
+  .pd-group-name {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .pd-include {
+    align-self: flex-start;
+    margin-top: var(--space-md);
+    color: var(--muted);
+  }
+  .pd-res-list {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+  .pd-res-row {
+    width: 100%;
+    display: grid;
+    grid-template-columns: 1fr auto;
+    align-items: baseline;
+    gap: 2px var(--space-sm);
+    padding: var(--space-sm);
+    background: none;
+    border: none;
+    border-left: 2px solid transparent;
+    border-radius: var(--radius-sm);
+    color: inherit;
+    text-align: left;
+    cursor: pointer;
+    transition:
+      background var(--motion-fast),
+      border-color var(--motion-fast);
+  }
+  .pd-res-row:hover {
+    background: var(--hover-overlay);
+  }
+  .pd-res-row:focus-visible {
+    outline: 2px solid var(--brand);
+    outline-offset: -2px;
+  }
+  .pd-res-row--active {
+    background: var(--brand-soft);
+    border-left-color: var(--brand);
+  }
+  .pd-res-name {
+    font-size: var(--fs-sm);
+    color: var(--text);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .pd-res-desc {
+    grid-column: 1 / -1;
+    font-size: var(--fs-xs);
+    color: var(--dim);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .pd-res-size {
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+    white-space: nowrap;
+  }
 
-// ── Skills : dossier (SKILL.md) + références imbriquées ────────────────────────
-.pd-skills {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-}
-.pd-skill {
-  display: flex;
-  flex-direction: column;
-}
-.pd-skill-head {
-  display: flex;
-  align-items: center;
-}
-// Chevron de disclosure : replie/déplie le skill sans ouvrir le SKILL.md.
-.pd-skill-toggle,
-.pd-skill-toggle-spacer {
-  flex: 0 0 auto;
-  width: 20px;
-  height: 24px;
-}
-.pd-skill-toggle {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: none;
-  border: none;
-  padding: 0;
-  color: var(--dim);
-  cursor: pointer;
-  border-radius: var(--radius-xs);
-  transition:
-    background var(--motion-fast),
-    color var(--motion-fast);
-}
-.pd-skill-toggle:hover {
-  background: var(--hover-overlay);
-  color: var(--text);
-}
-.pd-skill-toggle:focus-visible {
-  outline: 2px solid var(--brand);
-  outline-offset: -2px;
-}
-.pd-skill-open {
-  flex: 1 1 auto;
-  min-width: 0;
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  padding: var(--space-sm);
-  background: none;
-  border: none;
-  border-left: 2px solid transparent;
-  border-radius: var(--radius-sm);
-  color: inherit;
-  text-align: left;
-  cursor: pointer;
-  transition:
-    background var(--motion-fast),
-    border-color var(--motion-fast);
-}
-.pd-skill-open:hover:not(:disabled) {
-  background: var(--hover-overlay);
-}
-.pd-skill-open:disabled {
-  cursor: default;
-}
-.pd-skill-open:focus-visible {
-  outline: 2px solid var(--brand);
-  outline-offset: -2px;
-}
-.pd-skill-open .q-icon {
-  color: var(--brand);
-  flex: 0 0 auto;
-}
-// Le corps (description + arbre) s'aligne sous le nom, pas sous le chevron.
-.pd-skill-body {
-  padding-left: 20px;
-}
-.pd-skill-name {
-  flex: 1 1 auto;
-  min-width: 0;
-  font-size: var(--fs-sm);
-  font-weight: 600;
-  color: var(--text);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.pd-skill-badge {
-  flex: 0 0 auto;
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-  padding: 1px 6px;
-  border: 1px solid var(--line-2);
-  border-radius: 999px;
-}
-// Trait vertical qui matérialise l'appartenance des références au skill.
-.pd-skill-refs {
-  margin-left: calc(var(--space-sm) + 7px);
-  padding-left: var(--space-sm);
-  border-left: 1px solid var(--line-2);
-}
-.pd-res-row--ref .pd-res-name {
-  font-size: var(--fs-xs);
-  color: var(--text);
-}
-// Nœud de sous-dossier (ex. `references/`) : repliable dans l'arbre du skill.
-.pd-ref-folder-head {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  padding: var(--space-xs) var(--space-sm);
-  font-size: var(--fs-xs);
-  color: var(--muted);
-  background: none;
-  border: none;
-  border-radius: var(--radius-sm);
-  text-align: left;
-  cursor: pointer;
-  transition: background var(--motion-fast);
-}
-.pd-ref-folder-head:hover {
-  background: var(--hover-overlay);
-}
-.pd-ref-folder-head:focus-visible {
-  outline: 2px solid var(--brand);
-  outline-offset: -2px;
-}
-.pd-ref-folder-head .q-icon {
-  color: var(--faint);
-  flex: 0 0 auto;
-}
-.pd-ref-folder-count {
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-}
-// Les fichiers du sous-dossier sont décalés sous son nœud.
-.pd-ref-folder-items {
-  margin-left: calc(var(--space-sm) + 7px);
-  padding-left: var(--space-sm);
-  border-left: 1px solid var(--line-2);
-}
+  // ── Skills : dossier (SKILL.md) + références imbriquées ────────────────────────
+  .pd-skills {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+  }
+  .pd-skill {
+    display: flex;
+    flex-direction: column;
+  }
+  .pd-skill-head {
+    display: flex;
+    align-items: center;
+  }
+  // Chevron de disclosure : replie/déplie le skill sans ouvrir le SKILL.md.
+  .pd-skill-toggle,
+  .pd-skill-toggle-spacer {
+    flex: 0 0 auto;
+    width: 20px;
+    height: 24px;
+  }
+  .pd-skill-toggle {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: none;
+    border: none;
+    padding: 0;
+    color: var(--dim);
+    cursor: pointer;
+    border-radius: var(--radius-xs);
+    transition:
+      background var(--motion-fast),
+      color var(--motion-fast);
+  }
+  .pd-skill-toggle:hover {
+    background: var(--hover-overlay);
+    color: var(--text);
+  }
+  .pd-skill-toggle:focus-visible {
+    outline: 2px solid var(--brand);
+    outline-offset: -2px;
+  }
+  .pd-skill-open {
+    flex: 1 1 auto;
+    min-width: 0;
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    padding: var(--space-sm);
+    background: none;
+    border: none;
+    border-left: 2px solid transparent;
+    border-radius: var(--radius-sm);
+    color: inherit;
+    text-align: left;
+    cursor: pointer;
+    transition:
+      background var(--motion-fast),
+      border-color var(--motion-fast);
+  }
+  .pd-skill-open:hover:not(:disabled) {
+    background: var(--hover-overlay);
+  }
+  .pd-skill-open:disabled {
+    cursor: default;
+  }
+  .pd-skill-open:focus-visible {
+    outline: 2px solid var(--brand);
+    outline-offset: -2px;
+  }
+  .pd-skill-open .q-icon {
+    color: var(--brand);
+    flex: 0 0 auto;
+  }
+  // Le corps (description + arbre) s'aligne sous le nom, pas sous le chevron.
+  .pd-skill-body {
+    padding-left: 20px;
+  }
+  .pd-skill-name {
+    flex: 1 1 auto;
+    min-width: 0;
+    font-size: var(--fs-sm);
+    font-weight: 600;
+    color: var(--text);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .pd-skill-badge {
+    flex: 0 0 auto;
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+    padding: 1px 6px;
+    border: 1px solid var(--line-2);
+    border-radius: 999px;
+  }
+  // Trait vertical qui matérialise l'appartenance des références au skill.
+  .pd-skill-refs {
+    margin-left: calc(var(--space-sm) + 7px);
+    padding-left: var(--space-sm);
+    border-left: 1px solid var(--line-2);
+  }
+  .pd-res-row--ref .pd-res-name {
+    font-size: var(--fs-xs);
+    color: var(--text);
+  }
+  // Nœud de sous-dossier (ex. `references/`) : repliable dans l'arbre du skill.
+  .pd-ref-folder-head {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    padding: var(--space-xs) var(--space-sm);
+    font-size: var(--fs-xs);
+    color: var(--muted);
+    background: none;
+    border: none;
+    border-radius: var(--radius-sm);
+    text-align: left;
+    cursor: pointer;
+    transition: background var(--motion-fast);
+  }
+  .pd-ref-folder-head:hover {
+    background: var(--hover-overlay);
+  }
+  .pd-ref-folder-head:focus-visible {
+    outline: 2px solid var(--brand);
+    outline-offset: -2px;
+  }
+  .pd-ref-folder-head .q-icon {
+    color: var(--faint);
+    flex: 0 0 auto;
+  }
+  .pd-ref-folder-count {
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+  }
+  // Les fichiers du sous-dossier sont décalés sous son nœud.
+  .pd-ref-folder-items {
+    margin-left: calc(var(--space-sm) + 7px);
+    padding-left: var(--space-sm);
+    border-left: 1px solid var(--line-2);
+  }
 </style>
diff --git a/src/components/resources/ProjectResourcesPanel.vue b/src/components/resources/ProjectResourcesPanel.vue
index 1f0ed7b..09d0d24 100644
--- a/src/components/resources/ProjectResourcesPanel.vue
+++ b/src/components/resources/ProjectResourcesPanel.vue
@@ -17,16 +17,7 @@
           })
         }}
       </span>
-      <q-btn
-        flat
-        dense
-        round
-        size="sm"
-        icon="refresh"
-        :aria-label="t('resources.reloadAria')"
-        :disable="loading"
-        @click="reload"
-      />
+      <q-btn flat dense round size="sm" icon="refresh" :aria-label="t('resources.reloadAria')" :disable="loading" @click="reload" />
     </header>
 
     <div v-if="loading && !data" class="prp-skel">
@@ -62,165 +53,157 @@
 </template>
 
 <script setup lang="ts">
-/**
- * L'inventaire d'un projet, chargé quand on le regarde et pas avant.
- *
- * Il vit dans un écran de direct, où tout le reste se rafraîchit — le transcript
- * sur événement, le rythme toutes les trente secondes. Les ressources, non :
- * elles ne changent que si l'on édite un fichier, et relire l'arborescence au
- * rythme du flux serait du travail pur pour un résultat identique. Le
- * rechargement est donc un geste, pas une horloge.
- *
- * Les dossiers inclus s'y montrent comme dans la page Projet — c'est le même
- * inventaire — mais sans `can-include` : on les lit ici, on les choisit là-bas.
- * Un même réglage édité depuis deux écrans, c'est deux endroits où le corriger.
- */
-import { ref, watch } from 'vue';
-import { useI18n } from 'vue-i18n';
-import {
-  getProjectPlans,
-  getProjectResources,
-  type ProjectResources,
-  type ResourceNode,
-} from '@/services/projects';
-import type { PlanInfo } from '@/services/system';
-import { treeCount, type ResourceSource } from './projectResources';
-import ProjectResourcesNav from './ProjectResourcesNav.vue';
+  /**
+   * L'inventaire d'un projet, chargé quand on le regarde et pas avant.
+   *
+   * Il vit dans un écran de direct, où tout le reste se rafraîchit — le transcript
+   * sur événement, le rythme toutes les trente secondes. Les ressources, non :
+   * elles ne changent que si l'on édite un fichier, et relire l'arborescence au
+   * rythme du flux serait du travail pur pour un résultat identique. Le
+   * rechargement est donc un geste, pas une horloge.
+   *
+   * Les dossiers inclus s'y montrent comme dans la page Projet — c'est le même
+   * inventaire — mais sans `can-include` : on les lit ici, on les choisit là-bas.
+   * Un même réglage édité depuis deux écrans, c'est deux endroits où le corriger.
+   */
+  import { getProjectPlans, getProjectResources, type ProjectResources, type ResourceNode } from '@/services/projects'
+  import type { PlanInfo } from '@/services/system'
+  import { ref, watch } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import { treeCount, type ResourceSource } from './projectResources'
+  import ProjectResourcesNav from './ProjectResourcesNav.vue'
 
-const props = withDefaults(
-  defineProps<{
-    slug: string;
-    /** L'onglet est-il visible ? Rien n'est demandé au serveur tant qu'il ne l'est pas. */
-    active?: boolean;
-    /** La ressource ouverte dans le dialogue, pour la surligner dans l'arbre. */
-    activeRel?: string;
-    activeSource?: ResourceSource;
-  }>(),
-  { active: false, activeRel: '', activeSource: 'resource' },
-);
+  const props = withDefaults(
+    defineProps<{
+      slug: string
+      /** L'onglet est-il visible ? Rien n'est demandé au serveur tant qu'il ne l'est pas. */
+      active?: boolean
+      /** La ressource ouverte dans le dialogue, pour la surligner dans l'arbre. */
+      activeRel?: string
+      activeSource?: ResourceSource
+    }>(),
+    { active: false, activeRel: '', activeSource: 'resource' },
+  )
 
-const emit = defineEmits<{ open: [r: ResourceNode, source: ResourceSource] }>();
+  const emit = defineEmits<{ open: [r: ResourceNode, source: ResourceSource] }>()
 
-const { t } = useI18n();
+  const { t } = useI18n()
 
-const data = ref<ProjectResources | null>(null);
-/**
- * Les plans du projet — le même groupe que dans la page Projet.
- *
- * Ils vivent dans `~/.claude/plans`, hors du projet, d'où une seconde requête :
- * l'inventaire du `.claude` ne les connaît pas. Un projet sans plan fait
- * disparaître le groupe de lui-même.
- */
-const plans = ref<PlanInfo[]>([]);
+  const data = ref<ProjectResources | null>(null)
+  /**
+   * Les plans du projet — le même groupe que dans la page Projet.
+   *
+   * Ils vivent dans `~/.claude/plans`, hors du projet, d'où une seconde requête :
+   * l'inventaire du `.claude` ne les connaît pas. Un projet sans plan fait
+   * disparaître le groupe de lui-même.
+   */
+  const plans = ref<PlanInfo[]>([])
 
-/**
- * Un plan n'est pas un `ResourceNode`, mais il se lit comme lui.
- *
- * Le dialogue attend un nœud ; on lui en donne un, avec le nom lisible en titre
- * et le fichier en chemin — et `source: 'plan'`, qui décide de la route de
- * lecture. La catégorie ne sert qu'au vocabulaire de frontmatter, qu'un plan
- * n'a pas.
- */
-function openPlan(p: PlanInfo): void {
-  emit(
-    'open',
-    {
-      category: 'docs',
-      rel: p.name,
-      name: p.title || p.name,
-      title: p.title,
-      description: '',
-      size: p.size,
-      mtime: p.mtime,
-    },
-    'plan',
-  );
-}
-/** Le projet que `data` décrit — ce qui distingue « déjà chargé » de « à charger ». */
-const loadedSlug = ref('');
-const loading = ref(false);
-const error = ref('');
+  /**
+   * Un plan n'est pas un `ResourceNode`, mais il se lit comme lui.
+   *
+   * Le dialogue attend un nœud ; on lui en donne un, avec le nom lisible en titre
+   * et le fichier en chemin — et `source: 'plan'`, qui décide de la route de
+   * lecture. La catégorie ne sert qu'au vocabulaire de frontmatter, qu'un plan
+   * n'a pas.
+   */
+  function openPlan(p: PlanInfo): void {
+    emit(
+      'open',
+      {
+        category: 'docs',
+        rel: p.name,
+        name: p.title || p.name,
+        title: p.title,
+        description: '',
+        size: p.size,
+        mtime: p.mtime,
+      },
+      'plan',
+    )
+  }
+  /** Le projet que `data` décrit — ce qui distingue « déjà chargé » de « à charger ». */
+  const loadedSlug = ref('')
+  const loading = ref(false)
+  const error = ref('')
 
-async function load(slug: string, force = false): Promise<void> {
-  if (!slug) return;
-  if (!force && loadedSlug.value === slug && data.value) return;
-  loading.value = true;
-  error.value = '';
-  try {
-    // Les plans sont une requête à part, et leur échec n'est pas celui de
-    // l'inventaire : un `~/.claude/plans` vide ou illisible ne doit pas priver
-    // l'écran des agents, des skills et des règles du projet.
-    const [res, planList] = await Promise.all([
-      getProjectResources(slug),
-      getProjectPlans(slug).catch(() => ({ plans: [] as PlanInfo[] })),
-    ]);
-    // Le projet a pu changer pendant la requête : on jette la réponse tardive.
-    if (props.slug !== slug) return;
-    data.value = res;
-    plans.value = planList.plans;
-    loadedSlug.value = slug;
-  } catch (e) {
-    if (props.slug !== slug) return;
-    error.value = e instanceof Error ? e.message : t('resources.errors.unreadable');
-  } finally {
-    loading.value = false;
+  async function load(slug: string, force = false): Promise<void> {
+    if (!slug) return
+    if (!force && loadedSlug.value === slug && data.value) return
+    loading.value = true
+    error.value = ''
+    try {
+      // Les plans sont une requête à part, et leur échec n'est pas celui de
+      // l'inventaire : un `~/.claude/plans` vide ou illisible ne doit pas priver
+      // l'écran des agents, des skills et des règles du projet.
+      const [res, planList] = await Promise.all([getProjectResources(slug), getProjectPlans(slug).catch(() => ({ plans: [] as PlanInfo[] }))])
+      // Le projet a pu changer pendant la requête : on jette la réponse tardive.
+      if (props.slug !== slug) return
+      data.value = res
+      plans.value = planList.plans
+      loadedSlug.value = slug
+    } catch (e) {
+      if (props.slug !== slug) return
+      error.value = e instanceof Error ? e.message : t('resources.errors.unreadable')
+    } finally {
+      loading.value = false
+    }
   }
-}
 
-function reload(): void {
-  void load(props.slug, true);
-}
+  function reload(): void {
+    void load(props.slug, true)
+  }
 
-// Deux déclencheurs, une seule condition : l'onglet est ouvert et l'on sait de
-// quel projet il s'agit. Changer de session dans le même projet ne déclenche
-// rien — l'inventaire ne dépend pas de la session.
-watch(
-  () => [props.active, props.slug] as const,
-  ([active, slug]) => {
-    if (!active || !slug) return;
-    if (loadedSlug.value && loadedSlug.value !== slug) {
-      data.value = null;
-      plans.value = [];
-      loadedSlug.value = '';
-    }
-    void load(slug);
-  },
-  { immediate: true },
-);
+  // Deux déclencheurs, une seule condition : l'onglet est ouvert et l'on sait de
+  // quel projet il s'agit. Changer de session dans le même projet ne déclenche
+  // rien — l'inventaire ne dépend pas de la session.
+  watch(
+    () => [props.active, props.slug] as const,
+    ([active, slug]) => {
+      if (!active || !slug) return
+      if (loadedSlug.value && loadedSlug.value !== slug) {
+        data.value = null
+        plans.value = []
+        loadedSlug.value = ''
+      }
+      void load(slug)
+    },
+    { immediate: true },
+  )
 </script>
 
 <style scoped lang="scss">
-.prp {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-md);
-  padding: var(--space-md);
-}
-.prp-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  color: var(--muted);
-}
-.prp-count {
-  font-size: var(--fs-xs);
-  color: var(--dim);
-  margin-left: auto;
-}
-.prp-skel {
-  padding: 0 var(--space-xs);
-}
-.prp-state {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: var(--space-sm);
-  padding: var(--space-lg) var(--space-md);
-  color: var(--muted);
-  text-align: center;
-}
-.prp-state p {
-  margin: 0;
-  font-size: var(--fs-sm);
-}
+  .prp {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md);
+    padding: var(--space-md);
+  }
+  .prp-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    color: var(--muted);
+  }
+  .prp-count {
+    font-size: var(--fs-xs);
+    color: var(--dim);
+    margin-left: auto;
+  }
+  .prp-skel {
+    padding: 0 var(--space-xs);
+  }
+  .prp-state {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: var(--space-sm);
+    padding: var(--space-lg) var(--space-md);
+    color: var(--muted);
+    text-align: center;
+  }
+  .prp-state p {
+    margin: 0;
+    font-size: var(--fs-sm);
+  }
 </style>
diff --git a/src/components/resources/ResourceDialog.vue b/src/components/resources/ResourceDialog.vue
index bc98c06..f50e965 100644
--- a/src/components/resources/ResourceDialog.vue
+++ b/src/components/resources/ResourceDialog.vue
@@ -15,21 +15,11 @@
           <h2 :id="titleId" class="rd-title">{{ resource?.name }}</h2>
           <span class="rd-path font-mono">{{ resource?.rel }}</span>
         </div>
-        <span class="rd-ro font-mono">
-          <q-icon name="lock" size="12px" aria-hidden="true" /> {{ t('common.readOnly') }}
-        </span>
+        <span class="rd-ro font-mono"> <q-icon name="lock" size="12px" aria-hidden="true" /> {{ t('common.readOnly') }} </span>
         <!-- Pas de bouton tant qu'il n'y a rien à copier : un bouton grisé
              occuperait la place et n'apprendrait rien de plus. -->
         <CopyButton v-if="content" :text="content" :label="t('resources.copyContent')" />
-        <q-btn
-          v-close-popup
-          flat
-          dense
-          round
-          size="sm"
-          icon="close"
-          :aria-label="t('common.close')"
-        />
+        <q-btn v-close-popup flat dense round size="sm" icon="close" :aria-label="t('common.close')" />
       </header>
 
       <!-- Le corps défile chez lui : `min-height: 0` est ce qui autorise l'enfant
@@ -64,184 +54,172 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref, useId, watch } from 'vue';
-import { useI18n } from 'vue-i18n';
-import { readIncludedFile, readMemory, readResource, type ResourceNode } from '@/services/projects';
-import { readPlan } from '@/services/system';
-import { parseDoc, type KeySpec } from '@/utils/resourceFrontmatter';
-import { CATEGORY_META, FM_KEYS, renderBody, type ResourceSource } from './projectResources';
-import FrontmatterCard from './FrontmatterCard.vue';
-import MarkdownView from '@/components/replay/MarkdownView.vue';
-import CopyButton from '@/components/ui/CopyButton.vue';
-
-const props = withDefaults(
-  defineProps<{
-    slug: string;
-    /** `null` ferme le dialogue. Ouvrir, c'est passer un nœud. */
-    resource: ResourceNode | null;
-    /** Quatre provenances, quatre routes de lecture — voir `ResourceSource`. */
-    source?: ResourceSource;
-  }>(),
-  { source: 'resource' },
-);
-
-const emit = defineEmits<{ close: [] }>();
-
-const { t } = useI18n();
-
-// Un identifiant par instance : deux cartes ouvertes ne se disputent pas le même
-// `aria-labelledby`, quoi qu'il advienne des pages hôtes.
-const titleId = useId();
-
-const content = ref('');
-const ext = ref('');
-const loading = ref(false);
-const error = ref('');
-
-// Chaque provenance a sa route ; un plan n'est pas ici, il se lit par son nom de
-// fichier et n'a pas de slug à passer.
-const READERS: Record<
-  Exclude<ResourceSource, 'plan'>,
-  (slug: string, path: string) => Promise<{ rel: string; content: string }>
-> = {
-  resource: readResource,
-  memory: readMemory,
-  included: readIncludedFile,
-};
-
-const icon = computed(() => {
-  // Un document du dépôt se lit par la route de la mémoire, sans en être : la
-  // catégorie tranche.
-  if (props.resource?.category === 'repo') return 'article';
-  if (props.source === 'memory') return 'psychology';
-  // La même icône que le groupe « Plans » de l'arbre d'où part le clic.
-  if (props.source === 'plan') return 'assignment';
-  return CATEGORY_META.find((m) => m.key === props.resource?.category)?.icon ?? 'description';
-});
-
-async function load(node: ResourceNode): Promise<void> {
-  content.value = '';
-  error.value = '';
-  loading.value = true;
-  try {
-    // Un plan ne vit pas dans le projet mais dans `~/.claude/plans`, et se lit
-    // par son nom de fichier — le slug n'entre pas dans l'adresse.
-    const { content: c } =
-      props.source === 'plan'
-        ? await readPlan(node.rel)
-        : await READERS[props.source](props.slug, node.rel);
-    // Cliquer vite sur deux fichiers ne doit pas afficher le contenu du premier
-    // sous le titre du second : une réponse qui n'est plus attendue est jetée.
-    if (props.resource?.rel !== node.rel) return;
-    content.value = c;
-    // Le titre d'un plan est sa première ligne, pas un nom de fichier : c'est
-    // `rel` qui porte l'extension, et un plan est du markdown de toute façon.
-    ext.value = props.source === 'plan' ? 'md' : (node.name.split('.').pop()?.toLowerCase() ?? '');
-  } catch (e) {
-    if (props.resource?.rel !== node.rel) return;
-    error.value = e instanceof Error ? e.message : t('resources.errors.read');
-  } finally {
-    loading.value = false;
+  import MarkdownView from '@/components/replay/MarkdownView.vue'
+  import CopyButton from '@/components/ui/CopyButton.vue'
+  import { readIncludedFile, readMemory, readResource, type ResourceNode } from '@/services/projects'
+  import { readPlan } from '@/services/system'
+  import { parseDoc, type KeySpec } from '@/utils/resourceFrontmatter'
+  import { computed, ref, useId, watch } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import FrontmatterCard from './FrontmatterCard.vue'
+  import { CATEGORY_META, FM_KEYS, renderBody, type ResourceSource } from './projectResources'
+
+  const props = withDefaults(
+    defineProps<{
+      slug: string
+      /** `null` ferme le dialogue. Ouvrir, c'est passer un nœud. */
+      resource: ResourceNode | null
+      /** Quatre provenances, quatre routes de lecture — voir `ResourceSource`. */
+      source?: ResourceSource
+    }>(),
+    { source: 'resource' },
+  )
+
+  const emit = defineEmits<{ close: [] }>()
+
+  const { t } = useI18n()
+
+  // Un identifiant par instance : deux cartes ouvertes ne se disputent pas le même
+  // `aria-labelledby`, quoi qu'il advienne des pages hôtes.
+  const titleId = useId()
+
+  const content = ref('')
+  const ext = ref('')
+  const loading = ref(false)
+  const error = ref('')
+
+  // Chaque provenance a sa route ; un plan n'est pas ici, il se lit par son nom de
+  // fichier et n'a pas de slug à passer.
+  const READERS: Record<Exclude<ResourceSource, 'plan'>, (slug: string, path: string) => Promise<{ rel: string; content: string }>> = {
+    resource: readResource,
+    memory: readMemory,
+    included: readIncludedFile,
   }
-}
-
-watch(
-  () => props.resource,
-  (node) => {
-    if (node) void load(node);
-  },
-  { immediate: true },
-);
-
-// Même lecture et même carte que la page Projet : `parseDoc` extrait le bloc
-// `---…---`, `FrontmatterCard` l'explique, et le vocabulaire suit la catégorie.
-const parsed = computed(() =>
-  ext.value === 'md'
-    ? parseDoc(content.value)
-    : { present: false, entries: [], body: content.value },
-);
-const fmKeys = computed<KeySpec[]>(() =>
-  props.resource ? (FM_KEYS[props.resource.category] ?? []) : [],
-);
-const body = computed(() => renderBody(ext.value, content.value, parsed.value.body));
+
+  const icon = computed(() => {
+    // Un document du dépôt se lit par la route de la mémoire, sans en être : la
+    // catégorie tranche.
+    if (props.resource?.category === 'repo') return 'article'
+    if (props.source === 'memory') return 'psychology'
+    // La même icône que le groupe « Plans » de l'arbre d'où part le clic.
+    if (props.source === 'plan') return 'assignment'
+    return CATEGORY_META.find((m) => m.key === props.resource?.category)?.icon ?? 'description'
+  })
+
+  async function load(node: ResourceNode): Promise<void> {
+    content.value = ''
+    error.value = ''
+    loading.value = true
+    try {
+      // Un plan ne vit pas dans le projet mais dans `~/.claude/plans`, et se lit
+      // par son nom de fichier — le slug n'entre pas dans l'adresse.
+      const { content: c } = props.source === 'plan' ? await readPlan(node.rel) : await READERS[props.source](props.slug, node.rel)
+      // Cliquer vite sur deux fichiers ne doit pas afficher le contenu du premier
+      // sous le titre du second : une réponse qui n'est plus attendue est jetée.
+      if (props.resource?.rel !== node.rel) return
+      content.value = c
+      // Le titre d'un plan est sa première ligne, pas un nom de fichier : c'est
+      // `rel` qui porte l'extension, et un plan est du markdown de toute façon.
+      ext.value = props.source === 'plan' ? 'md' : (node.name.split('.').pop()?.toLowerCase() ?? '')
+    } catch (e) {
+      if (props.resource?.rel !== node.rel) return
+      error.value = e instanceof Error ? e.message : t('resources.errors.read')
+    } finally {
+      loading.value = false
+    }
+  }
+
+  watch(
+    () => props.resource,
+    (node) => {
+      if (node) void load(node)
+    },
+    { immediate: true },
+  )
+
+  // Même lecture et même carte que la page Projet : `parseDoc` extrait le bloc
+  // `---…---`, `FrontmatterCard` l'explique, et le vocabulaire suit la catégorie.
+  const parsed = computed(() => (ext.value === 'md' ? parseDoc(content.value) : { present: false, entries: [], body: content.value }))
+  const fmKeys = computed<KeySpec[]>(() => (props.resource ? (FM_KEYS[props.resource.category] ?? []) : []))
+  const body = computed(() => renderBody(ext.value, content.value, parsed.value.body))
 </script>
 
 <style scoped lang="scss">
-// Le rayon est répété (`.rd-card.rd-card`) pour l'emporter sur le 4 px que
-// Quasar pose sur `.q-dialog__inner > div` — une spécificité que `.surface-card`
-// seule ne peut pas atteindre. Sans quoi la carte reste à angles vifs quand les
-// blocs du flux, eux, sont arrondis. `overflow: hidden` va avec : c'est lui qui
-// oblige l'en-tête et le corps à suivre l'arrondi au lieu d'en dépasser.
-.rd-card.rd-card {
-  width: 900px;
-  max-width: 92vw;
-  max-height: 85vh;
-  display: flex;
-  flex-direction: column;
-  border-radius: var(--radius-md);
-  overflow: hidden;
-}
-// L'en-tête est séparé par le filet lumineux du socle, pas par le gris neutre de
-// `q-separator` : c'est la même arête que porte le pourtour de la carte.
-.rd-head {
-  flex: 0 0 auto;
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  padding: var(--space-md) var(--space-lg);
-  border-bottom: 1px solid var(--glow-line);
-  background: linear-gradient(180deg, var(--glow-soft), transparent);
-}
-.rd-icon {
-  color: var(--brand);
-  flex: 0 0 auto;
-}
-.rd-head-main {
-  flex: 1 1 auto;
-  min-width: 0;
-}
-.rd-title {
-  margin: 0;
-  font-size: var(--fs-md);
-  font-weight: 600;
-  color: var(--text);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.rd-path {
-  display: block;
-  font-size: var(--fs-2xs);
-  color: var(--dim);
-  word-break: break-all;
-}
-.rd-ro {
-  flex: 0 0 auto;
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-}
-.rd-body {
-  flex: 1 1 auto;
-  min-height: 0;
-  overflow-y: auto;
-  padding: var(--space-lg);
-}
-.rd-fm {
-  margin-bottom: var(--space-lg);
-}
-.rd-state {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: var(--space-md);
-  padding: var(--space-xl);
-  color: var(--muted);
-  text-align: center;
-}
-.rd-state p {
-  margin: 0;
-}
+  // Le rayon est répété (`.rd-card.rd-card`) pour l'emporter sur le 4 px que
+  // Quasar pose sur `.q-dialog__inner > div` — une spécificité que `.surface-card`
+  // seule ne peut pas atteindre. Sans quoi la carte reste à angles vifs quand les
+  // blocs du flux, eux, sont arrondis. `overflow: hidden` va avec : c'est lui qui
+  // oblige l'en-tête et le corps à suivre l'arrondi au lieu d'en dépasser.
+  .rd-card.rd-card {
+    width: 900px;
+    max-width: 92vw;
+    max-height: 85vh;
+    display: flex;
+    flex-direction: column;
+    border-radius: var(--radius-md);
+    overflow: hidden;
+  }
+  // L'en-tête est séparé par le filet lumineux du socle, pas par le gris neutre de
+  // `q-separator` : c'est la même arête que porte le pourtour de la carte.
+  .rd-head {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    padding: var(--space-md) var(--space-lg);
+    border-bottom: 1px solid var(--glow-line);
+    background: linear-gradient(180deg, var(--glow-soft), transparent);
+  }
+  .rd-icon {
+    color: var(--brand);
+    flex: 0 0 auto;
+  }
+  .rd-head-main {
+    flex: 1 1 auto;
+    min-width: 0;
+  }
+  .rd-title {
+    margin: 0;
+    font-size: var(--fs-md);
+    font-weight: 600;
+    color: var(--text);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .rd-path {
+    display: block;
+    font-size: var(--fs-2xs);
+    color: var(--dim);
+    word-break: break-all;
+  }
+  .rd-ro {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+  }
+  .rd-body {
+    flex: 1 1 auto;
+    min-height: 0;
+    overflow-y: auto;
+    padding: var(--space-lg);
+  }
+  .rd-fm {
+    margin-bottom: var(--space-lg);
+  }
+  .rd-state {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: var(--space-md);
+    padding: var(--space-xl);
+    color: var(--muted);
+    text-align: center;
+  }
+  .rd-state p {
+    margin: 0;
+  }
 </style>
diff --git a/src/components/resources/ResourceViewer.vue b/src/components/resources/ResourceViewer.vue
index 9fe3b8c..c170421 100644
--- a/src/components/resources/ResourceViewer.vue
+++ b/src/components/resources/ResourceViewer.vue
@@ -7,9 +7,7 @@
     <header class="rv-header">
       <q-icon :name="icon" size="15px" class="rv-header-icon" aria-hidden="true" />
       <p class="rv-sub">{{ subtitle }}</p>
-      <span class="rv-ro font-mono">
-        <q-icon name="lock" size="12px" aria-hidden="true" /> {{ t('common.readOnly') }}
-      </span>
+      <span class="rv-ro font-mono"> <q-icon name="lock" size="12px" aria-hidden="true" /> {{ t('common.readOnly') }} </span>
     </header>
 
     <div class="rv-body">
@@ -32,12 +30,7 @@
             />
             <!-- An identity dot when the resource type has one; the name beside
                  it still carries the meaning, so colour never stands alone. -->
-            <span
-              v-else-if="accentFor"
-              class="rv-item-dot"
-              :style="{ backgroundColor: accentFor(it) }"
-              aria-hidden="true"
-            />
+            <span v-else-if="accentFor" class="rv-item-dot" :style="{ backgroundColor: accentFor(it) }" aria-hidden="true" />
             <q-icon v-else :name="icon" size="16px" class="rv-item-chevron" aria-hidden="true" />
             <span class="rv-item-text">
               <span class="rv-item-name">{{ it.title || it.name }}</span>
@@ -48,11 +41,7 @@
           <!-- Sibling files: the resource's progressive disclosure, made visible -->
           <ul v-if="hasRefs && selected?.rel === it.rel && refFiles.length" class="rv-refs">
             <li v-for="f in refFiles" :key="f.rel">
-              <button
-                class="rv-ref"
-                :class="{ 'rv-ref--active': viewer.rel === f.rel }"
-                @click="openFile(f.rel)"
-              >
+              <button class="rv-ref" :class="{ 'rv-ref--active': viewer.rel === f.rel }" @click="openFile(f.rel)">
                 <q-icon name="description" size="13px" aria-hidden="true" />
                 <span class="font-mono">{{ f.label }}</span>
               </button>
@@ -71,20 +60,10 @@
           <div class="rv-toolbar surface-card">
             <span class="rv-path font-mono">{{ viewer.rel }}</span>
             <q-space />
-            <q-btn
-              flat
-              dense
-              no-caps
-              icon="delete"
-              color="negative"
-              :label="t('common.delete')"
-              @click="confirmDelete = true"
-            />
+            <q-btn flat dense no-caps icon="delete" color="negative" :label="t('common.delete')" @click="confirmDelete = true" />
           </div>
 
-          <div v-if="viewer.loading" class="rv-state surface-card">
-            <q-spinner size="24px" /> {{ t('common.loading') }}
-          </div>
+          <div v-if="viewer.loading" class="rv-state surface-card"><q-spinner size="24px" /> {{ t('common.loading') }}</div>
           <div v-else-if="viewer.error" class="rv-state surface-card" role="alert">
             <q-icon name="error_outline" size="24px" color="negative" aria-hidden="true" />
             <p>{{ viewer.error }}</p>
@@ -121,15 +100,7 @@
         <p class="rv-del-note">{{ deleteNote }}</p>
         <div class="rv-del-actions">
           <q-btn flat no-caps dense :label="t('common.cancel')" @click="confirmDelete = false" />
-          <q-btn
-            unelevated
-            no-caps
-            dense
-            color="negative"
-            :label="t('common.delete')"
-            :loading="deleting"
-            @click="doDelete"
-          />
+          <q-btn unelevated no-caps dense color="negative" :label="t('common.delete')" :loading="deleting" @click="doDelete" />
         </div>
       </q-card>
     </q-dialog>
@@ -137,389 +108,375 @@
 </template>
 
 <script setup lang="ts">
-// Read-only browser for the Markdown resources Claude writes for itself (skills,
-// agents): a list, a frontmatter reference card, and the body as prose. The only
-// write is deletion, which the BFF backs up first. Editing lives with Claude, not
-// with this UI — which is why there is no form here.
-import { computed, onMounted, reactive, ref } from 'vue';
-import { useI18n } from 'vue-i18n';
-import { useNotify } from '@/composables/useNotify';
-import MarkdownView from '@/components/replay/MarkdownView.vue';
-import FrontmatterCard from '@/components/resources/FrontmatterCard.vue';
-import { parseDoc, type KeySpec } from '@/utils/resourceFrontmatter';
-import {
-  listDir,
-  readFile,
-  deleteResource,
-  ClaudeApiError,
-  type ResourceItem,
-} from '@/services/claude';
+  // Read-only browser for the Markdown resources Claude writes for itself (skills,
+  // agents): a list, a frontmatter reference card, and the body as prose. The only
+  // write is deletion, which the BFF backs up first. Editing lives with Claude, not
+  // with this UI — which is why there is no form here.
+  import MarkdownView from '@/components/replay/MarkdownView.vue'
+  import FrontmatterCard from '@/components/resources/FrontmatterCard.vue'
+  import { useNotify } from '@/composables/useNotify'
+  import { listDir, readFile, deleteResource, ClaudeApiError, type ResourceItem } from '@/services/claude'
+  import { parseDoc, type KeySpec } from '@/utils/resourceFrontmatter'
+  import { computed, onMounted, reactive, ref } from 'vue'
+  import { useI18n } from 'vue-i18n'
 
-const props = defineProps<{
-  title: string;
-  subtitle: string;
-  icon: string;
-  loader: () => Promise<{ items: ResourceItem[] }>;
-  /** The frontmatter vocabulary of this resource type. */
-  keys: KeySpec[];
-  /** What /delete removes for a given entry: the file itself, or its folder. */
-  deletePathFor: (rel: string) => string;
-  /** When set, sibling files of the entry point are listed and browsable. */
-  refsDir?: (rel: string) => string;
-  /** When set, each entry shows an identity dot of this colour instead of `icon`. */
-  accentFor?: (it: ResourceItem) => string;
-  emptyLabel: string;
-  placeholder: string;
-  noDescription: string;
-  deleteTitle: string;
-  deleteNote: string;
-}>();
+  const props = defineProps<{
+    title: string
+    subtitle: string
+    icon: string
+    loader: () => Promise<{ items: ResourceItem[] }>
+    /** The frontmatter vocabulary of this resource type. */
+    keys: KeySpec[]
+    /** What /delete removes for a given entry: the file itself, or its folder. */
+    deletePathFor: (rel: string) => string
+    /** When set, sibling files of the entry point are listed and browsable. */
+    refsDir?: (rel: string) => string
+    /** When set, each entry shows an identity dot of this colour instead of `icon`. */
+    accentFor?: (it: ResourceItem) => string
+    emptyLabel: string
+    placeholder: string
+    noDescription: string
+    deleteTitle: string
+    deleteNote: string
+  }>()
 
-const { t } = useI18n();
-const { notifyError, notifyDone } = useNotify();
+  const { t } = useI18n()
+  const { notifyError, notifyDone } = useNotify()
 
-const items = ref<ResourceItem[]>([]);
-const loading = ref(true);
-const selected = ref<ResourceItem | null>(null);
-const confirmDelete = ref(false);
-const deleting = ref(false);
-const refFiles = ref<{ rel: string; label: string }[]>([]);
+  const items = ref<ResourceItem[]>([])
+  const loading = ref(true)
+  const selected = ref<ResourceItem | null>(null)
+  const confirmDelete = ref(false)
+  const deleting = ref(false)
+  const refFiles = ref<{ rel: string; label: string }[]>([])
 
-const viewer = reactive({ rel: '', content: '', ext: '', loading: false, error: '' });
+  const viewer = reactive({ rel: '', content: '', ext: '', loading: false, error: '' })
 
-const hasRefs = computed(() => props.refsDir !== undefined);
+  const hasRefs = computed(() => props.refsDir !== undefined)
 
-const EXT_LANG: Record<string, string> = {
-  json: 'json',
-  js: 'javascript',
-  ts: 'typescript',
-  sh: 'bash',
-  bash: 'bash',
-  yml: 'yaml',
-  yaml: 'yaml',
-  toml: 'ini',
-  py: 'python',
-};
+  const EXT_LANG: Record<string, string> = {
+    json: 'json',
+    js: 'javascript',
+    ts: 'typescript',
+    sh: 'bash',
+    bash: 'bash',
+    yml: 'yaml',
+    yaml: 'yaml',
+    toml: 'ini',
+    py: 'python',
+  }
 
-const isMain = computed(() => selected.value !== null && viewer.rel === selected.value.rel);
-const parsed = computed(() => parseDoc(viewer.content));
+  const isMain = computed(() => selected.value !== null && viewer.rel === selected.value.rel)
+  const parsed = computed(() => parseDoc(viewer.content))
 
-/** Markdown renders as prose; anything else is shown as a fenced code block. */
-const renderedBody = computed(() => {
-  if (viewer.ext === 'md') return isMain.value ? parsed.value.body : viewer.content;
-  return `\`\`\`${EXT_LANG[viewer.ext] ?? ''}\n${viewer.content}\n\`\`\``;
-});
+  /** Markdown renders as prose; anything else is shown as a fenced code block. */
+  const renderedBody = computed(() => {
+    if (viewer.ext === 'md') return isMain.value ? parsed.value.body : viewer.content
+    return `\`\`\`${EXT_LANG[viewer.ext] ?? ''}\n${viewer.content}\n\`\`\``
+  })
 
-async function refresh(): Promise<void> {
-  loading.value = true;
-  try {
-    items.value = (await props.loader()).items;
-  } catch (e) {
-    notifyError(e, t('resources.errors.list'));
-  } finally {
-    loading.value = false;
-  }
-}
+  async function refresh(): Promise<void> {
+    loading.value = true
+    try {
+      items.value = (await props.loader()).items
+    } catch (e) {
+      notifyError(e, t('resources.errors.list'))
+    } finally {
+      loading.value = false
+    }
+  }
 
-/** Walk the resource folder (one level of sub-folders is enough in practice). */
-async function loadRefs(dir: string, mainRel: string): Promise<void> {
-  refFiles.value = [];
-  const out: { rel: string; label: string }[] = [];
-  try {
-    for (const e of (await listDir(dir)).entries) {
-      if (e.kind === 'file') {
-        if (e.rel !== mainRel) out.push({ rel: e.rel, label: e.name });
-      } else {
-        for (const f of (await listDir(e.rel)).entries.filter((x) => x.kind === 'file')) {
-          out.push({ rel: f.rel, label: `${e.name}/${f.name}` });
+  /** Walk the resource folder (one level of sub-folders is enough in practice). */
+  async function loadRefs(dir: string, mainRel: string): Promise<void> {
+    refFiles.value = []
+    const out: { rel: string; label: string }[] = []
+    try {
+      for (const e of (await listDir(dir)).entries) {
+        if (e.kind === 'file') {
+          if (e.rel !== mainRel) out.push({ rel: e.rel, label: e.name })
+        } else {
+          for (const f of (await listDir(e.rel)).entries.filter((x) => x.kind === 'file')) {
+            out.push({ rel: f.rel, label: `${e.name}/${f.name}` })
+          }
         }
       }
+    } catch {
+      // A resource with no readable sub-tree still shows its entry point.
     }
-  } catch {
-    // A resource with no readable sub-tree still shows its entry point.
+    refFiles.value = out.sort((a, b) => a.label.localeCompare(b.label))
   }
-  refFiles.value = out.sort((a, b) => a.label.localeCompare(b.label));
-}
 
-async function selectItem(it: ResourceItem): Promise<void> {
-  selected.value = it;
-  const refsDir = props.refsDir;
-  await Promise.all([
-    openFile(it.rel),
-    refsDir ? loadRefs(refsDir(it.rel), it.rel) : Promise.resolve(),
-  ]);
-}
+  async function selectItem(it: ResourceItem): Promise<void> {
+    selected.value = it
+    const refsDir = props.refsDir
+    await Promise.all([openFile(it.rel), refsDir ? loadRefs(refsDir(it.rel), it.rel) : Promise.resolve()])
+  }
 
-async function openFile(rel: string): Promise<void> {
-  viewer.rel = rel;
-  viewer.content = '';
-  viewer.error = '';
-  viewer.ext = rel.split('.').pop()?.toLowerCase() ?? '';
-  viewer.loading = true;
-  try {
-    viewer.content = (await readFile(rel)).content;
-  } catch (e) {
-    viewer.error =
-      e instanceof ClaudeApiError && e.status === 404
-        ? 'Fichier introuvable.'
-        : e instanceof Error
-          ? e.message
-          : 'Lecture impossible.';
-  } finally {
-    viewer.loading = false;
-  }
-}
+  async function openFile(rel: string): Promise<void> {
+    viewer.rel = rel
+    viewer.content = ''
+    viewer.error = ''
+    viewer.ext = rel.split('.').pop()?.toLowerCase() ?? ''
+    viewer.loading = true
+    try {
+      viewer.content = (await readFile(rel)).content
+    } catch (e) {
+      viewer.error = e instanceof ClaudeApiError && e.status === 404 ? 'Fichier introuvable.' : e instanceof Error ? e.message : 'Lecture impossible.'
+    } finally {
+      viewer.loading = false
+    }
+  }
 
-async function doDelete(): Promise<void> {
-  if (!selected.value) return;
-  deleting.value = true;
-  try {
-    await deleteResource(props.deletePathFor(selected.value.rel));
-    notifyDone(t('resources.deleted'), t('resources.deletedNote'));
-    confirmDelete.value = false;
-    selected.value = null;
-    refFiles.value = [];
-    viewer.rel = '';
-    viewer.content = '';
-    await refresh();
-  } catch (e) {
-    notifyError(e, t('resources.errors.delete'));
-  } finally {
-    deleting.value = false;
-  }
-}
+  async function doDelete(): Promise<void> {
+    if (!selected.value) return
+    deleting.value = true
+    try {
+      await deleteResource(props.deletePathFor(selected.value.rel))
+      notifyDone(t('resources.deleted'), t('resources.deletedNote'))
+      confirmDelete.value = false
+      selected.value = null
+      refFiles.value = []
+      viewer.rel = ''
+      viewer.content = ''
+      await refresh()
+    } catch (e) {
+      notifyError(e, t('resources.errors.delete'))
+    } finally {
+      deleting.value = false
+    }
+  }
 
-onMounted(refresh);
+  onMounted(refresh)
 </script>
 
 <style scoped lang="scss">
-.rv {
-  position: relative;
-  padding: var(--space-md) var(--space-xl) var(--space-xl);
-  width: 100%;
-}
-.rv-header {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: var(--space-xs) var(--space-md);
-  margin-bottom: var(--space-md);
-}
-.rv-header-icon {
-  color: var(--faint);
-}
-.rv-sub {
-  flex: 1 1 auto;
-  min-width: 0;
-  color: var(--muted);
-  font-size: var(--fs-sm);
-  margin: 0;
-}
-.rv-ro {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--space-xs);
-  font-size: var(--fs-xs);
-  color: var(--dim);
-}
+  .rv {
+    position: relative;
+    padding: var(--space-md) var(--space-xl) var(--space-xl);
+    width: 100%;
+  }
+  .rv-header {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: var(--space-xs) var(--space-md);
+    margin-bottom: var(--space-md);
+  }
+  .rv-header-icon {
+    color: var(--faint);
+  }
+  .rv-sub {
+    flex: 1 1 auto;
+    min-width: 0;
+    color: var(--muted);
+    font-size: var(--fs-sm);
+    margin: 0;
+  }
+  .rv-ro {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--space-xs);
+    font-size: var(--fs-xs);
+    color: var(--dim);
+  }
 
-.rv-body {
-  display: grid;
-  grid-template-columns: 320px 1fr;
-  gap: var(--space-lg);
-  align-items: start;
-}
-@media (max-width: 800px) {
   .rv-body {
-    grid-template-columns: 1fr;
+    display: grid;
+    grid-template-columns: 320px 1fr;
+    gap: var(--space-lg);
+    align-items: start;
+  }
+  @media (max-width: 800px) {
+    .rv-body {
+      grid-template-columns: 1fr;
+    }
   }
-}
 
-/* ── List ─────────────────────────────────────────────────────────────────── */
-.rv-list {
-  padding: var(--space-xs);
-  max-height: calc(100vh - 200px);
-  overflow: auto;
-}
-.rv-item + .rv-item {
-  margin-top: 2px;
-}
-.rv-item-btn {
-  display: flex;
-  align-items: flex-start;
-  gap: var(--space-xs);
-  width: 100%;
-  text-align: left;
-  background: transparent;
-  border: none;
-  border-radius: var(--radius-sm);
-  padding: var(--space-sm) var(--space-md);
-  cursor: pointer;
-  color: var(--text);
-  transition: background var(--motion-fast);
-}
-.rv-item-btn:hover {
-  background: var(--hover-overlay);
-}
-.rv-item-btn--active {
-  background: var(--brand-soft);
-}
-.rv-item-btn:focus-visible {
-  outline: 2px solid var(--brand-line);
-  outline-offset: -2px;
-}
-.rv-item-chevron {
-  color: var(--muted);
-  margin-top: 2px;
-  flex: 0 0 auto;
-}
-/* Sized and offset to sit where the 16px icon it replaces would have. */
-.rv-item-dot {
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  flex: 0 0 auto;
-  margin: 6px 4px 0;
-}
-.rv-item-btn--active .rv-item-chevron {
-  color: var(--brand);
-}
-.rv-item-text {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-xs);
-  min-width: 0;
-}
-.rv-item-name {
-  font-size: var(--fs-base);
-  font-weight: 500;
-}
-.rv-item-desc {
-  font-size: var(--fs-xs);
-  color: var(--muted);
-  line-height: 1.4;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
+  /* ── List ─────────────────────────────────────────────────────────────────── */
+  .rv-list {
+    padding: var(--space-xs);
+    max-height: calc(100vh - 200px);
+    overflow: auto;
+  }
+  .rv-item + .rv-item {
+    margin-top: 2px;
+  }
+  .rv-item-btn {
+    display: flex;
+    align-items: flex-start;
+    gap: var(--space-xs);
+    width: 100%;
+    text-align: left;
+    background: transparent;
+    border: none;
+    border-radius: var(--radius-sm);
+    padding: var(--space-sm) var(--space-md);
+    cursor: pointer;
+    color: var(--text);
+    transition: background var(--motion-fast);
+  }
+  .rv-item-btn:hover {
+    background: var(--hover-overlay);
+  }
+  .rv-item-btn--active {
+    background: var(--brand-soft);
+  }
+  .rv-item-btn:focus-visible {
+    outline: 2px solid var(--brand-line);
+    outline-offset: -2px;
+  }
+  .rv-item-chevron {
+    color: var(--muted);
+    margin-top: 2px;
+    flex: 0 0 auto;
+  }
+  /* Sized and offset to sit where the 16px icon it replaces would have. */
+  .rv-item-dot {
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    flex: 0 0 auto;
+    margin: 6px 4px 0;
+  }
+  .rv-item-btn--active .rv-item-chevron {
+    color: var(--brand);
+  }
+  .rv-item-text {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+    min-width: 0;
+  }
+  .rv-item-name {
+    font-size: var(--fs-base);
+    font-weight: 500;
+  }
+  .rv-item-desc {
+    font-size: var(--fs-xs);
+    color: var(--muted);
+    line-height: 1.4;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+  }
 
-/* Vertical rule ties the reference files to the resource that owns them. */
-.rv-refs {
-  list-style: none;
-  margin: 2px 0 var(--space-xs) calc(var(--space-md) + 8px);
-  padding-left: var(--space-md);
-  border-left: 1px solid var(--line-2);
-}
-.rv-ref {
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  width: 100%;
-  background: transparent;
-  border: none;
-  border-radius: var(--radius-xs);
-  padding: var(--space-xs) var(--space-sm);
-  color: var(--muted);
-  font-size: var(--fs-xs);
-  cursor: pointer;
-  text-align: left;
-  transition:
-    color var(--motion-fast),
-    background var(--motion-fast);
-}
-.rv-ref:hover {
-  color: var(--text);
-  background: var(--hover-overlay);
-}
-.rv-ref--active {
-  color: var(--brand);
-}
-.rv-ref:focus-visible {
-  outline: 2px solid var(--brand-line);
-  outline-offset: -2px;
-}
+  /* Vertical rule ties the reference files to the resource that owns them. */
+  .rv-refs {
+    list-style: none;
+    margin: 2px 0 var(--space-xs) calc(var(--space-md) + 8px);
+    padding-left: var(--space-md);
+    border-left: 1px solid var(--line-2);
+  }
+  .rv-ref {
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    width: 100%;
+    background: transparent;
+    border: none;
+    border-radius: var(--radius-xs);
+    padding: var(--space-xs) var(--space-sm);
+    color: var(--muted);
+    font-size: var(--fs-xs);
+    cursor: pointer;
+    text-align: left;
+    transition:
+      color var(--motion-fast),
+      background var(--motion-fast);
+  }
+  .rv-ref:hover {
+    color: var(--text);
+    background: var(--hover-overlay);
+  }
+  .rv-ref--active {
+    color: var(--brand);
+  }
+  .rv-ref:focus-visible {
+    outline: 2px solid var(--brand-line);
+    outline-offset: -2px;
+  }
 
-/* ── Viewer ───────────────────────────────────────────────────────────────── */
-.rv-viewer {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-md);
-  min-width: 0;
-}
-.rv-toolbar {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  padding: var(--space-xs) var(--space-md);
-}
-.rv-path {
-  font-size: var(--fs-sm);
-  color: var(--muted);
-  word-break: break-all;
-}
-.rv-content {
-  padding: var(--space-lg);
-  min-width: 0;
-  overflow-x: auto;
-}
-.rv-state {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: var(--space-sm);
-  padding: var(--space-xl);
-  color: var(--muted);
-  font-size: var(--fs-sm);
-}
-.rv-placeholder {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: var(--space-sm);
-  padding: var(--space-xl);
-  min-height: 320px;
-  color: var(--dim);
-  font-size: var(--fs-sm);
-}
-.rv-empty {
-  padding: var(--space-lg);
-  color: var(--muted);
-  font-size: var(--fs-sm);
-  text-align: center;
-}
+  /* ── Viewer ───────────────────────────────────────────────────────────────── */
+  .rv-viewer {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md);
+    min-width: 0;
+  }
+  .rv-toolbar {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    padding: var(--space-xs) var(--space-md);
+  }
+  .rv-path {
+    font-size: var(--fs-sm);
+    color: var(--muted);
+    word-break: break-all;
+  }
+  .rv-content {
+    padding: var(--space-lg);
+    min-width: 0;
+    overflow-x: auto;
+  }
+  .rv-state {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: var(--space-sm);
+    padding: var(--space-xl);
+    color: var(--muted);
+    font-size: var(--fs-sm);
+  }
+  .rv-placeholder {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: var(--space-sm);
+    padding: var(--space-xl);
+    min-height: 320px;
+    color: var(--dim);
+    font-size: var(--fs-sm);
+  }
+  .rv-empty {
+    padding: var(--space-lg);
+    color: var(--muted);
+    font-size: var(--fs-sm);
+    text-align: center;
+  }
 
-/* ── Delete dialog ────────────────────────────────────────────────────────── */
-.rv-del {
-  width: 460px;
-  max-width: 92vw;
-  padding: var(--space-lg);
-}
-.rv-del-head {
-  display: flex;
-  align-items: flex-start;
-  gap: var(--space-md);
-}
-.rv-del-title {
-  font-size: var(--fs-lg);
-  font-weight: 600;
-}
-.rv-del-path {
-  font-size: var(--fs-sm);
-  color: var(--muted);
-  margin-top: 2px;
-  word-break: break-all;
-}
-.rv-del-note {
-  color: var(--muted);
-  font-size: var(--fs-sm);
-  margin: var(--space-md) 0;
-}
-.rv-del-actions {
-  display: flex;
-  justify-content: flex-end;
-  gap: var(--space-sm);
-}
+  /* ── Delete dialog ────────────────────────────────────────────────────────── */
+  .rv-del {
+    width: 460px;
+    max-width: 92vw;
+    padding: var(--space-lg);
+  }
+  .rv-del-head {
+    display: flex;
+    align-items: flex-start;
+    gap: var(--space-md);
+  }
+  .rv-del-title {
+    font-size: var(--fs-lg);
+    font-weight: 600;
+  }
+  .rv-del-path {
+    font-size: var(--fs-sm);
+    color: var(--muted);
+    margin-top: 2px;
+    word-break: break-all;
+  }
+  .rv-del-note {
+    color: var(--muted);
+    font-size: var(--fs-sm);
+    margin: var(--space-md) 0;
+  }
+  .rv-del-actions {
+    display: flex;
+    justify-content: flex-end;
+    gap: var(--space-sm);
+  }
 </style>
diff --git a/src/components/resources/projectResources.ts b/src/components/resources/projectResources.ts
index 30a5f41..2ba82a4 100644
--- a/src/components/resources/projectResources.ts
+++ b/src/components/resources/projectResources.ts
@@ -7,8 +7,8 @@
 // hors de tout composant : c'est ce qui doit rester identique entre les deux, et
 // c'est aussi la seule partie qu'on peut éprouver sans monter de Vue.
 
-import type { FolderCandidate, ResourceCategory, ResourceNode } from '@/services/projects';
-import { AGENT_KEYS, RULE_KEYS, SKILL_KEYS, type KeySpec } from '@/utils/resourceFrontmatter';
+import type { FolderCandidate, ResourceCategory, ResourceNode } from '@/services/projects'
+import { AGENT_KEYS, RULE_KEYS, SKILL_KEYS, type KeySpec } from '@/utils/resourceFrontmatter'
 
 /**
  * D'où vient le fichier qu'on lit, et donc par quelle route il se lit.
@@ -18,27 +18,27 @@ import { AGENT_KEYS, RULE_KEYS, SKILL_KEYS, type KeySpec } from '@/utils/resourc
  * inclus, et `~/.claude/plans` — qui n'est même pas dans le projet. Un `rel` ne
  * dit pas d'où il sort ; cette étiquette le dit.
  */
-export type ResourceSource = 'resource' | 'memory' | 'included' | 'plan';
+export type ResourceSource = 'resource' | 'memory' | 'included' | 'plan'
 
 // ── Nœuds d'arbre ────────────────────────────────────────────────────────────
 // Déclarés ici plutôt que dans `RuleTree.vue` : `buildTree` les produit, et un
 // module de logique n'a pas à importer un composant pour nommer son résultat.
 // `RuleTree.vue` les ré-exporte, si bien qu'aucun appelant existant ne change.
 export interface RuleFileNode {
-  type: 'file';
-  key: string;
-  label: string;
-  node: ResourceNode;
+  type: 'file'
+  key: string
+  label: string
+  node: ResourceNode
 }
 export interface RuleDirNode {
-  type: 'dir';
-  key: string;
-  name: string;
-  path: string;
-  fileCount: number;
-  children: RuleNode[];
+  type: 'dir'
+  key: string
+  name: string
+  path: string
+  fileCount: number
+  children: RuleNode[]
 }
-export type RuleNode = RuleFileNode | RuleDirNode;
+export type RuleNode = RuleFileNode | RuleDirNode
 
 /**
  * L'ordre des catégories et leur icône ; seuls les groupes non vides s'affichent.
@@ -56,7 +56,7 @@ export const CATEGORY_META: { key: ResourceCategory; icon: string }[] = [
   { key: 'docs', icon: 'menu_book' },
   { key: 'tools', icon: 'build' },
   { key: 'other', icon: 'insert_drive_file' },
-];
+]
 
 // ── Skills ───────────────────────────────────────────────────────────────────
 // A skill lives in its own folder (skills/<name>/) with a SKILL.md entry point
@@ -64,53 +64,48 @@ export const CATEGORY_META: { key: ResourceCategory; icon: string }[] = [
 // so the navigator reflects the real "one skill = one folder + its refs" shape,
 // and we surface each sub-folder (e.g. references/) as its own tree node.
 export interface SkillRefFolder {
-  name: string; // the sub-folder name (e.g. 'references')
-  items: ResourceNode[]; // files inside it
+  name: string // the sub-folder name (e.g. 'references')
+  items: ResourceNode[] // files inside it
 }
 export interface SkillFolder {
-  key: string; // the skill folder name (or filename for a loose single-file skill)
-  title: string; // frontmatter name of SKILL.md, else the folder name
-  main: ResourceNode | null; // the SKILL.md entry point (null if none found)
-  directRefs: ResourceNode[]; // reference files sitting directly in the skill folder
-  refFolders: SkillRefFolder[]; // sub-folders, each a tree node with its own files
-  refCount: number; // total reference files (for the header badge)
+  key: string // the skill folder name (or filename for a loose single-file skill)
+  title: string // frontmatter name of SKILL.md, else the folder name
+  main: ResourceNode | null // the SKILL.md entry point (null if none found)
+  directRefs: ResourceNode[] // reference files sitting directly in the skill folder
+  refFolders: SkillRefFolder[] // sub-folders, each a tree node with its own files
+  refCount: number // total reference files (for the header badge)
 }
 
 export function groupSkills(resources: ResourceNode[]): SkillFolder[] {
-  const byFolder = new Map<string, ResourceNode[]>();
+  const byFolder = new Map<string, ResourceNode[]>()
   for (const r of resources) {
-    if (r.category !== 'skills') continue;
-    const parts = r.rel.split('/'); // ['skills', <folder>, …] or ['skills', <file>]
-    const key = parts[1] ?? r.name;
-    const arr = byFolder.get(key) ?? [];
-    arr.push(r);
-    byFolder.set(key, arr);
+    if (r.category !== 'skills') continue
+    const parts = r.rel.split('/') // ['skills', <folder>, …] or ['skills', <file>]
+    const key = parts[1] ?? r.name
+    const arr = byFolder.get(key) ?? []
+    arr.push(r)
+    byFolder.set(key, arr)
   }
-  const out: SkillFolder[] = [];
+  const out: SkillFolder[] = []
   for (const [key, items] of byFolder) {
-    const main =
-      items.find((r) => /^SKILL\.md$/i.test(r.name)) ??
-      (items.length === 1 ? items[0] : undefined) ??
-      null;
-    const refs = items.filter((r) => r !== main).sort((a, b) => a.rel.localeCompare(b.rel));
+    const main = items.find((r) => /^SKILL\.md$/i.test(r.name)) ?? (items.length === 1 ? items[0] : undefined) ?? null
+    const refs = items.filter((r) => r !== main).sort((a, b) => a.rel.localeCompare(b.rel))
     // Split refs into files directly under the skill vs. those in a sub-folder;
     // group the latter by their immediate sub-folder (the segment after the skill).
-    const directRefs: ResourceNode[] = [];
-    const folders = new Map<string, ResourceNode[]>();
+    const directRefs: ResourceNode[] = []
+    const folders = new Map<string, ResourceNode[]>()
     for (const r of refs) {
-      const rest = r.rel.split('/').slice(2); // path within the skill folder
+      const rest = r.rel.split('/').slice(2) // path within the skill folder
       if (rest.length <= 1) {
-        directRefs.push(r);
+        directRefs.push(r)
       } else {
-        const sub = rest[0] ?? '';
-        const arr = folders.get(sub) ?? [];
-        arr.push(r);
-        folders.set(sub, arr);
+        const sub = rest[0] ?? ''
+        const arr = folders.get(sub) ?? []
+        arr.push(r)
+        folders.set(sub, arr)
       }
     }
-    const refFolders = [...folders.entries()]
-      .map(([name, fitems]) => ({ name, items: fitems }))
-      .sort((a, b) => a.name.localeCompare(b.name));
+    const refFolders = [...folders.entries()].map(([name, fitems]) => ({ name, items: fitems })).sort((a, b) => a.name.localeCompare(b.name))
     out.push({
       key,
       title: main?.title || key,
@@ -118,14 +113,14 @@ export function groupSkills(resources: ResourceNode[]): SkillFolder[] {
       directRefs,
       refFolders,
       refCount: refs.length,
-    });
+    })
   }
-  return out.sort((a, b) => a.key.localeCompare(b.key));
+  return out.sort((a, b) => a.key.localeCompare(b.key))
 }
 
 /** A reference's label within its sub-folder — the file name (keeps deeper nesting). */
 export function refLeaf(r: ResourceNode): string {
-  return r.rel.split('/').slice(3).join('/') || r.name;
+  return r.rel.split('/').slice(3).join('/') || r.name
 }
 
 // ── Arbre de dossiers ────────────────────────────────────────────────────────
@@ -147,14 +142,14 @@ export function refLeaf(r: ResourceNode): string {
 // `rel` d'origine — c'est lui que la route de lecture attend, l'élagage ne vaut
 // que pour l'affichage.
 export interface TreeOpts {
-  stripPrefix: boolean;
-  stripSegments?: number;
-  filesFirst?: boolean;
+  stripPrefix: boolean
+  stripSegments?: number
+  filesFirst?: boolean
 }
 
 export function buildTree(items: ResourceNode[], opts: TreeOpts): RuleNode[] {
-  const { stripPrefix, filesFirst = false } = opts;
-  const drop = opts.stripSegments ?? (stripPrefix ? 1 : 0);
+  const { stripPrefix, filesFirst = false } = opts
+  const drop = opts.stripSegments ?? (stripPrefix ? 1 : 0)
   const root: RuleDirNode = {
     type: 'dir',
     key: '',
@@ -162,45 +157,45 @@ export function buildTree(items: ResourceNode[], opts: TreeOpts): RuleNode[] {
     path: '',
     fileCount: 0,
     children: [],
-  };
+  }
   for (const r of items) {
-    const segs = r.rel.split('/');
-    const parts = segs.slice(drop);
-    let cur = root;
+    const segs = r.rel.split('/')
+    const parts = segs.slice(drop)
+    let cur = root
     for (let i = 0; i < parts.length; i++) {
-      const seg = parts[i] ?? '';
+      const seg = parts[i] ?? ''
       if (i === parts.length - 1) {
         // Les règles n'ont en général qu'un frontmatter `paths:` (pas de `name`),
         // donc le libellé retombe sur le nom de fichier.
-        const label = r.title && r.title !== r.name ? r.title : seg;
-        cur.children.push({ type: 'file', key: r.rel, label, node: r });
+        const label = r.title && r.title !== r.name ? r.title : seg
+        cur.children.push({ type: 'file', key: r.rel, label, node: r })
       } else {
-        const path = parts.slice(0, i + 1).join('/');
-        let dir = cur.children.find((c): c is RuleDirNode => c.type === 'dir' && c.path === path);
+        const path = parts.slice(0, i + 1).join('/')
+        let dir = cur.children.find((c): c is RuleDirNode => c.type === 'dir' && c.path === path)
         if (!dir) {
-          dir = { type: 'dir', key: path, name: seg, path, fileCount: 0, children: [] };
-          cur.children.push(dir);
+          dir = { type: 'dir', key: path, name: seg, path, fileCount: 0, children: [] }
+          cur.children.push(dir)
         }
-        cur = dir;
+        cur = dir
       }
     }
   }
   // Compte récursif des fichiers et tri (par type, puis alphabétique).
-  const dirsBeforeFiles = filesFirst ? 1 : -1;
+  const dirsBeforeFiles = filesFirst ? 1 : -1
   const finish = (d: RuleDirNode): number => {
-    let n = 0;
-    for (const c of d.children) n += c.type === 'dir' ? finish(c) : 1;
-    d.fileCount = n;
+    let n = 0
+    for (const c of d.children) n += c.type === 'dir' ? finish(c) : 1
+    d.fileCount = n
     d.children.sort((a, b) => {
-      if (a.type !== b.type) return a.type === 'dir' ? dirsBeforeFiles : -dirsBeforeFiles;
-      const an = a.type === 'dir' ? a.name : a.label;
-      const bn = b.type === 'dir' ? b.name : b.label;
-      return an.localeCompare(bn);
-    });
-    return n;
-  };
-  finish(root);
-  return root.children;
+      if (a.type !== b.type) return a.type === 'dir' ? dirsBeforeFiles : -dirsBeforeFiles
+      const an = a.type === 'dir' ? a.name : a.label
+      const bn = b.type === 'dir' ? b.name : b.label
+      return an.localeCompare(bn)
+    })
+    return n
+  }
+  finish(root)
+  return root.children
 }
 
 // ── Le compte de l'arbre ─────────────────────────────────────────────────────
@@ -216,11 +211,11 @@ export function buildTree(items: ResourceNode[], opts: TreeOpts): RuleNode[] {
  * n'en passe pas, et son compteur reste juste.
  */
 export function treeCount(parts: {
-  resources?: ResourceNode[];
-  memories?: ResourceNode[];
-  repoDocs?: ResourceNode[];
-  folders?: { files: ResourceNode[] }[];
-  plans?: unknown[];
+  resources?: ResourceNode[]
+  memories?: ResourceNode[]
+  repoDocs?: ResourceNode[]
+  folders?: { files: ResourceNode[] }[]
+  plans?: unknown[]
 }): number {
   return (
     (parts.resources?.length ?? 0) +
@@ -228,7 +223,7 @@ export function treeCount(parts: {
     (parts.repoDocs?.length ?? 0) +
     (parts.folders ?? []).reduce((sum, f) => sum + f.files.length, 0) +
     (parts.plans?.length ?? 0)
-  );
+  )
 }
 
 // ── Dossiers à inclure ───────────────────────────────────────────────────────
@@ -239,42 +234,42 @@ export function treeCount(parts: {
 // emporte tout son sous-arbre.
 
 export interface CandidateNode {
-  rel: string;
-  name: string;
-  docs: number;
-  children: CandidateNode[];
+  rel: string
+  name: string
+  docs: number
+  children: CandidateNode[]
 }
 
 export function buildCandidateTree(candidates: FolderCandidate[]): CandidateNode[] {
-  const byRel = new Map<string, CandidateNode>();
-  const roots: CandidateNode[] = [];
+  const byRel = new Map<string, CandidateNode>()
+  const roots: CandidateNode[] = []
 
   // Le nœud d'un chemin, en créant au passage les parents qui manqueraient — la
   // borne de profondeur du serveur peut n'avoir rendu qu'une partie d'une branche.
   const ensure = (rel: string): CandidateNode => {
-    const found = byRel.get(rel);
-    if (found) return found;
-    const cut = rel.lastIndexOf('/');
+    const found = byRel.get(rel)
+    if (found) return found
+    const cut = rel.lastIndexOf('/')
     const node: CandidateNode = {
       rel,
       name: cut === -1 ? rel : rel.slice(cut + 1),
       docs: 0,
       children: [],
-    };
-    byRel.set(rel, node);
-    if (cut === -1) roots.push(node);
-    else ensure(rel.slice(0, cut)).children.push(node);
-    return node;
-  };
+    }
+    byRel.set(rel, node)
+    if (cut === -1) roots.push(node)
+    else ensure(rel.slice(0, cut)).children.push(node)
+    return node
+  }
 
-  for (const c of candidates) ensure(c.rel).docs = c.docs;
+  for (const c of candidates) ensure(c.rel).docs = c.docs
 
   const sort = (nodes: CandidateNode[]): CandidateNode[] => {
-    nodes.sort((a, b) => a.name.localeCompare(b.name));
-    for (const n of nodes) sort(n.children);
-    return nodes;
-  };
-  return sort(roots);
+    nodes.sort((a, b) => a.name.localeCompare(b.name))
+    for (const n of nodes) sort(n.children)
+    return nodes
+  }
+  return sort(roots)
 }
 
 // ── Lecture d'un fichier ─────────────────────────────────────────────────────
@@ -290,7 +285,7 @@ export const EXT_LANG: Record<string, string> = {
   yaml: 'yaml',
   toml: 'ini',
   py: 'python',
-};
+}
 
 // Claude Code ne documente de frontmatter que pour les agents et les skills ; les
 // règles n'ont que `paths`. Ailleurs, liste vide : la carte affiche les clés sans
@@ -299,13 +294,13 @@ export const FM_KEYS: Partial<Record<ResourceCategory, KeySpec[]>> = {
   agents: AGENT_KEYS,
   skills: SKILL_KEYS,
   rules: RULE_KEYS,
-};
+}
 
 /**
  * Le corps à rendre en Markdown. Un fichier qui n'en est pas est enrobé dans un
  * bloc de code : c'est encore du markdown, et la coloration vient avec.
  */
 export function renderBody(ext: string, content: string, mdBody: string): string {
-  if (ext === 'md') return mdBody;
-  return `\`\`\`${EXT_LANG[ext] ?? ''}\n${content}\n\`\`\``;
+  if (ext === 'md') return mdBody
+  return `\`\`\`${EXT_LANG[ext] ?? ''}\n${content}\n\`\`\``
 }
diff --git a/src/components/settings/RuleList.vue b/src/components/settings/RuleList.vue
index 63ff871..43d9c44 100644
--- a/src/components/settings/RuleList.vue
+++ b/src/components/settings/RuleList.vue
@@ -8,16 +8,7 @@
     <ul v-if="rules.length" class="rules-list">
       <li v-for="(r, i) in rules" :key="`${r}-${i}`" class="rule">
         <code class="rule-text font-mono">{{ r }}</code>
-        <q-btn
-          flat
-          dense
-          round
-          size="sm"
-          icon="close"
-          :color="tone"
-          :aria-label="t('rules.removeAria', { rule: r })"
-          @click="emit('remove', i)"
-        />
+        <q-btn flat dense round size="sm" icon="close" :color="tone" :aria-label="t('rules.removeAria', { rule: r })" @click="emit('remove', i)" />
       </li>
     </ul>
     <p v-else class="rules-empty">{{ t('rules.empty') }}</p>
@@ -30,117 +21,108 @@
         spellcheck="false"
         :aria-label="t('rules.addAria', { label })"
       />
-      <q-btn
-        type="submit"
-        flat
-        dense
-        no-caps
-        color="primary"
-        icon="add"
-        :label="t('rules.add')"
-        :disable="!draft.trim()"
-      />
+      <q-btn type="submit" flat dense no-caps color="primary" icon="add" :label="t('rules.add')" :disable="!draft.trim()" />
     </form>
   </div>
 </template>
 
 <script setup lang="ts">
-// Editor for a permissions rule array (allow / deny / ask). Presentational:
-// emits add/remove; the parent mutates the JSON document.
-import { ref } from 'vue';
-import { useI18n } from 'vue-i18n';
+  // Editor for a permissions rule array (allow / deny / ask). Presentational:
+  // emits add/remove; the parent mutates the JSON document.
+  import { ref } from 'vue'
+  import { useI18n } from 'vue-i18n'
 
-const props = withDefaults(
-  defineProps<{
-    label: string;
-    rules: string[];
-    /** Sans valeur, l'exemple générique du catalogue — traduit à l'usage, pas à l'import. */
-    placeholder?: string;
-    /** Button colour tone: 'negative' for deny, else brand. */
-    tone?: string;
-  }>(),
-  // `placeholder` n'a délibérément pas de défaut ici : un texte posé dans
-  // `withDefaults` est évalué à l'import, donc figé dans la langue du démarrage.
-  { tone: 'primary' },
-);
+  const props = withDefaults(
+    defineProps<{
+      label: string
+      rules: string[]
+      /** Sans valeur, l'exemple générique du catalogue — traduit à l'usage, pas à l'import. */
+      placeholder?: string
+      /** Button colour tone: 'negative' for deny, else brand. */
+      tone?: string
+    }>(),
+    // `placeholder` n'a délibérément pas de défaut ici : un texte posé dans
+    // `withDefaults` est évalué à l'import, donc figé dans la langue du démarrage.
+    { tone: 'primary' },
+  )
 
-const { t } = useI18n();
+  const { t } = useI18n()
 
-const emit = defineEmits<{ add: [string]; remove: [number] }>();
+  const emit = defineEmits<{ add: [string]; remove: [number] }>()
 
-const draft = ref('');
-function submit(): void {
-  const v = draft.value.trim();
-  if (!v || props.rules.includes(v)) {
-    draft.value = '';
-    return;
+  const draft = ref('')
+  function submit(): void {
+    const v = draft.value.trim()
+    if (!v || props.rules.includes(v)) {
+      draft.value = ''
+      return
+    }
+    emit('add', v)
+    draft.value = ''
   }
-  emit('add', v);
-  draft.value = '';
-}
 </script>
 
 <style scoped lang="scss">
-.rules {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-}
-.rules-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-}
-.rules-count {
-  font-size: var(--fs-xs);
-  color: var(--dim);
-}
-.rules-list {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-xs);
-}
-.rule {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--space-sm);
-  padding: var(--space-xs) var(--space-sm);
-  background: var(--surface-2);
-  border: 1px solid var(--line);
-  border-radius: var(--radius-sm);
-}
-.rule-text {
-  font-size: var(--fs-sm);
-  color: var(--text);
-  word-break: break-all;
-}
-.rules-empty {
-  margin: 0;
-  font-size: var(--fs-sm);
-  color: var(--dim);
-}
-.rules-add {
-  display: flex;
-  gap: var(--space-sm);
-  align-items: center;
-}
-.rules-input {
-  flex: 1;
-  min-width: 0;
-  background: var(--bg);
-  color: var(--text);
-  border: 1px solid var(--line-2);
-  border-radius: var(--radius-sm);
-  padding: var(--space-sm) var(--space-md);
-  font-size: var(--fs-sm);
-  outline: none;
-  transition: border-color var(--motion-fast);
-}
-.rules-input:focus {
-  border-color: var(--brand-line);
-}
+  .rules {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+  }
+  .rules-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+  }
+  .rules-count {
+    font-size: var(--fs-xs);
+    color: var(--dim);
+  }
+  .rules-list {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+  }
+  .rule {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--space-sm);
+    padding: var(--space-xs) var(--space-sm);
+    background: var(--surface-2);
+    border: 1px solid var(--line);
+    border-radius: var(--radius-sm);
+  }
+  .rule-text {
+    font-size: var(--fs-sm);
+    color: var(--text);
+    word-break: break-all;
+  }
+  .rules-empty {
+    margin: 0;
+    font-size: var(--fs-sm);
+    color: var(--dim);
+  }
+  .rules-add {
+    display: flex;
+    gap: var(--space-sm);
+    align-items: center;
+  }
+  .rules-input {
+    flex: 1;
+    min-width: 0;
+    background: var(--bg);
+    color: var(--text);
+    border: 1px solid var(--line-2);
+    border-radius: var(--radius-sm);
+    padding: var(--space-sm) var(--space-md);
+    font-size: var(--fs-sm);
+    outline: none;
+    transition: border-color var(--motion-fast);
+  }
+  .rules-input:focus {
+    border-color: var(--brand-line);
+  }
 </style>
diff --git a/src/components/settings/SettingField.vue b/src/components/settings/SettingField.vue
index 4c95cc2..d47d2f5 100644
--- a/src/components/settings/SettingField.vue
+++ b/src/components/settings/SettingField.vue
@@ -15,67 +15,67 @@
 </template>
 
 <script setup lang="ts">
-// A labelled settings row: name + description on the left, the control on the
-// right. `jsonKey` shows the underlying settings.json key (mono chip) so the
-// mapping to the raw file is always legible.
-defineProps<{
-  label: string;
-  hint?: string;
-  jsonKey?: string;
-  danger?: boolean;
-}>();
+  // A labelled settings row: name + description on the left, the control on the
+  // right. `jsonKey` shows the underlying settings.json key (mono chip) so the
+  // mapping to the raw file is always legible.
+  defineProps<{
+    label: string
+    hint?: string
+    jsonKey?: string
+    danger?: boolean
+  }>()
 </script>
 
 <style scoped lang="scss">
-.field {
-  display: grid;
-  grid-template-columns: 1fr auto;
-  gap: var(--space-md) var(--space-xl);
-  align-items: center;
-  padding: var(--space-md) 0;
-  border-top: 1px solid var(--line);
-}
-.field:first-child {
-  border-top: none;
-}
-.field-name {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  font-size: var(--fs-md);
-  color: var(--text);
-}
-.field-key {
-  font-size: var(--fs-2xs);
-  color: var(--dim);
-  background: var(--surface-2);
-  border: 1px solid var(--line);
-  border-radius: var(--radius-xs);
-  padding: 1px 5px;
-}
-.field-hint {
-  margin: var(--space-xs) 0 0;
-  font-size: var(--fs-sm);
-  color: var(--muted);
-  max-width: 60ch;
-}
-.field-control {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  gap: var(--space-sm);
-  min-width: 0;
-}
-.field--danger .field-name {
-  color: var(--warn);
-}
-@media (max-width: 640px) {
   .field {
-    grid-template-columns: 1fr;
+    display: grid;
+    grid-template-columns: 1fr auto;
+    gap: var(--space-md) var(--space-xl);
+    align-items: center;
+    padding: var(--space-md) 0;
+    border-top: 1px solid var(--line);
+  }
+  .field:first-child {
+    border-top: none;
+  }
+  .field-name {
+    display: flex;
+    align-items: center;
     gap: var(--space-sm);
+    font-size: var(--fs-md);
+    color: var(--text);
+  }
+  .field-key {
+    font-size: var(--fs-2xs);
+    color: var(--dim);
+    background: var(--surface-2);
+    border: 1px solid var(--line);
+    border-radius: var(--radius-xs);
+    padding: 1px 5px;
+  }
+  .field-hint {
+    margin: var(--space-xs) 0 0;
+    font-size: var(--fs-sm);
+    color: var(--muted);
+    max-width: 60ch;
   }
   .field-control {
-    justify-content: flex-start;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    gap: var(--space-sm);
+    min-width: 0;
+  }
+  .field--danger .field-name {
+    color: var(--warn);
+  }
+  @media (max-width: 640px) {
+    .field {
+      grid-template-columns: 1fr;
+      gap: var(--space-sm);
+    }
+    .field-control {
+      justify-content: flex-start;
+    }
   }
-}
 </style>
diff --git a/src/components/ui/CopyButton.vue b/src/components/ui/CopyButton.vue
index 6850866..c9d8ee0 100644
--- a/src/components/ui/CopyButton.vue
+++ b/src/components/ui/CopyButton.vue
@@ -17,46 +17,46 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref, onUnmounted } from 'vue';
-import { useI18n } from 'vue-i18n';
-
-const props = defineProps<{ text: string; label?: string }>();
-
-const { t } = useI18n();
-
-// Le libellé par défaut se calcule, il ne se déclare pas : une valeur passée à
-// `withDefaults` est figée à l'import du module, donc jamais retraduite quand la
-// langue change.
-const buttonLabel = computed(() => props.label ?? t('common.copy'));
-
-const DONE_MS = 2000;
-const copied = ref(false);
-let timer: ReturnType<typeof setTimeout> | undefined;
-
-async function copy(): Promise<void> {
-  try {
-    await navigator.clipboard.writeText(props.text);
-  } catch {
-    // Clipboard is unavailable (insecure origin, denied permission). Say nothing
-    // rather than claim a copy that did not happen.
-    return;
+  import { computed, ref, onUnmounted } from 'vue'
+  import { useI18n } from 'vue-i18n'
+
+  const props = defineProps<{ text: string; label?: string }>()
+
+  const { t } = useI18n()
+
+  // Le libellé par défaut se calcule, il ne se déclare pas : une valeur passée à
+  // `withDefaults` est figée à l'import du module, donc jamais retraduite quand la
+  // langue change.
+  const buttonLabel = computed(() => props.label ?? t('common.copy'))
+
+  const DONE_MS = 2000
+  const copied = ref(false)
+  let timer: ReturnType<typeof setTimeout> | undefined
+
+  async function copy(): Promise<void> {
+    try {
+      await navigator.clipboard.writeText(props.text)
+    } catch {
+      // Clipboard is unavailable (insecure origin, denied permission). Say nothing
+      // rather than claim a copy that did not happen.
+      return
+    }
+    copied.value = true
+    clearTimeout(timer)
+    timer = setTimeout(() => (copied.value = false), DONE_MS)
   }
-  copied.value = true;
-  clearTimeout(timer);
-  timer = setTimeout(() => (copied.value = false), DONE_MS);
-}
 
-onUnmounted(() => clearTimeout(timer));
+  onUnmounted(() => clearTimeout(timer))
 </script>
 
 <style scoped lang="scss">
-.cb {
-  color: var(--dim);
-}
-.cb:hover {
-  color: var(--text);
-}
-.cb--done {
-  color: var(--pulse);
-}
+  .cb {
+    color: var(--dim);
+  }
+  .cb:hover {
+    color: var(--text);
+  }
+  .cb--done {
+    color: var(--pulse);
+  }
 </style>
diff --git a/src/components/ui/EmptyState.vue b/src/components/ui/EmptyState.vue
index 3f9747f..ec621c6 100644
--- a/src/components/ui/EmptyState.vue
+++ b/src/components/ui/EmptyState.vue
@@ -5,52 +5,52 @@
 </template>
 
 <script setup lang="ts">
-// Le « rien à montrer » de l'application, en un seul endroit.
-//
-// Pourquoi : dix-neuf classes locales (`hud-sessions-empty`, `sp-list-empty`,
-// `mc-empty`…) disaient toutes la même chose à un cran d'espacement près, et
-// dérivaient chacune de leur côté. Ce n'est pas qu'une dédup de CSS : c'est la
-// surface où AURA parle le plus souvent, et elle n'existait nulle part en un
-// morceau — donc personne ne la relisait.
-//
-// Volontairement pauvre en options. Le motif canonique de
-// `frontend-rules/async-states.md` (icône + titre + corps + action) est plus
-// riche que ce que ce projet emploie : ici un état vide tient en une phrase, et
-// c'est un parti pris de l'app, pas un oubli. Un état vide qui mérite un bouton
-// se compose par le slot.
+  // Le « rien à montrer » de l'application, en un seul endroit.
+  //
+  // Pourquoi : dix-neuf classes locales (`hud-sessions-empty`, `sp-list-empty`,
+  // `mc-empty`…) disaient toutes la même chose à un cran d'espacement près, et
+  // dérivaient chacune de leur côté. Ce n'est pas qu'une dédup de CSS : c'est la
+  // surface où AURA parle le plus souvent, et elle n'existait nulle part en un
+  // morceau — donc personne ne la relisait.
+  //
+  // Volontairement pauvre en options. Le motif canonique de
+  // `frontend-rules/async-states.md` (icône + titre + corps + action) est plus
+  // riche que ce que ce projet emploie : ici un état vide tient en une phrase, et
+  // c'est un parti pris de l'app, pas un oubli. Un état vide qui mérite un bouton
+  // se compose par le slot.
 
-withDefaults(
-  defineProps<{
-    /** La phrase. Ignorée si le slot par défaut est fourni. */
-    message?: string;
-    /** Centre le texte — pour un panneau, pas pour une ligne dans une liste. */
-    center?: boolean;
-    /** Respiration verticale. `none` quand le conteneur la porte déjà. */
-    pad?: 'none' | 'sm' | 'md' | 'lg';
-  }>(),
-  { message: '', center: false, pad: 'md' },
-);
+  withDefaults(
+    defineProps<{
+      /** La phrase. Ignorée si le slot par défaut est fourni. */
+      message?: string
+      /** Centre le texte — pour un panneau, pas pour une ligne dans une liste. */
+      center?: boolean
+      /** Respiration verticale. `none` quand le conteneur la porte déjà. */
+      pad?: 'none' | 'sm' | 'md' | 'lg'
+    }>(),
+    { message: '', center: false, pad: 'md' },
+  )
 </script>
 
 <style scoped lang="scss">
-.empty-state {
-  margin: 0;
-  color: var(--dim);
-  font-size: var(--fs-sm);
-}
-.empty-state--none {
-  padding: 0;
-}
-.empty-state--sm {
-  padding: var(--space-sm) 0;
-}
-.empty-state--md {
-  padding: var(--space-md) 0;
-}
-.empty-state--lg {
-  padding: var(--space-lg) 0;
-}
-.empty-state--center {
-  text-align: center;
-}
+  .empty-state {
+    margin: 0;
+    color: var(--dim);
+    font-size: var(--fs-sm);
+  }
+  .empty-state--none {
+    padding: 0;
+  }
+  .empty-state--sm {
+    padding: var(--space-sm) 0;
+  }
+  .empty-state--md {
+    padding: var(--space-md) 0;
+  }
+  .empty-state--lg {
+    padding: var(--space-lg) 0;
+  }
+  .empty-state--center {
+    text-align: center;
+  }
 </style>
diff --git a/src/components/ui/FormSection.vue b/src/components/ui/FormSection.vue
index 9be955c..9464833 100644
--- a/src/components/ui/FormSection.vue
+++ b/src/components/ui/FormSection.vue
@@ -16,26 +16,26 @@
 </template>
 
 <script setup lang="ts">
-// Design-system primitive: a labelled form section. Pairs a mono uppercase
-// caption (.section-label) with a control, either stacked (default, with an
-// optional hint) or inline.
-import { computed, useSlots } from 'vue';
+  // Design-system primitive: a labelled form section. Pairs a mono uppercase
+  // caption (.section-label) with a control, either stacked (default, with an
+  // optional hint) or inline.
+  import { computed, useSlots } from 'vue'
 
-const props = defineProps<{
-  /** Caption text (rendered as .section-label). */
-  label: string;
-  /** Inline layout: caption beside the control instead of above it. */
-  inline?: boolean;
-  /** Optional hint text below the control (block layout). The #hint slot wins. */
-  hint?: string;
-}>();
+  const props = defineProps<{
+    /** Caption text (rendered as .section-label). */
+    label: string
+    /** Inline layout: caption beside the control instead of above it. */
+    inline?: boolean
+    /** Optional hint text below the control (block layout). The #hint slot wins. */
+    hint?: string
+  }>()
 
-const slots = useSlots();
-const hasHint = computed(() => !!slots.hint || !!props.hint);
+  const slots = useSlots()
+  const hasHint = computed(() => !!slots.hint || !!props.hint)
 </script>
 
 <style scoped lang="scss">
-.form-section__hint {
-  color: var(--muted);
-}
+  .form-section__hint {
+    color: var(--muted);
+  }
 </style>
diff --git a/src/components/ui/HelpTip.vue b/src/components/ui/HelpTip.vue
index 9deb4d9..cbfa2b6 100644
--- a/src/components/ui/HelpTip.vue
+++ b/src/components/ui/HelpTip.vue
@@ -1,20 +1,8 @@
 <template>
-  <span
-    class="tip"
-    tabindex="0"
-    @focus="open = true"
-    @blur="open = false"
-    @keydown.esc="open = false"
-  >
+  <span class="tip" tabindex="0" @focus="open = true" @blur="open = false" @keydown.esc="open = false">
     <slot />
     <q-icon name="help_outline" size="14px" aria-hidden="true" />
-    <q-tooltip
-      v-model="open"
-      anchor="top start"
-      self="bottom start"
-      max-width="360px"
-      class="tip-body"
-    >
+    <q-tooltip v-model="open" anchor="top start" self="bottom start" max-width="360px" class="tip-body">
       <span class="tip-what">{{ what }}</span>
       <span v-if="reading" class="tip-read">{{ reading }}</span>
     </q-tooltip>
@@ -22,65 +10,65 @@
 </template>
 
 <script setup lang="ts">
-// Un libellé qui explique ce qu'il désigne.
-//
-// `q-tooltip` ne s'ouvre qu'au survol — Quasar ne pose que `mouseenter` /
-// `mouseleave` sur son ancre. L'ancre est donc focusable et pilote le tooltip
-// par `v-model`, ce qui laisse Quasar gérer la souris (il écrit dans le même
-// modèle) tout en rendant l'explication atteignable au clavier.
-//
-// Les styles scoped d'un composant sont enregistrés globalement par Vue : ils
-// atteignent donc le contenu du tooltip, que Quasar téléporte dans `<body>` —
-// ce qu'un scoped de la page appelante ne ferait pas. Même raison que
-// `LabelValueRow`.
-import { ref } from 'vue';
+  // Un libellé qui explique ce qu'il désigne.
+  //
+  // `q-tooltip` ne s'ouvre qu'au survol — Quasar ne pose que `mouseenter` /
+  // `mouseleave` sur son ancre. L'ancre est donc focusable et pilote le tooltip
+  // par `v-model`, ce qui laisse Quasar gérer la souris (il écrit dans le même
+  // modèle) tout en rendant l'explication atteignable au clavier.
+  //
+  // Les styles scoped d'un composant sont enregistrés globalement par Vue : ils
+  // atteignent donc le contenu du tooltip, que Quasar téléporte dans `<body>` —
+  // ce qu'un scoped de la page appelante ne ferait pas. Même raison que
+  // `LabelValueRow`.
+  import { ref } from 'vue'
 
-defineProps<{
-  /** Ce que la chose désigne — le fond de l'explication. */
-  what: string;
-  /**
-   * Comment lire le chiffre affiché, quand cela demande une seconde phrase.
-   * Séparé de `what` par un filet, pour qu'on puisse s'arrêter au premier bloc.
-   */
-  reading?: string | undefined;
-}>();
+  defineProps<{
+    /** Ce que la chose désigne — le fond de l'explication. */
+    what: string
+    /**
+     * Comment lire le chiffre affiché, quand cela demande une seconde phrase.
+     * Séparé de `what` par un filet, pour qu'on puisse s'arrêter au premier bloc.
+     */
+    reading?: string | undefined
+  }>()
 
-const open = ref(false);
+  const open = ref(false)
 </script>
 
 <style scoped lang="scss">
-// Le pointillé annonce qu'il y a quelque chose à survoler sans emprunter le
-// soulignement plein, qui promet un lien.
-.tip {
-  display: inline-flex;
-  align-items: baseline;
-  gap: var(--space-xs);
-  cursor: help;
-  border-bottom: 1px dotted var(--line);
+  // Le pointillé annonce qu'il y a quelque chose à survoler sans emprunter le
+  // soulignement plein, qui promet un lien.
+  .tip {
+    display: inline-flex;
+    align-items: baseline;
+    gap: var(--space-xs);
+    cursor: help;
+    border-bottom: 1px dotted var(--line);
 
-  > .q-icon {
-    color: var(--faint);
-    align-self: center;
+    > .q-icon {
+      color: var(--faint);
+      align-self: center;
+    }
+    &:hover > .q-icon,
+    &:focus-visible > .q-icon {
+      color: var(--brand);
+    }
   }
-  &:hover > .q-icon,
-  &:focus-visible > .q-icon {
-    color: var(--brand);
+  // La taille se pose sur les deux blocs et non sur `.tip-body` : cette classe-là
+  // part en prop vers `QTooltip`, dont la racine est un `Teleport` — l'attribut de
+  // scope ne la suit pas, et le `font-size: 10px` de Quasar l'emporterait. Ces
+  // deux spans, eux, naissent dans ce template et portent bien le scope.
+  .tip-what,
+  .tip-read {
+    display: block;
+    font-size: var(--fs-xs);
+    line-height: 1.55;
+  }
+  .tip-read {
+    margin-top: var(--space-xs);
+    padding-top: var(--space-xs);
+    border-top: 1px solid var(--glow-line);
+    opacity: 0.82;
   }
-}
-// La taille se pose sur les deux blocs et non sur `.tip-body` : cette classe-là
-// part en prop vers `QTooltip`, dont la racine est un `Teleport` — l'attribut de
-// scope ne la suit pas, et le `font-size: 10px` de Quasar l'emporterait. Ces
-// deux spans, eux, naissent dans ce template et portent bien le scope.
-.tip-what,
-.tip-read {
-  display: block;
-  font-size: var(--fs-xs);
-  line-height: 1.55;
-}
-.tip-read {
-  margin-top: var(--space-xs);
-  padding-top: var(--space-xs);
-  border-top: 1px solid var(--glow-line);
-  opacity: 0.82;
-}
 </style>
diff --git a/src/components/ui/LabelValueRow.vue b/src/components/ui/LabelValueRow.vue
index 0d10d1a..0e8f531 100644
--- a/src/components/ui/LabelValueRow.vue
+++ b/src/components/ui/LabelValueRow.vue
@@ -8,37 +8,37 @@
 </template>
 
 <script setup lang="ts">
-// Design-system primitive: a two-column "key | value" row (mono uppercase key,
-// wrapping value). Used in the calendar event tooltip; the value slot lets the
-// caller keep custom markup (e.g. .font-mono on a duration).
-//
-// Scoped styles are registered globally by Vue, so this works inside a teleported
-// q-tooltip — unlike plain scoped CSS in the host page.
-defineProps<{
-  /** Key shown in the left column. */
-  label: string;
-  /** Value shown in the right column when no default slot is given. */
-  value?: string | number | undefined;
-}>();
+  // Design-system primitive: a two-column "key | value" row (mono uppercase key,
+  // wrapping value). Used in the calendar event tooltip; the value slot lets the
+  // caller keep custom markup (e.g. .font-mono on a duration).
+  //
+  // Scoped styles are registered globally by Vue, so this works inside a teleported
+  // q-tooltip — unlike plain scoped CSS in the host page.
+  defineProps<{
+    /** Key shown in the left column. */
+    label: string
+    /** Value shown in the right column when no default slot is given. */
+    value?: string | number | undefined
+  }>()
 </script>
 
 <style scoped lang="scss">
-.kv-row {
-  display: grid;
-  grid-template-columns: 58px 1fr;
-  gap: var(--space-sm);
-  align-items: baseline;
-}
-.kv-row__key {
-  font-family: 'JetBrains Mono', ui-monospace, monospace;
-  font-size: var(--fs-2xs);
-  letter-spacing: 0.06em;
-  text-transform: uppercase;
-  color: var(--muted);
-}
-/* Let the value column shrink and wrap instead of widening the container. */
-.kv-row__value {
-  min-width: 0;
-  overflow-wrap: break-word;
-}
+  .kv-row {
+    display: grid;
+    grid-template-columns: 58px 1fr;
+    gap: var(--space-sm);
+    align-items: baseline;
+  }
+  .kv-row__key {
+    font-family: 'JetBrains Mono', ui-monospace, monospace;
+    font-size: var(--fs-2xs);
+    letter-spacing: 0.06em;
+    text-transform: uppercase;
+    color: var(--muted);
+  }
+  /* Let the value column shrink and wrap instead of widening the container. */
+  .kv-row__value {
+    min-width: 0;
+    overflow-wrap: break-word;
+  }
 </style>
diff --git a/src/components/ui/LottieView.vue b/src/components/ui/LottieView.vue
index a1ccd1a..928a46c 100644
--- a/src/components/ui/LottieView.vue
+++ b/src/components/ui/LottieView.vue
@@ -4,85 +4,80 @@
     côté, en toutes lettres. Elle est donc retirée de l'arbre d'accessibilité
     plutôt que décrite — un lecteur d'écran n'a que faire d'un robot qui cligne.
   -->
-  <div
-    ref="host"
-    class="lv"
-    :style="{ width: `${size}px`, height: `${size}px` }"
-    aria-hidden="true"
-  />
+  <div ref="host" class="lv" :style="{ width: `${size}px`, height: `${size}px` }" aria-hidden="true" />
 </template>
 
 <script setup lang="ts">
-import { onBeforeUnmount, onMounted, ref, watch } from 'vue';
-import lottie, { type AnimationItem } from 'lottie-web';
+  import lottie, { type AnimationItem } from 'lottie-web'
+  import { onBeforeUnmount, onMounted, ref, watch } from 'vue'
 
-const props = withDefaults(
-  defineProps<{
-    /** L'animation, déjà chargée en JSON (un `import` du fichier suffit). */
-    data: object;
-    /** Côté du carré, en pixels. */
-    size?: number;
-    /** Jouer, ou rester sur la première image. */
-    playing?: boolean;
-  }>(),
-  { size: 40, playing: true },
-);
+  const props = withDefaults(
+    defineProps<{
+      /** L'animation, déjà chargée en JSON (un `import` du fichier suffit). */
+      data: object
+      /** Côté du carré, en pixels. */
+      size?: number
+      /** Jouer, ou rester sur la première image. */
+      playing?: boolean
+    }>(),
+    { size: 40, playing: true },
+  )
 
-const host = ref<HTMLElement | null>(null);
-let animation: AnimationItem | null = null;
+  const host = ref<HTMLElement | null>(null)
+  let animation: AnimationItem | null = null
 
-/**
- * Le réglage système qui demande moins de mouvement.
- *
- * Une boucle perpétuelle est exactement ce que ce réglage vise : elle bouge
- * sans qu'on l'ait demandé, et elle ne s'arrête jamais. On la fige alors sur sa
- * première image — le robot reste, il ne s'agite plus. Écouté et non lu une
- * fois pour toutes : le réglage se change sans recharger la page.
- */
-const reduced = ref(false);
-let motionQuery: MediaQueryList | null = null;
-function onMotionChange(e: MediaQueryList | MediaQueryListEvent): void {
-  reduced.value = e.matches;
-}
+  /**
+   * Le réglage système qui demande moins de mouvement.
+   *
+   * Une boucle perpétuelle est exactement ce que ce réglage vise : elle bouge
+   * sans qu'on l'ait demandé, et elle ne s'arrête jamais. On la fige alors sur sa
+   * première image — le robot reste, il ne s'agite plus. Écouté et non lu une
+   * fois pour toutes : le réglage se change sans recharger la page.
+   */
+  const reduced = ref(false)
+  let motionQuery: MediaQueryList | null = null
+  function onMotionChange(e: MediaQueryList | MediaQueryListEvent): void {
+    reduced.value = e.matches
+  }
 
-/** Jouer ou figer, selon ce que la page demande *et* ce que le système autorise. */
-function sync(): void {
-  if (!animation) return;
-  if (props.playing && !reduced.value) animation.play();
-  else animation.goToAndStop(0, true);
-}
+  /** Jouer ou figer, selon ce que la page demande *et* ce que le système autorise. */
+  function sync(): void {
+    if (!animation) return
+    if (props.playing && !reduced.value) animation.play()
+    else animation.goToAndStop(0, true)
+  }
 
-onMounted(() => {
-  motionQuery = window.matchMedia('(prefers-reduced-motion: reduce)');
-  onMotionChange(motionQuery);
-  motionQuery.addEventListener('change', onMotionChange);
+  onMounted(() => {
+    motionQuery = window.matchMedia('(prefers-reduced-motion: reduce)')
+    onMotionChange(motionQuery)
+    motionQuery.addEventListener('change', onMotionChange)
 
-  if (!host.value) return;
-  animation = lottie.loadAnimation({
-    container: host.value,
-    renderer: 'svg',
-    loop: true,
-    autoplay: false,
-    // `structuredClone` : lottie-web écrit dans l'objet qu'on lui donne (il y
-    // cache ses valeurs interpolées). Sans copie, deux robots à l'écran
-    // partageraient l'état du module importé et se marcheraient dessus.
-    animationData: structuredClone(props.data),
-  });
-  sync();
-});
+    if (!host.value) return
+    animation = lottie.loadAnimation({
+      container: host.value,
+      renderer: 'svg',
+      loop: true,
+      autoplay: false,
+      // `structuredClone` : lottie-web écrit dans l'objet qu'on lui donne (il y
+      // cache ses valeurs interpolées). Sans copie, deux robots à l'écran
+      // partageraient l'état du module importé et se marcheraient dessus.
+      animationData: structuredClone(props.data),
+    })
+    sync()
+  })
 
-watch([() => props.playing, reduced], sync);
+  watch([() => props.playing, reduced], sync)
 
-onBeforeUnmount(() => {
-  motionQuery?.removeEventListener('change', onMotionChange);
-  animation?.destroy();
-  animation = null;
-});
+  onBeforeUnmount(() => {
+    motionQuery?.removeEventListener('change', onMotionChange)
+    animation?.destroy()
+    animation = null
+  })
 </script>
 
 <style scoped lang="scss">
-.lv {
-  flex: none;
-  line-height: 0;
-}
+  .lv {
+    flex: none;
+    line-height: 0;
+  }
 </style>
diff --git a/src/components/ui/PulseDots.vue b/src/components/ui/PulseDots.vue
index 0c02598..5a957ab 100644
--- a/src/components/ui/PulseDots.vue
+++ b/src/components/ui/PulseDots.vue
@@ -14,54 +14,54 @@
 </template>
 
 <style scoped lang="scss">
-.pd {
-  display: inline-flex;
-  align-items: center;
-  gap: 3px;
-  flex: none;
-}
+  .pd {
+    display: inline-flex;
+    align-items: center;
+    gap: 3px;
+    flex: none;
+  }
 
-/*
+  /*
   `opacity` et `transform` seulement : les deux propriétés que le compositeur
   anime sans recalculer la mise en page, dans des écrans qui redessinent déjà
   une timeline à chaque token.
 */
-.pd-dot {
-  width: 4px;
-  height: 4px;
-  border-radius: 999px;
-  background: var(--pulse);
-  opacity: 0.25;
-  animation: pd-blink 1.4s ease-in-out infinite;
-}
-.pd-dot:nth-child(2) {
-  animation-delay: 0.2s;
-}
-.pd-dot:nth-child(3) {
-  animation-delay: 0.4s;
-}
-
-@keyframes pd-blink {
-  0%,
-  60%,
-  100% {
+  .pd-dot {
+    width: 4px;
+    height: 4px;
+    border-radius: 999px;
+    background: var(--pulse);
     opacity: 0.25;
-    transform: scale(0.85);
+    animation: pd-blink 1.4s ease-in-out infinite;
+  }
+  .pd-dot:nth-child(2) {
+    animation-delay: 0.2s;
   }
-  30% {
-    opacity: 1;
-    transform: scale(1);
+  .pd-dot:nth-child(3) {
+    animation-delay: 0.4s;
   }
-}
 
-/*
+  @keyframes pd-blink {
+    0%,
+    60%,
+    100% {
+      opacity: 0.25;
+      transform: scale(0.85);
+    }
+    30% {
+      opacity: 1;
+      transform: scale(1);
+    }
+  }
+
+  /*
   Sans mouvement, les points restent visibles et fixes : le signal passe alors
   par la présence de la ligne, qui suffit — elle n'existe que pendant le travail.
 */
-@media (prefers-reduced-motion: reduce) {
-  .pd-dot {
-    animation: none;
-    opacity: 0.7;
+  @media (prefers-reduced-motion: reduce) {
+    .pd-dot {
+      animation: none;
+      opacity: 0.7;
+    }
   }
-}
 </style>
diff --git a/src/components/ui/SegmentedControl.vue b/src/components/ui/SegmentedControl.vue
index f0931d2..147677b 100644
--- a/src/components/ui/SegmentedControl.vue
+++ b/src/components/ui/SegmentedControl.vue
@@ -27,88 +27,86 @@
 </template>
 
 <script setup lang="ts" generic="T extends string | number | boolean">
-// Design-system primitive: the "tech" segmented control — mono labels riding a
-// recessed track, each segment a rounded pill, salmon fill on select. Encapsulates
-// the dark-aware Quasar colors that were otherwise copy-pasted at every call site.
-// The track carries the surface and border; segments are transparent until active.
-import { computed } from 'vue';
-import { useQuasar } from 'quasar';
+  // Design-system primitive: the "tech" segmented control — mono labels riding a
+  // recessed track, each segment a rounded pill, salmon fill on select. Encapsulates
+  // the dark-aware Quasar colors that were otherwise copy-pasted at every call site.
+  // The track carries the surface and border; segments are transparent until active.
+  import { useQuasar } from 'quasar'
+  import { computed } from 'vue'
 
-const props = withDefaults(
-  defineProps<{
-    /**
-     * Choices, e.g. [{ label: 'Non', value: false }, …]. Add `tooltip` for a
-     * per-segment hint, `icon` for a Material name — q-btn-toggle draws it
-     * before the label, which stays: a segment is never icon-only, so it always
-     * has a readable name.
-     */
-    options: { label: string; value: T; tooltip?: string; icon?: string }[];
-    /** Accessible name for the group. */
-    ariaLabel?: string;
-    /** Wider segments (easier hit targets); height stays compact. */
-    wide?: boolean;
-    /** Stretch segments to fill the container, each taking an equal share. */
-    spread?: boolean;
-    /** Allow clicking the already-selected segment to emit `null` (re-fires the active option). */
-    clearable?: boolean;
-    /** Quasar color of the selected segment (default salmon). */
-    toggleColor?: string;
-  }>(),
-  { toggleColor: 'primary' },
-);
+  const props = withDefaults(
+    defineProps<{
+      /**
+       * Choices, e.g. [{ label: 'Non', value: false }, …]. Add `tooltip` for a
+       * per-segment hint, `icon` for a Material name — q-btn-toggle draws it
+       * before the label, which stays: a segment is never icon-only, so it always
+       * has a readable name.
+       */
+      options: { label: string; value: T; tooltip?: string; icon?: string }[]
+      /** Accessible name for the group. */
+      ariaLabel?: string
+      /** Wider segments (easier hit targets); height stays compact. */
+      wide?: boolean
+      /** Stretch segments to fill the container, each taking an equal share. */
+      spread?: boolean
+      /** Allow clicking the already-selected segment to emit `null` (re-fires the active option). */
+      clearable?: boolean
+      /** Quasar color of the selected segment (default salmon). */
+      toggleColor?: string
+    }>(),
+    { toggleColor: 'primary' },
+  )
 
-const model = defineModel<T>({ required: true });
-const $q = useQuasar();
+  const model = defineModel<T>({ required: true })
+  const $q = useQuasar()
 
-// Options with a tooltip are rendered through a named slot (q-btn-toggle's
-// per-option `slot` field); the rest render their label normally.
-const renderedOptions = computed(() =>
-  // When an option uses a slot, drop its `label` — q-btn-toggle would otherwise
-  // render both the label and the slot content (duplicated text). The slot re-emits the label.
-  props.options.map((o, i) => (o.tooltip ? { ...o, label: '', slot: `seg-${String(i)}` } : o)),
-);
-const tooltipSlots = computed(() =>
-  props.options.map((o, i) => ({ ...o, slot: `seg-${String(i)}` })).filter((o) => o.tooltip),
-);
+  // Options with a tooltip are rendered through a named slot (q-btn-toggle's
+  // per-option `slot` field); the rest render their label normally.
+  const renderedOptions = computed(() =>
+    // When an option uses a slot, drop its `label` — q-btn-toggle would otherwise
+    // render both the label and the slot content (duplicated text). The slot re-emits the label.
+    props.options.map((o, i) => (o.tooltip ? { ...o, label: '', slot: `seg-${String(i)}` } : o)),
+  )
+  const tooltipSlots = computed(() => props.options.map((o, i) => ({ ...o, slot: `seg-${String(i)}` })).filter((o) => o.tooltip))
 </script>
 
 <style scoped lang="scss">
-/* The track: a recessed surface with a gutter, so segments read as pills sitting
+  /* The track: a recessed surface with a gutter, so segments read as pills sitting
    inside it rather than as one bar sliced by dividers. */
-.seg-control {
-  flex-wrap: wrap; // let segments wrap in narrow containers (e.g. the docked form)
-  gap: var(--space-xs);
-  padding: var(--space-xs);
-  background: var(--surface-2);
-  border: 1px solid var(--line);
-  border-radius: var(--radius-sm);
-}
-/* Spread: fill the container, equal-width segments, no wrap. */
-.seg-control--spread {
-  width: 100%;
-  flex-wrap: nowrap;
-}
-/* `.q-btn-item.q-btn` outranks q-btn-group's own `:not(:first-child)` radius
+  .seg-control {
+    flex-wrap: wrap; // let segments wrap in narrow containers (e.g. the docked form)
+    gap: var(--space-xs);
+    padding: var(--space-xs);
+    background: var(--surface-2);
+    border: 1px solid var(--line);
+    border-radius: var(--radius-sm);
+  }
+  /* Spread: fill the container, equal-width segments, no wrap. */
+  .seg-control--spread {
+    width: 100%;
+    flex-wrap: nowrap;
+  }
+  /* `.q-btn-item.q-btn` outranks q-btn-group's own `:not(:first-child)` radius
    resets, which would otherwise square off every segment but the outer two. */
-.seg-control :deep(.q-btn-item.q-btn) {
-  font-family: 'JetBrains Mono', ui-monospace, monospace;
-  font-size: var(--fs-sm);
-  letter-spacing: 0.02em;
-  font-variant-numeric: tabular-nums; // digit labels (years, counts) stay aligned
-  border-radius: var(--radius-xs);
-}
-/* An option rendered through its tooltip slot loses the spacing Quasar puts
+  .seg-control :deep(.q-btn-item.q-btn) {
+    font-family: 'JetBrains Mono', ui-monospace, monospace;
+    font-size: var(--fs-sm);
+    letter-spacing: 0.02em;
+    font-variant-numeric: tabular-nums; // digit labels (years, counts) stay aligned
+    border-radius: var(--radius-xs);
+  }
+  /* An option rendered through its tooltip slot loses the spacing Quasar puts
    between a native icon and its label — the slot's span is not that label. The
    selector only bites when both are present, so icon-less segments are untouched. */
-.seg-control :deep(.q-btn__content > .q-icon + span) {
-  margin-left: var(--space-xs);
-}
+  .seg-control :deep(.q-btn__content > .q-icon + span) {
+    margin-left: var(--space-xs);
+  }
 
-/* Wider hit targets — horizontal only, height stays compact. The "Facturable"
+  /* Wider hit targets — horizontal only, height stays compact. The "Facturable"
    use is a touch larger (its labels are short), so bump it one step. */
-.seg-control--wide :deep(.q-btn) {
-  min-width: 96px;
-  padding: var(--space-xs) 28px;
-  font-size: var(--fs-base);
-}
+  .seg-control--wide :deep(.q-btn) {
+    min-width: 96px;
+    padding: var(--space-xs) 28px;
+    font-size: var(--fs-base);
+  }
 </style>
diff --git a/src/components/usage/BaseChart.vue b/src/components/usage/BaseChart.vue
index 2538d1e..872bb91 100644
--- a/src/components/usage/BaseChart.vue
+++ b/src/components/usage/BaseChart.vue
@@ -8,33 +8,33 @@
 </template>
 
 <script setup lang="ts">
-import { onBeforeUnmount, onMounted, ref, watch, useTemplateRef } from 'vue';
-import { Chart, type ChartConfiguration } from 'chart.js/auto';
+  import { Chart, type ChartConfiguration } from 'chart.js/auto'
+  import { onBeforeUnmount, onMounted, ref, watch, useTemplateRef } from 'vue'
 
-const props = withDefaults(defineProps<{ config: ChartConfiguration; height?: number }>(), {
-  height: 260,
-});
+  const props = withDefaults(defineProps<{ config: ChartConfiguration; height?: number }>(), {
+    height: 260,
+  })
 
-const canvasEl = useTemplateRef<HTMLCanvasElement>('canvasEl');
-const chart = ref<Chart | null>(null);
+  const canvasEl = useTemplateRef<HTMLCanvasElement>('canvasEl')
+  const chart = ref<Chart | null>(null)
 
-function render(): void {
-  const el = canvasEl.value;
-  if (!el) return;
-  chart.value?.destroy();
-  chart.value = new Chart(el, props.config);
-}
+  function render(): void {
+    const el = canvasEl.value
+    if (!el) return
+    chart.value?.destroy()
+    chart.value = new Chart(el, props.config)
+  }
 
-onMounted(render);
-// The config is rebuilt from scratch on a theme flip or a data reload; Chart.js
-// mutates the object it is handed, so replace the instance rather than patch it.
-watch(() => props.config, render, { deep: false });
-onBeforeUnmount(() => chart.value?.destroy());
+  onMounted(render)
+  // The config is rebuilt from scratch on a theme flip or a data reload; Chart.js
+  // mutates the object it is handed, so replace the instance rather than patch it.
+  watch(() => props.config, render, { deep: false })
+  onBeforeUnmount(() => chart.value?.destroy())
 </script>
 
 <style scoped lang="scss">
-.chart-box {
-  position: relative;
-  width: 100%;
-}
+  .chart-box {
+    position: relative;
+    width: 100%;
+  }
 </style>
diff --git a/src/composables/useAgentTracks.ts b/src/composables/useAgentTracks.ts
index 49a46f3..c6d966a 100644
--- a/src/composables/useAgentTracks.ts
+++ b/src/composables/useAgentTracks.ts
@@ -8,12 +8,12 @@
 // agent ? » — sans rien déplacer dans le modèle : on ne fait que choisir, à
 // l'affichage, quelle part du flux on regarde.
 
-import type { TranscriptEvent } from 'shared/transcript';
+import type { TranscriptEvent } from 'shared/transcript'
 
 /** La piste affichée : `''` pour le fil principal, sinon l'`agentId` d'un run. */
-export type TrackId = string;
+export type TrackId = string
 
-export const MAIN_TRACK: TrackId = '';
+export const MAIN_TRACK: TrackId = ''
 
 /**
  * Les événements d'une piste.
@@ -26,11 +26,8 @@ export const MAIN_TRACK: TrackId = '';
  * trier sur l'identité donne une partition exacte — chaque événement dans une
  * piste et une seule, rien qui disparaisse.
  */
-export function eventsOfTrack(
-  events: readonly TranscriptEvent[],
-  track: TrackId,
-): TranscriptEvent[] {
-  return track ? events.filter((e) => e.agentId === track) : events.filter((e) => !e.agentId);
+export function eventsOfTrack(events: readonly TranscriptEvent[], track: TrackId): TranscriptEvent[] {
+  return track ? events.filter((e) => e.agentId === track) : events.filter((e) => !e.agentId)
 }
 
 /**
@@ -41,9 +38,9 @@ export function eventsOfTrack(
  * l'écran. Savoir où elle est permet d'y aller plutôt que d'échouer en silence.
  */
 export function trackOfEvent(events: readonly TranscriptEvent[]): Map<string, TrackId> {
-  const out = new Map<string, TrackId>();
-  for (const e of events) out.set(e.uuid, e.agentId ?? MAIN_TRACK);
-  return out;
+  const out = new Map<string, TrackId>()
+  for (const e of events) out.set(e.uuid, e.agentId ?? MAIN_TRACK)
+  return out
 }
 
 /**
@@ -55,5 +52,5 @@ export function trackOfEvent(events: readonly TranscriptEvent[]): Map<string, Tr
  * relation se romprait sans que rien ne le montre à l'écran.
  */
 export function trackTabId(track: TrackId): string {
-  return `agent-track-${track || 'main'}`;
+  return `agent-track-${track || 'main'}`
 }
diff --git a/src/composables/useBreadcrumbs.ts b/src/composables/useBreadcrumbs.ts
index 267a52b..742d321 100644
--- a/src/composables/useBreadcrumbs.ts
+++ b/src/composables/useBreadcrumbs.ts
@@ -2,27 +2,27 @@
 // Pages that know a dynamic label (a project name, a session id) push their own
 // trail via `setBreadcrumbs`; MainLayout clears the override on every navigation
 // and falls back to a static, route-name-derived trail otherwise.
-import { ref } from 'vue';
-import type { RouteLocationRaw } from 'vue-router';
+import { ref } from 'vue'
+import type { RouteLocationRaw } from 'vue-router'
 
 export interface Crumb {
-  label: string;
+  label: string
   /** Omit for the current (non-navigable) segment. */
-  to?: RouteLocationRaw;
+  to?: RouteLocationRaw
 }
 
-const override = ref<Crumb[] | null>(null);
+const override = ref<Crumb[] | null>(null)
 
 export function useBreadcrumbs() {
-  return { override };
+  return { override }
 }
 
 /** Set the breadcrumb trail for the current page (segments after the brand). */
 export function setBreadcrumbs(crumbs: Crumb[]): void {
-  override.value = crumbs;
+  override.value = crumbs
 }
 
 /** Reset to the route-derived default trail (called by the layout on navigation). */
 export function clearBreadcrumbs(): void {
-  override.value = null;
+  override.value = null
 }
diff --git a/src/composables/useChartTokens.ts b/src/composables/useChartTokens.ts
index b1af038..2a8ebe5 100644
--- a/src/composables/useChartTokens.ts
+++ b/src/composables/useChartTokens.ts
@@ -3,31 +3,31 @@
 // theme flips — otherwise a dark-mode toggle leaves the charts painted for the
 // old surface.
 
-import { ref, watch, type Ref } from 'vue';
-import { useQuasar } from 'quasar';
+import { useQuasar } from 'quasar'
+import { ref, watch, type Ref } from 'vue'
 
 export interface ChartTokens {
   /** Categorical slots, in the fixed order defined by the theme. */
-  series: string[];
-  text: string;
-  muted: string;
-  line: string;
-  surface: string;
+  series: string[]
+  text: string
+  muted: string
+  line: string
+  surface: string
 }
 
 /** Number of `--series-N` tokens declared in `app.scss`. */
-const SERIES_COUNT = 6;
+const SERIES_COUNT = 6
 
 function read(): ChartTokens {
-  const s = getComputedStyle(document.body);
-  const v = (name: string) => s.getPropertyValue(name).trim();
+  const s = getComputedStyle(document.body)
+  const v = (name: string) => s.getPropertyValue(name).trim()
   return {
     series: Array.from({ length: SERIES_COUNT }, (_, i) => v(`--series-${i + 1}`)),
     text: v('--text'),
     muted: v('--muted'),
     line: v('--line'),
     surface: v('--surface'),
-  };
+  }
 }
 
 /**
@@ -35,16 +35,16 @@ function read(): ChartTokens {
  * rebuilds its chart from the new values.
  */
 export function useChartTokens(): Ref<ChartTokens> {
-  const $q = useQuasar();
-  const tokens = ref<ChartTokens>(read());
+  const $q = useQuasar()
+  const tokens = ref<ChartTokens>(read())
   watch(
     () => $q.dark.isActive,
     () => {
       // The class swap happens on <body>; wait a frame so getComputedStyle sees it.
-      requestAnimationFrame(() => (tokens.value = read()));
+      requestAnimationFrame(() => (tokens.value = read()))
     },
-  );
-  return tokens;
+  )
+  return tokens
 }
 
 /**
@@ -53,5 +53,5 @@ export function useChartTokens(): Ref<ChartTokens> {
  * bucket rather than reuse a hue — a repeated colour reads as the same entity.
  */
 export function seriesColor(tokens: ChartTokens, i: number): string {
-  return tokens.series[i] ?? tokens.muted;
+  return tokens.series[i] ?? tokens.muted
 }
diff --git a/src/composables/useExpandAll.ts b/src/composables/useExpandAll.ts
index 3a9941f..c579e46 100644
--- a/src/composables/useExpandAll.ts
+++ b/src/composables/useExpandAll.ts
@@ -11,33 +11,33 @@
 // boolean the value would not change, no watcher would fire, and the card would
 // stay open. The counter makes every press a distinct event.
 
-import { inject, provide, ref, watch, type InjectionKey, type Ref } from 'vue';
+import { inject, provide, ref, watch, type InjectionKey, type Ref } from 'vue'
 
 interface ExpandCommand {
-  open: boolean;
-  seq: number;
+  open: boolean
+  seq: number
   /**
    * L'ordre vaut aussi pour ce qui se monte après lui. Un flux en direct ajoute
    * des outils au tour en cours seconde après seconde : sans cela, chacun
    * arriverait replié, la commande étant passée avant sa naissance. Un bouton
    * « tout déplier », lui, s'adresse à ce qui est là — d'où le défaut à faux.
    */
-  sticky: boolean;
+  sticky: boolean
 }
 
-const EXPAND_ALL: InjectionKey<Ref<ExpandCommand>> = Symbol('replay:expand-all');
+const EXPAND_ALL: InjectionKey<Ref<ExpandCommand>> = Symbol('replay:expand-all')
 
 /** Call once, in the page that owns the toolbar. */
 export function provideExpandAll(): {
-  expandAll: () => void;
-  collapseAll: () => void;
+  expandAll: () => void
+  collapseAll: () => void
 } {
-  const command = ref<ExpandCommand>({ open: false, seq: 0, sticky: false });
+  const command = ref<ExpandCommand>({ open: false, seq: 0, sticky: false })
   const setAll = (open: boolean): void => {
-    command.value = { open, seq: command.value.seq + 1, sticky: false };
-  };
-  provide(EXPAND_ALL, command);
-  return { expandAll: () => setAll(true), collapseAll: () => setAll(false) };
+    command.value = { open, seq: command.value.seq + 1, sticky: false }
+  }
+  provide(EXPAND_ALL, command)
+  return { expandAll: () => setAll(true), collapseAll: () => setAll(false) }
 }
 
 /**
@@ -49,21 +49,21 @@ export function provideExpandAll(): {
  * suivre la commande de la page, pas celle qu'il fournit à ses descendants.
  */
 export function provideScopedExpandAll(): {
-  setAll: (open: boolean, sticky?: boolean) => void;
+  setAll: (open: boolean, sticky?: boolean) => void
 } {
-  const parent = inject(EXPAND_ALL, null);
-  const command = ref<ExpandCommand>({ open: false, seq: 0, sticky: false });
+  const parent = inject(EXPAND_ALL, null)
+  const command = ref<ExpandCommand>({ open: false, seq: 0, sticky: false })
   const setAll = (open: boolean, sticky = false): void => {
-    command.value = { open, seq: command.value.seq + 1, sticky };
-  };
+    command.value = { open, seq: command.value.seq + 1, sticky }
+  }
   if (parent) {
     watch(
       () => parent.value.seq,
       () => setAll(parent.value.open, parent.value.sticky),
-    );
+    )
   }
-  provide(EXPAND_ALL, command);
-  return { setAll };
+  provide(EXPAND_ALL, command)
+  return { setAll }
 }
 
 /**
@@ -83,27 +83,24 @@ export function provideScopedExpandAll(): {
  * Safe outside a provider: the ref is then simply local (keeps the components
  * usable in isolation, and in tests).
  */
-export function useExpandable(
-  initial = false,
-  { followSticky = true }: { followSticky?: boolean } = {},
-): Ref<boolean> {
-  const command = inject(EXPAND_ALL, null);
+export function useExpandable(initial = false, { followSticky = true }: { followSticky?: boolean } = {}): Ref<boolean> {
+  const command = inject(EXPAND_ALL, null)
   // Un ordre adhésif déjà donné vaut pour ce qui naît sous lui : l'outil qui
   // vient d'apparaître dans le tour suivi en direct s'ouvre comme les autres.
-  const sticky = (): boolean => Boolean(command?.value.sticky) && followSticky;
-  const open = ref(sticky() ? command!.value.open : initial);
+  const sticky = (): boolean => Boolean(command?.value.sticky) && followSticky
+  const open = ref(sticky() ? command!.value.open : initial)
   if (command) {
     watch(
       () => command.value.seq,
       () => {
         // Un ordre adhésif ignoré ne referme pas non plus : le repli de fin de
         // direct, lui, n'est pas adhésif et continue de s'appliquer.
-        if (command.value.sticky && !followSticky) return;
-        open.value = command.value.open;
+        if (command.value.sticky && !followSticky) return
+        open.value = command.value.open
       },
-    );
+    )
   }
-  return open;
+  return open
 }
 
 /**
@@ -113,8 +110,8 @@ export function useExpandable(
  */
 export function syncDetails(open: Ref<boolean>): (e: Event) => void {
   return (e: Event) => {
-    open.value = (e.target as HTMLDetailsElement).open;
-  };
+    open.value = (e.target as HTMLDetailsElement).open
+  }
 }
 
 /**
@@ -122,10 +119,10 @@ export function syncDetails(open: Ref<boolean>): (e: Event) => void {
  * sections) where one boolean ref per element would not do.
  */
 export function onExpandAll(handler: (open: boolean) => void): void {
-  const command = inject(EXPAND_ALL, null);
-  if (!command) return;
+  const command = inject(EXPAND_ALL, null)
+  if (!command) return
   watch(
     () => command.value.seq,
     () => handler(command.value.open),
-  );
+  )
 }
diff --git a/src/composables/useFrontmatterForm.ts b/src/composables/useFrontmatterForm.ts
index 137abfa..7f5316d 100644
--- a/src/composables/useFrontmatterForm.ts
+++ b/src/composables/useFrontmatterForm.ts
@@ -7,128 +7,122 @@
 // keys (name, description, tools, model…). Complex/nested YAML (e.g. hooks) is
 // left untouched in the block and remains editable via the raw body if needed.
 
-import { computed, type Ref, type WritableComputedRef } from 'vue';
+import { computed, type Ref, type WritableComputedRef } from 'vue'
 
-const FENCE = /^---\r?\n([\s\S]*?)\r?\n---\r?\n?/;
+const FENCE = /^---\r?\n([\s\S]*?)\r?\n---\r?\n?/
 
 interface Parsed {
-  hasFm: boolean;
-  fm: string; // frontmatter body (between the fences)
-  body: string; // everything after the closing fence
+  hasFm: boolean
+  fm: string // frontmatter body (between the fences)
+  body: string // everything after the closing fence
 }
 
 function parse(text: string): Parsed {
-  const m = FENCE.exec(text);
-  if (!m) return { hasFm: false, fm: '', body: text };
-  return { hasFm: true, fm: m[1] ?? '', body: text.slice(m[0].length) };
+  const m = FENCE.exec(text)
+  if (!m) return { hasFm: false, fm: '', body: text }
+  return { hasFm: true, fm: m[1] ?? '', body: text.slice(m[0].length) }
 }
 
 function unquote(v: string): string {
-  const t = v.trim();
+  const t = v.trim()
   if ((t.startsWith('"') && t.endsWith('"')) || (t.startsWith("'") && t.endsWith("'"))) {
-    return t.slice(1, -1);
+    return t.slice(1, -1)
   }
-  return t;
+  return t
 }
 
 /** Read a top-level scalar key from a frontmatter block. */
 function readKey(fm: string, key: string): string | undefined {
   for (const line of fm.split(/\r?\n/)) {
-    const m = new RegExp(`^${key}\\s*:\\s*(.*)$`).exec(line);
-    if (m) return unquote(m[1] ?? '');
+    const m = new RegExp(`^${key}\\s*:\\s*(.*)$`).exec(line)
+    if (m) return unquote(m[1] ?? '')
   }
-  return undefined;
+  return undefined
 }
 
 /** True when a YAML scalar must be double-quoted to stay valid. */
 function needsQuote(v: string): boolean {
   return (
-    v === '' ||
-    /^\s|\s$/.test(v) ||
-    v.includes(': ') ||
-    v.endsWith(':') ||
-    v.includes(' #') ||
-    v.includes('\n') ||
-    /^[!&*[\]{}#|>@`"'%,?-]/.test(v)
-  );
+    v === '' || /^\s|\s$/.test(v) || v.includes(': ') || v.endsWith(':') || v.includes(' #') || v.includes('\n') || /^[!&*[\]{}#|>@`"'%,?-]/.test(v)
+  )
 }
 
 function serialize(v: string): string {
-  return needsQuote(v) ? `"${v.replace(/\\/g, '\\\\').replace(/"/g, '\\"')}"` : v;
+  return needsQuote(v) ? `"${v.replace(/\\/g, '\\\\').replace(/"/g, '\\"')}"` : v
 }
 
 /** Set/replace/remove a top-level scalar key, returning the new frontmatter. */
 function setKey(fm: string, key: string, value: string | undefined): string {
-  const lines = fm.length ? fm.split(/\r?\n/) : [];
-  const idx = lines.findIndex((l) => new RegExp(`^${key}\\s*:`).test(l));
+  const lines = fm.length ? fm.split(/\r?\n/) : []
+  const idx = lines.findIndex((l) => new RegExp(`^${key}\\s*:`).test(l))
   if (value === undefined) {
-    if (idx >= 0) lines.splice(idx, 1);
+    if (idx >= 0) lines.splice(idx, 1)
   } else {
-    const line = `${key}: ${serialize(value)}`;
-    if (idx >= 0) lines[idx] = line;
-    else lines.push(line);
+    const line = `${key}: ${serialize(value)}`
+    if (idx >= 0) lines[idx] = line
+    else lines.push(line)
   }
-  return lines.join('\n');
+  return lines.join('\n')
 }
 
 function assemble(fm: string, body: string): string {
-  return `---\n${fm}\n---\n${body}`;
+  return `---\n${fm}\n---\n${body}`
 }
 
 /** Read a one-level nested scalar (e.g. metadata → type). */
 function readNested(fm: string, parent: string, child: string): string | undefined {
-  const lines = fm.split(/\r?\n/);
-  const pi = lines.findIndex((l) => new RegExp(`^${parent}\\s*:`).test(l));
-  if (pi < 0) return undefined;
+  const lines = fm.split(/\r?\n/)
+  const pi = lines.findIndex((l) => new RegExp(`^${parent}\\s*:`).test(l))
+  if (pi < 0) return undefined
   for (let i = pi + 1; i < lines.length; i++) {
-    if (!/^\s+/.test(lines[i] ?? '')) break; // left the nested block
-    const m = new RegExp(`^\\s+${child}\\s*:\\s*(.*)$`).exec(lines[i] ?? '');
-    if (m) return unquote(m[1] ?? '');
+    if (!/^\s+/.test(lines[i] ?? '')) break // left the nested block
+    const m = new RegExp(`^\\s+${child}\\s*:\\s*(.*)$`).exec(lines[i] ?? '')
+    if (m) return unquote(m[1] ?? '')
   }
-  return undefined;
+  return undefined
 }
 
 /** Set/replace/remove a one-level nested scalar, creating the parent if needed. */
 function setNested(fm: string, parent: string, child: string, value: string | undefined): string {
-  const lines = fm.length ? fm.split(/\r?\n/) : [];
-  const pi = lines.findIndex((l) => new RegExp(`^${parent}\\s*:`).test(l));
+  const lines = fm.length ? fm.split(/\r?\n/) : []
+  const pi = lines.findIndex((l) => new RegExp(`^${parent}\\s*:`).test(l))
   if (pi < 0) {
-    if (value === undefined) return fm;
-    lines.push(`${parent}:`, `  ${child}: ${serialize(value)}`);
-    return lines.join('\n');
+    if (value === undefined) return fm
+    lines.push(`${parent}:`, `  ${child}: ${serialize(value)}`)
+    return lines.join('\n')
   }
-  let ci = -1;
+  let ci = -1
   for (let i = pi + 1; i < lines.length; i++) {
-    if (!/^\s+/.test(lines[i] ?? '')) break;
+    if (!/^\s+/.test(lines[i] ?? '')) break
     if (new RegExp(`^\\s+${child}\\s*:`).test(lines[i] ?? '')) {
-      ci = i;
-      break;
+      ci = i
+      break
     }
   }
   if (value === undefined) {
-    if (ci >= 0) lines.splice(ci, 1);
+    if (ci >= 0) lines.splice(ci, 1)
   } else if (ci >= 0) {
-    lines[ci] = `  ${child}: ${serialize(value)}`;
+    lines[ci] = `  ${child}: ${serialize(value)}`
   } else {
-    lines.splice(pi + 1, 0, `  ${child}: ${serialize(value)}`);
+    lines.splice(pi + 1, 0, `  ${child}: ${serialize(value)}`)
   }
-  return lines.join('\n');
+  return lines.join('\n')
 }
 
 export function useFrontmatterForm(content: Ref<string>) {
-  const parsed = computed(() => parse(content.value));
-  const hasFrontmatter = computed(() => parsed.value.hasFm);
+  const parsed = computed(() => parse(content.value))
+  const hasFrontmatter = computed(() => parsed.value.hasFm)
 
   /** A writable computed bound to a frontmatter scalar key. */
   function field(key: string, fallback = ''): WritableComputedRef<string> {
     return computed<string>({
       get: () => readKey(parsed.value.fm, key) ?? fallback,
       set: (val) => {
-        const p = parsed.value;
-        const fm = setKey(p.fm, key, val === '' ? undefined : val);
-        content.value = assemble(fm, p.body);
+        const p = parsed.value
+        const fm = setKey(p.fm, key, val === '' ? undefined : val)
+        content.value = assemble(fm, p.body)
       },
-    });
+    })
   }
 
   /** A writable computed bound to a one-level nested key (e.g. metadata.type). */
@@ -136,21 +130,21 @@ export function useFrontmatterForm(content: Ref<string>) {
     return computed<string>({
       get: () => readNested(parsed.value.fm, parent, child) ?? fallback,
       set: (val) => {
-        const p = parsed.value;
-        const fm = setNested(p.fm, parent, child, val === '' ? undefined : val);
-        content.value = assemble(fm, p.body);
+        const p = parsed.value
+        const fm = setNested(p.fm, parent, child, val === '' ? undefined : val)
+        content.value = assemble(fm, p.body)
       },
-    });
+    })
   }
 
   /** The document body (after the frontmatter). */
   const body = computed<string>({
     get: () => parsed.value.body,
     set: (val) => {
-      const p = parsed.value;
-      content.value = p.hasFm ? assemble(p.fm, val) : val;
+      const p = parsed.value
+      content.value = p.hasFm ? assemble(p.fm, val) : val
     },
-  });
+  })
 
-  return { hasFrontmatter, field, nestedField, body };
+  return { hasFrontmatter, field, nestedField, body }
 }
diff --git a/src/composables/useHelp.ts b/src/composables/useHelp.ts
index bd2dafb..7ede2de 100644
--- a/src/composables/useHelp.ts
+++ b/src/composables/useHelp.ts
@@ -5,31 +5,31 @@
 // route: navigating from Hooks to MCP swaps the manual page under it. A section
 // opened explicitly (from a "voir aussi" link) pins itself until the next
 // navigation, which the layout resets.
-import { ref } from 'vue';
+import { ref } from 'vue'
 
-const open = ref(false);
-const pinned = ref<string | null>(null);
+const open = ref(false)
+const pinned = ref<string | null>(null)
 
 export function useHelp() {
-  return { open, pinned };
+  return { open, pinned }
 }
 
 /** Open the drawer, on a given section or on the one documenting the route. */
 export function openHelp(sectionId?: string): void {
-  pinned.value = sectionId ?? null;
-  open.value = true;
+  pinned.value = sectionId ?? null
+  open.value = true
 }
 
 export function closeHelp(): void {
-  open.value = false;
+  open.value = false
 }
 
 export function toggleHelp(): void {
-  if (open.value) closeHelp();
-  else openHelp();
+  if (open.value) closeHelp()
+  else openHelp()
 }
 
 /** Drop the pinned section so the drawer tracks the route again. */
 export function unpinHelp(): void {
-  pinned.value = null;
+  pinned.value = null
 }
diff --git a/src/composables/useJsonForm.ts b/src/composables/useJsonForm.ts
index 497b421..d456b2e 100644
--- a/src/composables/useJsonForm.ts
+++ b/src/composables/useJsonForm.ts
@@ -5,66 +5,64 @@
 // Reads parse the current text; writes clone → mutate → re-serialize the text.
 // When the text isn't valid JSON, `valid` is false and controls should disable.
 
-import { computed, type Ref, type WritableComputedRef } from 'vue';
-import { getAt, setAt, deleteAt, type Path } from '@/utils/json-edit';
+import { getAt, setAt, deleteAt, type Path } from '@/utils/json-edit'
+import { computed, type Ref, type WritableComputedRef } from 'vue'
 
 export function useJsonForm(content: Ref<string>) {
   const parsed = computed<Record<string, unknown> | null>(() => {
     try {
-      const o: unknown = JSON.parse(content.value || '{}');
-      return o && typeof o === 'object' && !Array.isArray(o)
-        ? (o as Record<string, unknown>)
-        : null;
+      const o: unknown = JSON.parse(content.value || '{}')
+      return o && typeof o === 'object' && !Array.isArray(o) ? (o as Record<string, unknown>) : null
     } catch {
-      return null;
+      return null
     }
-  });
+  })
 
-  const valid = computed(() => parsed.value !== null);
+  const valid = computed(() => parsed.value !== null)
 
-  const serialize = (obj: unknown): string => JSON.stringify(obj, null, 2) + '\n';
+  const serialize = (obj: unknown): string => JSON.stringify(obj, null, 2) + '\n'
 
   /** Clone the current object, apply a mutation, write it back to the text. */
   function mutate(fn: (o: Record<string, unknown>) => void): void {
-    const base: Record<string, unknown> = parsed.value ? structuredClone(parsed.value) : {};
-    fn(base);
-    content.value = serialize(base);
+    const base: Record<string, unknown> = parsed.value ? structuredClone(parsed.value) : {}
+    fn(base)
+    content.value = serialize(base)
   }
 
   /** A writable computed bound to a nested path, with a fallback when absent. */
   function field<T>(path: Path, fallback: T): WritableComputedRef<T> {
     return computed<T>({
       get: () => {
-        const v = getAt(parsed.value, path);
-        return (v === undefined ? fallback : v) as T;
+        const v = getAt(parsed.value, path)
+        return (v === undefined ? fallback : v) as T
       },
       set: (val) => mutate((o) => setAt(o, path, val)),
-    });
+    })
   }
 
-  const has = (path: Path): boolean => getAt(parsed.value, path) !== undefined;
-  const remove = (path: Path): void => mutate((o) => deleteAt(o, path));
+  const has = (path: Path): boolean => getAt(parsed.value, path) !== undefined
+  const remove = (path: Path): void => mutate((o) => deleteAt(o, path))
 
   /** Read a string[] at a path ([] when absent or wrong type). */
   function stringArray(path: Path): string[] {
-    const v = getAt(parsed.value, path);
-    return Array.isArray(v) ? v.filter((x): x is string => typeof x === 'string') : [];
+    const v = getAt(parsed.value, path)
+    return Array.isArray(v) ? v.filter((x): x is string => typeof x === 'string') : []
   }
 
   function pushTo(path: Path, val: unknown): void {
     mutate((o) => {
-      const arr = getAt(o, path);
-      if (Array.isArray(arr)) arr.push(val);
-      else setAt(o, path, [val]);
-    });
+      const arr = getAt(o, path)
+      if (Array.isArray(arr)) arr.push(val)
+      else setAt(o, path, [val])
+    })
   }
 
   function removeFrom(path: Path, index: number): void {
     mutate((o) => {
-      const arr = getAt(o, path);
-      if (Array.isArray(arr)) arr.splice(index, 1);
-    });
+      const arr = getAt(o, path)
+      if (Array.isArray(arr)) arr.splice(index, 1)
+    })
   }
 
-  return { parsed, valid, serialize, mutate, field, has, remove, stringArray, pushTo, removeFrom };
+  return { parsed, valid, serialize, mutate, field, has, remove, stringArray, pushTo, removeFrom }
 }
diff --git a/src/composables/useLiveSession.ts b/src/composables/useLiveSession.ts
index b5900ec..31b0340 100644
--- a/src/composables/useLiveSession.ts
+++ b/src/composables/useLiveSession.ts
@@ -7,7 +7,6 @@
 // Une seule `EventSource` par session, refermée à la sortie de l'écran. La
 // session, elle, survit : c'est le registre du BFF qui la possède, pas l'onglet.
 
-import { ref, shallowRef, triggerRef, onUnmounted } from 'vue';
 import type {
   AgentActivity,
   AgentSession,
@@ -17,9 +16,10 @@ import type {
   BackgroundShell,
   PermissionRequest,
   SlashCommandInfo,
-} from '@/services/agent';
-import { getSessionCommands, getSessionFiles, IDLE_ACTIVITY, streamUrl } from '@/services/agent';
-import type { TranscriptEvent } from '@/services/projects';
+} from '@/services/agent'
+import { getSessionCommands, getSessionFiles, IDLE_ACTIVITY, streamUrl } from '@/services/agent'
+import type { TranscriptEvent } from '@/services/projects'
+import { ref, shallowRef, triggerRef, onUnmounted } from 'vue'
 
 export function useLiveSession() {
   /**
@@ -28,27 +28,27 @@ export function useLiveSession() {
    * qui reçoit plusieurs deltas par seconde ferait payer un parcours complet de
    * l'arbre à chaque token.
    */
-  const events = shallowRef<TranscriptEvent[]>([]);
-  const session = ref<AgentSession | null>(null);
-  const status = ref<AgentStatus>('idle');
-  const error = ref('');
+  const events = shallowRef<TranscriptEvent[]>([])
+  const session = ref<AgentSession | null>(null)
+  const status = ref<AgentStatus>('idle')
+  const error = ref('')
   /** Les demandes en attente, dans l'ordre d'arrivée. */
-  const permissions = ref<PermissionRequest[]>([]);
-  const asks = ref<AskRequest[]>([]);
-  const connected = ref(false);
+  const permissions = ref<PermissionRequest[]>([])
+  const asks = ref<AskRequest[]>([])
+  const connected = ref(false)
   /**
    * Ce que l'agent fait à l'instant. Un état à part de la timeline : il ne
    * s'ajoute à rien, il se remplace — et il n'a pas de passé.
    */
-  const activity = ref<AgentActivity>(IDLE_ACTIVITY);
+  const activity = ref<AgentActivity>(IDLE_ACTIVITY)
   /**
    * Les commandes `/`, chargées à la demande puis rafraîchies par le flux.
    *
    * Elles ne font pas partie du `snapshot` : les demander démarre le processus
    * du CLI, et une session qu'on regarde sans lui parler ne doit rien coûter.
    */
-  const commands = ref<SlashCommandInfo[]>([]);
-  const commandsLoading = ref(false);
+  const commands = ref<SlashCommandInfo[]>([])
+  const commandsLoading = ref(false)
   /**
    * Les fichiers du dossier de travail, pour le `@`.
    *
@@ -56,125 +56,125 @@ export function useLiveSession() {
    * revoit pas une requête par frappe. `filesTruncated` dit qu'un dépôt trop
    * grand a été coupé.
    */
-  const files = ref<string[]>([]);
-  const filesTruncated = ref(false);
-  const filesLoading = ref(false);
+  const files = ref<string[]>([])
+  const filesTruncated = ref(false)
+  const filesLoading = ref(false)
   /**
    * Ce que la session a lancé en arrière-plan.
    *
    * Une liste, là où `activity` est un présent : un `pnpm dev:all` quitte les
    * outils en vol au bout de deux secondes et tient son port une heure.
    */
-  const shells = ref<BackgroundShell[]>([]);
+  const shells = ref<BackgroundShell[]>([])
 
-  let source: EventSource | null = null;
-  let attached = '';
-  let commandsAsked = false;
-  let filesAsked = false;
-  const index = new Map<string, number>();
+  let source: EventSource | null = null
+  let attached = ''
+  let commandsAsked = false
+  let filesAsked = false
+  const index = new Map<string, number>()
 
   function reindex(): void {
-    index.clear();
-    events.value.forEach((e, i) => index.set(e.uuid, i));
+    index.clear()
+    events.value.forEach((e, i) => index.set(e.uuid, i))
   }
 
   function apply(upsert: AgentUpsert): void {
     switch (upsert.kind) {
       case 'snapshot':
-        session.value = upsert.session;
-        status.value = upsert.session.status;
-        events.value = upsert.events;
-        activity.value = upsert.activity;
-        shells.value = upsert.shells;
-        reindex();
-        return;
+        session.value = upsert.session
+        status.value = upsert.session.status
+        events.value = upsert.events
+        activity.value = upsert.activity
+        shells.value = upsert.shells
+        reindex()
+        return
 
       case 'session':
-        session.value = upsert.session;
-        return;
+        session.value = upsert.session
+        return
 
       case 'append-event':
-        events.value = [...events.value, upsert.event];
-        index.set(upsert.event.uuid, events.value.length - 1);
-        return;
+        events.value = [...events.value, upsert.event]
+        index.set(upsert.event.uuid, events.value.length - 1)
+        return
 
       case 'replace-event': {
-        const at = index.get(upsert.event.uuid);
+        const at = index.get(upsert.event.uuid)
         if (at === undefined) {
-          events.value = [...events.value, upsert.event];
-          index.set(upsert.event.uuid, events.value.length - 1);
-          return;
+          events.value = [...events.value, upsert.event]
+          index.set(upsert.event.uuid, events.value.length - 1)
+          return
         }
-        const next = events.value.slice();
-        next[at] = upsert.event;
-        events.value = next;
-        return;
+        const next = events.value.slice()
+        next[at] = upsert.event
+        events.value = next
+        return
       }
 
       case 'text-delta': {
-        const at = index.get(upsert.uuid);
-        const event = at === undefined ? undefined : events.value[at];
-        const block = event?.blocks[upsert.blockIndex];
-        if (!block) return;
+        const at = index.get(upsert.uuid)
+        const event = at === undefined ? undefined : events.value[at]
+        const block = event?.blocks[upsert.blockIndex]
+        if (!block) return
         // Le seul endroit où l'on mute au lieu de remplacer : un token par
         // frappe, et recopier l'événement à chacun ferait des milliers de
         // tableaux pour une réponse un peu longue. `triggerRef` prévient le
         // rendu sans changer l'identité de la liste.
-        block.text = (block.text ?? '') + upsert.text;
-        triggerRef(events);
-        return;
+        block.text = (block.text ?? '') + upsert.text
+        triggerRef(events)
+        return
       }
 
       case 'tool-input': {
         // Même raison que `text-delta` de muter plutôt que remplacer : l'entrée
         // se réécrit entière à chaque pas, et recopier la liste d'événements à
         // chaque fois ferait redessiner toute la timeline pour une ligne.
-        const at = index.get(upsert.uuid);
-        const event = at === undefined ? undefined : events.value[at];
-        const block = event?.blocks[upsert.blockIndex];
-        if (!block) return;
-        block.input = upsert.input;
-        triggerRef(events);
-        return;
+        const at = index.get(upsert.uuid)
+        const event = at === undefined ? undefined : events.value[at]
+        const block = event?.blocks[upsert.blockIndex]
+        if (!block) return
+        block.input = upsert.input
+        triggerRef(events)
+        return
       }
 
       case 'activity':
-        activity.value = upsert.activity;
-        return;
+        activity.value = upsert.activity
+        return
 
       case 'shells':
         // Le serveur pousse la liste entière : elle se remplace, comme celle des
         // commandes. Il n'y a pas de delta à appliquer sur quatre entrées.
-        shells.value = upsert.shells;
-        return;
+        shells.value = upsert.shells
+        return
 
       case 'status':
-        status.value = upsert.status;
-        if (upsert.error) error.value = upsert.error;
-        if (session.value) session.value.status = upsert.status;
-        return;
+        status.value = upsert.status
+        if (upsert.error) error.value = upsert.error
+        if (session.value) session.value.status = upsert.status
+        return
 
       case 'permission-request':
-        permissions.value = [...permissions.value, upsert.request];
-        return;
+        permissions.value = [...permissions.value, upsert.request]
+        return
 
       case 'permission-settled':
-        permissions.value = permissions.value.filter((p) => p.id !== upsert.id);
-        return;
+        permissions.value = permissions.value.filter((p) => p.id !== upsert.id)
+        return
 
       case 'ask-request':
-        asks.value = [...asks.value, upsert.request];
-        return;
+        asks.value = [...asks.value, upsert.request]
+        return
 
       case 'ask-settled':
-        asks.value = asks.value.filter((a) => a.id !== upsert.id);
-        return;
+        asks.value = asks.value.filter((a) => a.id !== upsert.id)
+        return
 
       case 'commands':
         // Le serveur pousse la liste entière : elle se remplace, elle ne se
         // fusionne pas. Un Skill retiré doit disparaître du menu.
-        commands.value = upsert.commands;
-        return;
+        commands.value = upsert.commands
+        return
     }
   }
 
@@ -188,15 +188,15 @@ export function useLiveSession() {
    * à la main reste possible, et rien n'est perdu.
    */
   async function loadCommands(): Promise<void> {
-    if (commandsAsked || !attached) return;
-    commandsAsked = true;
-    commandsLoading.value = true;
+    if (commandsAsked || !attached) return
+    commandsAsked = true
+    commandsLoading.value = true
     try {
-      commands.value = (await getSessionCommands(attached)).commands;
+      commands.value = (await getSessionCommands(attached)).commands
     } catch {
-      commands.value = [];
+      commands.value = []
     } finally {
-      commandsLoading.value = false;
+      commandsLoading.value = false
     }
   }
 
@@ -207,45 +207,45 @@ export function useLiveSession() {
    * tape alors à la main, ce qui reste possible de toute façon.
    */
   async function loadFiles(): Promise<void> {
-    if (filesAsked || !attached) return;
-    filesAsked = true;
-    filesLoading.value = true;
+    if (filesAsked || !attached) return
+    filesAsked = true
+    filesLoading.value = true
     try {
-      const read = await getSessionFiles(attached);
-      files.value = read.files;
-      filesTruncated.value = read.truncated;
+      const read = await getSessionFiles(attached)
+      files.value = read.files
+      filesTruncated.value = read.truncated
     } catch {
-      files.value = [];
+      files.value = []
     } finally {
-      filesLoading.value = false;
+      filesLoading.value = false
     }
   }
 
   /** S'attacher à une session. Le premier message reçu est tout son état. */
   function attach(runId: string): void {
-    detach();
-    events.value = [];
-    permissions.value = [];
-    asks.value = [];
-    error.value = '';
-    activity.value = IDLE_ACTIVITY;
-    commands.value = [];
-    commandsAsked = false;
-    files.value = [];
-    filesTruncated.value = false;
-    filesAsked = false;
-    attached = runId;
-    index.clear();
+    detach()
+    events.value = []
+    permissions.value = []
+    asks.value = []
+    error.value = ''
+    activity.value = IDLE_ACTIVITY
+    commands.value = []
+    commandsAsked = false
+    files.value = []
+    filesTruncated.value = false
+    filesAsked = false
+    attached = runId
+    index.clear()
 
-    source = new EventSource(streamUrl(runId));
+    source = new EventSource(streamUrl(runId))
     source.onopen = () => {
-      connected.value = true;
-    };
+      connected.value = true
+    }
     source.onerror = () => {
       // `EventSource` se reconnecte seul ; le `snapshot` qui suivra remettra
       // l'état d'aplomb. On ne signale donc qu'une coupure visible, pas une panne.
-      connected.value = false;
-    };
+      connected.value = false
+    }
     // Le serveur nomme chaque trame de son `kind` : on écoute par nom plutôt que
     // `onmessage`, qui ne reçoit que les trames sans nom.
     const kinds: AgentUpsert['kind'][] = [
@@ -263,25 +263,25 @@ export function useLiveSession() {
       'ask-request',
       'ask-settled',
       'commands',
-    ];
+    ]
     for (const kind of kinds) {
       source.addEventListener(kind, (e) => {
-        apply(JSON.parse((e as MessageEvent<string>).data) as AgentUpsert);
-      });
+        apply(JSON.parse((e as MessageEvent<string>).data) as AgentUpsert)
+      })
     }
   }
 
   function detach(): void {
-    source?.close();
-    source = null;
-    attached = '';
-    connected.value = false;
+    source?.close()
+    source = null
+    attached = ''
+    connected.value = false
     // Débranché, on ne sait plus ce qui se passe : laisser la dernière phase
     // affichée ferait croire à une session qu'on regarde encore.
-    activity.value = IDLE_ACTIVITY;
+    activity.value = IDLE_ACTIVITY
   }
 
-  onUnmounted(detach);
+  onUnmounted(detach)
 
   return {
     events,
@@ -302,5 +302,5 @@ export function useLiveSession() {
     shells,
     attach,
     detach,
-  };
+  }
 }
diff --git a/src/composables/useNotify.ts b/src/composables/useNotify.ts
index a83d1b9..c752ed9 100644
--- a/src/composables/useNotify.ts
+++ b/src/composables/useNotify.ts
@@ -9,16 +9,16 @@
 // voulait faire, ce qui a échoué, et ce qui reste possible. D'où la signature :
 // l'appelant fournit la tentative, le détail vient de l'exception.
 
-import { useQuasar } from 'quasar';
-import { t } from '@/i18n';
+import { t } from '@/i18n'
+import { useQuasar } from 'quasar'
 
 function detail(e: unknown): string {
-  if (e instanceof Error && e.message.trim()) return e.message;
-  return '';
+  if (e instanceof Error && e.message.trim()) return e.message
+  return ''
 }
 
 export function useNotify() {
-  const $q = useQuasar();
+  const $q = useQuasar()
 
   /**
    * Échec d'une action.
@@ -28,7 +28,7 @@ export function useNotify() {
    *   laisser vide que là où l'action n'est pas nommable.
    */
   function notifyError(e: unknown, tried?: string): void {
-    const d = detail(e);
+    const d = detail(e)
     // Le détail passe en `caption` plutôt que d'être collé au message : il vient
     // du serveur ou du système, il n'est pas dans la voix d'AURA, et le
     // distinguer typographiquement est plus honnête que de le fondre dedans.
@@ -37,18 +37,18 @@ export function useNotify() {
       message: tried ? `${tried}.` : d || t('common.noDetail'),
       ...(tried && d ? { caption: d } : {}),
       position: 'top',
-    });
+    })
   }
 
   /** Action menée à bien. Le message dit ce qui a changé, pas qu'AURA a réussi. */
   function notifyDone(message: string, caption?: string): void {
-    $q.notify({ type: 'positive', message, ...(caption ? { caption } : {}), position: 'top' });
+    $q.notify({ type: 'positive', message, ...(caption ? { caption } : {}), position: 'top' })
   }
 
   /** Rien n'est cassé, mais AURA a renoncé ou a trouvé mieux à faire. */
   function notifyWarn(message: string, caption?: string): void {
-    $q.notify({ type: 'warning', message, ...(caption ? { caption } : {}), position: 'top' });
+    $q.notify({ type: 'warning', message, ...(caption ? { caption } : {}), position: 'top' })
   }
 
-  return { notifyError, notifyDone, notifyWarn };
+  return { notifyError, notifyDone, notifyWarn }
 }
diff --git a/src/composables/useTranscriptTurns.ts b/src/composables/useTranscriptTurns.ts
index da14075..d573b52 100644
--- a/src/composables/useTranscriptTurns.ts
+++ b/src/composables/useTranscriptTurns.ts
@@ -12,8 +12,8 @@
 //
 // Nothing here calls the BFF. It is a pure view over `ParsedTranscript.events`.
 
-import { computed, type ComputedRef, type MaybeRefOrGetter, toValue } from 'vue';
-import type { TranscriptEvent } from '@/services/projects';
+import type { TranscriptEvent } from '@/services/projects'
+import { computed, type ComputedRef, type MaybeRefOrGetter, toValue } from 'vue'
 
 /**
  * Which sub-agent run a node belongs to. Both are absent on the main thread.
@@ -21,54 +21,54 @@ import type { TranscriptEvent } from '@/services/projects';
  * names it, and is missing when nothing on disk could.
  */
 export interface AgentIdentity {
-  agentId?: string;
-  agentType?: string;
+  agentId?: string
+  agentType?: string
 }
 
 export interface AssistantTurn extends AgentIdentity {
-  kind: 'turn';
-  uuid: string;
-  isSidechain: boolean;
+  kind: 'turn'
+  uuid: string
+  isSidechain: boolean
   /** Segment de compaction où le nœud se trouve. Voir `assignPhases`. */
-  phase: number;
-  events: TranscriptEvent[];
-  model: string;
-  startedAt: number;
-  endedAt: number;
-  durationMs: number;
+  phase: number
+  events: TranscriptEvent[]
+  model: string
+  startedAt: number
+  endedAt: number
+  durationMs: number
   /** Tokens Claude generated across every response in the turn. Exact. */
-  outputTokens: number;
+  outputTokens: number
   /** Largest context window any response in the turn was handed. Exact. */
-  contextPeak: number;
-  toolCount: number;
-  thinkingCount: number;
+  contextPeak: number
+  toolCount: number
+  thinkingCount: number
 }
 
 export interface UserNode extends AgentIdentity {
-  kind: 'user';
-  uuid: string;
-  isSidechain: boolean;
-  phase: number;
-  event: TranscriptEvent;
+  kind: 'user'
+  uuid: string
+  isSidechain: boolean
+  phase: number
+  event: TranscriptEvent
 }
 
 /** Hook, compaction, summary: rendered on its own, between the cards. */
 export interface LooseNode extends AgentIdentity {
-  kind: 'event';
-  uuid: string;
-  isSidechain: boolean;
-  phase: number;
-  event: TranscriptEvent;
+  kind: 'event'
+  uuid: string
+  isSidechain: boolean
+  phase: number
+  event: TranscriptEvent
 }
 
-export type TimelineNode = UserNode | AssistantTurn | LooseNode;
+export type TimelineNode = UserNode | AssistantTurn | LooseNode
 
 /** The identity fields of an event, ready to spread onto a node. */
 function identityOf(ev: TranscriptEvent): AgentIdentity {
   return {
     ...(ev.agentId ? { agentId: ev.agentId } : {}),
     ...(ev.agentType ? { agentType: ev.agentType } : {}),
-  };
+  }
 }
 
 /**
@@ -90,7 +90,7 @@ export function isHumanMessage(ev: TranscriptEvent): boolean {
     !ev.isMeta &&
     (ev.origin === undefined || ev.origin === 'human' || ev.origin === 'queued') &&
     ev.blocks.some((b) => b.kind === 'text' || b.kind === 'image')
-  );
+  )
 }
 
 /**
@@ -105,27 +105,23 @@ function isLoose(ev: TranscriptEvent): boolean {
   // rien d'un tour, elle dit que le régime a changé entre deux. Pliée dans la
   // carte précédente, elle annoncerait une contrainte après les tours qu'elle
   // contraint.
-  if (ev.kind === 'hook' || ev.kind === 'compaction' || ev.kind === 'summary') return true;
-  if (ev.kind === 'planmode') return true;
-  return (
-    ev.origin === 'slash-command' ||
-    ev.origin === 'command-output' ||
-    ev.origin === 'compact-summary'
-  );
+  if (ev.kind === 'hook' || ev.kind === 'compaction' || ev.kind === 'summary') return true
+  if (ev.kind === 'planmode') return true
+  return ev.origin === 'slash-command' || ev.origin === 'command-output' || ev.origin === 'compact-summary'
 }
 
 /** A node the CLI wrote about a compaction, rather than a turn of conversation. */
 function isCompactionAftermath(node: TimelineNode): boolean {
-  if (node.kind !== 'event') return false;
-  return node.event.kind === 'compaction' || node.event.origin === 'compact-summary';
+  if (node.kind !== 'event') return false
+  return node.event.kind === 'compaction' || node.event.origin === 'compact-summary'
 }
 
 /** The one-line command a `user` row consists of, or `''`. */
 function bareCommand(ev: TranscriptEvent): string {
-  const texts = ev.blocks.filter((b) => b.kind === 'text');
-  if (texts.length !== 1) return '';
-  const text = (texts[0]?.text ?? '').trim();
-  return /^[/!]\S/.test(text) && !text.includes('\n') ? text : '';
+  const texts = ev.blocks.filter((b) => b.kind === 'text')
+  if (texts.length !== 1) return ''
+  const text = (texts[0]?.text ?? '').trim()
+  return /^[/!]\S/.test(text) && !text.includes('\n') ? text : ''
 }
 
 /**
@@ -136,18 +132,18 @@ function bareCommand(ev: TranscriptEvent): string {
  */
 function dropEchoedCommands(nodes: TimelineNode[]): TimelineNode[] {
   return nodes.filter((node, i) => {
-    if (node.kind !== 'user') return true;
-    const typed = bareCommand(node.event);
-    if (!typed) return true;
+    if (node.kind !== 'user') return true
+    const typed = bareCommand(node.event)
+    if (!typed) return true
 
-    const next = nodes[i + 1];
-    if (next?.kind !== 'event' || next.event.origin !== 'slash-command') return true;
+    const next = nodes[i + 1]
+    if (next?.kind !== 'event' || next.event.origin !== 'slash-command') return true
 
-    const block = next.event.blocks.find((b) => b.kind === 'slash_command');
-    if (!block) return true;
-    const echoed = [block.name ?? '', block.text ?? ''].join(' ').trim();
-    return echoed !== typed;
-  });
+    const block = next.event.blocks.find((b) => b.kind === 'slash_command')
+    if (!block) return true
+    const echoed = [block.name ?? '', block.text ?? ''].join(' ').trim()
+    return echoed !== typed
+  })
 }
 
 /**
@@ -162,24 +158,24 @@ function dropEchoedCommands(nodes: TimelineNode[]): TimelineNode[] {
  * precede it in time, and never further.
  */
 function hoistCommands(nodes: TimelineNode[]): TimelineNode[] {
-  const out = [...nodes];
+  const out = [...nodes]
   for (let i = 0; i < out.length; i++) {
-    const node = out[i];
-    if (node?.kind !== 'event' || node.event.origin !== 'slash-command') continue;
+    const node = out[i]
+    if (node?.kind !== 'event' || node.event.origin !== 'slash-command') continue
 
-    let target = i;
+    let target = i
     while (target > 0) {
-      const prev = out[target - 1];
-      if (!prev || !isCompactionAftermath(prev)) break;
-      if (prev.kind !== 'event' || prev.event.timestamp <= node.event.timestamp) break;
-      target--;
+      const prev = out[target - 1]
+      if (!prev || !isCompactionAftermath(prev)) break
+      if (prev.kind !== 'event' || prev.event.timestamp <= node.event.timestamp) break
+      target--
     }
     if (target !== i) {
-      out.splice(i, 1);
-      out.splice(target, 0, node);
+      out.splice(i, 1)
+      out.splice(target, 0, node)
     }
   }
-  return out;
+  return out
 }
 
 /**
@@ -196,16 +192,16 @@ function hoistCommands(nodes: TimelineNode[]): TimelineNode[] {
  * posés à la construction — à ce moment-là l'ordre du fil n'est pas encore acquis.
  */
 function assignPhases(nodes: TimelineNode[]): TimelineNode[] {
-  let phase = 0;
+  let phase = 0
   return nodes.map((node) => {
-    if (node.kind === 'event' && node.event.kind === 'compaction') phase++;
-    return { ...node, phase };
-  });
+    if (node.kind === 'event' && node.event.kind === 'compaction') phase++
+    return { ...node, phase }
+  })
 }
 
 function finish(events: TranscriptEvent[]): AssistantTurn | LooseNode[] {
-  const first = events[0];
-  if (!first) return [];
+  const first = events[0]
+  if (!first) return []
 
   // A run with no assistant response is not a turn — it is stray system noise.
   // Rendering it under a "Claude" header would attribute it to Claude.
@@ -217,26 +213,26 @@ function finish(events: TranscriptEvent[]): AssistantTurn | LooseNode[] {
       phase: 0,
       ...identityOf(event),
       event,
-    }));
+    }))
   }
 
-  const last = events[events.length - 1] ?? first;
-  let outputTokens = 0;
-  let contextPeak = 0;
-  let toolCount = 0;
-  let thinkingCount = 0;
-  let model = '';
+  const last = events[events.length - 1] ?? first
+  let outputTokens = 0
+  let contextPeak = 0
+  let toolCount = 0
+  let thinkingCount = 0
+  let model = ''
 
   for (const ev of events) {
     if (ev.usage) {
-      outputTokens += ev.usage.output;
-      const context = ev.usage.input + ev.usage.cacheRead + ev.usage.cacheCreate;
-      if (context > contextPeak) contextPeak = context;
+      outputTokens += ev.usage.output
+      const context = ev.usage.input + ev.usage.cacheRead + ev.usage.cacheCreate
+      if (context > contextPeak) contextPeak = context
     }
-    if (!model && ev.model) model = ev.model;
+    if (!model && ev.model) model = ev.model
     for (const b of ev.blocks) {
-      if (b.kind === 'tool_use') toolCount++;
-      else if (b.kind === 'thinking') thinkingCount++;
+      if (b.kind === 'tool_use') toolCount++
+      else if (b.kind === 'thinking') thinkingCount++
     }
   }
 
@@ -255,7 +251,7 @@ function finish(events: TranscriptEvent[]): AssistantTurn | LooseNode[] {
     contextPeak,
     toolCount,
     thinkingCount,
-  };
+  }
 }
 
 export interface TurnOptions {
@@ -270,36 +266,33 @@ export interface TurnOptions {
    * cette carte n'est plus là : la consigne n'apparaît alors nulle part, et le
    * flux de l'agent commence par une réponse à une question qu'on ne lit pas.
    */
-  showRunPrompt?: MaybeRefOrGetter<boolean>;
+  showRunPrompt?: MaybeRefOrGetter<boolean>
 }
 
-export function useTranscriptTurns(
-  source: MaybeRefOrGetter<TranscriptEvent[]>,
-  options: TurnOptions = {},
-): ComputedRef<TimelineNode[]> {
+export function useTranscriptTurns(source: MaybeRefOrGetter<TranscriptEvent[]>, options: TurnOptions = {}): ComputedRef<TimelineNode[]> {
   return computed(() => {
-    const events = toValue(source);
-    const showRunPrompt = toValue(options.showRunPrompt) === true;
-    const nodes: TimelineNode[] = [];
-    let run: TranscriptEvent[] = [];
+    const events = toValue(source)
+    const showRunPrompt = toValue(options.showRunPrompt) === true
+    const nodes: TimelineNode[] = []
+    let run: TranscriptEvent[] = []
     /** Runs already opened, so the prompt that starts each one can be dropped. */
-    const opened = new Set<string>();
+    const opened = new Set<string>()
 
     const flush = (): void => {
-      if (!run.length) return;
-      const done = finish(run);
-      if (Array.isArray(done)) nodes.push(...done);
-      else nodes.push(done);
-      run = [];
-    };
+      if (!run.length) return
+      const done = finish(run)
+      if (Array.isArray(done)) nodes.push(...done)
+      else nodes.push(done)
+      run = []
+    }
 
     for (const ev of events) {
       // A sub-agent's stream is a different conversation: never fold it into the
       // main one, even when its rows sit between two of ours. Two agents are two
       // conversations as well — `isSidechain` is true for both, so the run has to
       // break on the run id, or concurrent agents merge into one turn.
-      const open = run[0];
-      if (open && (open.isSidechain !== ev.isSidechain || open.agentId !== ev.agentId)) flush();
+      const open = run[0]
+      if (open && (open.isSidechain !== ev.isSidechain || open.agentId !== ev.agentId)) flush()
 
       // A run opens on the prompt its parent sent it. That text is normally
       // already on screen, in the `Agent` call that spawned the run — rendering
@@ -309,10 +302,10 @@ export function useTranscriptTurns(
       // du run pour devenir son propre nœud, comme le prompt qui ouvre une
       // session : c'est le même geste, à un interlocuteur près.
       if (ev.isSidechain && ev.agentId && !opened.has(ev.agentId)) {
-        opened.add(ev.agentId);
+        opened.add(ev.agentId)
         if (ev.kind === 'user') {
-          if (!showRunPrompt) continue;
-          flush();
+          if (!showRunPrompt) continue
+          flush()
           nodes.push({
             kind: 'user',
             uuid: ev.uuid,
@@ -320,8 +313,8 @@ export function useTranscriptTurns(
             phase: 0,
             ...identityOf(ev),
             event: ev,
-          });
-          continue;
+          })
+          continue
         }
       }
 
@@ -330,7 +323,7 @@ export function useTranscriptTurns(
       // il se rangeait sous la réponse qu'il n'a pas provoquée — et, faute de
       // rendu à cet endroit, disparaissait tout à fait.
       if (isHumanMessage(ev) || (ev.kind === 'user' && ev.origin === 'teammate')) {
-        flush();
+        flush()
         nodes.push({
           kind: 'user',
           uuid: ev.uuid,
@@ -338,9 +331,9 @@ export function useTranscriptTurns(
           phase: 0,
           ...identityOf(ev),
           event: ev,
-        });
+        })
       } else if (isLoose(ev)) {
-        flush();
+        flush()
         nodes.push({
           kind: 'event',
           uuid: ev.uuid,
@@ -348,14 +341,14 @@ export function useTranscriptTurns(
           phase: 0,
           ...identityOf(ev),
           event: ev,
-        });
+        })
       } else if (ev.blocks.length) {
-        run.push(ev);
+        run.push(ev)
       }
     }
-    flush();
+    flush()
     // Hoist first: the echo only lands next to its prompt once it is back in
     // causal order, and `dropEchoedCommands` compares neighbours.
-    return assignPhases(dropEchoedCommands(hoistCommands(nodes)));
-  });
+    return assignPhases(dropEchoedCommands(hoistCommands(nodes)))
+  })
 }
diff --git a/src/css/app.scss b/src/css/app.scss
index 5160ffc..f8b9937 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -190,8 +190,7 @@
   // `--code-header-bg` above).
   --glow-shadow:
     inset 0 0 0 var(--glow-edge) color-mix(in srgb, var(--glow-color) 72%, transparent),
-    inset 0 0 var(--glow-depth) color-mix(in srgb, var(--glow-hue) 18%, transparent),
-    0 0 18px color-mix(in srgb, var(--glow-hue) 12%, transparent);
+    inset 0 0 var(--glow-depth) color-mix(in srgb, var(--glow-hue) 18%, transparent), 0 0 18px color-mix(in srgb, var(--glow-hue) 12%, transparent);
 
   --glow-shadow-hover:
     inset 0 0 0 var(--glow-edge) color-mix(in srgb, var(--glow-color) 88%, transparent),
@@ -316,13 +315,13 @@ body.body--light {
 
   --glow-shadow:
     inset 0 0 0 var(--glow-edge) color-mix(in srgb, var(--glow-color) 57%, transparent),
-    inset 0 0 calc(var(--glow-depth) * 0.5) color-mix(in srgb, var(--glow-hue) 10%, transparent),
-    0 2px 11px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
+    inset 0 0 calc(var(--glow-depth) * 0.5) color-mix(in srgb, var(--glow-hue) 10%, transparent), 0 2px 11px rgba(0, 0, 0, 0.1),
+    0 1px 2px rgba(0, 0, 0, 0.06);
 
   --glow-shadow-hover:
     inset 0 0 0 var(--glow-edge) color-mix(in srgb, var(--glow-color) 75%, transparent),
-    inset 0 0 calc(var(--glow-depth) * 0.5) color-mix(in srgb, var(--glow-hue) 14%, transparent),
-    0 4px 14px rgba(0, 0, 0, 0.13), 0 1px 2px rgba(0, 0, 0, 0.07);
+    inset 0 0 calc(var(--glow-depth) * 0.5) color-mix(in srgb, var(--glow-hue) 14%, transparent), 0 4px 14px rgba(0, 0, 0, 0.13),
+    0 1px 2px rgba(0, 0, 0, 0.07);
 
   --glow-line: color-mix(in srgb, var(--glow-color) 45%, transparent);
   --glow-soft: color-mix(in srgb, var(--glow-hue) 12%, transparent);
@@ -447,9 +446,7 @@ body.body--dark {
   border: 2px solid var(--glow-color);
   border-radius: inherit;
   // Le noir n'est pas une couleur du thème : c'est l'opacité pleine du masque.
-  mask-image:
-    linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0),
-    linear-gradient(#000 0 0);
+  mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0);
   mask-size: 20px 20px;
   mask-position:
     top left,
@@ -483,12 +480,7 @@ body.body--dark {
     radial-gradient(ellipse 46% 66% at 50% 50%, var(--brand-soft), transparent 70%),
     repeating-linear-gradient(to right, var(--line) 0 1px, transparent 1px 64px),
     repeating-linear-gradient(to bottom, var(--line) 0 1px, transparent 1px 64px);
-  mask-image: radial-gradient(
-    ellipse 58% 85% at 50% 50%,
-    transparent 18%,
-    #000 46%,
-    transparent 88%
-  );
+  mask-image: radial-gradient(ellipse 58% 85% at 50% 50%, transparent 18%, #000 46%, transparent 88%);
 }
 
 // Variante pour tout écran dont la racine est bornée par un `max-width`,
diff --git a/src/help/index.ts b/src/help/index.ts
index d6d33d7..9e8ec7b 100644
--- a/src/help/index.ts
+++ b/src/help/index.ts
@@ -23,15 +23,15 @@
 // manuel reste complet pendant qu'on le traduit, et un trou se voit à la langue
 // de la page, pas à son absence.
 
-import { parseDoc, entryTokens, type FmEntry } from '@/utils/resourceFrontmatter';
-import { currentLocale, DEFAULT_LOCALE, isLocale, type AppLocale } from '@/i18n';
-import type { HelpSection } from './types';
+import { currentLocale, DEFAULT_LOCALE, isLocale, type AppLocale } from '@/i18n'
+import { parseDoc, entryTokens, type FmEntry } from '@/utils/resourceFrontmatter'
+import type { HelpSection } from './types'
 
 const files = import.meta.glob<string>('./sections/*/*.md', {
   query: '?raw',
   import: 'default',
   eager: true,
-});
+})
 
 /**
  * Lowercase and drop the combining marks left by NFD, so "mémoire" is found by
@@ -39,19 +39,19 @@ const files = import.meta.glob<string>('./sections/*/*.md', {
  * is exactly the accents split off from their base letter.
  */
 export function fold(s: string): string {
-  return s.normalize('NFD').replace(/\p{M}/gu, '').toLowerCase();
+  return s.normalize('NFD').replace(/\p{M}/gu, '').toLowerCase()
 }
 
 function scalar(entries: FmEntry[], key: string): string {
-  return entries.find((e) => e.key === key)?.value ?? '';
+  return entries.find((e) => e.key === key)?.value ?? ''
 }
 
 function toSection(path: string, raw: string): HelpSection {
-  const { entries, body } = parseDoc(raw);
-  const fallbackId = path.replace(/^.*\//, '').replace(/\.md$/, '');
-  const routesEntry = entries.find((e) => e.key === 'routes');
+  const { entries, body } = parseDoc(raw)
+  const fallbackId = path.replace(/^.*\//, '').replace(/\.md$/, '')
+  const routesEntry = entries.find((e) => e.key === 'routes')
 
-  const title = scalar(entries, 'title') || fallbackId;
+  const title = scalar(entries, 'title') || fallbackId
   return {
     id: scalar(entries, 'id') || fallbackId,
     title,
@@ -60,23 +60,23 @@ function toSection(path: string, raw: string): HelpSection {
     routes: routesEntry ? entryTokens(routesEntry) : [],
     body: body.trim(),
     haystack: fold(`${title}\n${body}`),
-  };
+  }
 }
 
 /** `./sections/en/hooks.md` → `en`. */
 function localeOf(path: string): AppLocale {
-  const seg = path.split('/')[2] ?? '';
-  return isLocale(seg) ? seg : DEFAULT_LOCALE;
+  const seg = path.split('/')[2] ?? ''
+  return isLocale(seg) ? seg : DEFAULT_LOCALE
 }
 
-const byLocale = new Map<AppLocale, HelpSection[]>();
+const byLocale = new Map<AppLocale, HelpSection[]>()
 for (const [path, raw] of Object.entries(files)) {
-  const l = localeOf(path);
-  const list = byLocale.get(l) ?? [];
-  list.push(toSection(path, raw));
-  byLocale.set(l, list);
+  const l = localeOf(path)
+  const list = byLocale.get(l) ?? []
+  list.push(toSection(path, raw))
+  byLocale.set(l, list)
 }
-for (const list of byLocale.values()) list.sort((a, b) => a.order - b.order);
+for (const list of byLocale.values()) list.sort((a, b) => a.order - b.order)
 
 /**
  * Les pages du manuel dans la langue courante, complétées par le français.
@@ -85,34 +85,34 @@ for (const list of byLocale.values()) list.sort((a, b) => a.order - b.order);
  * pas retomber tout le manuel.
  */
 export function helpSections(): HelpSection[] {
-  const base = byLocale.get(DEFAULT_LOCALE) ?? [];
-  const locale = currentLocale();
-  if (locale === DEFAULT_LOCALE) return base;
+  const base = byLocale.get(DEFAULT_LOCALE) ?? []
+  const locale = currentLocale()
+  if (locale === DEFAULT_LOCALE) return base
 
-  const translated = new Map((byLocale.get(locale) ?? []).map((s) => [s.id, s]));
-  return base.map((s) => translated.get(s.id) ?? s);
+  const translated = new Map((byLocale.get(locale) ?? []).map((s) => [s.id, s]))
+  return base.map((s) => translated.get(s.id) ?? s)
 }
 
 /** Route name → section id. A section may document several routes. */
-const byRoute = new Map<string, string>();
+const byRoute = new Map<string, string>()
 for (const s of byLocale.get(DEFAULT_LOCALE) ?? []) {
-  for (const r of s.routes) byRoute.set(r, s.id);
+  for (const r of s.routes) byRoute.set(r, s.id)
 }
 
 export function findSection(id: string | null | undefined): HelpSection | undefined {
-  return id ? helpSections().find((s) => s.id === id) : undefined;
+  return id ? helpSections().find((s) => s.id === id) : undefined
 }
 
 /** The section documenting a route, if any — the drawer's default content. */
 export function sectionForRoute(routeName: unknown): HelpSection | undefined {
-  return typeof routeName === 'string' ? findSection(byRoute.get(routeName)) : undefined;
+  return typeof routeName === 'string' ? findSection(byRoute.get(routeName)) : undefined
 }
 
 /** Sections matching a free-text query, in manual order. Blank query → all. */
 export function searchSections(query: string): HelpSection[] {
-  const sections = helpSections();
-  const q = fold(query.trim());
-  if (!q) return sections;
-  const terms = q.split(/\s+/);
-  return sections.filter((s) => terms.every((t) => s.haystack.includes(t)));
+  const sections = helpSections()
+  const q = fold(query.trim())
+  if (!q) return sections
+  const terms = q.split(/\s+/)
+  return sections.filter((s) => terms.every((t) => s.haystack.includes(t)))
 }
diff --git a/src/help/types.ts b/src/help/types.ts
index 88b8302..14382bb 100644
--- a/src/help/types.ts
+++ b/src/help/types.ts
@@ -6,16 +6,16 @@
 
 export interface HelpSection {
   /** Stable slug: the `?s=` deep-link target and the `man aura-<id>` command name. */
-  id: string;
-  title: string;
+  id: string
+  title: string
   /** Material icon, mirrored in the manual's table of contents. */
-  icon: string;
+  icon: string
   /** Position in the manual; the table of contents and scroll-spy follow it. */
-  order: number;
+  order: number
   /** Route names this section documents. Empty for cross-cutting sections. */
-  routes: string[];
+  routes: string[]
   /** Markdown body, frontmatter stripped. */
-  body: string;
+  body: string
   /** Folded title + body, for the manual's search box. */
-  haystack: string;
+  haystack: string
 }
diff --git a/src/i18n/apply.ts b/src/i18n/apply.ts
index 83ab3f5..d4d514f 100644
--- a/src/i18n/apply.ts
+++ b/src/i18n/apply.ts
@@ -6,8 +6,8 @@
 // traduisent désormais, et sont importés par des tests qui tournent sous Node.
 // Tout ce qui suppose un document doit donc rester hors de leur chemin.
 
-import { Lang } from 'quasar';
-import { i18n, type AppLocale } from './index';
+import { Lang } from 'quasar'
+import { i18n, type AppLocale } from './index'
 
 /**
  * Ce que `Lang.set()` accepte, tel qu'il le déclare lui-même.
@@ -25,7 +25,7 @@ import { i18n, type AppLocale } from './index';
  * paramètre plutôt que l'écrire à la main fait qu'un vrai changement de forme,
  * lui, sera toujours vu.
  */
-type QuasarLangPack = Parameters<typeof Lang.set>[0];
+type QuasarLangPack = Parameters<typeof Lang.set>[0]
 
 /**
  * Applique une langue à toute l'application.
@@ -49,13 +49,12 @@ type QuasarLangPack = Parameters<typeof Lang.set>[0];
  * découper un import dynamique que s'il peut en lire le chemin.
  */
 export async function applyLocale(locale: AppLocale): Promise<void> {
-  i18n.global.locale.value = locale;
-  document.documentElement.lang = locale;
+  i18n.global.locale.value = locale
+  document.documentElement.lang = locale
   try {
-    const pack =
-      locale === 'en' ? await import('quasar/lang/en-US') : await import('quasar/lang/fr');
-    Lang.set(pack.default as QuasarLangPack);
+    const pack = locale === 'en' ? await import('quasar/lang/en-US') : await import('quasar/lang/fr')
+    Lang.set(pack.default as QuasarLangPack)
   } catch (e) {
-    console.error(`Pack de langue Quasar « ${locale} » non chargé`, e);
+    console.error(`Pack de langue Quasar « ${locale} » non chargé`, e)
   }
 }
diff --git a/src/i18n/en/agent.ts b/src/i18n/en/agent.ts
index 5f96619..5efeb1d 100644
--- a/src/i18n/en/agent.ts
+++ b/src/i18n/en/agent.ts
@@ -1,4 +1,4 @@
-import type { MessageSchema } from '../fr';
+import type { MessageSchema } from '../fr'
 
 const agent: MessageSchema['agent'] = {
   activity: {
@@ -62,6 +62,6 @@ const agent: MessageSchema['agent'] = {
       truncated: 'The folder is too large: I am showing only part of it.',
     },
   },
-};
+}
 
-export default agent;
+export default agent
diff --git a/src/i18n/en/cli.ts b/src/i18n/en/cli.ts
index f70d860..e10c5f9 100644
--- a/src/i18n/en/cli.ts
+++ b/src/i18n/en/cli.ts
@@ -1,4 +1,4 @@
-import type { MessageSchema } from '../fr';
+import type { MessageSchema } from '../fr'
 
 const cli: MessageSchema['cli'] = {
   defaultTitle: 'Command to run',
@@ -6,6 +6,6 @@ const cli: MessageSchema['cli'] = {
   copied: 'Command copied.',
   copyFailed: "I couldn't copy: the browser denies me the clipboard.",
   hint: 'To be run in Claude Code (or in a terminal with {cmd}).',
-};
+}
 
-export default cli;
+export default cli
diff --git a/src/i18n/en/common.ts b/src/i18n/en/common.ts
index 567da3b..1151283 100644
--- a/src/i18n/en/common.ts
+++ b/src/i18n/en/common.ts
@@ -1,4 +1,4 @@
-import type { MessageSchema } from '../fr';
+import type { MessageSchema } from '../fr'
 
 const common: MessageSchema['common'] = {
   copy: 'Copy',
@@ -19,6 +19,6 @@ const common: MessageSchema['common'] = {
   proposeError: "I couldn't prepare the change",
   readOnly: 'read only',
   noDetail: "I couldn't see it through.",
-};
+}
 
-export default common;
+export default common
diff --git a/src/i18n/en/diagnostics.ts b/src/i18n/en/diagnostics.ts
index 5e56fec..6b2923f 100644
--- a/src/i18n/en/diagnostics.ts
+++ b/src/i18n/en/diagnostics.ts
@@ -1,4 +1,4 @@
-import type { MessageSchema } from '../fr';
+import type { MessageSchema } from '../fr'
 
 const diagnostics: MessageSchema['diagnostics'] = {
   severity: {
@@ -6,6 +6,6 @@ const diagnostics: MessageSchema['diagnostics'] = {
     warn: 'Worth watching',
     info: 'For information',
   },
-};
+}
 
-export default diagnostics;
+export default diagnostics
diff --git a/src/i18n/en/diff.ts b/src/i18n/en/diff.ts
index 2b24209..4c12c0d 100644
--- a/src/i18n/en/diff.ts
+++ b/src/i18n/en/diff.ts
@@ -1,4 +1,4 @@
-import type { MessageSchema } from '../fr';
+import type { MessageSchema } from '../fr'
 
 const diff: MessageSchema['diff'] = {
   title: 'Confirm the write',
@@ -8,6 +8,6 @@ const diff: MessageSchema['diff'] = {
   applied: 'Change applied.',
   conflict: 'The file changed on disk since I showed it to you. Reload before applying again.',
   failed: "I couldn't write the file.",
-};
+}
 
-export default diff;
+export default diff
diff --git a/src/i18n/en/formats.ts b/src/i18n/en/formats.ts
index 8b69097..a9d12a9 100644
--- a/src/i18n/en/formats.ts
+++ b/src/i18n/en/formats.ts
@@ -1,9 +1,9 @@
-import type { MessageSchema } from '../fr';
+import type { MessageSchema } from '../fr'
 
 const formats: MessageSchema['formats'] = {
   bytes: { b: 'B', kb: 'KB', mb: 'MB', gb: 'GB' },
   duration: { ms: 'ms', s: 's', min: 'min', h: 'h' },
   justNow: 'just now',
-};
+}
 
-export default formats;
+export default formats
diff --git a/src/i18n/en/frontmatter.ts b/src/i18n/en/frontmatter.ts
index 3ba27d3..54de0ca 100644
--- a/src/i18n/en/frontmatter.ts
+++ b/src/i18n/en/frontmatter.ts
@@ -1,4 +1,4 @@
-import type { MessageSchema } from '../fr';
+import type { MessageSchema } from '../fr'
 
 const frontmatter: MessageSchema['frontmatter'] = {
   unknown: "A key Claude Code doesn't document for this resource type: it will be ignored.",
@@ -177,6 +177,6 @@ const frontmatter: MessageSchema['frontmatter'] = {
       fallback: 'no path declared',
     },
   },
-};
+}
 
-export default frontmatter;
+export default frontmatter
diff --git a/src/i18n/en/index.ts b/src/i18n/en/index.ts
index e554f30..8f98f3c 100644
--- a/src/i18n/en/index.ts
+++ b/src/i18n/en/index.ts
@@ -1,17 +1,17 @@
-import agent from './agent';
-import cli from './cli';
-import common from './common';
-import diagnostics from './diagnostics';
-import diff from './diff';
-import formats from './formats';
-import frontmatter from './frontmatter';
-import layout from './layout';
-import nav from './nav';
-import pages from './pages';
-import replay from './replay';
-import resources from './resources';
-import rules from './rules';
-import tools from './tools';
+import agent from './agent'
+import cli from './cli'
+import common from './common'
+import diagnostics from './diagnostics'
+import diff from './diff'
+import formats from './formats'
+import frontmatter from './frontmatter'
+import layout from './layout'
+import nav from './nav'
+import pages from './pages'
+import replay from './replay'
+import resources from './resources'
+import rules from './rules'
+import tools from './tools'
 
 export default {
   agent,
@@ -28,4 +28,4 @@ export default {
   resources,
   rules,
   tools,
-};
+}
diff --git a/src/i18n/en/layout.ts b/src/i18n/en/layout.ts
index 212b2d4..4f01c1f 100644
--- a/src/i18n/en/layout.ts
+++ b/src/i18n/en/layout.ts
@@ -1,4 +1,4 @@
-import type { MessageSchema } from '../fr';
+import type { MessageSchema } from '../fr'
 
 const layout: MessageSchema['layout'] = {
   skipToContent: 'Skip to content',
@@ -33,6 +33,6 @@ const layout: MessageSchema['layout'] = {
     busy: '{n} working | {n} working',
     waiting: '{n} waiting on you',
   },
-};
+}
 
-export default layout;
+export default layout
diff --git a/src/i18n/en/nav.ts b/src/i18n/en/nav.ts
index 6737986..cfd4c0f 100644
--- a/src/i18n/en/nav.ts
+++ b/src/i18n/en/nav.ts
@@ -1,4 +1,4 @@
-import type { MessageSchema } from '../fr';
+import type { MessageSchema } from '../fr'
 
 // Noms d'écrans traduits selon la table de `docs/voice.md` : Atelier → Workshop,
 // Rejeu → Replay. Casse de phrase, jamais de capitale de titre.
@@ -21,6 +21,6 @@ const nav: MessageSchema['nav'] = {
   usage: 'Usage & costs',
   diagnostic: 'Diagnostic',
   help: 'Manual',
-};
+}
 
-export default nav;
+export default nav
diff --git a/src/i18n/en/pages/agents.ts b/src/i18n/en/pages/agents.ts
index 8758f39..ee60be4 100644
--- a/src/i18n/en/pages/agents.ts
+++ b/src/i18n/en/pages/agents.ts
@@ -1,4 +1,4 @@
-import type { MessageSchema } from '../../fr';
+import type { MessageSchema } from '../../fr'
 
 const agents: MessageSchema['pages']['agents'] = {
   title: 'Agents',
@@ -8,6 +8,6 @@ const agents: MessageSchema['pages']['agents'] = {
   noDescription: "No description: Claude won't know when to delegate to this agent.",
   deleteTitle: 'Delete this agent?',
   deleteNote: 'A timestamped backup is taken before the deletion.',
-};
+}
 
-export default agents;
+export default agents
diff --git a/src/i18n/en/pages/atelier.ts b/src/i18n/en/pages/atelier.ts
index 0e36561..5141948 100644
--- a/src/i18n/en/pages/atelier.ts
+++ b/src/i18n/en/pages/atelier.ts
@@ -1,4 +1,4 @@
-import type { MessageSchema } from '../../fr';
+import type { MessageSchema } from '../../fr'
 
 const atelier: MessageSchema['pages']['atelier'] = {
   title: 'Workshop',
@@ -73,8 +73,7 @@ const atelier: MessageSchema['pages']['atelier'] = {
   fullReplay: 'Full replay',
   stop: 'Stop',
 
-  empty:
-    'Session open on {cwd}. Nothing has been asked yet — the agent only starts on the first message.',
+  empty: 'Session open on {cwd}. Nothing has been asked yet — the agent only starts on the first message.',
 
   askMany: '{n} questions are waiting',
   askOne: 'The agent is waiting for an answer',
@@ -88,8 +87,7 @@ const atelier: MessageSchema['pages']['atelier'] = {
   panelAria: 'Project context and resources',
   tabContext: 'Context window',
   tabResources: 'Resources',
-  contextPending:
-    'The context window is read from the transcript: it will show up at the end of the first turn.',
-};
+  contextPending: 'The context window is read from the transcript: it will show up at the end of the first turn.',
+}
 
-export default atelier;
+export default atelier
diff --git a/src/i18n/en/pages/backups.ts b/src/i18n/en/pages/backups.ts
index 08b54e5..26720b2 100644
--- a/src/i18n/en/pages/backups.ts
+++ b/src/i18n/en/pages/backups.ts
@@ -1,4 +1,4 @@
-import type { MessageSchema } from '../../fr';
+import type { MessageSchema } from '../../fr'
 
 const backups: MessageSchema['pages']['backups'] = {
   title: 'Backups & restore',
@@ -9,18 +9,16 @@ const backups: MessageSchema['pages']['backups'] = {
   restore: 'Restore…',
   purgeOneAria: 'Purge the {date} version',
   restored: 'Version restored.',
-  purgeMessage:
-    "I'm about to delete all {n} backups. After that, I won't be able to undo any past write.",
+  purgeMessage: "I'm about to delete all {n} backups. After that, I won't be able to undo any past write.",
   purgeOk: 'Delete all',
   purgeOneTitle: 'Delete this version',
-  purgeOneMessage:
-    "I'm about to delete the {date} version of {file}. This copy is the only one, and I won't be able to get it back.",
+  purgeOneMessage: "I'm about to delete the {date} version of {file}. This copy is the only one, and I won't be able to get it back.",
   purgeOneOk: 'Delete',
   purgedOne: 'Version deleted.',
   readError: "I couldn't read the backups",
   prepareError: "I couldn't prepare the restore",
   deleteError: "I couldn't delete this version",
   purgeError: "I couldn't purge the backups",
-};
+}
 
-export default backups;
+export default backups
diff --git a/src/i18n/en/pages/diagnostic.ts b/src/i18n/en/pages/diagnostic.ts
index 85d10cb..ce11a73 100644
--- a/src/i18n/en/pages/diagnostic.ts
+++ b/src/i18n/en/pages/diagnostic.ts
@@ -1,4 +1,4 @@
-import type { MessageSchema } from '../../fr';
+import type { MessageSchema } from '../../fr'
 
 const diagnostic: MessageSchema['pages']['diagnostic'] = {
   title: 'Cost diagnostic',
@@ -51,8 +51,7 @@ const diagnostic: MessageSchema['pages']['diagnostic'] = {
   },
   readings: {
     same: 'Your two quarters behave the same here: this gesture does not separate them.',
-    exploreMore:
-      'Here, the most productive quarter explores more: it searches more than it builds, and still delivers.',
+    exploreMore: 'Here, the most productive quarter explores more: it searches more than it builds, and still delivers.',
     exploreLess: 'Here, the most productive quarter searches less than it builds.',
     turnsMore:
       'Here, the most productive quarter takes more turns per prompt — the result nobody expects, and a “too many turns” rule would have advised the opposite of the right move.',
@@ -60,18 +59,15 @@ const diagnostic: MessageSchema['pages']['diagnostic'] = {
   },
   workReading: {
     prefix: 'On your corpus: {parts}.',
-    explore:
-      'your most productive sessions search less than they build ({top} exploration per change against {bottom})',
-    turns:
-      'they take {top} turns per prompt where the others take {bottom} — one complete brief left to run, not ten short follow-ups',
+    explore: 'your most productive sessions search less than they build ({top} exploration per change against {bottom})',
+    turns: 'they take {top} turns per prompt where the others take {bottom} — one complete brief left to run, not ten short follow-ups',
     none: 'Your two quarters look alike on these gestures: nothing clearly separates them here.',
   },
 
   pace: 'Pace',
   paceWindow: '{n} h window',
   current: 'The last 5 hours',
-  currentWhat:
-    'What was spent in the last five hours, across every project and every session — the quantity a usage limit counts.',
+  currentWhat: 'What was spent in the last five hours, across every project and every session — the quantity a usage limit counts.',
   currentHint: '{sessions} — {rank}',
   currentRank: {
     none: 'nothing spent in this window',
@@ -93,12 +89,10 @@ const diagnostic: MessageSchema['pages']['diagnostic'] = {
   windowsReading:
     '{n} windows measured. They overlap widely — one per response — so the peak is not a day but a moment: the five most expensive hours you strung together.',
   concurrency: 'Concurrent sessions',
-  concurrencyWhat:
-    'The highest number of sessions open at the same time, from the overlap of their bounds — first to last line of each.',
+  concurrencyWhat: 'The highest number of sessions open at the same time, from the overlap of their bounds — first to last line of each.',
   concurrencyReading:
     'A session left open without being touched counts as open: that is what it was. Running two sessions at once fills the 5 h window twice as fast.',
-  concurrencyHint:
-    'at most — {hours} h at two or more, that is {share} of the time a session was open',
+  concurrencyHint: 'at most — {hours} h at two or more, that is {share} of the time a session was open',
   paceReading:
     'A sliding window knows nothing about sessions: it counts what was spent in the last five hours, all sessions together. Two sessions run at once fill it twice as fast.',
 
@@ -131,8 +125,7 @@ const diagnostic: MessageSchema['pages']['diagnostic'] = {
   boundWeak: 'sample too small',
   boundGuard: 'guardrail',
   boundPark: 'your corpus',
-  reviewed:
-    'Guardrails last reviewed by hand on {date}. Your corpus holds {sessions} today. How to recalibrate them is in the {link}.',
+  reviewed: 'Guardrails last reviewed by hand on {date}. Your corpus holds {sessions} today. How to recalibrate them is in the {link}.',
   reviewedLink: 'manual',
   caveats: "What this report doesn't know",
 
@@ -147,12 +140,9 @@ const diagnostic: MessageSchema['pages']['diagnostic'] = {
     silenced: ', which silences {n} session{cost} | , which silences {n} sessions{cost}',
     silencedCost: ' weighing {cost}',
     orphansNone: ' None of them disappears for all that: each is flagged by another signal.',
-    orphans:
-      ' {n} of them ({cost}) are named by no other signal — that is what this floor really costs; the others are duplicates.',
-    guardLine:
-      '{rank} of your corpus {p} · guardrail {guard} → we keep {which}, so the guardrail{silenced}. {weight}{orphans}',
-    parkLine:
-      '{rank} of your corpus {p} · guardrail {guard} → we keep {which}, so your corpus: {verdict}. {weight}',
+    orphans: ' {n} of them ({cost}) are named by no other signal — that is what this floor really costs; the others are duplicates.',
+    guardLine: '{rank} of your corpus {p} · guardrail {guard} → we keep {which}, so the guardrail{silenced}. {weight}{orphans}',
+    parkLine: '{rank} of your corpus {p} · guardrail {guard} → we keep {which}, so your corpus: {verdict}. {weight}',
     verdictSame: 'both land in the same place, and there is nothing between them to silence',
     verdictPassed: 'the floor is passed and has nothing to silence',
   },
@@ -172,6 +162,6 @@ const diagnostic: MessageSchema['pages']['diagnostic'] = {
     guardSilenced: ' The {n} sessions in between are silenced{cost}.',
     guardSilencedCost: ' — {cost} in total',
   },
-};
+}
 
-export default diagnostic;
+export default diagnostic
diff --git a/src/i18n/en/pages/help.ts b/src/i18n/en/pages/help.ts
index 79b16d0..1861724 100644
--- a/src/i18n/en/pages/help.ts
+++ b/src/i18n/en/pages/help.ts
@@ -1,15 +1,14 @@
-import type { MessageSchema } from '../../fr';
+import type { MessageSchema } from '../../fr'
 
 const help: MessageSchema['pages']['help'] = {
   title: 'Manual',
   kicker: 'MANUAL',
-  intro:
-    'One page per module. From any screen, the {icon} button in the status bar opens the matching page directly.',
+  intro: 'One page per module. From any screen, the {icon} button in the status bar opens the matching page directly.',
   searchAria: 'Search the manual',
   tocAria: 'Manual contents',
   count: '{n} manual page. | {n} manual pages.',
   found: 'No page found. | One page found. | {n} pages found.',
   noMatch: 'I see no page for “{query}”.',
-};
+}
 
-export default help;
+export default help
diff --git a/src/i18n/en/pages/home.ts b/src/i18n/en/pages/home.ts
index 2e983dc..7795a76 100644
--- a/src/i18n/en/pages/home.ts
+++ b/src/i18n/en/pages/home.ts
@@ -1,4 +1,4 @@
-import type { MessageSchema } from '../../fr';
+import type { MessageSchema } from '../../fr'
 
 const home: MessageSchema['pages']['home'] = {
   kicker: 'AGENTIC UNIFIED RESOURCE ASSISTANT',
@@ -28,6 +28,6 @@ const home: MessageSchema['pages']['home'] = {
     maintenance: 'Storage, cache purge, generated plans.',
     help: 'One page per module, and the shared concepts.',
   },
-};
+}
 
-export default home;
+export default home
diff --git a/src/i18n/en/pages/hooks.ts b/src/i18n/en/pages/hooks.ts
index 0f1f7a6..95721ce 100644
--- a/src/i18n/en/pages/hooks.ts
+++ b/src/i18n/en/pages/hooks.ts
@@ -1,4 +1,4 @@
-import type { MessageSchema } from '../../fr';
+import type { MessageSchema } from '../../fr'
 
 const hooks: MessageSchema['pages']['hooks'] = {
   note: 'A hook runs an action (command, prompt, HTTP request…) at a point in the lifecycle (before or after a tool, at startup…). Advanced fields that are not shown (env, args, if…) are preserved as they are.',
@@ -60,9 +60,8 @@ const hooks: MessageSchema['pages']['hooks'] = {
     PreCompact: 'Before the context is compacted.',
     PostCompact: 'After the context is compacted.',
     Elicitation: 'When an MCP server asks for user input during a tool call.',
-    ElicitationResult:
-      'After the user answers an MCP elicitation, before it goes back to the server.',
+    ElicitationResult: 'After the user answers an MCP elicitation, before it goes back to the server.',
   },
-};
+}
 
-export default hooks;
+export default hooks
diff --git a/src/i18n/en/pages/index.ts b/src/i18n/en/pages/index.ts
index a6dfe6a..3ceea93 100644
--- a/src/i18n/en/pages/index.ts
+++ b/src/i18n/en/pages/index.ts
@@ -1,22 +1,22 @@
-import agents from './agents';
-import atelier from './atelier';
-import backups from './backups';
-import diagnostic from './diagnostic';
-import help from './help';
-import home from './home';
-import hooks from './hooks';
-import maintenance from './maintenance';
-import mcp from './mcp';
-import memory from './memory';
-import notFound from './notFound';
-import plugins from './plugins';
-import project from './project';
-import projects from './projects';
-import sessions from './sessions';
-import replay from './replay';
-import settings from './settings';
-import skills from './skills';
-import usage from './usage';
+import agents from './agents'
+import atelier from './atelier'
+import backups from './backups'
+import diagnostic from './diagnostic'
+import help from './help'
+import home from './home'
+import hooks from './hooks'
+import maintenance from './maintenance'
+import mcp from './mcp'
+import memory from './memory'
+import notFound from './notFound'
+import plugins from './plugins'
+import project from './project'
+import projects from './projects'
+import replay from './replay'
+import sessions from './sessions'
+import settings from './settings'
+import skills from './skills'
+import usage from './usage'
 
 export default {
   agents,
@@ -38,4 +38,4 @@ export default {
   settings,
   skills,
   usage,
-};
+}
diff --git a/src/i18n/en/pages/maintenance.ts b/src/i18n/en/pages/maintenance.ts
index 8b2b430..3d603e9 100644
--- a/src/i18n/en/pages/maintenance.ts
+++ b/src/i18n/en/pages/maintenance.ts
@@ -1,4 +1,4 @@
-import type { MessageSchema } from '../../fr';
+import type { MessageSchema } from '../../fr'
 
 const maintenance: MessageSchema['pages']['maintenance'] = {
   title: 'Maintenance & system',
@@ -28,8 +28,7 @@ const maintenance: MessageSchema['pages']['maintenance'] = {
     head: 'Claude processes',
     intro:
       'The disk does not declare everything: a daemon, a pty host or the Chrome extension bridge write no session file. They show up here, and nowhere else.',
-    unsupported:
-      'I do not know how to enumerate processes on this system. The list stays empty, which does not mean nothing is running.',
+    unsupported: 'I do not know how to enumerate processes on this system. The list stays empty, which does not mean nothing is running.',
     empty: 'I see no Claude process at all, not even my own — which is surprising.',
     orphan: 'orphan',
     self: 'me',
@@ -63,6 +62,6 @@ const maintenance: MessageSchema['pages']['maintenance'] = {
     deleted: 'Plan deleted.',
     deleteError: "I couldn't delete this plan",
   },
-};
+}
 
-export default maintenance;
+export default maintenance
diff --git a/src/i18n/en/pages/mcp.ts b/src/i18n/en/pages/mcp.ts
index 1570feb..523144b 100644
--- a/src/i18n/en/pages/mcp.ts
+++ b/src/i18n/en/pages/mcp.ts
@@ -1,12 +1,11 @@
-import type { MessageSchema } from '../../fr';
+import type { MessageSchema } from '../../fr'
 
 const mcp: MessageSchema['pages']['mcp'] = {
   connected: 'Connected · claude.ai',
   connectedNote: 'Managed in your claude.ai account — not editable here.',
   noConnected: "I don't see any connected server.",
   fileTitle: 'Configured · file',
-  fileNote:
-    'Servers declared in {path}. {global} servers are editable here; those tied to a project stay read-only.',
+  fileNote: 'Servers declared in {path}. {global} servers are editable here; those tied to a project stay read-only.',
   fileNoteGlobal: 'Global',
   noFileServer: "I don't see any server declared in the file.",
   editAria: 'Edit {name}',
@@ -36,6 +35,6 @@ const mcp: MessageSchema['pages']['mcp'] = {
   noPending: 'I have no pending change.',
   readError: "I couldn't read your MCP settings",
   reloadError: "I couldn't reload the MCP servers",
-};
+}
 
-export default mcp;
+export default mcp
diff --git a/src/i18n/en/pages/memory.ts b/src/i18n/en/pages/memory.ts
index 0a5ce9b..da6473b 100644
--- a/src/i18n/en/pages/memory.ts
+++ b/src/i18n/en/pages/memory.ts
@@ -1,4 +1,4 @@
-import type { MessageSchema } from '../../fr';
+import type { MessageSchema } from '../../fr'
 
 const memory: MessageSchema['pages']['memory'] = {
   sub: 'Global memory (CLAUDE.md), index and structured per-project memories.',
@@ -24,10 +24,8 @@ const memory: MessageSchema['pages']['memory'] = {
   deleteNote: 'A timestamped backup is taken before deleting.',
   types: {
     user: 'Who the user is: role, expertise, lasting preferences.',
-    feedback:
-      'Guidance on how to work — corrections as well as confirmed approaches. States the why.',
-    project:
-      'Ongoing work, goals or constraints not derivable from the code or the git history. Absolute dates.',
+    feedback: 'Guidance on how to work — corrections as well as confirmed approaches. States the why.',
+    project: 'Ongoing work, goals or constraints not derivable from the code or the git history. Absolute dates.',
     reference: 'Pointers to external resources: URLs, dashboards, tickets.',
   },
   discard: 'Discard the changes you have not applied?',
@@ -44,8 +42,7 @@ const memory: MessageSchema['pages']['memory'] = {
   readError: "I couldn't read your memories",
   openError: "I couldn't open this file",
   deleteError: "I couldn't delete this memory",
-  bodyPlaceholder:
-    'The fact, plainly. Link neighbouring memories with [[their-name]]. Dates in absolute form.',
-};
+  bodyPlaceholder: 'The fact, plainly. Link neighbouring memories with [[their-name]]. Dates in absolute form.',
+}
 
-export default memory;
+export default memory
diff --git a/src/i18n/en/pages/notFound.ts b/src/i18n/en/pages/notFound.ts
index 59fb056..1e4f136 100644
--- a/src/i18n/en/pages/notFound.ts
+++ b/src/i18n/en/pages/notFound.ts
@@ -1,4 +1,4 @@
-import type { MessageSchema } from '../../fr';
+import type { MessageSchema } from '../../fr'
 
 const notFound: MessageSchema['pages']['notFound'] = {
   title: 'Page not found',
@@ -7,6 +7,6 @@ const notFound: MessageSchema['pages']['notFound'] = {
   detail: "It doesn't exist, or the screen it pointed to has been renamed.",
   home: 'Back to the overview',
   help: 'Open the manual',
-};
+}
 
-export default notFound;
+export default notFound
diff --git a/src/i18n/en/pages/plugins.ts b/src/i18n/en/pages/plugins.ts
index 85fb5fb..d7294fb 100644
--- a/src/i18n/en/pages/plugins.ts
+++ b/src/i18n/en/pages/plugins.ts
@@ -1,4 +1,4 @@
-import type { MessageSchema } from '../../fr';
+import type { MessageSchema } from '../../fr'
 
 const plugins: MessageSchema['pages']['plugins'] = {
   title: 'Plugins & Marketplaces',
@@ -9,8 +9,7 @@ const plugins: MessageSchema['pages']['plugins'] = {
   sourceAria: 'Marketplace source',
   sourceRequired: 'Source required',
   getCommand: 'Get the command',
-  marketplaceHint:
-    'Adding and removing marketplaces goes through Claude Code, which manages those files. I give you the exact command to run.',
+  marketplaceHint: 'Adding and removing marketplaces goes through Claude Code, which manages those files. I give you the exact command to run.',
   installed: 'Installed plugins',
   empty: "I don't see any installed plugin.",
   stateAria: 'State of {id}',
@@ -23,6 +22,6 @@ const plugins: MessageSchema['pages']['plugins'] = {
   removeTitle: 'Remove the marketplace',
   removeNote: 'This command also uninstalls the marketplace plugins and deletes its local clone.',
   readError: "I couldn't read your plugin settings",
-};
+}
 
-export default plugins;
+export default plugins
diff --git a/src/i18n/en/pages/project.ts b/src/i18n/en/pages/project.ts
index d77e207..4caa770 100644
--- a/src/i18n/en/pages/project.ts
+++ b/src/i18n/en/pages/project.ts
@@ -1,4 +1,4 @@
-import type { MessageSchema } from '../../fr';
+import type { MessageSchema } from '../../fr'
 
 const project: MessageSchema['pages']['project'] = {
   title: 'Project {name}',
@@ -40,6 +40,6 @@ const project: MessageSchema['pages']['project'] = {
   planDeleted: 'Plan deleted.',
   planDeleteError: "I couldn't delete this plan",
   loadError: "I couldn't load this project.",
-};
+}
 
-export default project;
+export default project
diff --git a/src/i18n/en/pages/projects.ts b/src/i18n/en/pages/projects.ts
index 7b4d2a0..f810a92 100644
--- a/src/i18n/en/pages/projects.ts
+++ b/src/i18n/en/pages/projects.ts
@@ -1,4 +1,4 @@
-import type { MessageSchema } from '../../fr';
+import type { MessageSchema } from '../../fr'
 
 const projects: MessageSchema['pages']['projects'] = {
   title: 'Projects',
@@ -17,6 +17,6 @@ const projects: MessageSchema['pages']['projects'] = {
     size: 'Size',
     lastActivity: 'Last activity',
   },
-};
+}
 
-export default projects;
+export default projects
diff --git a/src/i18n/en/pages/replay.ts b/src/i18n/en/pages/replay.ts
index 6ee70da..237a469 100644
--- a/src/i18n/en/pages/replay.ts
+++ b/src/i18n/en/pages/replay.ts
@@ -1,4 +1,4 @@
-import type { MessageSchema } from '../../fr';
+import type { MessageSchema } from '../../fr'
 
 const replay: MessageSchema['pages']['replay'] = {
   untitled: 'Session',
@@ -43,6 +43,6 @@ const replay: MessageSchema['pages']['replay'] = {
   tasks: 'Tasks',
   context: 'Context window',
   diagnostic: 'Session diagnostics',
-};
+}
 
-export default replay;
+export default replay
diff --git a/src/i18n/en/pages/sessions.ts b/src/i18n/en/pages/sessions.ts
index db67a90..31420e3 100644
--- a/src/i18n/en/pages/sessions.ts
+++ b/src/i18n/en/pages/sessions.ts
@@ -1,4 +1,4 @@
-import type { MessageSchema } from '../../fr';
+import type { MessageSchema } from '../../fr'
 
 const sessions: MessageSchema['pages']['sessions'] = {
   title: 'Live sessions',
@@ -57,6 +57,6 @@ const sessions: MessageSchema['pages']['sessions'] = {
     added: 'Rule added to settings.json.',
     addedNote: 'It applies to further requests, not to this one.',
   },
-};
+}
 
-export default sessions;
+export default sessions
diff --git a/src/i18n/en/pages/settings.ts b/src/i18n/en/pages/settings.ts
index 4de775d..9c4c185 100644
--- a/src/i18n/en/pages/settings.ts
+++ b/src/i18n/en/pages/settings.ts
@@ -1,10 +1,9 @@
-import type { MessageSchema } from '../../fr';
+import type { MessageSchema } from '../../fr'
 
 const settings: MessageSchema['pages']['settings'] = {
   unsavedTitle: 'Changes not applied',
   tabsAria: 'Settings sections',
-  invalidBanner:
-    'The file isn’t valid JSON: I can’t read the fields out of it. The “JSON” tab shows what I read.',
+  invalidBanner: 'The file isn’t valid JSON: I can’t read the fields out of it. The “JSON” tab shows what I read.',
   invalidJson: 'Invalid JSON',
   readError: "I couldn't read your settings",
   tabs: {
@@ -52,8 +51,7 @@ const settings: MessageSchema['pages']['settings'] = {
     dontAsk: 'dontAsk — denies unless an allow rule matches',
     bypassPermissions: 'bypassPermissions — skips the prompts (dangerous)',
   },
-  bypassWarn:
-    '{mode} skips every permission request. Keep it for isolated environments (containers / VMs).',
+  bypassWarn: '{mode} skips every permission request. Keep it for isolated environments (containers / VMs).',
   rules: {
     allow: 'Allowed (allow)',
     allowPlaceholder: 'e.g. Bash(npm run *)',
@@ -92,6 +90,6 @@ const settings: MessageSchema['pages']['settings'] = {
     yes: 'yes',
     no: 'no',
   },
-};
+}
 
-export default settings;
+export default settings
diff --git a/src/i18n/en/pages/skills.ts b/src/i18n/en/pages/skills.ts
index 230c813..559cbcd 100644
--- a/src/i18n/en/pages/skills.ts
+++ b/src/i18n/en/pages/skills.ts
@@ -1,4 +1,4 @@
-import type { MessageSchema } from '../../fr';
+import type { MessageSchema } from '../../fr'
 
 const skills: MessageSchema['pages']['skills'] = {
   title: 'Skills',
@@ -7,8 +7,7 @@ const skills: MessageSchema['pages']['skills'] = {
   placeholder: 'Select a skill to show it here.',
   noDescription: "No description: Claude falls back to the body's first paragraph.",
   deleteTitle: 'Delete this skill?',
-  deleteNote:
-    'The whole folder is deleted, reference files included. A timestamped backup is taken first.',
-};
+  deleteNote: 'The whole folder is deleted, reference files included. A timestamped backup is taken first.',
+}
 
-export default skills;
+export default skills
diff --git a/src/i18n/en/pages/usage.ts b/src/i18n/en/pages/usage.ts
index 4eac54f..4b342cb 100644
--- a/src/i18n/en/pages/usage.ts
+++ b/src/i18n/en/pages/usage.ts
@@ -1,4 +1,4 @@
-import type { MessageSchema } from '../../fr';
+import type { MessageSchema } from '../../fr'
 
 const usage: MessageSchema['pages']['usage'] = {
   sub: 'tokens · estimated cost · sub-agents',
@@ -38,6 +38,6 @@ const usage: MessageSchema['pages']['usage'] = {
   agents: 'Sub-agents',
   agentShare: '{pct}% of the cost',
   noAgent: "I don't see any sub-agent started in this period.",
-};
+}
 
-export default usage;
+export default usage
diff --git a/src/i18n/en/replay/context.ts b/src/i18n/en/replay/context.ts
index 0bddfaa..7ce6c44 100644
--- a/src/i18n/en/replay/context.ts
+++ b/src/i18n/en/replay/context.ts
@@ -1,4 +1,4 @@
-import type { MessageSchema } from '../../fr';
+import type { MessageSchema } from '../../fr'
 
 const context: MessageSchema['replay']['context'] = {
   drawer: {
@@ -7,18 +7,15 @@ const context: MessageSchema['replay']['context'] = {
     close: 'Close the context',
   },
 
-  empty:
-    'No context data for this session. Turns without a usage record (synthetic models, interrupted sessions) produce none.',
+  empty: 'No context data for this session. Turns without a usage record (synthetic models, interrupted sessions) produce none.',
   emptyPhase:
     'Nothing has been played since the compaction. What enters this window will show up on the first turn; earlier phases stay available above.',
   emptyInjections: 'Nothing was injected during this phase.',
 
   fillLimit: '/ {n}',
   captionLast: 'Context sent to the model on the last turn of the phase — exact figure.',
-  captionAfterCompaction:
-    'Window as the compaction left it — exact figure. No turn has been played in this phase yet.',
-  captionPending:
-    'The compaction has not yet said how large the new window is; it will be known at the end of the turn.',
+  captionAfterCompaction: 'Window as the compaction left it — exact figure. No turn has been played in this phase yet.',
+  captionPending: 'The compaction has not yet said how large the new window is; it will be known at the end of the turn.',
 
   costFloor: 'at least —',
   costNote: 'API list price, not what a subscription bills',
@@ -33,8 +30,7 @@ const context: MessageSchema['replay']['context'] = {
     byTurn: 'By turn',
   },
 
-  byTurnCaption:
-    '{exact} growth of the window at each turn; the detail names, as an estimate, what we can attribute to it.',
+  byTurnCaption: '{exact} growth of the window at each turn; the detail names, as an estimate, what we can attribute to it.',
   byTurnExact: 'Exact',
   byTurnLiveOrder: 'Most recent first.',
 
@@ -49,10 +45,8 @@ const context: MessageSchema['replay']['context'] = {
     'The system prompt and the tool schemas, already there before your first word. Derived from the first turn’s window: that figure is {exact}.',
   baselineExact: 'exact',
   residual: 'Unexplained remainder',
-  residualNote:
-    'Message formatting, injections we cannot read yet, and the estimator’s margin — four characters per token underestimates code.',
-  residualCompacted:
-    'This session having been compacted, the re-injected history summary adds to it.',
+  residualNote: 'Message formatting, injections we cannot read yet, and the estimator’s margin — four characters per token underestimates code.',
+  residualCompacted: 'This session having been compacted, the re-injected history summary adds to it.',
 
   estimateNote:
     'The total and the baseline are exact. Values prefixed with “~” are {estimated} at about 4 characters per token: they give an order of magnitude, not a count.',
@@ -81,6 +75,6 @@ const context: MessageSchema['replay']['context'] = {
     thinking: 'Thinking',
     answer: 'Reply',
   },
-};
+}
 
-export default context;
+export default context
diff --git a/src/i18n/en/replay/cost.ts b/src/i18n/en/replay/cost.ts
index edf8a17..cb545d0 100644
--- a/src/i18n/en/replay/cost.ts
+++ b/src/i18n/en/replay/cost.ts
@@ -1,4 +1,4 @@
-import type { MessageSchema } from '../../fr';
+import type { MessageSchema } from '../../fr'
 
 const cost: MessageSchema['replay']['cost'] = {
   error: 'Diagnostics unavailable.',
@@ -16,10 +16,8 @@ const cost: MessageSchema['replay']['cost'] = {
 
   hintHeavy:
     'The {pct} spent re-reading is the price of length: at every turn, the whole conversation goes through again. It is the only item you cut by stopping earlier.',
-  hintGrowing:
-    'Re-reading is starting to weigh. It grows with the number of turns, not with the work done.',
-  hintLight:
-    'Re-reading stays marginal: this session mostly pays for what it read and produced once.',
+  hintGrowing: 'Re-reading is starting to weigh. It grows with the number of turns, not with the work done.',
+  hintLight: 'Re-reading stays marginal: this session mostly pays for what it read and produced once.',
 
   unpriced: '{models} has no known rate: its tokens are counted, its cost is not.',
 
@@ -42,6 +40,6 @@ const cost: MessageSchema['replay']['cost'] = {
   findingPrefix: 'Session {id}… : ',
   more: 'See the fleet diagnostics',
   calm: 'Nothing to report: no rule points at this session.',
-};
+}
 
-export default cost;
+export default cost
diff --git a/src/i18n/en/replay/index.ts b/src/i18n/en/replay/index.ts
index 7856e29..2e04716 100644
--- a/src/i18n/en/replay/index.ts
+++ b/src/i18n/en/replay/index.ts
@@ -1,15 +1,15 @@
-import type { MessageSchema } from '../../fr';
+import type { MessageSchema } from '../../fr'
 
-import context from './context';
-import cost from './cost';
-import thread from './thread';
-import tools from './tools';
+import context from './context'
+import cost from './cost'
+import thread from './thread'
+import tools from './tools'
 
 const replay: MessageSchema['replay'] = {
   ...thread,
   context,
   cost,
   tools,
-};
+}
 
-export default replay;
+export default replay
diff --git a/src/i18n/en/replay/thread.ts b/src/i18n/en/replay/thread.ts
index eabb79d..458b426 100644
--- a/src/i18n/en/replay/thread.ts
+++ b/src/i18n/en/replay/thread.ts
@@ -1,6 +1,6 @@
-import type { MessageSchema } from '../../fr';
+import type { MessageSchema } from '../../fr'
 
-type Thread = Omit<MessageSchema['replay'], 'context' | 'cost' | 'tools'>;
+type Thread = Omit<MessageSchema['replay'], 'context' | 'cost' | 'tools'>
 
 const thread: Thread = {
   tracks: {
@@ -21,8 +21,7 @@ const thread: Thread = {
   timeline: {
     phase: 'Phase {n}',
     compacted: '{before} → {after} tokens',
-    silent:
-      '{n} hook run with no effect · {total} in total | {n} hook runs with no effect · {total} in total',
+    silent: '{n} hook run with no effect · {total} in total | {n} hook runs with no effect · {total} in total',
     silentNote: 'These hooks ran without returning anything to Claude or reporting an error.',
   },
 
@@ -63,8 +62,7 @@ const thread: Thread = {
     copyMine: 'Copy your message',
     copyBrief: 'Copy the brief',
     queued: 'mid-turn',
-    queuedHint:
-      'Written while the agent was working: the CLI queued it, then handed it over in the middle of its reply.',
+    queuedHint: 'Written while the agent was working: the CLI queued it, then handed it over in the middle of its reply.',
     imageLabel: 'Image attached to the message',
     imageMissing: '🖼 [image attached]',
   },
@@ -75,8 +73,7 @@ const thread: Thread = {
   },
 
   images: {
-    unloadable:
-      '{n} image — cannot be loaded from this view | {n} images — cannot be loaded from this view',
+    unloadable: '{n} image — cannot be loaded from this view | {n} images — cannot be loaded from this view',
     byTool: 'Image rendered by {tool}',
     alt: 'Transcript image',
     open: 'Open',
@@ -192,6 +189,6 @@ const thread: Thread = {
       teammate_terminated: 'Has stopped.',
     },
   },
-};
+}
 
-export default thread;
+export default thread
diff --git a/src/i18n/en/replay/tools.ts b/src/i18n/en/replay/tools.ts
index 01dadba..c322be6 100644
--- a/src/i18n/en/replay/tools.ts
+++ b/src/i18n/en/replay/tools.ts
@@ -1,4 +1,4 @@
-import type { MessageSchema } from '../../fr';
+import type { MessageSchema } from '../../fr'
 
 const tools: MessageSchema['replay']['tools'] = {
   call: {
@@ -55,8 +55,7 @@ const tools: MessageSchema['replay']['tools'] = {
   },
 
   service: {
-    identicalTo:
-      'Result identical to an earlier `{tool}` call — the CLI did not send it back a second time.',
+    identicalTo: 'Result identical to an earlier `{tool}` call — the CLI did not send it back a second time.',
     dontAsk: 'the session was running without asking for confirmation',
   },
 
@@ -109,8 +108,7 @@ const tools: MessageSchema['replay']['tools'] = {
       open: 'Open the agent’s track',
       prompt: 'Brief sent to the agent',
       report: 'Agent report',
-      async:
-        'Agent launched in the background. Its reply does not arrive here: it comes back later, in a turn of its own.',
+      async: 'Agent launched in the background. Its reply does not arrive here: it comes back later, in a turn of its own.',
     },
 
     enterPlan: {
@@ -121,8 +119,7 @@ const tools: MessageSchema['replay']['tools'] = {
       sameAsBefore: 'Same result as an earlier {tool} call.',
       empty: 'No file matches.',
       order: 'oldest to most recent',
-      cutSome:
-        '{rest} more are not listed, out of {total} in total: the list keeps the oldest, the recent changes are missing.',
+      cutSome: '{rest} more are not listed, out of {total} in total: the list keeps the oldest, the recent changes are missing.',
       cutAll: 'The list is truncated: it keeps the oldest, the recent changes are missing.',
     },
 
@@ -142,8 +139,7 @@ const tools: MessageSchema['replay']['tools'] = {
       failed: 'The language server did not answer.',
       refused: 'Call refused by the user.',
       noResult: 'No result.',
-      indexing:
-        'A language server that has not finished indexing the project answers the same way.',
+      indexing: 'A language server that has not finished indexing the project answers the same way.',
       line: 'l.',
       callAt: 'call at {at}',
       countIn: '{n} {what} in {files} files',
@@ -206,8 +202,7 @@ const tools: MessageSchema['replay']['tools'] = {
       found: 'Tools found',
       loaded: 'Tools loaded',
       noMatch: 'No deferred tool matches this search.',
-      noSuchName:
-        'No deferred tool goes by this name — nothing was loaded. | No deferred tool goes by these names — nothing was loaded.',
+      noSuchName: 'No deferred tool goes by this name — nothing was loaded. | No deferred tool goes by these names — nothing was loaded.',
       asked: 'Load requested',
       notKept: "The transcript didn't keep the result of this search.",
       reserve: '{n} tool still in reserve. | {n} tools still in reserve.',
@@ -227,8 +222,7 @@ const tools: MessageSchema['replay']['tools'] = {
       queued: 'Queued: {who} will get it on its next tool round.',
       noTask: 'had no active task',
       wasStopped: 'was stopped ({why})',
-      resumed:
-        'The agent {state}: resumed in the background from its transcript, with this message.',
+      resumed: 'The agent {state}: resumed in the background from its transcript, with this message.',
       stopSent: 'Shutdown request sent to {who}.',
       stopDone: 'Shutdown approved: {who} has been told, and agent {agent} is exiting.',
     },
@@ -236,10 +230,8 @@ const tools: MessageSchema['replay']['tools'] = {
     shell: {
       unsandboxed: 'outside the sandbox',
       silent: 'The command wrote nothing.',
-      launched:
-        'Launched in the background, id {id}. Its output goes to a file, outside the transcript.',
-      touched:
-        '{n} file already read that the command modified: | {n} files already read that the command modified:',
+      launched: 'Launched in the background, id {id}. Its output goes to a file, outside the transcript.',
+      touched: '{n} file already read that the command modified: | {n} files already read that the command modified:',
       exit: 'exit code {code}',
       exitMeaning: 'exit code {code} · {meaning}',
       meaning: {
@@ -274,6 +266,6 @@ const tools: MessageSchema['replay']['tools'] = {
       results: '{n} result | {n} results',
     },
   },
-};
+}
 
-export default tools;
+export default tools
diff --git a/src/i18n/en/resources.ts b/src/i18n/en/resources.ts
index dce6126..60040a6 100644
--- a/src/i18n/en/resources.ts
+++ b/src/i18n/en/resources.ts
@@ -1,4 +1,4 @@
-import type { MessageSchema } from '../fr';
+import type { MessageSchema } from '../fr'
 
 const resources: MessageSchema['resources'] = {
   panelTitle: 'Project resources',
@@ -43,6 +43,6 @@ const resources: MessageSchema['resources'] = {
     read: 'Cannot read this file.',
     unreadable: 'Inventory unreadable.',
   },
-};
+}
 
-export default resources;
+export default resources
diff --git a/src/i18n/en/rules.ts b/src/i18n/en/rules.ts
index ab589f8..9375d6a 100644
--- a/src/i18n/en/rules.ts
+++ b/src/i18n/en/rules.ts
@@ -1,4 +1,4 @@
-import type { MessageSchema } from '../fr';
+import type { MessageSchema } from '../fr'
 
 const rules: MessageSchema['rules'] = {
   empty: 'No rule.',
@@ -6,6 +6,6 @@ const rules: MessageSchema['rules'] = {
   placeholder: 'e.g. Bash(npm run *)',
   removeAria: 'Remove rule {rule}',
   addAria: 'Add a rule to {label}',
-};
+}
 
-export default rules;
+export default rules
diff --git a/src/i18n/en/tools.ts b/src/i18n/en/tools.ts
index d3b8002..3e6f2a3 100644
--- a/src/i18n/en/tools.ts
+++ b/src/i18n/en/tools.ts
@@ -1,4 +1,4 @@
-import type { MessageSchema } from '../fr';
+import type { MessageSchema } from '../fr'
 
 const tools: MessageSchema['tools'] = {
   info: {
@@ -30,6 +30,6 @@ const tools: MessageSchema['tools'] = {
   agentRestricted: 'Delegation restricted to the “{arg}” subagent.',
   restricted: '{base}, restricted to: {arg}.',
   unknown: 'A tool outside the built-in set.',
-};
+}
 
-export default tools;
+export default tools
diff --git a/src/i18n/fr/agent.ts b/src/i18n/fr/agent.ts
index 4095c94..0bacf4a 100644
--- a/src/i18n/fr/agent.ts
+++ b/src/i18n/fr/agent.ts
@@ -70,4 +70,4 @@ export default {
       truncated: 'Le dossier est trop grand : je n’en montre qu’une partie.',
     },
   },
-};
+}
diff --git a/src/i18n/fr/cli.ts b/src/i18n/fr/cli.ts
index df9eb3e..5569899 100644
--- a/src/i18n/fr/cli.ts
+++ b/src/i18n/fr/cli.ts
@@ -8,4 +8,4 @@ export default {
   copyFailed: "Je n'ai pas pu copier : le navigateur me refuse le presse-papiers.",
   /** `claude …` est composé en chasse fixe, d'où le slot. */
   hint: 'À exécuter dans Claude Code (ou en terminal avec {cmd}).',
-};
+}
diff --git a/src/i18n/fr/common.ts b/src/i18n/fr/common.ts
index fecb31c..cabd49d 100644
--- a/src/i18n/fr/common.ts
+++ b/src/i18n/fr/common.ts
@@ -23,4 +23,4 @@ export default {
   readOnly: 'lecture seule',
   /** Quand l'exception n'a rien à dire d'elle-même. */
   noDetail: "Je n'ai pas pu aller au bout.",
-};
+}
diff --git a/src/i18n/fr/diagnostics.ts b/src/i18n/fr/diagnostics.ts
index a7c2670..c19d08f 100644
--- a/src/i18n/fr/diagnostics.ts
+++ b/src/i18n/fr/diagnostics.ts
@@ -4,4 +4,4 @@ export default {
     warn: 'À surveiller',
     info: 'Pour information',
   },
-};
+}
diff --git a/src/i18n/fr/diff.ts b/src/i18n/fr/diff.ts
index f354b85..3fa867d 100644
--- a/src/i18n/fr/diff.ts
+++ b/src/i18n/fr/diff.ts
@@ -7,7 +7,6 @@ export default {
   noChange: 'Je ne vois rien à changer : le fichier est déjà dans cet état.',
   apply: 'Appliquer',
   applied: 'Modification appliquée.',
-  conflict:
-    "Le fichier a changé sur le disque depuis que je vous l'ai montré. Rechargez avant de réappliquer.",
+  conflict: "Le fichier a changé sur le disque depuis que je vous l'ai montré. Rechargez avant de réappliquer.",
   failed: "Je n'ai pas pu écrire le fichier.",
-};
+}
diff --git a/src/i18n/fr/formats.ts b/src/i18n/fr/formats.ts
index e918503..19f37dc 100644
--- a/src/i18n/fr/formats.ts
+++ b/src/i18n/fr/formats.ts
@@ -10,4 +10,4 @@ export default {
   bytes: { b: 'o', kb: 'Ko', mb: 'Mo', gb: 'Go' },
   duration: { ms: 'ms', s: 's', min: 'min', h: 'h' },
   justNow: "à l'instant",
-};
+}
diff --git a/src/i18n/fr/frontmatter.ts b/src/i18n/fr/frontmatter.ts
index f15e4d8..118ac30 100644
--- a/src/i18n/fr/frontmatter.ts
+++ b/src/i18n/fr/frontmatter.ts
@@ -184,4 +184,4 @@ export default {
       fallback: 'aucun chemin déclaré',
     },
   },
-};
+}
diff --git a/src/i18n/fr/index.ts b/src/i18n/fr/index.ts
index dba83fa..f32c473 100644
--- a/src/i18n/fr/index.ts
+++ b/src/i18n/fr/index.ts
@@ -1,17 +1,17 @@
-import agent from './agent';
-import cli from './cli';
-import common from './common';
-import diagnostics from './diagnostics';
-import diff from './diff';
-import formats from './formats';
-import frontmatter from './frontmatter';
-import layout from './layout';
-import nav from './nav';
-import pages from './pages';
-import replay from './replay';
-import resources from './resources';
-import rules from './rules';
-import tools from './tools';
+import agent from './agent'
+import cli from './cli'
+import common from './common'
+import diagnostics from './diagnostics'
+import diff from './diff'
+import formats from './formats'
+import frontmatter from './frontmatter'
+import layout from './layout'
+import nav from './nav'
+import pages from './pages'
+import replay from './replay'
+import resources from './resources'
+import rules from './rules'
+import tools from './tools'
 
 const fr = {
   agent,
@@ -28,7 +28,7 @@ const fr = {
   resources,
   rules,
   tools,
-};
+}
 
 /**
  * La forme d'un catalogue, dérivée du français.
@@ -39,6 +39,6 @@ const fr = {
  * même principe que `shared/` — une divergence casse le typecheck plutôt que de
  * passer en silence jusqu'à l'écran.
  */
-export type MessageSchema = typeof fr;
+export type MessageSchema = typeof fr
 
-export default fr;
+export default fr
diff --git a/src/i18n/fr/layout.ts b/src/i18n/fr/layout.ts
index 9458967..6e84b56 100644
--- a/src/i18n/fr/layout.ts
+++ b/src/i18n/fr/layout.ts
@@ -33,4 +33,4 @@ export default {
     busy: '{n} occupée | {n} occupées',
     waiting: "{n} en attente d'une action",
   },
-};
+}
diff --git a/src/i18n/fr/nav.ts b/src/i18n/fr/nav.ts
index cc7a25f..17fde0e 100644
--- a/src/i18n/fr/nav.ts
+++ b/src/i18n/fr/nav.ts
@@ -20,4 +20,4 @@ export default {
   usage: 'Usage & coûts',
   diagnostic: 'Diagnostic',
   help: 'Manuel',
-};
+}
diff --git a/src/i18n/fr/pages/agents.ts b/src/i18n/fr/pages/agents.ts
index a29b1cd..63a7ca8 100644
--- a/src/i18n/fr/pages/agents.ts
+++ b/src/i18n/fr/pages/agents.ts
@@ -6,4 +6,4 @@ export default {
   noDescription: 'Pas de description : Claude ne saura pas quand déléguer à cet agent.',
   deleteTitle: 'Supprimer cet agent ?',
   deleteNote: 'Une sauvegarde horodatée est prise avant la suppression.',
-};
+}
diff --git a/src/i18n/fr/pages/atelier.ts b/src/i18n/fr/pages/atelier.ts
index 9a151f8..c2cb787 100644
--- a/src/i18n/fr/pages/atelier.ts
+++ b/src/i18n/fr/pages/atelier.ts
@@ -88,8 +88,7 @@ export default {
   fullReplay: 'Rejeu complet',
   stop: 'Arrêter',
 
-  empty:
-    'Session ouverte sur {cwd}. Rien n’a encore été demandé — l’agent ne démarre qu’au premier message.',
+  empty: 'Session ouverte sur {cwd}. Rien n’a encore été demandé — l’agent ne démarre qu’au premier message.',
 
   askMany: '{n} questions attendent',
   askOne: "L'agent attend une réponse",
@@ -103,6 +102,5 @@ export default {
   panelAria: 'Contexte et ressources du projet',
   tabContext: 'Fenêtre de contexte',
   tabResources: 'Ressources',
-  contextPending:
-    'La fenêtre de contexte se lit sur le transcript : elle apparaîtra à la fin du premier tour.',
-};
+  contextPending: 'La fenêtre de contexte se lit sur le transcript : elle apparaîtra à la fin du premier tour.',
+}
diff --git a/src/i18n/fr/pages/backups.ts b/src/i18n/fr/pages/backups.ts
index 4b8a818..9703df5 100644
--- a/src/i18n/fr/pages/backups.ts
+++ b/src/i18n/fr/pages/backups.ts
@@ -7,16 +7,14 @@ export default {
   restore: 'Restaurer…',
   purgeOneAria: 'Purger la version du {date}',
   restored: 'Version restaurée.',
-  purgeMessage:
-    'Je vais supprimer les {n} sauvegardes. Après ça, je ne pourrai plus revenir en arrière sur aucune écriture passée.',
+  purgeMessage: 'Je vais supprimer les {n} sauvegardes. Après ça, je ne pourrai plus revenir en arrière sur aucune écriture passée.',
   purgeOk: 'Tout supprimer',
   purgeOneTitle: 'Supprimer cette version',
-  purgeOneMessage:
-    'Je vais supprimer la version du {date} de {file}. Cette copie est la seule, et je ne pourrai pas la retrouver.',
+  purgeOneMessage: 'Je vais supprimer la version du {date} de {file}. Cette copie est la seule, et je ne pourrai pas la retrouver.',
   purgeOneOk: 'Supprimer',
   purgedOne: 'Version supprimée.',
   readError: "Je n'ai pas pu lire les sauvegardes",
   prepareError: "Je n'ai pas pu préparer la restauration",
   deleteError: "Je n'ai pas pu supprimer cette version",
   purgeError: "Je n'ai pas pu purger les sauvegardes",
-};
+}
diff --git a/src/i18n/fr/pages/diagnostic.ts b/src/i18n/fr/pages/diagnostic.ts
index 3646f8f..9d86a21 100644
--- a/src/i18n/fr/pages/diagnostic.ts
+++ b/src/i18n/fr/pages/diagnostic.ts
@@ -55,8 +55,7 @@ export default {
   },
   readings: {
     same: 'Vos deux quarts font pareil ici : ce geste ne les sépare pas.',
-    exploreMore:
-      "Chez vous, le quart le plus productif explore davantage : il cherche plus qu'il ne construit, et produit quand même.",
+    exploreMore: "Chez vous, le quart le plus productif explore davantage : il cherche plus qu'il ne construit, et produit quand même.",
     exploreLess: "Chez vous, le quart le plus productif cherche moins qu'il ne construit.",
     turnsMore:
       "Chez vous, le quart le plus productif fait plus de tours par prompt — c'est le résultat qu'on n'attend pas, et une règle « trop de tours » aurait conseillé l'inverse du bon geste.",
@@ -64,10 +63,8 @@ export default {
   },
   workReading: {
     prefix: 'Sur votre parc : {parts}.',
-    explore:
-      "vos sessions les plus productives cherchent moins qu'elles ne construisent ({top} exploration par modification contre {bottom})",
-    turns:
-      "elles font {top} tours par prompt là où les autres en font {bottom} — un brief complet qu'on laisse courir, pas dix relances courtes",
+    explore: "vos sessions les plus productives cherchent moins qu'elles ne construisent ({top} exploration par modification contre {bottom})",
+    turns: "elles font {top} tours par prompt là où les autres en font {bottom} — un brief complet qu'on laisse courir, pas dix relances courtes",
     none: 'Vos deux quarts se ressemblent sur ces gestes : rien ne les sépare nettement ici.',
   },
 
@@ -86,11 +83,9 @@ export default {
   },
   currentReading: {
     none: "Rien n'a été dépensé sur cette fenêtre.",
-    fallback:
-      'Trop peu de fenêtres pour se caler sur votre parc : le repère de {threshold} est une valeur de repli.',
+    fallback: 'Trop peu de fenêtres pour se caler sur votre parc : le repère de {threshold} est une valeur de repli.',
     over: 'Au-delà de votre repère de {threshold} — max(P90 de vos fenêtres, garde-fou), comme partout ici.',
-    under:
-      'Votre repère est à {threshold} : max(P90 de vos fenêtres, garde-fou), comme partout ici.',
+    under: 'Votre repère est à {threshold} : max(P90 de vos fenêtres, garde-fou), comme partout ici.',
   },
   windows: 'Vos fenêtres de 5 h',
   windowsWhat:
@@ -104,8 +99,7 @@ export default {
     "Le plus grand nombre de sessions ouvertes en même temps, d'après le recouvrement de leurs bornes — de la première à la dernière ligne de chacune.",
   concurrencyReading:
     "Une session laissée ouverte sans qu'on y touche compte comme ouverte : c'est ce qu'elle était. Mener deux sessions de front remplit la fenêtre de 5 h deux fois plus vite.",
-  concurrencyHint:
-    'au plus — {hours} h à deux ou plus, soit {share} du temps où une session était ouverte',
+  concurrencyHint: 'au plus — {hours} h à deux ou plus, soit {share} du temps où une session était ouverte',
   paceReading:
     'Une fenêtre glissante ne connaît pas les sessions : elle compte ce qui a été dépensé dans les cinq dernières heures, toutes sessions confondues. Deux sessions menées de front la remplissent deux fois plus vite.',
 
@@ -161,10 +155,8 @@ export default {
     orphansNone: ' Aucune ne disparaît pour autant : toutes sont signalées par un autre signal.',
     orphans:
       " {n} d'entre elles ({cost}) ne sont désignées par aucun autre signal — c'est ce que ce plancher coûte vraiment ; les autres sont des doublons.",
-    guardLine:
-      '{rank} de votre parc {p} · garde-fou {guard} → on retient {which}, donc le garde-fou{silenced}. {weight}{orphans}',
-    parkLine:
-      '{rank} de votre parc {p} · garde-fou {guard} → on retient {which}, donc votre parc : {verdict}. {weight}',
+    guardLine: '{rank} de votre parc {p} · garde-fou {guard} → on retient {which}, donc le garde-fou{silenced}. {weight}{orphans}',
+    parkLine: '{rank} de votre parc {p} · garde-fou {guard} → on retient {which}, donc votre parc : {verdict}. {weight}',
     verdictSame: "les deux tombent au même endroit, et il n'y a rien entre eux à taire",
     verdictPassed: "le plancher est franchi et n'a rien à taire",
   },
@@ -179,10 +171,9 @@ export default {
       "Seulement {n} session porte ce signal, moins que les 30 qu'il faut : un percentile n'y voudrait rien dire. Le seuil est le garde-fou seul ({value}), ce qui est la position prudente — il ne sait que faire taire. | Seulement {n} sessions portent ce signal, moins que les 30 qu'il faut : un percentile n'y voudrait rien dire. Le seuil est le garde-fou seul ({value}), ce qui est la position prudente — il ne sait que faire taire.",
     percentile:
       'Seuil = {rank} de votre parc, donc 90 % de vos {n} sessions restent {side} {value}. Les {hits} cas sont ce décile-là, pas des anomalies détectées.',
-    guard:
-      "Seuil = garde-fou : le {rank} de votre parc{p} n'atteint pas ce qui vaut une action, et le plancher ({value}) prend le relais.{silenced}",
+    guard: "Seuil = garde-fou : le {rank} de votre parc{p} n'atteint pas ce qui vaut une action, et le plancher ({value}) prend le relais.{silenced}",
     guardP: ' ({p})',
     guardSilenced: ' Les {n} sessions entre les deux sont tues{cost}.',
     guardSilencedCost: ' — {cost} au total',
   },
-};
+}
diff --git a/src/i18n/fr/pages/help.ts b/src/i18n/fr/pages/help.ts
index ff1d3a0..8e433f2 100644
--- a/src/i18n/fr/pages/help.ts
+++ b/src/i18n/fr/pages/help.ts
@@ -2,11 +2,10 @@ export default {
   title: 'Manuel',
   kicker: 'MANUEL',
   /** Le bouton d'aide de la barre d'état s'insère au milieu de la phrase. */
-  intro:
-    "Une page par module. Depuis n'importe quel écran, le bouton {icon} de la barre d'état ouvre directement la page correspondante.",
+  intro: "Une page par module. Depuis n'importe quel écran, le bouton {icon} de la barre d'état ouvre directement la page correspondante.",
   searchAria: 'Rechercher dans le manuel',
   tocAria: 'Sommaire du manuel',
   count: '{n} page de manuel. | {n} pages de manuel.',
   found: 'Aucune page trouvée. | Une page trouvée. | {n} pages trouvées.',
   noMatch: 'Je ne trouve aucune page pour « {query} ».',
-};
+}
diff --git a/src/i18n/fr/pages/home.ts b/src/i18n/fr/pages/home.ts
index 4723975..ccbadf7 100644
--- a/src/i18n/fr/pages/home.ts
+++ b/src/i18n/fr/pages/home.ts
@@ -30,4 +30,4 @@ export default {
     maintenance: 'Stockage, purge des caches, plans générés.',
     help: 'Une page par module, et les concepts communs.',
   },
-};
+}
diff --git a/src/i18n/fr/pages/hooks.ts b/src/i18n/fr/pages/hooks.ts
index 85d3d90..42dabbe 100644
--- a/src/i18n/fr/pages/hooks.ts
+++ b/src/i18n/fr/pages/hooks.ts
@@ -39,8 +39,7 @@ export default {
     PreToolUse: "Avant l'exécution d'un appel d'outil.",
     PostToolUse: "Après le succès d'un appel d'outil.",
     PostToolUseFailure: "Après l'échec d'un appel d'outil.",
-    PostToolBatch:
-      "Après la résolution d'un lot d'appels d'outils parallèles, avant l'appel modèle suivant.",
+    PostToolBatch: "Après la résolution d'un lot d'appels d'outils parallèles, avant l'appel modèle suivant.",
     PermissionRequest: "À l'affichage d'un dialogue de permission.",
     PermissionDenied: "Quand un appel d'outil est refusé par le classifieur du mode auto.",
     Notification: 'Quand Claude Code envoie une notification.',
@@ -61,7 +60,6 @@ export default {
     PreCompact: 'Avant la compaction du contexte.',
     PostCompact: 'Après la compaction du contexte.',
     Elicitation: "Quand un serveur MCP demande une saisie utilisateur pendant un appel d'outil.",
-    ElicitationResult:
-      "Après la réponse de l'utilisateur à une élicitation MCP, avant renvoi au serveur.",
+    ElicitationResult: "Après la réponse de l'utilisateur à une élicitation MCP, avant renvoi au serveur.",
   },
-};
+}
diff --git a/src/i18n/fr/pages/index.ts b/src/i18n/fr/pages/index.ts
index c2d4218..1cb64c7 100644
--- a/src/i18n/fr/pages/index.ts
+++ b/src/i18n/fr/pages/index.ts
@@ -1,25 +1,25 @@
 // Un fichier par écran. Le nom du fichier suit celui de la route, pour qu'une
 // page et ses textes se retrouvent sans chercher.
 
-import agents from './agents';
-import atelier from './atelier';
-import backups from './backups';
-import diagnostic from './diagnostic';
-import help from './help';
-import home from './home';
-import hooks from './hooks';
-import maintenance from './maintenance';
-import mcp from './mcp';
-import memory from './memory';
-import notFound from './notFound';
-import plugins from './plugins';
-import project from './project';
-import projects from './projects';
-import sessions from './sessions';
-import replay from './replay';
-import settings from './settings';
-import skills from './skills';
-import usage from './usage';
+import agents from './agents'
+import atelier from './atelier'
+import backups from './backups'
+import diagnostic from './diagnostic'
+import help from './help'
+import home from './home'
+import hooks from './hooks'
+import maintenance from './maintenance'
+import mcp from './mcp'
+import memory from './memory'
+import notFound from './notFound'
+import plugins from './plugins'
+import project from './project'
+import projects from './projects'
+import replay from './replay'
+import sessions from './sessions'
+import settings from './settings'
+import skills from './skills'
+import usage from './usage'
 
 export default {
   agents,
@@ -41,4 +41,4 @@ export default {
   settings,
   skills,
   usage,
-};
+}
diff --git a/src/i18n/fr/pages/maintenance.ts b/src/i18n/fr/pages/maintenance.ts
index 35d3e2f..9c03c59 100644
--- a/src/i18n/fr/pages/maintenance.ts
+++ b/src/i18n/fr/pages/maintenance.ts
@@ -35,8 +35,7 @@ export default {
     head: 'Processus Claude',
     intro:
       "Le disque ne déclare pas tout : un daemon, un hôte de pseudo-terminal ou le pont de l'extension Chrome n'écrivent aucun fichier de session. Ils apparaissent ici, et nulle part ailleurs.",
-    unsupported:
-      'Je ne sais pas énumérer les processus sur ce système. La liste reste vide, ce qui ne veut pas dire que rien ne tourne.',
+    unsupported: 'Je ne sais pas énumérer les processus sur ce système. La liste reste vide, ce qui ne veut pas dire que rien ne tourne.',
     empty: 'Je ne vois aucun processus Claude, pas même le mien — ce qui est étonnant.',
     orphan: 'orphelin',
     self: 'moi',
@@ -71,4 +70,4 @@ export default {
     deleted: 'Plan supprimé.',
     deleteError: "Je n'ai pas pu supprimer ce plan",
   },
-};
+}
diff --git a/src/i18n/fr/pages/mcp.ts b/src/i18n/fr/pages/mcp.ts
index f841226..902cf73 100644
--- a/src/i18n/fr/pages/mcp.ts
+++ b/src/i18n/fr/pages/mcp.ts
@@ -4,8 +4,7 @@ export default {
   noConnected: 'Je ne vois aucun serveur connecté.',
   fileTitle: 'Configurés · fichier',
   /** `~/.claude.json` en chasse fixe, `globaux` en gras : deux slots. */
-  fileNote:
-    'Serveurs déclarés dans {path}. Les serveurs {global} sont éditables ici ; ceux liés à un projet restent en lecture seule.',
+  fileNote: 'Serveurs déclarés dans {path}. Les serveurs {global} sont éditables ici ; ceux liés à un projet restent en lecture seule.',
   fileNoteGlobal: 'globaux',
   noFileServer: 'Je ne vois aucun serveur déclaré dans le fichier.',
   editAria: 'Éditer {name}',
@@ -35,4 +34,4 @@ export default {
   noPending: "Je n'ai aucune modification en attente.",
   readError: "Je n'ai pas pu lire vos réglages MCP",
   reloadError: "Je n'ai pas pu relire les serveurs MCP",
-};
+}
diff --git a/src/i18n/fr/pages/memory.ts b/src/i18n/fr/pages/memory.ts
index 0c058ca..730dc49 100644
--- a/src/i18n/fr/pages/memory.ts
+++ b/src/i18n/fr/pages/memory.ts
@@ -24,10 +24,8 @@ export default {
   // libellés : la clé `user` reste `user` dans le fichier.
   types: {
     user: "Qui est l'utilisateur : rôle, expertise, préférences durables.",
-    feedback:
-      'Consignes sur la façon de travailler — corrections comme approches validées. Explique le pourquoi.',
-    project:
-      "Travail en cours, objectifs ou contraintes non déductibles du code ni de l'historique git. Dates en absolu.",
+    feedback: 'Consignes sur la façon de travailler — corrections comme approches validées. Explique le pourquoi.',
+    project: "Travail en cours, objectifs ou contraintes non déductibles du code ni de l'historique git. Dates en absolu.",
     reference: 'Pointeurs vers des ressources externes : URLs, dashboards, tickets.',
   },
   discard: 'Abandonner les modifications non appliquées ?',
@@ -46,6 +44,5 @@ export default {
   openError: "Je n'ai pas pu ouvrir ce fichier",
   deleteError: "Je n'ai pas pu supprimer cette mémoire",
   /** Consigne affichée dans le corps d'une mémoire neuve, jamais écrite au fichier. */
-  bodyPlaceholder:
-    'Le fait, en clair. Liez les mémoires voisines avec [[leur-nom]]. Les dates en absolu.',
-};
+  bodyPlaceholder: 'Le fait, en clair. Liez les mémoires voisines avec [[leur-nom]]. Les dates en absolu.',
+}
diff --git a/src/i18n/fr/pages/notFound.ts b/src/i18n/fr/pages/notFound.ts
index ddff84b..ea50bb2 100644
--- a/src/i18n/fr/pages/notFound.ts
+++ b/src/i18n/fr/pages/notFound.ts
@@ -5,4 +5,4 @@ export default {
   detail: "Elle n'existe pas, ou l'écran qu'elle désignait a changé de nom.",
   home: "Retour à l'accueil",
   help: 'Ouvrir le Manuel',
-};
+}
diff --git a/src/i18n/fr/pages/plugins.ts b/src/i18n/fr/pages/plugins.ts
index 8dbfdd6..caf5c89 100644
--- a/src/i18n/fr/pages/plugins.ts
+++ b/src/i18n/fr/pages/plugins.ts
@@ -19,7 +19,6 @@ export default {
   addTitle: 'Ajouter une marketplace',
   addNote: 'Claude Code clonera/copiera la marketplace puis la rendra disponible.',
   removeTitle: 'Supprimer la marketplace',
-  removeNote:
-    'Cette commande désinstalle aussi les plugins de la marketplace et supprime son clone local.',
+  removeNote: 'Cette commande désinstalle aussi les plugins de la marketplace et supprime son clone local.',
   readError: "Je n'ai pas pu lire vos réglages de plugins",
-};
+}
diff --git a/src/i18n/fr/pages/project.ts b/src/i18n/fr/pages/project.ts
index 2f90d0c..32474a4 100644
--- a/src/i18n/fr/pages/project.ts
+++ b/src/i18n/fr/pages/project.ts
@@ -40,4 +40,4 @@ export default {
   planDeleted: 'Plan supprimé.',
   planDeleteError: "Je n'ai pas pu supprimer ce plan",
   loadError: "Je n'ai pas pu charger ce projet.",
-};
+}
diff --git a/src/i18n/fr/pages/projects.ts b/src/i18n/fr/pages/projects.ts
index 1dff18c..f29e20b 100644
--- a/src/i18n/fr/pages/projects.ts
+++ b/src/i18n/fr/pages/projects.ts
@@ -15,4 +15,4 @@ export default {
     size: 'Taille',
     lastActivity: 'Dernière activité',
   },
-};
+}
diff --git a/src/i18n/fr/pages/replay.ts b/src/i18n/fr/pages/replay.ts
index 5f23442..7681fe7 100644
--- a/src/i18n/fr/pages/replay.ts
+++ b/src/i18n/fr/pages/replay.ts
@@ -39,12 +39,11 @@ export default {
   expandAll: 'Tout déplier',
   collapseAll: 'Tout replier',
 
-  emptyMain:
-    'Le fil principal ne porte aucun message — tout le travail est dans les pistes ci-dessus.',
+  emptyMain: 'Le fil principal ne porte aucun message — tout le travail est dans les pistes ci-dessus.',
   emptyTrack: 'Aucun message dans cette piste.',
 
   aside: 'Suivi, contexte et diagnostic de la session',
   tasks: 'Tâches',
   context: 'Fenêtre de contexte',
   diagnostic: 'Diagnostic de la session',
-};
+}
diff --git a/src/i18n/fr/pages/sessions.ts b/src/i18n/fr/pages/sessions.ts
index 0ffa1ba..daf5403 100644
--- a/src/i18n/fr/pages/sessions.ts
+++ b/src/i18n/fr/pages/sessions.ts
@@ -31,8 +31,7 @@ export default {
     idle: 'idle',
   },
 
-  emptyMain:
-    'Le fil principal ne porte aucun message — tout le travail est dans les pistes ci-dessus.',
+  emptyMain: 'Le fil principal ne porte aucun message — tout le travail est dans les pistes ci-dessus.',
   emptyTrack: "Je n'ai encore rien reçu de cette session.",
   error: 'Transcript illisible.',
 
@@ -62,4 +61,4 @@ export default {
     added: 'Règle ajoutée à settings.json.',
     addedNote: 'Elle vaut pour les prochaines demandes, pas pour celle-ci.',
   },
-};
+}
diff --git a/src/i18n/fr/pages/settings.ts b/src/i18n/fr/pages/settings.ts
index b844f9e..3bdb751 100644
--- a/src/i18n/fr/pages/settings.ts
+++ b/src/i18n/fr/pages/settings.ts
@@ -1,8 +1,7 @@
 export default {
   unsavedTitle: 'Modifications non appliquées',
   tabsAria: 'Sections des réglages',
-  invalidBanner:
-    "Le fichier n'est pas un JSON valide : je ne peux pas en tirer les champs. L'onglet « JSON » montre ce que je lis.",
+  invalidBanner: "Le fichier n'est pas un JSON valide : je ne peux pas en tirer les champs. L'onglet « JSON » montre ce que je lis.",
   invalidJson: 'JSON invalide',
   readError: "Je n'ai pas pu lire vos réglages",
   tabs: {
@@ -53,8 +52,7 @@ export default {
     bypassPermissions: 'bypassPermissions — saute les demandes (dangereux)',
   },
   /** `bypassPermissions` est en gras en tête de phrase. */
-  bypassWarn:
-    "{mode} saute toutes les demandes d'autorisation. À réserver aux environnements isolés (conteneurs / VM).",
+  bypassWarn: "{mode} saute toutes les demandes d'autorisation. À réserver aux environnements isolés (conteneurs / VM).",
   rules: {
     allow: 'Autorisées (allow)',
     allowPlaceholder: 'Ex. Bash(npm run *)',
@@ -94,4 +92,4 @@ export default {
     yes: 'oui',
     no: 'non',
   },
-};
+}
diff --git a/src/i18n/fr/pages/skills.ts b/src/i18n/fr/pages/skills.ts
index 1b5b044..cddff7e 100644
--- a/src/i18n/fr/pages/skills.ts
+++ b/src/i18n/fr/pages/skills.ts
@@ -1,11 +1,9 @@
 export default {
   title: 'Skills',
-  subtitle:
-    'Skills personnels (~/.claude/skills/<nom>/SKILL.md) — savoir-faire chargé à la demande.',
+  subtitle: 'Skills personnels (~/.claude/skills/<nom>/SKILL.md) — savoir-faire chargé à la demande.',
   empty: 'Je ne vois aucun skill personnel.',
   placeholder: "Sélectionnez un skill pour l'afficher ici.",
   noDescription: 'Pas de description : Claude retombe sur le premier paragraphe du corps.',
   deleteTitle: 'Supprimer ce skill ?',
-  deleteNote:
-    'Le dossier entier est supprimé, fichiers de référence compris. Une sauvegarde horodatée est prise avant.',
-};
+  deleteNote: 'Le dossier entier est supprimé, fichiers de référence compris. Une sauvegarde horodatée est prise avant.',
+}
diff --git a/src/i18n/fr/pages/usage.ts b/src/i18n/fr/pages/usage.ts
index 0d0eaeb..8f471bc 100644
--- a/src/i18n/fr/pages/usage.ts
+++ b/src/i18n/fr/pages/usage.ts
@@ -37,4 +37,4 @@ export default {
   agents: 'Sous-agents',
   agentShare: '{pct} % du coût',
   noAgent: 'Je ne vois aucun sous-agent lancé sur cette période.',
-};
+}
diff --git a/src/i18n/fr/replay/context.ts b/src/i18n/fr/replay/context.ts
index fd559db..ed7600d 100644
--- a/src/i18n/fr/replay/context.ts
+++ b/src/i18n/fr/replay/context.ts
@@ -17,10 +17,8 @@ export default {
 
   fillLimit: '/ {n}',
   captionLast: 'Contexte envoyé au modèle au dernier tour de la phase — chiffre exact.',
-  captionAfterCompaction:
-    "Fenêtre au sortir de la compaction — chiffre exact. Aucun tour n'a encore été joué dans cette phase.",
-  captionPending:
-    'La compaction n’a pas encore dit la taille de la nouvelle fenêtre ; elle sera connue à la fin du tour.',
+  captionAfterCompaction: "Fenêtre au sortir de la compaction — chiffre exact. Aucun tour n'a encore été joué dans cette phase.",
+  captionPending: 'La compaction n’a pas encore dit la taille de la nouvelle fenêtre ; elle sera connue à la fin du tour.',
 
   costFloor: 'au moins —',
   costNote: "prix catalogue API, non ce qu'un abonnement facture",
@@ -35,8 +33,7 @@ export default {
     byTurn: 'Par tour',
   },
 
-  byTurnCaption:
-    'Croissance {exact} de la fenêtre à chaque tour ; le détail nomme, en estimé, ce qu’on sait y rattacher.',
+  byTurnCaption: 'Croissance {exact} de la fenêtre à chaque tour ; le détail nomme, en estimé, ce qu’on sait y rattacher.',
   byTurnExact: 'exacte',
   byTurnLiveOrder: 'Le plus récent en premier.',
 
@@ -53,8 +50,7 @@ export default {
   residual: 'Reste inexpliqué',
   residualNote:
     'Le formatage des messages, les injections que nous ne savons pas encore lire, et la marge de l’estimateur — quatre caractères par token sous-estime le code.',
-  residualCompacted:
-    'Cette session ayant été compactée, le résumé de l’historique réinjecté s’y ajoute.',
+  residualCompacted: 'Cette session ayant été compactée, le résumé de l’historique réinjecté s’y ajoute.',
 
   estimateNote:
     'Le total et le socle sont exacts. Les valeurs préfixées de « ~ » sont {estimated} à environ 4 caractères par token : elles indiquent un ordre de grandeur, pas un décompte.',
@@ -86,4 +82,4 @@ export default {
     thinking: 'Raisonnement',
     answer: 'Réponse',
   },
-};
+}
diff --git a/src/i18n/fr/replay/cost.ts b/src/i18n/fr/replay/cost.ts
index b31ff9a..4a9c685 100644
--- a/src/i18n/fr/replay/cost.ts
+++ b/src/i18n/fr/replay/cost.ts
@@ -17,10 +17,8 @@ export default {
 
   hintHeavy:
     'Les {pct} de relecture sont le prix de la longueur : à chaque tour, toute la conversation repasse. C’est le seul poste qu’on réduit en coupant plus tôt.',
-  hintGrowing:
-    'La relecture commence à peser. Elle grandit avec le nombre de tours, pas avec le travail fait.',
-  hintLight:
-    'La relecture reste marginale : cette session paie surtout ce qu’elle a lu et produit une première fois.',
+  hintGrowing: 'La relecture commence à peser. Elle grandit avec le nombre de tours, pas avec le travail fait.',
+  hintLight: 'La relecture reste marginale : cette session paie surtout ce qu’elle a lu et produit une première fois.',
 
   unpriced: '{models} n’a pas de tarif connu : ses tokens sont comptés, son coût non.',
 
@@ -45,4 +43,4 @@ export default {
   findingPrefix: 'Session {id}… : ',
   more: 'Voir le diagnostic du parc',
   calm: 'Rien à signaler : aucune règle ne désigne cette session.',
-};
+}
diff --git a/src/i18n/fr/replay/index.ts b/src/i18n/fr/replay/index.ts
index bd4dfe4..8184541 100644
--- a/src/i18n/fr/replay/index.ts
+++ b/src/i18n/fr/replay/index.ts
@@ -2,14 +2,14 @@
 // Quatre tranches, une par surface : le fil, les cartes d'outil, la fenêtre de
 // contexte, la décomposition du coût.
 
-import context from './context';
-import cost from './cost';
-import thread from './thread';
-import tools from './tools';
+import context from './context'
+import cost from './cost'
+import thread from './thread'
+import tools from './tools'
 
 export default {
   ...thread,
   context,
   cost,
   tools,
-};
+}
diff --git a/src/i18n/fr/replay/thread.ts b/src/i18n/fr/replay/thread.ts
index 3e54a1d..3ceb96c 100644
--- a/src/i18n/fr/replay/thread.ts
+++ b/src/i18n/fr/replay/thread.ts
@@ -24,8 +24,7 @@ export default {
   timeline: {
     phase: 'Phase {n}',
     compacted: '{before} → {after} tokens',
-    silent:
-      '{n} exécution de hook sans effet · {total} au total | {n} exécutions de hook sans effet · {total} au total',
+    silent: '{n} exécution de hook sans effet · {total} au total | {n} exécutions de hook sans effet · {total} au total',
     silentNote: "Ces hooks se sont exécutés sans rien renvoyer à Claude ni signaler d'erreur.",
   },
 
@@ -72,8 +71,7 @@ export default {
     copyMine: 'Copier votre message',
     copyBrief: 'Copier la consigne',
     queued: 'en cours de tour',
-    queuedHint:
-      'Écrit pendant que l’agent travaillait : le CLI l’a mis en file, puis le lui a transmis au milieu de sa réponse.',
+    queuedHint: 'Écrit pendant que l’agent travaillait : le CLI l’a mis en file, puis le lui a transmis au milieu de sa réponse.',
     imageLabel: 'Image jointe au message',
     imageMissing: '🖼 [image jointe]',
   },
@@ -85,8 +83,7 @@ export default {
   },
 
   images: {
-    unloadable:
-      '{n} image — non chargeable depuis cette vue | {n} images — non chargeables depuis cette vue',
+    unloadable: '{n} image — non chargeable depuis cette vue | {n} images — non chargeables depuis cette vue',
     byTool: 'Image rendue par {tool}',
     alt: 'Image du transcript',
     open: 'Ouvrir',
@@ -210,4 +207,4 @@ export default {
       teammate_terminated: "S'est arrêté.",
     },
   },
-};
+}
diff --git a/src/i18n/fr/replay/tools.ts b/src/i18n/fr/replay/tools.ts
index a10cde7..ea502ab 100644
--- a/src/i18n/fr/replay/tools.ts
+++ b/src/i18n/fr/replay/tools.ts
@@ -10,8 +10,7 @@ export default {
       running: 'en cours',
       none: 'sans résultat',
     },
-    tokensTip:
-      'Environ {n} tokens ajoutés au contexte (estimation à partir du nombre de caractères).',
+    tokensTip: 'Environ {n} tokens ajoutés au contexte (estimation à partir du nombre de caractères).',
     tokensTipImages:
       'Environ {n} tokens ajoutés au contexte (estimation à partir du nombre de caractères, et des dimensions pour l’image). | Environ {n} tokens ajoutés au contexte (estimation à partir du nombre de caractères, et des dimensions pour les images).',
   },
@@ -55,14 +54,12 @@ export default {
 
   paths: {
     count: '{n} fichier | {n} fichiers',
-    overflow:
-      '{n} fichier supplémentaire non affiché. | {n} fichiers supplémentaires non affichés.',
+    overflow: '{n} fichier supplémentaire non affiché. | {n} fichiers supplémentaires non affichés.',
   },
 
   /** Les lignes que le CLI adresse au modèle, ramenées à ce qu'elles apprennent. */
   service: {
-    identicalTo:
-      'Résultat identique à un appel `{tool}` précédent — le CLI ne l’a pas renvoyé une seconde fois.',
+    identicalTo: 'Résultat identique à un appel `{tool}` précédent — le CLI ne l’a pas renvoyé une seconde fois.',
     dontAsk: 'la session tournait sans demander de confirmation',
   },
 
@@ -117,8 +114,7 @@ export default {
       open: 'Ouvrir la piste de l’agent',
       prompt: "Consigne envoyée à l'agent",
       report: "Rapport de l'agent",
-      async:
-        "Agent lancé en arrière-plan. Sa réponse n'arrive pas ici : elle revient plus tard, dans un tour à part.",
+      async: "Agent lancé en arrière-plan. Sa réponse n'arrive pas ici : elle revient plus tard, dans un tour à part.",
     },
 
     enterPlan: {
@@ -129,10 +125,8 @@ export default {
       sameAsBefore: 'Même résultat qu’un appel {tool} précédent.',
       empty: 'Aucun fichier ne correspond.',
       order: 'du plus ancien au plus récent',
-      cutSome:
-        '{rest} autres ne sont pas listés, sur {total} en tout : la liste garde les plus anciens, les modifications récentes manquent.',
-      cutAll:
-        'La liste est tronquée : elle garde les plus anciens, les modifications récentes manquent.',
+      cutSome: '{rest} autres ne sont pas listés, sur {total} en tout : la liste garde les plus anciens, les modifications récentes manquent.',
+      cutAll: 'La liste est tronquée : elle garde les plus anciens, les modifications récentes manquent.',
     },
 
     grep: {
@@ -141,8 +135,7 @@ export default {
         files_with_matches: 'fichiers seulement',
         count: 'comptage',
       },
-      overflow:
-        '{n} correspondance supplémentaire non affichée. | {n} correspondances supplémentaires non affichées.',
+      overflow: '{n} correspondance supplémentaire non affichée. | {n} correspondances supplémentaires non affichées.',
       paged: 'Recherche paginée : {parts} — il y en a peut-être d’autres.',
       pagedOffset: 'les {n} premiers sont passés',
       pagedLimit: 'au plus {n} sont affichés',
@@ -152,8 +145,7 @@ export default {
       failed: "Le serveur de langage n'a pas répondu.",
       refused: "Appel refusé par l'utilisateur.",
       noResult: 'Aucun résultat.',
-      indexing:
-        'Un serveur de langage qui n’a pas fini d’indexer le projet répond de la même façon.',
+      indexing: 'Un serveur de langage qui n’a pas fini d’indexer le projet répond de la même façon.',
       line: 'l.',
       callAt: 'appel en {at}',
       countIn: '{n} {what} dans {files} fichiers',
@@ -219,8 +211,7 @@ export default {
       found: 'Outils trouvés',
       loaded: 'Outils chargés',
       noMatch: 'Aucun outil différé ne correspond à cette recherche.',
-      noSuchName:
-        'Aucun outil différé ne porte ce nom — rien n’a été chargé. | Aucun outil différé ne porte ces noms — rien n’a été chargé.',
+      noSuchName: 'Aucun outil différé ne porte ce nom — rien n’a été chargé. | Aucun outil différé ne porte ces noms — rien n’a été chargé.',
       asked: 'Chargement demandé',
       notKept: "Le transcript n'a pas gardé le résultat de cette recherche.",
       reserve: '{n} outil encore en réserve. | {n} outils encore en réserve.',
@@ -248,10 +239,8 @@ export default {
     shell: {
       unsandboxed: 'hors bac à sable',
       silent: "La commande n'a rien écrit.",
-      launched:
-        'Lancée en arrière-plan, identifiant {id}. Sa sortie s’écrit dans un fichier, hors du transcript.',
-      touched:
-        '{n} fichier déjà lu que la commande a modifié : | {n} fichiers déjà lus que la commande a modifiés :',
+      launched: 'Lancée en arrière-plan, identifiant {id}. Sa sortie s’écrit dans un fichier, hors du transcript.',
+      touched: '{n} fichier déjà lu que la commande a modifié : | {n} fichiers déjà lus que la commande a modifiés :',
       exit: 'code de sortie {code}',
       exitMeaning: 'code de sortie {code} · {meaning}',
       meaning: {
@@ -286,4 +275,4 @@ export default {
       results: '{n} résultat | {n} résultats',
     },
   },
-};
+}
diff --git a/src/i18n/fr/resources.ts b/src/i18n/fr/resources.ts
index 025287c..053ea09 100644
--- a/src/i18n/fr/resources.ts
+++ b/src/i18n/fr/resources.ts
@@ -48,4 +48,4 @@ export default {
     read: 'Lecture impossible.',
     unreadable: 'Inventaire illisible.',
   },
-};
+}
diff --git a/src/i18n/fr/rules.ts b/src/i18n/fr/rules.ts
index f9ba127..5ed5166 100644
--- a/src/i18n/fr/rules.ts
+++ b/src/i18n/fr/rules.ts
@@ -6,4 +6,4 @@ export default {
   placeholder: 'Ex. Bash(npm run *)',
   removeAria: 'Retirer la règle {rule}',
   addAria: 'Ajouter une règle à {label}',
-};
+}
diff --git a/src/i18n/fr/tools.ts b/src/i18n/fr/tools.ts
index 9a9ad39..8d358e2 100644
--- a/src/i18n/fr/tools.ts
+++ b/src/i18n/fr/tools.ts
@@ -34,4 +34,4 @@ export default {
   agentRestricted: 'Délégation restreinte au sous-agent : {arg}.',
   restricted: '{base}, restreint à : {arg}.',
   unknown: 'Outil hors du socle intégré.',
-};
+}
diff --git a/src/i18n/index.ts b/src/i18n/index.ts
index c950ebf..3ba1c2e 100644
--- a/src/i18n/index.ts
+++ b/src/i18n/index.ts
@@ -9,18 +9,18 @@
 // est le rôle d'`apply.ts`. La raison est que des helpers purs traduisent, et
 // que les tests Node les importent : leur chemin doit rester sans DOM.
 
-import { createI18n } from 'vue-i18n';
-import fr from './fr';
-import en from './en';
+import { createI18n } from 'vue-i18n'
+import en from './en'
+import fr from './fr'
 
-export const SUPPORTED_LOCALES = ['fr', 'en'] as const;
-export type AppLocale = (typeof SUPPORTED_LOCALES)[number];
+export const SUPPORTED_LOCALES = ['fr', 'en'] as const
+export type AppLocale = (typeof SUPPORTED_LOCALES)[number]
 
 /** Le français est la langue de référence : celle du repli comme celle du départ. */
-export const DEFAULT_LOCALE: AppLocale = 'fr';
+export const DEFAULT_LOCALE: AppLocale = 'fr'
 
 export function isLocale(v: unknown): v is AppLocale {
-  return typeof v === 'string' && (SUPPORTED_LOCALES as readonly string[]).includes(v);
+  return typeof v === 'string' && (SUPPORTED_LOCALES as readonly string[]).includes(v)
 }
 
 export const i18n = createI18n({
@@ -28,10 +28,10 @@ export const i18n = createI18n({
   locale: DEFAULT_LOCALE,
   fallbackLocale: DEFAULT_LOCALE,
   messages: { fr, en },
-});
+})
 
 /** Traduire hors d'un composant. Dans un template, préférer `useI18n()`. */
-export const t = i18n.global.t;
+export const t = i18n.global.t
 
 /**
  * La clé existe-t-elle ?
@@ -40,10 +40,10 @@ export const t = i18n.global.t;
  * par exemple, qui peut venir d'un plugin qu'AURA ne connaît pas. Sans ce test,
  * `t()` rendrait la clé brute à l'écran.
  */
-export const te = (key: string): boolean => i18n.global.te(key);
+export const te = (key: string): boolean => i18n.global.te(key)
 
 /** La locale en vigueur, pour les formateurs qui passent par `Intl`. */
 export function currentLocale(): AppLocale {
-  const l = i18n.global.locale.value;
-  return isLocale(l) ? l : DEFAULT_LOCALE;
+  const l = i18n.global.locale.value
+  return isLocale(l) ? l : DEFAULT_LOCALE
 }
diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 7cde2bb..6a6e00c 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -19,9 +19,7 @@
           <nav v-if="crumbs.length" class="sb-crumbs" :aria-label="t('layout.breadcrumb')">
             <template v-for="(c, i) in crumbs" :key="i">
               <q-icon name="chevron_right" size="16px" class="sb-sep" aria-hidden="true" />
-              <router-link v-if="c.to" :to="c.to" class="sb-crumb sb-crumb--link">{{
-                c.label
-              }}</router-link>
+              <router-link v-if="c.to" :to="c.to" class="sb-crumb sb-crumb--link">{{ c.label }}</router-link>
               <span v-else class="sb-crumb" aria-current="page">{{ c.label }}</span>
             </template>
           </nav>
@@ -29,32 +27,16 @@
 
         <!-- Right: live system cluster -->
         <div class="sb-right font-mono">
-          <span
-            class="sb-stat"
-            :title="
-              system.connected
-                ? t('layout.connection.onlineTitle')
-                : t('layout.connection.offlineTitle')
-            "
-          >
+          <span class="sb-stat" :title="system.connected ? t('layout.connection.onlineTitle') : t('layout.connection.offlineTitle')">
             <!-- Le lien est sondé à chaque navigation : sa pastille décrit bien
                  un état vivant, pas une configuration — elle respire. -->
-            <span
-              class="status-dot"
-              :class="system.connected ? 'status-dot--pulse status-dot--live' : ''"
-              aria-hidden="true"
-            />
+            <span class="status-dot" :class="system.connected ? 'status-dot--pulse status-dot--live' : ''" aria-hidden="true" />
             {{ system.connected ? t('layout.connection.online') : t('layout.connection.offline') }}
           </span>
           <!-- Instrumentation vivante : la seule chose de cette barre qui change
                d'elle-même. Muette quand rien ne tourne — un compteur à zéro
                affiché en permanence n'apprend rien et dilue le reste. -->
-          <router-link
-            v-if="activeCount"
-            :to="{ name: 'sessions' }"
-            class="sb-stat sb-live"
-            :aria-label="t('layout.live.open', activeCount)"
-          >
+          <router-link v-if="activeCount" :to="{ name: 'sessions' }" class="sb-stat sb-live" :aria-label="t('layout.live.open', activeCount)">
             <span class="status-dot status-dot--pulse status-dot--live" aria-hidden="true" />
             {{ t('layout.live.count', { n: activeCount }) }}
             <q-tooltip anchor="top middle" self="bottom middle">{{ liveHint }}</q-tooltip>
@@ -86,20 +68,9 @@
             :aria-label="settings.darkMode ? t('layout.theme.toLight') : t('layout.theme.toDark')"
             @click="settings.darkMode = !settings.darkMode"
           >
-            <q-tooltip>{{
-              settings.darkMode ? t('layout.theme.light') : t('layout.theme.dark')
-            }}</q-tooltip>
+            <q-tooltip>{{ settings.darkMode ? t('layout.theme.light') : t('layout.theme.dark') }}</q-tooltip>
           </q-btn>
-          <q-btn
-            flat
-            dense
-            round
-            size="sm"
-            icon="translate"
-            class="sb-lang"
-            :aria-label="t('layout.locale.switch')"
-            @click="toggleLocale"
-          >
+          <q-btn flat dense round size="sm" icon="translate" class="sb-lang" :aria-label="t('layout.locale.switch')" @click="toggleLocale">
             <q-tooltip>{{ t('layout.locale.switch') }}</q-tooltip>
           </q-btn>
         </div>
@@ -129,333 +100,333 @@
 </template>
 
 <script setup lang="ts">
-import { computed, onMounted, onUnmounted, watch } from 'vue';
-import { useI18n } from 'vue-i18n';
-import { useRoute } from 'vue-router';
-import { useSettingsStore } from '@/stores/settings';
-import { useSystemStore } from '@/stores/system';
-import { useBreadcrumbs, type Crumb } from '@/composables/useBreadcrumbs';
-import { useHelp, toggleHelp, unpinHelp } from '@/composables/useHelp';
-import { sectionForRoute } from '@/help';
-import { routeTitle, documentTitle } from '@/router/titles';
-import HelpDrawer from '@/components/help/HelpDrawer.vue';
+  import HelpDrawer from '@/components/help/HelpDrawer.vue'
+  import { useBreadcrumbs, type Crumb } from '@/composables/useBreadcrumbs'
+  import { useHelp, toggleHelp, unpinHelp } from '@/composables/useHelp'
+  import { sectionForRoute } from '@/help'
+  import { routeTitle, documentTitle } from '@/router/titles'
+  import { useSettingsStore } from '@/stores/settings'
+  import { useSystemStore } from '@/stores/system'
+  import { computed, onMounted, onUnmounted, watch } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import { useRoute } from 'vue-router'
 
-const { t } = useI18n();
-const settings = useSettingsStore();
-const system = useSystemStore();
-const route = useRoute();
+  const { t } = useI18n()
+  const settings = useSettingsStore()
+  const system = useSystemStore()
+  const route = useRoute()
 
-// Deux langues : la bascule est une bascule, pas une liste à dérouler. Le jour
-// où il y en aura une troisième, ce bouton devient un menu — pas avant.
-function toggleLocale(): void {
-  settings.locale = settings.locale === 'fr' ? 'en' : 'fr';
-}
-const { override } = useBreadcrumbs();
-const { open: helpOpen } = useHelp();
+  // Deux langues : la bascule est une bascule, pas une liste à dérouler. Le jour
+  // où il y en aura une troisième, ce bouton devient un menu — pas avant.
+  function toggleLocale(): void {
+    settings.locale = settings.locale === 'fr' ? 'en' : 'fr'
+  }
+  const { override } = useBreadcrumbs()
+  const { open: helpOpen } = useHelp()
 
-const isHome = computed(() => route.name === 'home');
-// The manual documents every screen, so a contextual drawer over it is noise.
-const isManual = computed(() => route.name === 'help');
+  const isHome = computed(() => route.name === 'home')
+  // The manual documents every screen, so a contextual drawer over it is noise.
+  const isManual = computed(() => route.name === 'help')
 
-// Naming the target screen turns a generic "?" into a promise of what opens.
-const helpLabel = computed(() => {
-  if (helpOpen.value) return t('layout.help.close');
-  const s = sectionForRoute(route.name);
-  return s ? t('layout.help.forSection', { section: s.title }) : t('layout.help.generic');
-});
+  // Naming the target screen turns a generic "?" into a promise of what opens.
+  const helpLabel = computed(() => {
+    if (helpOpen.value) return t('layout.help.close')
+    const s = sectionForRoute(route.name)
+    return s ? t('layout.help.forSection', { section: s.title }) : t('layout.help.generic')
+  })
 
-// Default trail derived from the route name; a page may override it (e.g. to
-// inject a project or session label) via setBreadcrumbs().
-const crumbs = computed<Crumb[]>(() => {
-  if (override.value) return override.value;
-  if (isHome.value) return [];
-  return [{ label: routeTitle(route.name) || 'AURA' }];
-});
+  // Default trail derived from the route name; a page may override it (e.g. to
+  // inject a project or session label) via setBreadcrumbs().
+  const crumbs = computed<Crumb[]>(() => {
+    if (override.value) return override.value
+    if (isHome.value) return []
+    return [{ label: routeTitle(route.name) || 'AURA' }]
+  })
 
-// Le titre de l'onglet dit ce que dit le fil d'Ariane. Le suivre plutôt que la
-// route donne gratuitement les libellés dynamiques : une page qui apprend le nom
-// de son projet le pousse dans le fil, et l'onglet le reprend au même instant.
-watch(
-  crumbs,
-  (trail) => {
-    document.title = documentTitle(trail.map((c) => c.label));
-  },
-  { immediate: true },
-);
-const shortDir = computed(() => {
-  const parts = system.claudeDir.replace(/\\/g, '/').split('/').filter(Boolean);
-  const last = parts[parts.length - 1];
-  return last ? `~/${last}` : system.claudeDir;
-});
+  // Le titre de l'onglet dit ce que dit le fil d'Ariane. Le suivre plutôt que la
+  // route donne gratuitement les libellés dynamiques : une page qui apprend le nom
+  // de son projet le pousse dans le fil, et l'onglet le reprend au même instant.
+  watch(
+    crumbs,
+    (trail) => {
+      document.title = documentTitle(trail.map((c) => c.label))
+    },
+    { immediate: true },
+  )
+  const shortDir = computed(() => {
+    const parts = system.claudeDir.replace(/\\/g, '/').split('/').filter(Boolean)
+    const last = parts[parts.length - 1]
+    return last ? `~/${last}` : system.claudeDir
+  })
 
-// ── Sessions en cours ────────────────────────────────────────────────────────
-// Ce layout tient le sondage parce qu'il est le seul composant monté sur tous
-// les écrans : le store porte la donnée, plusieurs surfaces la lisent, mais un
-// seul timer interroge le BFF.
-const SESSIONS_POLL_MS = 5000;
-const activeCount = computed(() => system.activeSessions.length);
-// Détaille ce que recouvre le compteur — « en attente » n'est pas « occupée » :
-// l'une avance seule, l'autre réclame une action.
-const liveHint = computed(() => {
-  const busy = system.activeSessions.filter((s) => s.status === 'busy').length;
-  const waiting = activeCount.value - busy;
-  const parts = [];
-  if (busy) parts.push(t('layout.sessions.busy', busy));
-  if (waiting) parts.push(t('layout.sessions.waiting', { n: waiting }));
-  return parts.join(' · ');
-});
+  // ── Sessions en cours ────────────────────────────────────────────────────────
+  // Ce layout tient le sondage parce qu'il est le seul composant monté sur tous
+  // les écrans : le store porte la donnée, plusieurs surfaces la lisent, mais un
+  // seul timer interroge le BFF.
+  const SESSIONS_POLL_MS = 5000
+  const activeCount = computed(() => system.activeSessions.length)
+  // Détaille ce que recouvre le compteur — « en attente » n'est pas « occupée » :
+  // l'une avance seule, l'autre réclame une action.
+  const liveHint = computed(() => {
+    const busy = system.activeSessions.filter((s) => s.status === 'busy').length
+    const waiting = activeCount.value - busy
+    const parts = []
+    if (busy) parts.push(t('layout.sessions.busy', busy))
+    if (waiting) parts.push(t('layout.sessions.waiting', { n: waiting }))
+    return parts.join(' · ')
+  })
 
-// Trois états, et un seul à la fois : hors ligne l'emporte, parce qu'un compteur
-// de sessions hérité du dernier sondage réussi ne dit plus rien de vivant.
-const brandState = computed(() => {
-  if (!system.connected) return 'brand-sigil--offline';
-  return activeCount.value ? 'brand-sigil--live' : '';
-});
+  // Trois états, et un seul à la fois : hors ligne l'emporte, parce qu'un compteur
+  // de sessions hérité du dernier sondage réussi ne dit plus rien de vivant.
+  const brandState = computed(() => {
+    if (!system.connected) return 'brand-sigil--offline'
+    return activeCount.value ? 'brand-sigil--live' : ''
+  })
 
-let sessTimer: ReturnType<typeof setInterval> | null = null;
+  let sessTimer: ReturnType<typeof setInterval> | null = null
 
-onMounted(() => {
-  void system.refresh();
-  void system.refreshSessions();
-  sessTimer = setInterval(() => void system.refreshSessions(), SESSIONS_POLL_MS);
-});
-onUnmounted(() => {
-  if (sessTimer) clearInterval(sessTimer);
-});
-// Refresh liveness on navigation (cheap, keeps the dot honest). Le fil d'Ariane,
-// lui, est remis à zéro par le routeur — voir src/router/index.ts.
-watch(
-  () => route.fullPath,
-  () => {
-    // Drop any pinned help section so an open drawer tracks the new screen.
-    unpinHelp();
-    void system.refresh();
-  },
-);
+  onMounted(() => {
+    void system.refresh()
+    void system.refreshSessions()
+    sessTimer = setInterval(() => void system.refreshSessions(), SESSIONS_POLL_MS)
+  })
+  onUnmounted(() => {
+    if (sessTimer) clearInterval(sessTimer)
+  })
+  // Refresh liveness on navigation (cheap, keeps the dot honest). Le fil d'Ariane,
+  // lui, est remis à zéro par le routeur — voir src/router/index.ts.
+  watch(
+    () => route.fullPath,
+    () => {
+      // Drop any pinned help section so an open drawer tracks the new screen.
+      unpinHelp()
+      void system.refresh()
+    },
+  )
 </script>
 
 <style scoped lang="scss">
-.statusbar {
-  background: var(--topbar-bg);
-  backdrop-filter: blur(10px);
-  border-bottom: 1px solid var(--line);
-  box-shadow: none;
-  color: var(--text);
-}
-.statusbar-inner {
-  height: 40px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 var(--space-md);
-  gap: var(--space-md);
-}
+  .statusbar {
+    background: var(--topbar-bg);
+    backdrop-filter: blur(10px);
+    border-bottom: 1px solid var(--line);
+    box-shadow: none;
+    color: var(--text);
+  }
+  .statusbar-inner {
+    height: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 var(--space-md);
+    gap: var(--space-md);
+  }
 
-.sb-left {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  min-width: 0;
-}
-.sb-brand {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  text-decoration: none;
-  color: inherit;
-}
-// Enveloppe non dessinée : elle n'existe que pour porter le halo. Le losange
-// garde sa rotation, le halo ne la subit pas — un disque n'a pas d'orientation,
-// mais laisser la rotation au seul élément dessiné évite d'y penser plus tard.
-.brand-sigil {
-  position: relative;
-  display: inline-flex;
-  flex: 0 0 auto;
-}
-// Même grammaire que .status-dot--live (voir app.scss) : un halo diffus qui naît
-// de l'invisible, s'épanouit, s'efface, puis marque une pause. Même période et
-// même courbe d'opacité — deux respirations désaccordées dans la même barre se
-// liraient comme un défaut.
-//
-// Ce qui diffère, et pourquoi : la pastille fait 7px, le losange 13 (18 sur sa
-// diagonale). Repris tel quel, le dégradé de la pastille tombait à 0,11 d'alpha
-// au bord de la marque contre 0,32 au bord du point — invisible. D'où un cœur
-// plein jusqu'à 30 % (masqué derrière le losange, il ne sert qu'à décaler le
-// début de la chute) et une amplitude d'échelle resserrée : une barre de 40px ne
-// peut pas contenir l'expansion de 1,45× de la pastille sans déborder sur la
-// page.
-.brand-sigil--live::after {
-  content: '';
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 38px;
-  height: 38px;
-  margin: -19px 0 0 -19px;
-  border-radius: 999px;
-  background: radial-gradient(circle, var(--brand) 30%, transparent 72%);
-  pointer-events: none;
-  // `transform` et `opacity` seulement : les deux s'animent sur le compositeur.
-  animation: brand-halo 3s ease-in-out infinite;
-}
-@keyframes brand-halo {
-  0% {
-    transform: scale(0.85);
-    opacity: 0;
+  .sb-left {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    min-width: 0;
   }
-  40% {
-    transform: scale(1);
-    opacity: 0.55;
+  .sb-brand {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    text-decoration: none;
+    color: inherit;
   }
-  75%,
-  100% {
-    transform: scale(1.12);
-    opacity: 0;
+  // Enveloppe non dessinée : elle n'existe que pour porter le halo. Le losange
+  // garde sa rotation, le halo ne la subit pas — un disque n'a pas d'orientation,
+  // mais laisser la rotation au seul élément dessiné évite d'y penser plus tard.
+  .brand-sigil {
+    position: relative;
+    display: inline-flex;
+    flex: 0 0 auto;
   }
-}
-@media (prefers-reduced-motion: reduce) {
-  // Le losange se fige, il ne disparaît pas : la marque reste la marque.
+  // Même grammaire que .status-dot--live (voir app.scss) : un halo diffus qui naît
+  // de l'invisible, s'épanouit, s'efface, puis marque une pause. Même période et
+  // même courbe d'opacité — deux respirations désaccordées dans la même barre se
+  // liraient comme un défaut.
+  //
+  // Ce qui diffère, et pourquoi : la pastille fait 7px, le losange 13 (18 sur sa
+  // diagonale). Repris tel quel, le dégradé de la pastille tombait à 0,11 d'alpha
+  // au bord de la marque contre 0,32 au bord du point — invisible. D'où un cœur
+  // plein jusqu'à 30 % (masqué derrière le losange, il ne sert qu'à décaler le
+  // début de la chute) et une amplitude d'échelle resserrée : une barre de 40px ne
+  // peut pas contenir l'expansion de 1,45× de la pastille sans déborder sur la
+  // page.
   .brand-sigil--live::after {
-    animation: none;
-    opacity: 0;
-  }
-}
-
-.brand-mark {
-  width: 13px;
-  height: 13px;
-  position: relative;
-  background: var(--brand);
-  border-radius: var(--radius-xs);
-  transform: rotate(45deg);
-  flex: 0 0 auto;
-  box-shadow: 0 0 8px var(--brand-line);
-  transition:
-    background var(--motion-base),
-    box-shadow var(--motion-base);
-  &::after {
     content: '';
     position: absolute;
-    inset: 3px;
-    background: var(--bg);
-    border-radius: 3px;
+    top: 50%;
+    left: 50%;
+    width: 38px;
+    height: 38px;
+    margin: -19px 0 0 -19px;
+    border-radius: 999px;
+    background: radial-gradient(circle, var(--brand) 30%, transparent 72%);
+    pointer-events: none;
+    // `transform` et `opacity` seulement : les deux s'animent sur le compositeur.
+    animation: brand-halo 3s ease-in-out infinite;
   }
-  // Le noyau, comme dans public/icons/favicon.svg : la marque de la barre et
-  // l'icône de l'app sont le même dessin à deux échelles. Il passe devant le
-  // creux — sans z-index, ::after le recouvrirait, étant peint après.
-  &::before {
-    content: '';
-    position: absolute;
-    inset: 5px;
-    z-index: 1;
+  @keyframes brand-halo {
+    0% {
+      transform: scale(0.85);
+      opacity: 0;
+    }
+    40% {
+      transform: scale(1);
+      opacity: 0.55;
+    }
+    75%,
+    100% {
+      transform: scale(1.12);
+      opacity: 0;
+    }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    // Le losange se fige, il ne disparaît pas : la marque reste la marque.
+    .brand-sigil--live::after {
+      animation: none;
+      opacity: 0;
+    }
+  }
+
+  .brand-mark {
+    width: 13px;
+    height: 13px;
+    position: relative;
     background: var(--brand);
-    border-radius: 1px;
-    transition: background var(--motion-base);
+    border-radius: var(--radius-xs);
+    transform: rotate(45deg);
+    flex: 0 0 auto;
+    box-shadow: 0 0 8px var(--brand-line);
+    transition:
+      background var(--motion-base),
+      box-shadow var(--motion-base);
+    &::after {
+      content: '';
+      position: absolute;
+      inset: 3px;
+      background: var(--bg);
+      border-radius: 3px;
+    }
+    // Le noyau, comme dans public/icons/favicon.svg : la marque de la barre et
+    // l'icône de l'app sont le même dessin à deux échelles. Il passe devant le
+    // creux — sans z-index, ::after le recouvrirait, étant peint après.
+    &::before {
+      content: '';
+      position: absolute;
+      inset: 5px;
+      z-index: 1;
+      background: var(--brand);
+      border-radius: 1px;
+      transition: background var(--motion-base);
+    }
   }
-}
-// Hors ligne : l'anneau perd sa couleur et sa lueur, le noyau se vide. Il reste
-// un contour — la marque est toujours là, mais elle ne sait plus rien.
-.brand-sigil--offline .brand-mark {
-  background: var(--faint);
-  box-shadow: none;
-  &::before {
-    background: transparent;
+  // Hors ligne : l'anneau perd sa couleur et sa lueur, le noyau se vide. Il reste
+  // un contour — la marque est toujours là, mais elle ne sait plus rien.
+  .brand-sigil--offline .brand-mark {
+    background: var(--faint);
+    box-shadow: none;
+    &::before {
+      background: transparent;
+    }
+  }
+  .brand-title {
+    font-size: var(--fs-sm);
+    font-weight: 700;
+    letter-spacing: 0.1em;
+    color: var(--brand);
+  }
+  .sb-sep {
+    color: var(--faint);
+    flex: 0 0 auto;
+  }
+  .sb-crumbs {
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    min-width: 0;
+  }
+  .sb-crumb {
+    font-size: var(--fs-sm);
+    font-weight: 600;
+    color: var(--text);
+    white-space: nowrap;
+  }
+  .sb-crumb--link {
+    color: var(--muted);
+    font-weight: 500;
+    text-decoration: none;
+    transition: color var(--motion-fast);
+  }
+  .sb-crumb--link:hover {
+    color: var(--brand);
+  }
+  /* Last crumb may be long (project name) — let it shrink with an ellipsis. */
+  .sb-crumbs .sb-crumb:last-child {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .sb-right {
+    display: flex;
+    align-items: center;
+    gap: var(--space-md);
+    color: var(--muted);
+  }
+  .sb-stat {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--space-xs);
+    font-size: var(--fs-xs);
+    white-space: nowrap;
   }
-}
-.brand-title {
-  font-size: var(--fs-sm);
-  font-weight: 700;
-  letter-spacing: 0.1em;
-  color: var(--brand);
-}
-.sb-sep {
-  color: var(--faint);
-  flex: 0 0 auto;
-}
-.sb-crumbs {
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  min-width: 0;
-}
-.sb-crumb {
-  font-size: var(--fs-sm);
-  font-weight: 600;
-  color: var(--text);
-  white-space: nowrap;
-}
-.sb-crumb--link {
-  color: var(--muted);
-  font-weight: 500;
-  text-decoration: none;
-  transition: color var(--motion-fast);
-}
-.sb-crumb--link:hover {
-  color: var(--brand);
-}
-/* Last crumb may be long (project name) — let it shrink with an ellipsis. */
-.sb-crumbs .sb-crumb:last-child {
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.sb-right {
-  display: flex;
-  align-items: center;
-  gap: var(--space-md);
-  color: var(--muted);
-}
-.sb-stat {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--space-xs);
-  font-size: var(--fs-xs);
-  white-space: nowrap;
-}
-.sb-ver {
-  color: var(--dim);
-}
-.sb-path {
-  color: var(--dim);
-}
-/* Le seul élément vivant de la barre : il se distingue du reste, qui est
-   statique et volontairement en retrait. */
-.sb-live {
-  gap: var(--space-sm);
-  color: var(--text);
-  text-decoration: none;
-  padding: 2px var(--space-sm);
-  border-radius: var(--radius-xs);
-  border: 1px solid var(--glow-line);
-  background: var(--glow-soft);
-  transition: background var(--motion-fast);
-}
-.sb-live:hover {
-  background: color-mix(in srgb, var(--glow-hue) 20%, transparent);
-}
-/* The help button stays lit while its drawer is open. */
-.sb-help--on {
-  color: var(--brand);
-}
-@media (max-width: 640px) {
-  .sb-path,
   .sb-ver {
-    display: none;
+    color: var(--dim);
+  }
+  .sb-path {
+    color: var(--dim);
+  }
+  /* Le seul élément vivant de la barre : il se distingue du reste, qui est
+   statique et volontairement en retrait. */
+  .sb-live {
+    gap: var(--space-sm);
+    color: var(--text);
+    text-decoration: none;
+    padding: 2px var(--space-sm);
+    border-radius: var(--radius-xs);
+    border: 1px solid var(--glow-line);
+    background: var(--glow-soft);
+    transition: background var(--motion-fast);
+  }
+  .sb-live:hover {
+    background: color-mix(in srgb, var(--glow-hue) 20%, transparent);
+  }
+  /* The help button stays lit while its drawer is open. */
+  .sb-help--on {
+    color: var(--brand);
+  }
+  @media (max-width: 640px) {
+    .sb-path,
+    .sb-ver {
+      display: none;
+    }
   }
-}
 
-/* Module enter/leave transition — subtle rise + fade. */
-.module-enter-active,
-.module-leave-active {
-  transition:
-    opacity var(--motion-base) ease,
-    transform var(--motion-base) ease;
-}
-.module-enter-from {
-  opacity: 0;
-  transform: translateY(6px);
-}
-.module-leave-to {
-  opacity: 0;
-  transform: translateY(-4px);
-}
+  /* Module enter/leave transition — subtle rise + fade. */
+  .module-enter-active,
+  .module-leave-active {
+    transition:
+      opacity var(--motion-base) ease,
+      transform var(--motion-base) ease;
+  }
+  .module-enter-from {
+    opacity: 0;
+    transform: translateY(6px);
+  }
+  .module-leave-to {
+    opacity: 0;
+    transform: translateY(-4px);
+  }
 </style>
diff --git a/src/pages/AgentsPage.vue b/src/pages/AgentsPage.vue
index e43921c..8da0056 100644
--- a/src/pages/AgentsPage.vue
+++ b/src/pages/AgentsPage.vue
@@ -16,16 +16,16 @@
 </template>
 
 <script setup lang="ts">
-// An agent is a single file (agents/<name>.md), so no `refs-dir`: there is no
-// folder of reference files to browse, unlike a skill.
-//
-// The dot is keyed on the agent's name, which is what a transcript records as
-// `subagent_type` — so an agent wears the same colour here and in a replay.
-import { useI18n } from 'vue-i18n';
-import ResourceViewer from '@/components/resources/ResourceViewer.vue';
-import { listAgents } from '@/services/claude';
-import { agentColor } from '@/utils/agentColors';
-import { AGENT_KEYS } from '@/utils/resourceFrontmatter';
+  // An agent is a single file (agents/<name>.md), so no `refs-dir`: there is no
+  // folder of reference files to browse, unlike a skill.
+  //
+  // The dot is keyed on the agent's name, which is what a transcript records as
+  // `subagent_type` — so an agent wears the same colour here and in a replay.
+  import ResourceViewer from '@/components/resources/ResourceViewer.vue'
+  import { listAgents } from '@/services/claude'
+  import { agentColor } from '@/utils/agentColors'
+  import { AGENT_KEYS } from '@/utils/resourceFrontmatter'
+  import { useI18n } from 'vue-i18n'
 
-const { t } = useI18n();
+  const { t } = useI18n()
 </script>
diff --git a/src/pages/AtelierPage.vue b/src/pages/AtelierPage.vue
index 507bb64..e44a38e 100644
--- a/src/pages/AtelierPage.vue
+++ b/src/pages/AtelierPage.vue
@@ -66,21 +66,12 @@
         un bloc fantôme au chargement ferait clignoter le haut de l'écran à chaque
         ouverture, y compris les fois, majoritaires, où il n'y a rien à montrer.
       -->
-      <section
-        v-if="liveSessions.length"
-        class="surface-card at-live-open"
-        aria-labelledby="at-live-h"
-      >
+      <section v-if="liveSessions.length" class="surface-card at-live-open" aria-labelledby="at-live-h">
         <h2 id="at-live-h">{{ t('pages.atelier.live.head') }}</h2>
 
         <ul class="at-sessions">
           <li v-for="s in liveSessions" :key="s.runId" class="at-live-row">
-            <button
-              type="button"
-              class="at-session"
-              :aria-label="t('pages.atelier.live.join', { folder: folderName(s.cwd) })"
-              @click="join(s)"
-            >
+            <button type="button" class="at-session" :aria-label="t('pages.atelier.live.join', { folder: folderName(s.cwd) })" @click="join(s)">
               <span class="at-session-title">{{ folderName(s.cwd) }}</span>
               <span class="at-session-meta font-mono">
                 <span class="status-dot" :class="dotClass(s.status)" aria-hidden="true" />
@@ -88,13 +79,7 @@
               </span>
             </button>
 
-            <q-btn
-              flat
-              dense
-              icon="close"
-              :aria-label="t('pages.atelier.live.stop', { folder: folderName(s.cwd) })"
-              @click="stopLive(s.runId)"
-            />
+            <q-btn flat dense icon="close" :aria-label="t('pages.atelier.live.stop', { folder: folderName(s.cwd) })" @click="stopLive(s.runId)" />
           </li>
         </ul>
       </section>
@@ -161,15 +146,7 @@
           >
             <template #prepend><q-icon name="folder_open" size="18px" /></template>
           </q-input>
-          <q-btn
-            v-if="pickerAvailable"
-            flat
-            no-caps
-            icon="folder"
-            :label="t('pages.atelier.browse')"
-            :loading="picking"
-            @click="browse"
-          />
+          <q-btn v-if="pickerAvailable" flat no-caps icon="folder" :label="t('pages.atelier.browse')" :loading="picking" @click="browse" />
         </div>
         <p v-if="picking" class="at-picking">
           {{ t('pages.atelier.picking') }}
@@ -195,20 +172,11 @@
 
           <ul v-else-if="resumable.length" class="at-sessions">
             <li v-for="s in resumable" :key="s.id">
-              <button
-                type="button"
-                class="at-session"
-                :disabled="resuming"
-                @click="resumeSession(s.id)"
-              >
-                <span class="at-session-title">{{
-                  s.title || s.firstPrompt || t('pages.atelier.untitled')
-                }}</span>
+              <button type="button" class="at-session" :disabled="resuming" @click="resumeSession(s.id)">
+                <span class="at-session-title">{{ s.title || s.firstPrompt || t('pages.atelier.untitled') }}</span>
                 <span class="at-session-meta font-mono">
                   {{ relTime(s.mtime) }}
-                  <template v-if="s.metrics">
-                    · {{ t('pages.atelier.resumeTurns', s.metrics.turns) }}
-                  </template>
+                  <template v-if="s.metrics"> · {{ t('pages.atelier.resumeTurns', s.metrics.turns) }} </template>
                 </span>
               </button>
             </li>
@@ -231,19 +199,11 @@
         <div class="at-options">
           <div class="at-option">
             <span class="at-option-label">{{ t('pages.atelier.modelLabel') }}</span>
-            <SegmentedControl
-              v-model="model"
-              :options="MODELS"
-              :aria-label="t('pages.atelier.modelAria')"
-            />
+            <SegmentedControl v-model="model" :options="MODELS" :aria-label="t('pages.atelier.modelAria')" />
           </div>
           <div class="at-option">
             <span class="at-option-label">{{ t('pages.atelier.permissionsLabel') }}</span>
-            <SegmentedControl
-              v-model="permissionMode"
-              :options="MODES"
-              :aria-label="t('pages.atelier.permissionsAria')"
-            />
+            <SegmentedControl v-model="permissionMode" :options="MODES" :aria-label="t('pages.atelier.permissionsAria')" />
           </div>
           <q-btn
             unelevated
@@ -276,11 +236,7 @@
           <!-- Le halo respirant de `status-dot--live`, celui-là même que la page
                d'accueil pose sur une session en activité. L'Atelier, qui est
                *l'*écran d'une session en activité, ne l'avait pas. -->
-          <span
-            class="at-dot"
-            :class="[`at-dot--${status}`, { 'status-dot--live': status === 'working' }]"
-            aria-hidden="true"
-          />
+          <span class="at-dot" :class="[`at-dot--${status}`, { 'status-dot--live': status === 'working' }]" aria-hidden="true" />
           <span class="at-status">{{ t(`pages.atelier.status.${status}`) }}</span>
           <!-- Le nom du dossier, pas son chemin : la barre dit où l'on est, et
                un chemin absolu la remplit sans rien apprendre à qui l'a choisi.
@@ -298,12 +254,7 @@
             Le mode de permission, lui, garde son sélecteur : on le change en
             travaillant, quand un tour bute sur une autorisation.
           -->
-          <span
-            v-if="modelBadge"
-            class="at-model"
-            :class="{ 'at-model--planned': !modelShown?.confirmed }"
-            :title="modelTitle"
-          >
+          <span v-if="modelBadge" class="at-model" :class="{ 'at-model--planned': !modelShown?.confirmed }" :title="modelTitle">
             <q-icon name="psychology" size="14px" aria-hidden="true" />
             {{ modelBadge }}
           </span>
@@ -328,13 +279,7 @@
             class="at-toggle"
             @update:model-value="onFollowToggle"
           />
-          <q-toggle
-            v-model="followLive"
-            dense
-            size="sm"
-            :label="t('pages.atelier.followLive')"
-            class="at-toggle"
-          />
+          <q-toggle v-model="followLive" dense size="sm" :label="t('pages.atelier.followLive')" class="at-toggle" />
 
           <!-- Sous le seuil, le contexte vit dans un tiroir plutôt que dans une
                colonne qu'il n'y a pas la place de tenir. Un seul des deux est
@@ -361,14 +306,7 @@
             :label="t('pages.atelier.fullReplay')"
             :to="{ name: 'session', params: { slug: session.slug, id: session.sessionId } }"
           />
-          <q-btn
-            flat
-            dense
-            no-caps
-            icon="power_settings_new"
-            :label="t('pages.atelier.stop')"
-            @click="stop"
-          />
+          <q-btn flat dense no-caps icon="power_settings_new" :label="t('pages.atelier.stop')" @click="stop" />
         </header>
 
         <!--
@@ -376,12 +314,7 @@
           reconstruit en parcourant le fichier, elles se peuplent à la fin du
           tour qui les a lancées.
         -->
-        <AgentTrackBar
-          v-if="parsed?.subagents.length"
-          v-model="track"
-          :runs="parsed.subagents"
-          :main-count="mainEvents.length"
-        />
+        <AgentTrackBar v-if="parsed?.subagents.length" v-model="track" :runs="parsed.subagents" :main-count="mainEvents.length" />
 
         <div ref="scrollEl" class="at-scroll" @scroll="onScroll">
           <TranscriptTimeline
@@ -419,20 +352,10 @@
             besoin de la relire pour répondre. Ne reste dans le flux que ce
             rappel, qui rouvre le dialogue — et le referme sans rien perdre.
           -->
-          <button
-            v-if="asks.length && !askOpen"
-            ref="askReminder"
-            type="button"
-            class="at-ask-reminder"
-            @click="askOpen = true"
-          >
+          <button v-if="asks.length && !askOpen" ref="askReminder" type="button" class="at-ask-reminder" @click="askOpen = true">
             <q-icon name="help" size="16px" aria-hidden="true" />
             <span>
-              {{
-                asks.length > 1
-                  ? t('pages.atelier.askMany', { n: asks.length })
-                  : t('pages.atelier.askOne')
-              }}
+              {{ asks.length > 1 ? t('pages.atelier.askMany', { n: asks.length }) : t('pages.atelier.askOne') }}
             </span>
             <span class="at-ask-reminder-cta font-mono">{{ t('pages.atelier.answer') }}</span>
           </button>
@@ -482,11 +405,7 @@
           un `pnpm dev:all` quitte la liste des outils en deux secondes et tient
           pourtant un port pendant une heure.
         -->
-        <section
-          v-if="hasWork"
-          class="surface-card at-panel at-panel--tasks"
-          :class="{ 'at-panel--folded': !workOpen }"
-        >
+        <section v-if="hasWork" class="surface-card at-panel at-panel--tasks" :class="{ 'at-panel--folded': !workOpen }">
           <div class="at-work-head">
             <q-tabs v-model="workTab" dense no-caps align="left" class="at-tabs">
               <q-tab v-if="tasks.tasks.length" name="tasks">
@@ -497,9 +416,7 @@
               </q-tab>
               <q-tab v-if="shells.length" name="shells">
                 {{ t('replay.shells.title') }}
-                <span v-if="runningShells" class="at-panel-count font-mono">{{
-                  runningShells
-                }}</span>
+                <span v-if="runningShells" class="at-panel-count font-mono">{{ runningShells }}</span>
               </q-tab>
             </q-tabs>
 
@@ -524,13 +441,7 @@
             />
           </div>
 
-          <q-tab-panels
-            v-show="workOpen"
-            :id="workPanelsId"
-            v-model="workTab"
-            keep-alive
-            class="at-tabpanels"
-          >
+          <q-tab-panels v-show="workOpen" :id="workPanelsId" v-model="workTab" keep-alive class="at-tabpanels">
             <q-tab-panel name="tasks" class="at-tabpanel">
               <div class="at-panel-scroll">
                 <TaskPanel :progress="tasks" @navigate="(u: string) => void goToTurn(u)" />
@@ -539,12 +450,7 @@
 
             <q-tab-panel name="shells" class="at-tabpanel">
               <div class="at-panel-scroll">
-                <ShellPanel
-                  v-if="session"
-                  :run-id="session.runId"
-                  :shells="shells"
-                  @navigate="(u: string) => void goToShell(u)"
-                />
+                <ShellPanel v-if="session" :run-id="session.runId" :shells="shells" @navigate="(u: string) => void goToShell(u)" />
               </div>
             </q-tab-panel>
           </q-tab-panels>
@@ -566,12 +472,7 @@
               <!-- La fenêtre se reconstruit en relisant le transcript : elle
                    n'existe donc qu'après le premier tour, et se rafraîchit à
                    chaque fin de tour. -->
-              <ContextPanel
-                v-if="parsed"
-                :context="parsed.context"
-                live
-                @navigate="(u: string) => void goToTurn(u)"
-              />
+              <ContextPanel v-if="parsed" :context="parsed.context" live @navigate="(u: string) => void goToTurn(u)" />
               <p v-else class="at-panel-empty">
                 {{ t('pages.atelier.contextPending') }}
               </p>
@@ -615,1785 +516,1734 @@
 
     <!-- La lecture d'une ressource, en grand : le panneau fait 380 px, de quoi
          parcourir un arbre, pas de quoi lire un CLAUDE.md. -->
-    <ResourceDialog
-      :slug="session?.slug ?? ''"
-      :resource="openResource"
-      :source="openSource"
-      @close="openResource = null"
-    />
+    <ResourceDialog :slug="session?.slug ?? ''" :resource="openResource" :source="openSource" @close="openResource = null" />
   </q-page>
 </template>
 
 <script setup lang="ts">
-import {
-  computed,
-  nextTick,
-  onMounted,
-  onUnmounted,
-  provide,
-  reactive,
-  ref,
-  useId,
-  useTemplateRef,
-  watch,
-} from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-import { useNotify } from '@/composables/useNotify';
-import { useI18n } from 'vue-i18n';
-import TranscriptTimeline from '@/components/replay/TranscriptTimeline.vue';
-import AgentTrackBar from '@/components/replay/AgentTrackBar.vue';
-import ContextDrawer from '@/components/replay/ContextDrawer.vue';
-import ContextPanel from '@/components/replay/ContextPanel.vue';
-import TaskPanel from '@/components/replay/TaskPanel.vue';
-import ShellPanel from '@/components/replay/ShellPanel.vue';
-import { trackTasks, taskIndex, TASK_INDEX } from '@/components/replay/taskList';
-import { diskCaughtUp, humanTurns, stitch } from '@/components/replay/seam';
-import { indexRuns, AGENT_RUNS, OPEN_TRACK } from '@/components/replay/agentRuns';
-import { TRANSCRIPT_SOURCE } from '@/components/replay/transcriptSource';
-import { RUNNING_TOOLS } from '@/components/replay/runningTools';
-import SegmentedControl from '@/components/ui/SegmentedControl.vue';
-import ProjectResourcesPanel from '@/components/resources/ProjectResourcesPanel.vue';
-import ResourceDialog from '@/components/resources/ResourceDialog.vue';
-import type { ResourceSource } from '@/components/resources/projectResources';
-import {
-  eventsOfTrack,
-  trackOfEvent,
-  MAIN_TRACK,
-  type TrackId,
-} from '@/composables/useAgentTracks';
-import PermissionPrompt from '@/components/agent/PermissionPrompt.vue';
-import AskPrompt, { type AskDraft } from '@/components/agent/AskPrompt.vue';
-import SessionComposer from '@/components/agent/SessionComposer.vue';
-import ActivityLine from '@/components/agent/ActivityLine.vue';
-import { useLiveSession } from '@/composables/useLiveSession';
-import {
-  getProjects,
-  getProjectSessions,
-  readTranscript,
-  type ParsedTranscript,
-  type ProjectSummary,
-  type ResourceNode,
-  type TranscriptSummary,
-} from '@/services/projects';
-import { readFile as readClaudeFile } from '@/services/claude';
-import { relTime } from '@/utils/format';
-import type {
-  AgentSession,
-  AskRequest,
-  PermissionAnswer,
-  PromptAttachment,
-} from '@/services/agent';
-import {
-  answerAsk,
-  answerPermission,
-  createAgentSession,
-  interruptSession,
-  listAgentSessions,
-  PERMISSION_MODES,
-  pickFolder,
-  sendPrompt,
-  setSessionPermissionMode,
-  stopSession,
-} from '@/services/agent';
-
-const { t } = useI18n();
-const { notifyError } = useNotify();
-const {
-  events: liveEvents,
-  session,
-  status,
-  error,
-  permissions,
-  asks,
-  activity,
-  commands,
-  commandsLoading,
-  loadCommands,
-  files,
-  filesLoading,
-  filesTruncated,
-  loadFiles,
-  shells,
-  attach,
-  detach,
-} = useLiveSession();
-
-/** Le flux occupe la fenêtre : c'est lui qui défile, pas la page. */
-function pageStyleFn(offset: number, height: number): Record<string, string> {
-  return { height: `${height - offset}px` };
-}
-
-/**
- * Le modèle des réglages, pour le nommer plutôt que de dire « hérité ».
- *
- * « Hérité des réglages » demande d'aller voir ailleurs ce qu'on obtiendra ;
- * « Réglages : opus » le dit. Vide tant que `settings.json` n'a pas répondu, ou
- * quand il ne fixe pas de modèle — c'est alors Claude Code qui choisit, et nous
- * n'avons rien de plus juste à annoncer.
- */
-const settingsModel = ref('');
-
-// Une puce porte un mot, pas une phrase : ce que le libellé ne peut plus dire
-// passe en infobulle, où il est de toute façon mieux à sa place qu'écrasé dans
-// un segment. Le premier segment garde son rôle — « celui des réglages » — et
-// c'est l'infobulle qui le nomme.
-const MODELS = computed(() => [
-  {
-    label: t('pages.atelier.models.settings'),
-    value: '',
-    tooltip: settingsModel.value
-      ? t('pages.atelier.models.settingsTip', { model: settingsModel.value })
-      : t('pages.atelier.models.settingsNone'),
-  },
-  { label: 'Opus', value: 'opus' },
-  { label: 'Sonnet', value: 'sonnet' },
-  { label: 'Haiku', value: 'haiku' },
-]);
-
-/**
- * Les modes de permission du SDK, moins ceux qui videraient l'écran de son sens.
- *
- * Retenus — tous laissent un humain dans la boucle, à des degrés différents :
- *   `default`     tout ce qui est risqué remonte au bandeau ;
- *   `auto`        un classifieur tranche le tout-venant, l'ambigu remonte ;
- *   `acceptEdits` les éditions de fichiers passent seules, le reste remonte ;
- *   `plan`        l'agent réfléchit et n'exécute rien.
- *
- * Écartés — `bypassPermissions` et `dontAsk` retirent l'humain de la boucle,
- * chacun par un bout : le premier laisse tout passer sans rien demander, le
- * second refuse tout ce qui n'est pas pré-autorisé sans rien demander non plus.
- * Dans les deux cas le bandeau ne s'affiche jamais, et l'Atelier n'est plus
- * qu'un terminal en moins commode. Ils restent accessibles dans `settings.json`,
- * pour qui les veut vraiment.
- *
- * La liste vient de `shared/` : le BFF refuse ce qu'elle ne contient pas, et
- * cet écran n'est pas seul à en décider.
- */
-const MODE_VALUES = PERMISSION_MODES;
+  import ActivityLine from '@/components/agent/ActivityLine.vue'
+  import AskPrompt, { type AskDraft } from '@/components/agent/AskPrompt.vue'
+  import PermissionPrompt from '@/components/agent/PermissionPrompt.vue'
+  import SessionComposer from '@/components/agent/SessionComposer.vue'
+  import { indexRuns, AGENT_RUNS, OPEN_TRACK } from '@/components/replay/agentRuns'
+  import AgentTrackBar from '@/components/replay/AgentTrackBar.vue'
+  import ContextDrawer from '@/components/replay/ContextDrawer.vue'
+  import ContextPanel from '@/components/replay/ContextPanel.vue'
+  import { RUNNING_TOOLS } from '@/components/replay/runningTools'
+  import { diskCaughtUp, humanTurns, stitch } from '@/components/replay/seam'
+  import ShellPanel from '@/components/replay/ShellPanel.vue'
+  import { trackTasks, taskIndex, TASK_INDEX } from '@/components/replay/taskList'
+  import TaskPanel from '@/components/replay/TaskPanel.vue'
+  import { TRANSCRIPT_SOURCE } from '@/components/replay/transcriptSource'
+  import TranscriptTimeline from '@/components/replay/TranscriptTimeline.vue'
+  import type { ResourceSource } from '@/components/resources/projectResources'
+  import ProjectResourcesPanel from '@/components/resources/ProjectResourcesPanel.vue'
+  import ResourceDialog from '@/components/resources/ResourceDialog.vue'
+  import SegmentedControl from '@/components/ui/SegmentedControl.vue'
+  import { eventsOfTrack, trackOfEvent, MAIN_TRACK, type TrackId } from '@/composables/useAgentTracks'
+  import { useLiveSession } from '@/composables/useLiveSession'
+  import { useNotify } from '@/composables/useNotify'
+  import type { AgentSession, AskRequest, PermissionAnswer, PromptAttachment } from '@/services/agent'
+  import {
+    answerAsk,
+    answerPermission,
+    createAgentSession,
+    interruptSession,
+    listAgentSessions,
+    PERMISSION_MODES,
+    pickFolder,
+    sendPrompt,
+    setSessionPermissionMode,
+    stopSession,
+  } from '@/services/agent'
+  import { readFile as readClaudeFile } from '@/services/claude'
+  import {
+    getProjects,
+    getProjectSessions,
+    readTranscript,
+    type ParsedTranscript,
+    type ProjectSummary,
+    type ResourceNode,
+    type TranscriptSummary,
+  } from '@/services/projects'
+  import { relTime } from '@/utils/format'
+  import { computed, nextTick, onMounted, onUnmounted, provide, reactive, ref, useId, useTemplateRef, watch } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import { useRoute, useRouter } from 'vue-router'
+
+  const { t } = useI18n()
+  const { notifyError } = useNotify()
+  const {
+    events: liveEvents,
+    session,
+    status,
+    error,
+    permissions,
+    asks,
+    activity,
+    commands,
+    commandsLoading,
+    loadCommands,
+    files,
+    filesLoading,
+    filesTruncated,
+    loadFiles,
+    shells,
+    attach,
+    detach,
+  } = useLiveSession()
+
+  /** Le flux occupe la fenêtre : c'est lui qui défile, pas la page. */
+  function pageStyleFn(offset: number, height: number): Record<string, string> {
+    return { height: `${height - offset}px` }
+  }
 
-/**
- * L'icône de chaque mode : ce que le mode *fait*, pas ce qu'il autorise.
- *
- * Des noms anciens du jeu Material, délibérément : `flash_on` plutôt que `bolt`,
- * qui n'existe que dans les versions récentes de la police et se rendrait en
- * carré vide sur les autres.
- */
-const MODE_ICONS: Record<string, string> = {
-  default: 'pan_tool',
-  auto: 'flash_on',
-  acceptEdits: 'edit',
-  plan: 'map',
-};
-
-const MODE_LABELS = computed(() =>
-  MODE_VALUES.map((value) => ({
-    value: String(value),
-    label: t(`pages.atelier.modes.${value}`),
-    tooltip: t(`pages.atelier.modes.${value}Tip`),
-    ...(MODE_ICONS[String(value)] ? { icon: MODE_ICONS[String(value)] } : {}),
-  })),
-);
-
-/**
- * Le mode que `settings.json` fixe, quand il en fixe un.
- *
- * Une session de l'Atelier n'a pas de raison d'être plus prudente que le reste
- * de votre installation : on part de ce que vos réglages disent, comme pour le
- * modèle. Vide quand la clé est absente — Claude Code applique alors `default`,
- * et l'annoncer autrement serait inventer.
- */
-const settingsMode = ref('');
-
-/** Le mode des réglages est-il de ceux que l'Atelier propose ? */
-const settingsModeOffered = computed(() =>
-  MODE_LABELS.value.some((m) => m.value === settingsMode.value),
-);
-
-const MODES = computed(() =>
-  MODE_LABELS.value.map((m) => ({
-    ...m,
-    // D'où vient la valeur pré-choisie. Dans l'infobulle et non sur la puce :
-    // le libellé doit rester d'un mot, et cette précision se lit une fois.
-    tooltip:
-      m.value === settingsMode.value
-        ? t('pages.atelier.modes.fromSettings', { tip: m.tooltip })
-        : m.tooltip,
-  })),
-);
-
-/**
- * Le nom du dossier de travail, sans son chemin.
- *
- * Même calcul que la liste des projets, qui prend le `basename` du chemin réel
- * (`server/projects.ts`) : le même dossier doit porter le même nom des deux
- * côtés de l'écran. Le chemin entier n'est pas perdu — il reste dans
- * l'infobulle, et sur l'écran d'ouverture d'une session.
- */
-const projectName = computed(() => {
-  const path = (session.value?.cwd ?? '').replace(/[\\/]+$/, '');
-  return path.split(/[\\/]/).pop() || path;
-});
+  /**
+   * Le modèle des réglages, pour le nommer plutôt que de dire « hérité ».
+   *
+   * « Hérité des réglages » demande d'aller voir ailleurs ce qu'on obtiendra ;
+   * « Réglages : opus » le dit. Vide tant que `settings.json` n'a pas répondu, ou
+   * quand il ne fixe pas de modèle — c'est alors Claude Code qui choisit, et nous
+   * n'avons rien de plus juste à annoncer.
+   */
+  const settingsModel = ref('')
+
+  // Une puce porte un mot, pas une phrase : ce que le libellé ne peut plus dire
+  // passe en infobulle, où il est de toute façon mieux à sa place qu'écrasé dans
+  // un segment. Le premier segment garde son rôle — « celui des réglages » — et
+  // c'est l'infobulle qui le nomme.
+  const MODELS = computed(() => [
+    {
+      label: t('pages.atelier.models.settings'),
+      value: '',
+      tooltip: settingsModel.value ? t('pages.atelier.models.settingsTip', { model: settingsModel.value }) : t('pages.atelier.models.settingsNone'),
+    },
+    { label: 'Opus', value: 'opus' },
+    { label: 'Sonnet', value: 'sonnet' },
+    { label: 'Haiku', value: 'haiku' },
+  ])
+
+  /**
+   * Les modes de permission du SDK, moins ceux qui videraient l'écran de son sens.
+   *
+   * Retenus — tous laissent un humain dans la boucle, à des degrés différents :
+   *   `default`     tout ce qui est risqué remonte au bandeau ;
+   *   `auto`        un classifieur tranche le tout-venant, l'ambigu remonte ;
+   *   `acceptEdits` les éditions de fichiers passent seules, le reste remonte ;
+   *   `plan`        l'agent réfléchit et n'exécute rien.
+   *
+   * Écartés — `bypassPermissions` et `dontAsk` retirent l'humain de la boucle,
+   * chacun par un bout : le premier laisse tout passer sans rien demander, le
+   * second refuse tout ce qui n'est pas pré-autorisé sans rien demander non plus.
+   * Dans les deux cas le bandeau ne s'affiche jamais, et l'Atelier n'est plus
+   * qu'un terminal en moins commode. Ils restent accessibles dans `settings.json`,
+   * pour qui les veut vraiment.
+   *
+   * La liste vient de `shared/` : le BFF refuse ce qu'elle ne contient pas, et
+   * cet écran n'est pas seul à en décider.
+   */
+  const MODE_VALUES = PERMISSION_MODES
+
+  /**
+   * L'icône de chaque mode : ce que le mode *fait*, pas ce qu'il autorise.
+   *
+   * Des noms anciens du jeu Material, délibérément : `flash_on` plutôt que `bolt`,
+   * qui n'existe que dans les versions récentes de la police et se rendrait en
+   * carré vide sur les autres.
+   */
+  const MODE_ICONS: Record<string, string> = {
+    default: 'pan_tool',
+    auto: 'flash_on',
+    acceptEdits: 'edit',
+    plan: 'map',
+  }
 
-/**
- * L'identifiant du modèle à annoncer, et s'il est confirmé.
- *
- * `resolvedModel` — ce que le SDK emploie vraiment — n'arrive qu'avec `init`,
- * c'est-à-dire après le premier tour. Jusque-là on n'a que ce qui est *prévu* :
- * le choix d'ouverture, ou à défaut le modèle des réglages. Taire la puce
- * pendant ce temps la ferait apparaître d'un coup au premier envoi ; l'annoncer
- * comme confirmée mentirait. On dit donc les deux, et l'infobulle fait la
- * différence.
- *
- * Quand rien n'est prévu ni résolu, il n'y a pas de puce : c'est Claude Code qui
- * choisira, et nommer un modèle serait l'inventer.
- */
-const modelShown = computed(() => {
-  const resolved = session.value?.resolvedModel ?? '';
-  if (resolved) return { id: resolved, confirmed: true };
-  const planned = session.value?.model || settingsModel.value;
-  return planned ? { id: planned, confirmed: false } : null;
-});
-
-/**
- * Le modèle en clair : `claude-opus-5[1m]` devient `Opus 5`.
- *
- * Un identifiant que le motif ne reconnaît pas s'affiche tel quel — mieux vaut
- * une chaîne technique qu'un nom inventé.
- */
-const modelBadge = computed(() => {
-  const id = modelShown.value?.id ?? '';
-  const found = /(opus|sonnet|haiku|fable)-?(\d+(?:\.\d+)?)?/i.exec(id);
-  if (!found?.[1]) return id;
-  const family = found[1][0]?.toUpperCase() + found[1].slice(1).toLowerCase();
-  return found[2] ? `${family} ${found[2]}` : family;
-});
-
-/** L'identifiant exact, et d'où il vient. Trop long pour la barre, utile au survol. */
-const modelTitle = computed(() => {
-  const shown = modelShown.value;
-  if (!shown) return '';
-  if (!shown.confirmed) return t('pages.atelier.modelPlanned', { id: shown.id });
-  return session.value?.model
-    ? t('pages.atelier.modelChosen', { id: shown.id })
-    : t('pages.atelier.modelInherited', { id: shown.id });
-});
-
-const cwd = ref('');
-const model = ref('');
-const permissionMode = ref('default');
-const launching = ref(false);
-const launchError = ref('');
-const answering = ref(false);
-
-const projects = ref<ProjectSummary[]>([]);
-const loadingProjects = ref(true);
-
-/**
- * Les dossiers déjà connus de Claude Code, les plus récents d'abord.
- *
- * Un projet dont le chemin réel n'a pas pu être relu est écarté : le slug seul
- * ne se décode pas sans ambiguïté, et proposer un dossier qui n'existe pas
- * ferait échouer la session au premier outil.
- *
- * Trois : c'est un raccourci vers ce sur quoi on travaillait, pas un annuaire.
- * Au-delà, la liste demande d'être lue — or tout ce qu'elle n'affiche pas est à
- * un clic dans le sélecteur.
- */
-const recentProjects = computed(() =>
-  projects.value
-    .filter((p) => p.path)
-    .sort((a, b) => b.lastActivity - a.lastActivity)
-    .slice(0, 3),
-);
-
-onMounted(async () => {
-  // Avant les projets : c'est la seule voie de retour vers une session en cours,
-  // et elle coiffe l'écran. La faire attendre la liste des projets la ferait
-  // apparaître après coup, en poussant le reste vers le bas.
-  await loadLive();
-  try {
-    projects.value = (await getProjects()).projects;
-  } catch {
-    // Le champ libre reste : ne pas savoir proposer n'empêche pas de lancer.
-  } finally {
-    loadingProjects.value = false;
-  }
-  try {
-    const { content } = await readClaudeFile('settings.json');
-    const settings = JSON.parse(content) as { model?: unknown; permissions?: unknown };
-    settingsModel.value = str(settings.model);
-    settingsMode.value = str(rec(settings.permissions).defaultMode);
-    // Pré-choisir ce que les réglages disent — mais seulement si l'Atelier le
-    // propose. `bypassPermissions` et `dontAsk` ne sont pas dans la liste, et
-    // les appliquer en silence retirerait l'humain de la boucle sur l'écran
-    // dont c'est justement la promesse. On reste alors sur « Demander », et la
-    // note sous les sélecteurs dit pourquoi.
-    if (settingsModeOffered.value) permissionMode.value = settingsMode.value;
-  } catch {
-    // Réglages illisibles ou sans ces clés : les libellés restent génériques et
-    // la session s'ouvre sur « Demander ».
-  }
-  await reopenFromUrl();
-});
-
-/** La valeur si c'est une chaîne, sinon rien — `settings.json` n'est pas typé. */
-function str(v: unknown): string {
-  return typeof v === 'string' ? v : '';
-}
-
-/** Idem pour un objet imbriqué : `permissions` peut être absent ou de travers. */
-function rec(v: unknown): Record<string, unknown> {
-  return v && typeof v === 'object' && !Array.isArray(v) ? (v as Record<string, unknown>) : {};
-}
-
-// ── L'adresse porte la session ──────────────────────────────────────────────
-
-const route = useRoute();
-const router = useRouter();
-
-/**
- * Ce que l'adresse retient, et pourquoi les deux identifiants.
- *
- * `run` est la session vivante côté AURA : c'est lui qui permet de revenir
- * dedans et de reprendre la conversation. Mais il ne survit pas au redémarrage
- * du BFF — le registre est en mémoire, et c'est voulu (il garde des promesses en
- * attente, qui ne se sérialisent pas).
- *
- * `session` est l'identifiant du SDK, écrit sur le disque avec le transcript. Il
- * survit à tout. Quand le `run` a disparu, c'est lui qui permet encore d'ouvrir
- * le rejeu — et donc de relire, ou de faire relire, ce qui s'est passé.
- *
- * `replace` et non `push` : la session n'est pas une étape de navigation, et
- * empiler une entrée d'historique à chaque `init` ferait du bouton Retour un
- * piège.
- */
-watch(
-  () => [session.value?.runId, session.value?.sessionId, session.value?.slug] as const,
-  ([run, sdk, slug]) => {
-    // Le slug accompagne le `session` : le rejeu s'ouvre sur le couple, et une
-    // adresse qui ne porterait que l'identifiant ne mènerait nulle part.
-    const query: Record<string, string> = {};
-    if (run) {
-      query.run = run;
-      if (sdk) {
-        query.session = sdk;
-        if (slug) query.slug = slug;
+  const MODE_LABELS = computed(() =>
+    MODE_VALUES.map((value) => ({
+      value: String(value),
+      label: t(`pages.atelier.modes.${value}`),
+      tooltip: t(`pages.atelier.modes.${value}Tip`),
+      ...(MODE_ICONS[String(value)] ? { icon: MODE_ICONS[String(value)] } : {}),
+    })),
+  )
+
+  /**
+   * Le mode que `settings.json` fixe, quand il en fixe un.
+   *
+   * Une session de l'Atelier n'a pas de raison d'être plus prudente que le reste
+   * de votre installation : on part de ce que vos réglages disent, comme pour le
+   * modèle. Vide quand la clé est absente — Claude Code applique alors `default`,
+   * et l'annoncer autrement serait inventer.
+   */
+  const settingsMode = ref('')
+
+  /** Le mode des réglages est-il de ceux que l'Atelier propose ? */
+  const settingsModeOffered = computed(() => MODE_LABELS.value.some((m) => m.value === settingsMode.value))
+
+  const MODES = computed(() =>
+    MODE_LABELS.value.map((m) => ({
+      ...m,
+      // D'où vient la valeur pré-choisie. Dans l'infobulle et non sur la puce :
+      // le libellé doit rester d'un mot, et cette précision se lit une fois.
+      tooltip: m.value === settingsMode.value ? t('pages.atelier.modes.fromSettings', { tip: m.tooltip }) : m.tooltip,
+    })),
+  )
+
+  /**
+   * Le nom du dossier de travail, sans son chemin.
+   *
+   * Même calcul que la liste des projets, qui prend le `basename` du chemin réel
+   * (`server/projects.ts`) : le même dossier doit porter le même nom des deux
+   * côtés de l'écran. Le chemin entier n'est pas perdu — il reste dans
+   * l'infobulle, et sur l'écran d'ouverture d'une session.
+   */
+  const projectName = computed(() => {
+    const path = (session.value?.cwd ?? '').replace(/[\\/]+$/, '')
+    return path.split(/[\\/]/).pop() || path
+  })
+
+  /**
+   * L'identifiant du modèle à annoncer, et s'il est confirmé.
+   *
+   * `resolvedModel` — ce que le SDK emploie vraiment — n'arrive qu'avec `init`,
+   * c'est-à-dire après le premier tour. Jusque-là on n'a que ce qui est *prévu* :
+   * le choix d'ouverture, ou à défaut le modèle des réglages. Taire la puce
+   * pendant ce temps la ferait apparaître d'un coup au premier envoi ; l'annoncer
+   * comme confirmée mentirait. On dit donc les deux, et l'infobulle fait la
+   * différence.
+   *
+   * Quand rien n'est prévu ni résolu, il n'y a pas de puce : c'est Claude Code qui
+   * choisira, et nommer un modèle serait l'inventer.
+   */
+  const modelShown = computed(() => {
+    const resolved = session.value?.resolvedModel ?? ''
+    if (resolved) return { id: resolved, confirmed: true }
+    const planned = session.value?.model || settingsModel.value
+    return planned ? { id: planned, confirmed: false } : null
+  })
+
+  /**
+   * Le modèle en clair : `claude-opus-5[1m]` devient `Opus 5`.
+   *
+   * Un identifiant que le motif ne reconnaît pas s'affiche tel quel — mieux vaut
+   * une chaîne technique qu'un nom inventé.
+   */
+  const modelBadge = computed(() => {
+    const id = modelShown.value?.id ?? ''
+    const found = /(opus|sonnet|haiku|fable)-?(\d+(?:\.\d+)?)?/i.exec(id)
+    if (!found?.[1]) return id
+    const family = found[1][0]?.toUpperCase() + found[1].slice(1).toLowerCase()
+    return found[2] ? `${family} ${found[2]}` : family
+  })
+
+  /** L'identifiant exact, et d'où il vient. Trop long pour la barre, utile au survol. */
+  const modelTitle = computed(() => {
+    const shown = modelShown.value
+    if (!shown) return ''
+    if (!shown.confirmed) return t('pages.atelier.modelPlanned', { id: shown.id })
+    return session.value?.model ? t('pages.atelier.modelChosen', { id: shown.id }) : t('pages.atelier.modelInherited', { id: shown.id })
+  })
+
+  const cwd = ref('')
+  const model = ref('')
+  const permissionMode = ref('default')
+  const launching = ref(false)
+  const launchError = ref('')
+  const answering = ref(false)
+
+  const projects = ref<ProjectSummary[]>([])
+  const loadingProjects = ref(true)
+
+  /**
+   * Les dossiers déjà connus de Claude Code, les plus récents d'abord.
+   *
+   * Un projet dont le chemin réel n'a pas pu être relu est écarté : le slug seul
+   * ne se décode pas sans ambiguïté, et proposer un dossier qui n'existe pas
+   * ferait échouer la session au premier outil.
+   *
+   * Trois : c'est un raccourci vers ce sur quoi on travaillait, pas un annuaire.
+   * Au-delà, la liste demande d'être lue — or tout ce qu'elle n'affiche pas est à
+   * un clic dans le sélecteur.
+   */
+  const recentProjects = computed(() =>
+    projects.value
+      .filter((p) => p.path)
+      .sort((a, b) => b.lastActivity - a.lastActivity)
+      .slice(0, 3),
+  )
+
+  onMounted(async () => {
+    // Avant les projets : c'est la seule voie de retour vers une session en cours,
+    // et elle coiffe l'écran. La faire attendre la liste des projets la ferait
+    // apparaître après coup, en poussant le reste vers le bas.
+    await loadLive()
+    try {
+      projects.value = (await getProjects()).projects
+    } catch {
+      // Le champ libre reste : ne pas savoir proposer n'empêche pas de lancer.
+    } finally {
+      loadingProjects.value = false
+    }
+    try {
+      const { content } = await readClaudeFile('settings.json')
+      const settings = JSON.parse(content) as { model?: unknown; permissions?: unknown }
+      settingsModel.value = str(settings.model)
+      settingsMode.value = str(rec(settings.permissions).defaultMode)
+      // Pré-choisir ce que les réglages disent — mais seulement si l'Atelier le
+      // propose. `bypassPermissions` et `dontAsk` ne sont pas dans la liste, et
+      // les appliquer en silence retirerait l'humain de la boucle sur l'écran
+      // dont c'est justement la promesse. On reste alors sur « Demander », et la
+      // note sous les sélecteurs dit pourquoi.
+      if (settingsModeOffered.value) permissionMode.value = settingsMode.value
+    } catch {
+      // Réglages illisibles ou sans ces clés : les libellés restent génériques et
+      // la session s'ouvre sur « Demander ».
+    }
+    await reopenFromUrl()
+  })
+
+  /** La valeur si c'est une chaîne, sinon rien — `settings.json` n'est pas typé. */
+  function str(v: unknown): string {
+    return typeof v === 'string' ? v : ''
+  }
+
+  /** Idem pour un objet imbriqué : `permissions` peut être absent ou de travers. */
+  function rec(v: unknown): Record<string, unknown> {
+    return v && typeof v === 'object' && !Array.isArray(v) ? (v as Record<string, unknown>) : {}
+  }
+
+  // ── L'adresse porte la session ──────────────────────────────────────────────
+
+  const route = useRoute()
+  const router = useRouter()
+
+  /**
+   * Ce que l'adresse retient, et pourquoi les deux identifiants.
+   *
+   * `run` est la session vivante côté AURA : c'est lui qui permet de revenir
+   * dedans et de reprendre la conversation. Mais il ne survit pas au redémarrage
+   * du BFF — le registre est en mémoire, et c'est voulu (il garde des promesses en
+   * attente, qui ne se sérialisent pas).
+   *
+   * `session` est l'identifiant du SDK, écrit sur le disque avec le transcript. Il
+   * survit à tout. Quand le `run` a disparu, c'est lui qui permet encore d'ouvrir
+   * le rejeu — et donc de relire, ou de faire relire, ce qui s'est passé.
+   *
+   * `replace` et non `push` : la session n'est pas une étape de navigation, et
+   * empiler une entrée d'historique à chaque `init` ferait du bouton Retour un
+   * piège.
+   */
+  watch(
+    () => [session.value?.runId, session.value?.sessionId, session.value?.slug] as const,
+    ([run, sdk, slug]) => {
+      // Le slug accompagne le `session` : le rejeu s'ouvre sur le couple, et une
+      // adresse qui ne porterait que l'identifiant ne mènerait nulle part.
+      const query: Record<string, string> = {}
+      if (run) {
+        query.run = run
+        if (sdk) {
+          query.session = sdk
+          if (slug) query.slug = slug
+        }
+      }
+      if (query.run === route.query.run && query.session === route.query.session) return
+      void router.replace({ name: 'atelier', query })
+    },
+  )
+
+  /** Ce que l'adresse désignait, quand elle ne désigne plus rien. */
+  const gone = ref<{ session: string; slug: string } | null>(null)
+
+  /**
+   * Naviguer vers `/atelier` sans paramètre ne remonte pas le composant — même
+   * route, même instance. L'avis « session plus ouverte » y survivait donc à
+   * l'adresse qui l'avait causé, et s'affichait devant un écran d'ouverture vierge.
+   */
+  watch(
+    () => route.query.run,
+    (run) => {
+      if (!run) gone.value = null
+    },
+  )
+
+  /**
+   * Reprendre la session que l'adresse désigne.
+   *
+   * On ne se contente pas de s'abonner au flux : il faut d'abord savoir si la
+   * session existe encore. Un `EventSource` sur un `runId` inconnu échouerait en
+   * silence et se reconnecterait indéfiniment, laissant un écran vide sans
+   * explication.
+   */
+  async function reopenFromUrl(): Promise<void> {
+    const run = typeof route.query.run === 'string' ? route.query.run : ''
+    if (!run || session.value) return
+    try {
+      const { sessions } = await listAgentSessions()
+      const found = sessions.find((s) => s.runId === run)
+      if (found) {
+        attach(found.runId)
+        session.value = found
+        return
       }
+    } catch {
+      /* le serveur ne répond pas : on retombe sur l'écran d'ouverture */
     }
-    if (query.run === route.query.run && query.session === route.query.session) return;
-    void router.replace({ name: 'atelier', query });
-  },
-);
-
-/** Ce que l'adresse désignait, quand elle ne désigne plus rien. */
-const gone = ref<{ session: string; slug: string } | null>(null);
-
-/**
- * Naviguer vers `/atelier` sans paramètre ne remonte pas le composant — même
- * route, même instance. L'avis « session plus ouverte » y survivait donc à
- * l'adresse qui l'avait causé, et s'affichait devant un écran d'ouverture vierge.
- */
-watch(
-  () => route.query.run,
-  (run) => {
-    if (!run) gone.value = null;
-  },
-);
-
-/**
- * Reprendre la session que l'adresse désigne.
- *
- * On ne se contente pas de s'abonner au flux : il faut d'abord savoir si la
- * session existe encore. Un `EventSource` sur un `runId` inconnu échouerait en
- * silence et se reconnecterait indéfiniment, laissant un écran vide sans
- * explication.
- */
-async function reopenFromUrl(): Promise<void> {
-  const run = typeof route.query.run === 'string' ? route.query.run : '';
-  if (!run || session.value) return;
-  try {
-    const { sessions } = await listAgentSessions();
-    const found = sessions.find((s) => s.runId === run);
-    if (found) {
-      attach(found.runId);
-      session.value = found;
-      return;
+    gone.value = {
+      session: typeof route.query.session === 'string' ? route.query.session : '',
+      slug: typeof route.query.slug === 'string' ? route.query.slug : '',
     }
-  } catch {
-    /* le serveur ne répond pas : on retombe sur l'écran d'ouverture */
   }
-  gone.value = {
-    session: typeof route.query.session === 'string' ? route.query.session : '',
-    slug: typeof route.query.slug === 'string' ? route.query.slug : '',
-  };
-}
 
-/** Refermer l'avis, et nettoyer l'adresse : elle ne désigne plus rien. */
-function dismissGone(): void {
-  gone.value = null;
-  void router.replace({ name: 'atelier', query: {} });
-}
+  /** Refermer l'avis, et nettoyer l'adresse : elle ne désigne plus rien. */
+  function dismissGone(): void {
+    gone.value = null
+    void router.replace({ name: 'atelier', query: {} })
+  }
 
-// ── Les sessions vivantes ───────────────────────────────────────────────────
+  // ── Les sessions vivantes ───────────────────────────────────────────────────
+
+  const liveSessions = ref<AgentSession[]>([])
+
+  /**
+   * Ce que l'Atelier tient ouvert, tous dossiers confondus.
+   *
+   * Sans filtre sur le dossier choisi, contrairement à la liste « Reprendre » :
+   * une session qu'on cherche à retrouver est justement celle dont on ne se
+   * rappelle plus où elle travaillait.
+   *
+   * Silencieux en cas d'échec, comme le chargement des projets : ne pas savoir
+   * lister n'empêche pas d'ouvrir une session, et un bandeau d'erreur en haut de
+   * l'écran d'accueil coûterait plus qu'il n'apprend.
+   */
+  async function loadLive(): Promise<void> {
+    try {
+      liveSessions.value = (await listAgentSessions()).sessions
+    } catch {
+      /* le reste de l'écran d'ouverture est intact */
+    }
+  }
 
-const liveSessions = ref<AgentSession[]>([]);
+  /** Le dossier, sans son chemin : c'est lui qu'on reconnaît, pas l'arborescence. */
+  function folderName(path: string): string {
+    return path.split(/[\\/]/).filter(Boolean).pop() ?? path
+  }
 
-/**
- * Ce que l'Atelier tient ouvert, tous dossiers confondus.
- *
- * Sans filtre sur le dossier choisi, contrairement à la liste « Reprendre » :
- * une session qu'on cherche à retrouver est justement celle dont on ne se
- * rappelle plus où elle travaillait.
- *
- * Silencieux en cas d'échec, comme le chargement des projets : ne pas savoir
- * lister n'empêche pas d'ouvrir une session, et un bandeau d'erreur en haut de
- * l'écran d'accueil coûterait plus qu'il n'apprend.
- */
-async function loadLive(): Promise<void> {
-  try {
-    liveSessions.value = (await listAgentSessions()).sessions;
-  } catch {
-    /* le reste de l'écran d'ouverture est intact */
+  /**
+   * Rejoindre une session vivante.
+   *
+   * Rien à créer : elle tourne déjà. On s'abonne, et le premier message du flux
+   * est un instantané complet — le fil se remplit sans qu'on ait à relire le
+   * transcript. Même geste que `launch()` après une création.
+   */
+  function join(s: AgentSession): void {
+    attach(s.runId)
+    session.value = s
   }
-}
 
-/** Le dossier, sans son chemin : c'est lui qu'on reconnaît, pas l'arborescence. */
-function folderName(path: string): string {
-  return path.split(/[\\/]/).filter(Boolean).pop() ?? path;
-}
+  /** Arrêter depuis la liste, ce qui libère aussitôt sa place dans le parc. */
+  async function stopLive(runId: string): Promise<void> {
+    try {
+      await stopSession(runId)
+    } catch (e) {
+      fail(e)
+    }
+    await loadLive()
+  }
 
-/**
- * Rejoindre une session vivante.
- *
- * Rien à créer : elle tourne déjà. On s'abonne, et le premier message du flux
- * est un instantané complet — le fil se remplit sans qu'on ait à relire le
- * transcript. Même geste que `launch()` après une création.
- */
-function join(s: AgentSession): void {
-  attach(s.runId);
-  session.value = s;
-}
-
-/** Arrêter depuis la liste, ce qui libère aussitôt sa place dans le parc. */
-async function stopLive(runId: string): Promise<void> {
-  try {
-    await stopSession(runId);
-  } catch (e) {
-    fail(e);
-  }
-  await loadLive();
-}
-
-/**
- * L'état de la session, en toutes lettres.
- *
- * Une clé construite plutôt qu'interpolée dans `t()` : l'interpolation se type
- * mal, et l'union fermée des statuts garantit ici qu'aucune branche ne manque.
- */
-function statusKey(status: AgentSession['status']): string {
-  return `pages.atelier.live.${status}`;
-}
+  /**
+   * L'état de la session, en toutes lettres.
+   *
+   * Une clé construite plutôt qu'interpolée dans `t()` : l'interpolation se type
+   * mal, et l'union fermée des statuts garantit ici qu'aucune branche ne manque.
+   */
+  function statusKey(status: AgentSession['status']): string {
+    return `pages.atelier.live.${status}`
+  }
 
-/**
- * La pastille d'état.
- *
- * `--live` ne se pose que sur ce qui bouge en ce moment — c'est la règle de
- * l'utilitaire, et une session qui travaille en est le cas exemplaire. Les
- * autres états portent une teinte fixe, ou le gris par défaut.
- */
-function dotClass(status: AgentSession['status']): string {
-  if (status === 'working') return 'status-dot--pulse status-dot--live';
-  if (status === 'waiting') return 'status-dot--brand';
-  return '';
-}
+  /**
+   * La pastille d'état.
+   *
+   * `--live` ne se pose que sur ce qui bouge en ce moment — c'est la règle de
+   * l'utilitaire, et une session qui travaille en est le cas exemplaire. Les
+   * autres états portent une teinte fixe, ou le gris par défaut.
+   */
+  function dotClass(status: AgentSession['status']): string {
+    if (status === 'working') return 'status-dot--pulse status-dot--live'
+    if (status === 'waiting') return 'status-dot--brand'
+    return ''
+  }
 
-const resuming = ref(false);
+  const resuming = ref(false)
+
+  /**
+   * Reprendre une session, en place.
+   *
+   * Le SDK recharge l'historique et ajoute les nouveaux tours au **même**
+   * `.jsonl` : il n'y a ni fichier à fusionner ni identifiant à réconcilier. Et
+   * comme cet identifiant est connu d'avance, le transcript est résoluble dès la
+   * création — les panneaux n'attendent pas le premier tour pour se remplir.
+   */
+  async function startResume(cwdPath: string, sessionId: string): Promise<void> {
+    resuming.value = true
+    try {
+      const { session: created } = await createAgentSession({
+        cwd: cwdPath,
+        resume: sessionId,
+        permissionMode: permissionMode.value,
+        ...(model.value ? { model: model.value } : {}),
+      })
+      gone.value = null
+      attach(created.runId)
+      session.value = created
+      await refreshTranscript()
+      seamTurns.value = coveredTurns.value
+      autoScroll.value = true
+      await scrollToBottom()
+    } catch (e) {
+      fail(e)
+    } finally {
+      resuming.value = false
+    }
+  }
 
-/**
- * Reprendre une session, en place.
- *
- * Le SDK recharge l'historique et ajoute les nouveaux tours au **même**
- * `.jsonl` : il n'y a ni fichier à fusionner ni identifiant à réconcilier. Et
- * comme cet identifiant est connu d'avance, le transcript est résoluble dès la
- * création — les panneaux n'attendent pas le premier tour pour se remplir.
- */
-async function startResume(cwdPath: string, sessionId: string): Promise<void> {
-  resuming.value = true;
-  try {
-    const { session: created } = await createAgentSession({
-      cwd: cwdPath,
-      resume: sessionId,
-      permissionMode: permissionMode.value,
-      ...(model.value ? { model: model.value } : {}),
-    });
-    gone.value = null;
-    attach(created.runId);
-    session.value = created;
-    await refreshTranscript();
-    seamTurns.value = coveredTurns.value;
-    autoScroll.value = true;
-    await scrollToBottom();
-  } catch (e) {
-    fail(e);
-  } finally {
-    resuming.value = false;
-  }
-}
-
-/**
- * Reprendre celle que l'adresse désigne.
- *
- * Le `cwd` ne se déduit pas du slug : l'encodage remplace tout caractère non
- * alphanumérique par un tiret sans marquer lesquels étaient des séparateurs, et
- * l'inverse est ambigu. On le lit donc dans le transcript, qui le porte tel que
- * la session l'a connu.
- */
-async function resume(): Promise<void> {
-  const target = gone.value;
-  if (!target?.session || !target.slug) return;
-  resuming.value = true;
-  try {
-    const { transcript } = await readTranscript(target.slug, target.session);
-    resuming.value = false;
-    await startResume(transcript.cwd, target.session);
-  } catch (e) {
-    resuming.value = false;
-    fail(e);
-  }
-}
-
-/** Reprendre celle qu'on a choisie dans la liste : le dossier est déjà à l'écran. */
-const resumeSession = (id: string): Promise<void> => startResume(cwd.value.trim(), id);
-
-// ── Les sessions du dossier choisi ──────────────────────────────────────────
-
-const sessions = ref<TranscriptSummary[]>([]);
-const loadingSessions = ref(false);
-
-/**
- * Cinq : de quoi retrouver ce à quoi on travaillait, pas de quoi tenir un
- * annuaire — la page Projet le fait déjà, et mieux.
- */
-const resumable = computed(() => sessions.value.slice(0, 5));
+  /**
+   * Reprendre celle que l'adresse désigne.
+   *
+   * Le `cwd` ne se déduit pas du slug : l'encodage remplace tout caractère non
+   * alphanumérique par un tiret sans marquer lesquels étaient des séparateurs, et
+   * l'inverse est ambigu. On le lit donc dans le transcript, qui le porte tel que
+   * la session l'a connu.
+   */
+  async function resume(): Promise<void> {
+    const target = gone.value
+    if (!target?.session || !target.slug) return
+    resuming.value = true
+    try {
+      const { transcript } = await readTranscript(target.slug, target.session)
+      resuming.value = false
+      await startResume(transcript.cwd, target.session)
+    } catch (e) {
+      resuming.value = false
+      fail(e)
+    }
+  }
 
-/**
- * Le slug du dossier, calculé comme le CLI le calcule.
- *
- * Les deux séparateurs donnent le même résultat — `/` et `\` deviennent tous
- * deux un tiret — donc un chemin collé en barres obliques trouve le même dossier
- * de projet qu'un chemin natif.
- */
-const slugOfCwd = computed(() => cwd.value.trim().replace(/[^A-Za-z0-9]/g, '-'));
-
-watch(slugOfCwd, async (slug) => {
-  sessions.value = [];
-  if (!slug) return;
-  loadingSessions.value = true;
-  try {
-    sessions.value = (await getProjectSessions(slug)).sessions;
-  } catch {
-    // Dossier sans historique, ou serveur muet : la liste reste vide et la
-    // section le dit. Ouvrir une session neuve n'en dépend pas.
-  } finally {
-    loadingSessions.value = false;
-  }
-});
-
-function pick(path: string): void {
-  cwd.value = cwd.value === path ? '' : path;
-  launchError.value = '';
-}
-
-/**
- * Le dossier au-dessus. Les deux séparateurs sont acceptés : l'API des projets
- * rend des chemins en barres obliques là où le reste de l'écran en montre des
- * inverses, et couper au mauvais endroit rouvrirait le sélecteur à la racine.
- */
-function parentOf(path: string): string {
-  const cut = Math.max(path.lastIndexOf('/'), path.lastIndexOf('\\'));
-  return cut > 2 ? path.slice(0, cut) : '';
-}
-
-const picking = ref(false);
-/**
- * Le sélecteur natif existe-t-il ici ? On ne le sait qu'en essayant : la
- * réponse dépend de la plateforme du **serveur**, pas de celle du navigateur.
- * On propose donc le bouton, et on le retire pour de bon au premier `501`.
- */
-const pickerAvailable = ref(true);
-
-async function browse(): Promise<void> {
-  picking.value = true;
-  try {
-    // Où s'ouvrir : le dossier déjà choisi, sinon le **parent** du dernier
-    // projet travaillé — la racine où les projets se rangent côte à côte.
-    // S'ouvrir sur le projet lui-même serait s'ouvrir sur le seul dossier qu'on
-    // ne cherche pas ; sur le Bureau, ce serait faire remonter toute une
-    // arborescence pour revenir là où l'on était.
-    const from = cwd.value.trim() || parentOf(recentProjects.value[0]?.path ?? '');
-    const { path } = await pickFolder(from || undefined);
-    // `null` = annulation. La moitié des ouvertures d'un sélecteur finit ainsi ;
-    // il n'y a rien à dire.
-    if (path) {
-      cwd.value = path;
-      launchError.value = '';
+  /** Reprendre celle qu'on a choisie dans la liste : le dossier est déjà à l'écran. */
+  const resumeSession = (id: string): Promise<void> => startResume(cwd.value.trim(), id)
+
+  // ── Les sessions du dossier choisi ──────────────────────────────────────────
+
+  const sessions = ref<TranscriptSummary[]>([])
+  const loadingSessions = ref(false)
+
+  /**
+   * Cinq : de quoi retrouver ce à quoi on travaillait, pas de quoi tenir un
+   * annuaire — la page Projet le fait déjà, et mieux.
+   */
+  const resumable = computed(() => sessions.value.slice(0, 5))
+
+  /**
+   * Le slug du dossier, calculé comme le CLI le calcule.
+   *
+   * Les deux séparateurs donnent le même résultat — `/` et `\` deviennent tous
+   * deux un tiret — donc un chemin collé en barres obliques trouve le même dossier
+   * de projet qu'un chemin natif.
+   */
+  const slugOfCwd = computed(() => cwd.value.trim().replace(/[^A-Za-z0-9]/g, '-'))
+
+  watch(slugOfCwd, async (slug) => {
+    sessions.value = []
+    if (!slug) return
+    loadingSessions.value = true
+    try {
+      sessions.value = (await getProjectSessions(slug)).sessions
+    } catch {
+      // Dossier sans historique, ou serveur muet : la liste reste vide et la
+      // section le dit. Ouvrir une session neuve n'en dépend pas.
+    } finally {
+      loadingSessions.value = false
     }
-  } catch (e) {
-    if ((e as { status?: number }).status === 501) pickerAvailable.value = false;
-    else fail(e);
-  } finally {
-    picking.value = false;
+  })
+
+  function pick(path: string): void {
+    cwd.value = cwd.value === path ? '' : path
+    launchError.value = ''
   }
-}
 
-// ── Le transcript relu, à côté du direct ────────────────────────────────────
+  /**
+   * Le dossier au-dessus. Les deux séparateurs sont acceptés : l'API des projets
+   * rend des chemins en barres obliques là où le reste de l'écran en montre des
+   * inverses, et couper au mauvais endroit rouvrirait le sélecteur à la racine.
+   */
+  function parentOf(path: string): string {
+    const cut = Math.max(path.lastIndexOf('/'), path.lastIndexOf('\\'))
+    return cut > 2 ? path.slice(0, cut) : ''
+  }
 
-/**
- * Le transcript tel que le disque le porte, avec tout ce que le direct ne sait
- * pas produire : la fenêtre de contexte reconstruite, les runs de sous-agents,
- * les hooks silencieux, les coûts.
- *
- * Le SDK écrit ce fichier lui-même, au même format que le CLI — c'est ce qui
- * rend cette relecture possible et gratuite. On la déclenche à la fin de chaque
- * tour : pendant qu'un tour se déroule, le fichier est en cours d'écriture et
- * n'apprendrait rien de plus que le flux, qui lui va au token près.
- */
-const parsed = ref<ParsedTranscript | null>(null);
-let parsedEtag = '';
-let retry: ReturnType<typeof setTimeout> | null = null;
+  const picking = ref(false)
+  /**
+   * Le sélecteur natif existe-t-il ici ? On ne le sait qu'en essayant : la
+   * réponse dépend de la plateforme du **serveur**, pas de celle du navigateur.
+   * On propose donc le bouton, et on le retire pour de bon au premier `501`.
+   */
+  const pickerAvailable = ref(true)
+
+  async function browse(): Promise<void> {
+    picking.value = true
+    try {
+      // Où s'ouvrir : le dossier déjà choisi, sinon le **parent** du dernier
+      // projet travaillé — la racine où les projets se rangent côte à côte.
+      // S'ouvrir sur le projet lui-même serait s'ouvrir sur le seul dossier qu'on
+      // ne cherche pas ; sur le Bureau, ce serait faire remonter toute une
+      // arborescence pour revenir là où l'on était.
+      const from = cwd.value.trim() || parentOf(recentProjects.value[0]?.path ?? '')
+      const { path } = await pickFolder(from || undefined)
+      // `null` = annulation. La moitié des ouvertures d'un sélecteur finit ainsi ;
+      // il n'y a rien à dire.
+      if (path) {
+        cwd.value = path
+        launchError.value = ''
+      }
+    } catch (e) {
+      if ((e as { status?: number }).status === 501) pickerAvailable.value = false
+      else fail(e)
+    } finally {
+      picking.value = false
+    }
+  }
 
-/**
- * Combien de temps on court après le fichier avant de renoncer.
- *
- * La relance ci-dessous s'entretient elle-même tant que le disque n'a pas
- * rattrapé : sans horizon, une chose que le harnais n'écrirait jamais — une
- * session interrompue au mauvais moment — laisserait un onglet ouvert relire le
- * fichier toutes les 800 ms jusqu'au soir. Trente secondes couvrent très
- * largement le retard mesuré, qui se compte en centaines de millisecondes.
- */
-const CATCHUP_MS = 30_000;
-let chaseUntil = 0;
-
-async function refreshTranscript(chasing = false): Promise<void> {
-  // Toute relecture demandée par un signal rouvre la fenêtre de poursuite ; une
-  // relance, elle, vit dans celle qui l'a ouverte.
-  if (!chasing) chaseUntil = Date.now() + CATCHUP_MS;
-  const s = session.value;
-  if (!s?.slug || !s.sessionId) return;
-  try {
-    const read = await readTranscript(s.slug, s.sessionId);
-    // Une réponse tardive ne doit pas écraser une autre session.
-    if (session.value?.sessionId !== s.sessionId) return;
-    if (!read.etag || read.etag !== parsedEtag || !parsed.value) {
-      parsedEtag = read.etag;
-      parsed.value = read.transcript;
+  // ── Le transcript relu, à côté du direct ────────────────────────────────────
+
+  /**
+   * Le transcript tel que le disque le porte, avec tout ce que le direct ne sait
+   * pas produire : la fenêtre de contexte reconstruite, les runs de sous-agents,
+   * les hooks silencieux, les coûts.
+   *
+   * Le SDK écrit ce fichier lui-même, au même format que le CLI — c'est ce qui
+   * rend cette relecture possible et gratuite. On la déclenche à la fin de chaque
+   * tour : pendant qu'un tour se déroule, le fichier est en cours d'écriture et
+   * n'apprendrait rien de plus que le flux, qui lui va au token près.
+   */
+  const parsed = ref<ParsedTranscript | null>(null)
+  let parsedEtag = ''
+  let retry: ReturnType<typeof setTimeout> | null = null
+
+  /**
+   * Combien de temps on court après le fichier avant de renoncer.
+   *
+   * La relance ci-dessous s'entretient elle-même tant que le disque n'a pas
+   * rattrapé : sans horizon, une chose que le harnais n'écrirait jamais — une
+   * session interrompue au mauvais moment — laisserait un onglet ouvert relire le
+   * fichier toutes les 800 ms jusqu'au soir. Trente secondes couvrent très
+   * largement le retard mesuré, qui se compte en centaines de millisecondes.
+   */
+  const CATCHUP_MS = 30_000
+  let chaseUntil = 0
+
+  async function refreshTranscript(chasing = false): Promise<void> {
+    // Toute relecture demandée par un signal rouvre la fenêtre de poursuite ; une
+    // relance, elle, vit dans celle qui l'a ouverte.
+    if (!chasing) chaseUntil = Date.now() + CATCHUP_MS
+    const s = session.value
+    if (!s?.slug || !s.sessionId) return
+    try {
+      const read = await readTranscript(s.slug, s.sessionId)
+      // Une réponse tardive ne doit pas écraser une autre session.
+      if (session.value?.sessionId !== s.sessionId) return
+      if (!read.etag || read.etag !== parsedEtag || !parsed.value) {
+        parsedEtag = read.etag
+        parsed.value = read.transcript
+      }
+    } catch {
+      // Les panneaux dérivés se taisent ; le direct, lui, continue de vivre.
+    }
+    // La couture ne bouge qu'entre deux actions : voir `seamTurns`.
+    if (status.value !== 'working') seamTurns.value = coveredTurns.value
+
+    // Le fichier peut n'être pas encore entièrement écrit quand l'action se
+    // termine. Tant qu'il n'a pas rattrapé le direct, on redemande — sans quoi le
+    // flux montrerait un tour de moins que ce qui vient de s'y passer, ou une
+    // compaction de moins.
+    if (retry) clearTimeout(retry)
+    if (!parsedCovers.value && session.value && Date.now() < chaseUntil) {
+      retry = setTimeout(() => void refreshTranscript(true), 800)
     }
-  } catch {
-    // Les panneaux dérivés se taisent ; le direct, lui, continue de vivre.
   }
-  // La couture ne bouge qu'entre deux actions : voir `seamTurns`.
-  if (status.value !== 'working') seamTurns.value = coveredTurns.value;
 
-  // Le fichier peut n'être pas encore entièrement écrit quand l'action se
-  // termine. Tant qu'il n'a pas rattrapé le direct, on redemande — sans quoi le
-  // flux montrerait un tour de moins que ce qui vient de s'y passer, ou une
-  // compaction de moins.
-  if (retry) clearTimeout(retry);
-  if (!parsedCovers.value && session.value && Date.now() < chaseUntil) {
-    retry = setTimeout(() => void refreshTranscript(true), 800);
+  /**
+   * Une commande d'arrière-plan qui finit alors que la session ne fait rien.
+   *
+   * Le harnais écrit sa nouvelle dans le transcript — le fil sait en faire une
+   * carte — mais elle tombe dans un angle mort : au repos, plus rien n'est relu,
+   * et la carte n'apparaissait qu'au tour suivant, parfois une demi-heure après
+   * la chose qu'elle annonce. Mesuré : commande finie à 10:34:49, fil rattrapé à
+   * 10:39:43, à l'occasion d'un message qui parlait d'autre chose.
+   *
+   * Le serveur, lui, l'a vue passer : la liste des shells arrive par le direct.
+   * Il suffit de s'en servir comme signal. Pendant une action, rien à faire — la
+   * relecture périodique s'en charge déjà.
+   */
+  watch(
+    () => shells.value.filter((s) => s.state !== 'running').length,
+    (now, before) => {
+      if (now > before && status.value !== 'working') void refreshTranscript()
+    },
+  )
+
+  /**
+   * Une compaction, annoncée par le direct.
+   *
+   * Même principe que ci-dessus, et le même angle mort : le harnais écrit la
+   * frontière, son résumé et la sortie de la commande *après* avoir rendu la main,
+   * si bien que la relecture de fin d'action pouvait la manquer d'une seconde. Le
+   * fil restait alors sur un fichier d'avant la compaction — la fenêtre s'était
+   * vidée, l'écran n'en disait rien, et il fallait recharger la page pour le voir.
+   *
+   * Le direct, lui, l'annonce sur-le-champ. On s'en sert comme signal, et
+   * `parsedCovers` tient la relecture jusqu'à ce que le fichier la porte vraiment.
+   */
+  watch(
+    () => liveEvents.value.filter((e) => e.kind === 'compaction').length,
+    (now, before) => {
+      if (now > before) void refreshTranscript()
+    },
+  )
+
+  // L'action est finie : le fichier est complet, on relit.
+  watch(status, (now, before) => {
+    if (before === 'working' && now !== 'working') void refreshTranscript()
+  })
+
+  /**
+   * Relire aussi **pendant** l'action, et pas seulement à sa fin.
+   *
+   * Une action de l'agent n'est pas un aller-retour : une seule consigne peut
+   * déclencher huit réponses API enchaînées, plusieurs minutes durant. N'ouvrir le
+   * fichier qu'à la fin faisait apparaître d'un bloc tout ce qu'il apporte — le
+   * poids de chaque réponse, les hooks, les pistes — quand l'intérêt est justement
+   * de les voir venir.
+   *
+   * Ce que cela met à jour : les panneaux dérivés (fenêtre de contexte, tâches,
+   * pistes). Pas la couture de la timeline, qui reste figée le temps de l'action —
+   * la déplacer maintenant mettrait du côté disque une réponse en cours d'écriture
+   * et ferait disparaître de l'écran ce qui est justement en train de s'y écrire.
+   */
+  const LIVE_REFRESH_MS = 2500
+  let liveRefresh: ReturnType<typeof setInterval> | null = null
+
+  watch(status, (now) => {
+    if (liveRefresh) clearInterval(liveRefresh)
+    liveRefresh = null
+    if (now === 'working') {
+      liveRefresh = setInterval(() => void refreshTranscript(), LIVE_REFRESH_MS)
+    }
+  })
+
+  onUnmounted(() => {
+    if (retry) clearTimeout(retry)
+    if (liveRefresh) clearInterval(liveRefresh)
+  })
+  // Le `sessionId` n'arrive qu'avec `init`, donc après le premier prompt : c'est à
+  // cet instant que le transcript devient adressable — mais le premier tour est
+  // alors en cours. Relire maintenant mettrait un tour *incomplet* du côté disque,
+  // et la couture avalerait le direct qui, lui, le montre entièrement. On attend
+  // donc la fin du tour, comme partout ailleurs.
+  watch(
+    () => session.value?.sessionId,
+    (id) => {
+      if (id && status.value !== 'working') void refreshTranscript()
+    },
+  )
+
+  // ── Pistes ──────────────────────────────────────────────────────────────────
+
+  const track = ref<TrackId>(MAIN_TRACK)
+
+  /** Les tours humains que le fichier porte déjà. Zéro tant qu'il n'existe pas. */
+  const coveredTurns = computed(() => humanTurns(parsed.value?.events ?? []))
+
+  /**
+   * Où la couture se pose — et pourquoi ce n'est pas `coveredTurns`.
+   *
+   * Le fichier est maintenant relu pendant l'action, pour que les panneaux voient
+   * venir les réponses au lieu de les découvrir d'un coup. Mais la couture, elle,
+   * doit rester où elle était tant que l'action dure : dès que le fichier porte le
+   * tour en cours, la suivre reviendrait à afficher côté disque une action en
+   * train de s'écrire — et à faire disparaître de l'écran le direct qui, lui, la
+   * montre entière. Elle ne se déplace donc qu'entre deux actions.
+   */
+  const seamTurns = ref(0)
+
+  /** Le disque a-t-il rattrapé le direct ? Sert à savoir s'il faut le redemander. */
+  const parsedCovers = computed(() => diskCaughtUp(parsed.value?.events ?? [], liveEvents.value))
+
+  /**
+   * Ce que la timeline montre : le passé tel que le disque le porte, prolongé du
+   * tour en cours tel que le flux le donne.
+   *
+   * **Pourquoi le disque.** Le flux du SDK est plus maigre que le fichier que le
+   * SDK écrit : ni hooks, ni compactions et leur résumé, ni pièces jointes, ni
+   * slash-commands et leur sortie, ni notifications de tâche, ni prompts mis en
+   * file, ni tours de sous-agents. Surtout, le fichier porte les **identifiants
+   * sur lesquels le reste de l'écran se greffe** : la pastille de contexte d'un
+   * tour se retrouve par `context.turns[].uuid`, qui est l'uuid d'une *ligne* du
+   * `.jsonl` — jamais l'`id` du message API, sur lequel le traducteur clé ses
+   * événements. Une même réponse s'étale d'ailleurs sur plusieurs lignes d'uuid
+   * distincts partageant un seul `message.id`. Tant qu'on affiche le direct, cette
+   * jointure échoue en silence.
+   *
+   * **Pourquoi une couture et non une bascule.** Remplacer toute la liste à la fin
+   * de chaque tour changeait l'identité de chaque ligne : Vue re-rendait le flux
+   * entier, ce qui se voit à l'écran comme un rafraîchissement. Ici le passé garde
+   * ses clés — le disque n'est relu qu'entre deux tours, donc il ne bouge pas
+   * pendant — et seul le tour qui vient de finir échange ses événements contre
+   * ceux du fichier.
+   *
+   * La couture se pose au (n+1)-ième tour humain, où n est ce que le fichier
+   * couvre. C'est le seul repère commun aux deux sources : les identifiants ne
+   * sont pas du même espace, les horloges pas de la même origine, et le contenu ne
+   * se compare pas. Le calcul lui-même vit dans `replay/seam.ts`, où vitest
+   * l'atteint.
+   */
+
+  /**
+   * Le direct, débarrassé de ce qui appartient à un sous-agent.
+   *
+   * Le SDK transmet le travail d'un sous-agent dans le même flux que le reste ; le
+   * serveur l'estampille (voir `agentOf` dans `translate.ts`), mais il faut encore
+   * en tenir compte ici. Sans cela, ses appels d'outil s'affichaient dans le fil
+   * principal *pendant* le run, puis une seconde fois dans la piste de l'agent une
+   * fois le disque relu — le même travail, montré deux fois, à deux endroits.
+   *
+   * Le côté disque, lui, est déjà partitionné par le parseur : c'est la même
+   * opération, appliquée à la source qui, jusqu'ici, ne la subissait pas.
+   */
+  const liveMain = computed(() => eventsOfTrack(liveEvents.value, MAIN_TRACK))
+
+  const mainEvents = computed(() => stitch(parsed.value ? eventsOfTrack(parsed.value.events, MAIN_TRACK) : [], liveMain.value, seamTurns.value))
+
+  /** Une piste d'agent n'existe que sur le disque : le flux ne la porte pas. */
+  const shownEvents = computed(() => (track.value === MAIN_TRACK ? mainEvents.value : eventsOfTrack(parsed.value?.events ?? [], track.value)))
+
+  /**
+   * Le plan de travail, lu sur la même source que le flux.
+   *
+   * Pas sur le direct systématiquement : `TaskPanel` émet l'uuid du tour où sauter,
+   * et un uuid venu d'une source que la timeline n'affiche pas ne désigne rien.
+   */
+  const tasks = computed(() => trackTasks(mainEvents.value))
+
+  /**
+   * Combien de commandes tournent encore.
+   *
+   * Le titre ne porte que ce chiffre-là : le nombre total dirait surtout combien
+   * de sentinelles sont mortes en route, ce qui n'appelle aucune décision.
+   */
+  const runningShells = computed(() => shells.value.filter((s) => s.state === 'running').length)
+
+  /**
+   * La carte du travail : présente dès qu'un de ses deux onglets a de quoi dire.
+   *
+   * Elle disparaît entièrement sinon. Sur le parc, une session sur cinq lance
+   * quelque chose en arrière-plan et toutes ne tiennent pas de plan : une carte
+   * vide, ou un onglet vide, apprendrait moins que rien.
+   */
+  const hasWork = computed(() => tasks.value.tasks.length > 0 || shells.value.length > 0)
+
+  /**
+   * L'onglet regardé, ramené sur un onglet qui existe.
+   *
+   * Les deux sujets n'apparaissent pas ensemble : un plan peut naître longtemps
+   * après la première commande d'arrière-plan, et l'inverse est plus courant
+   * encore. Sans ce recentrage, la carte s'ouvrirait sur un onglet absent et
+   * n'afficherait rien du tout.
+   *
+   * Le plan passe devant quand les deux existent : c'est lui qui dit où en est le
+   * travail demandé, l'arrière-plan ne disant que ce qui tourne encore.
+   */
+  const workTab = ref<'tasks' | 'shells'>('tasks')
+
+  /**
+   * Replié ou non — un choix de lecture, qui ne se souvient pas d'une session à
+   * l'autre : rien n'est gardé dans le navigateur, et le suivi est le premier
+   * intéressant à voir quand on ouvre un travail.
+   */
+  const workOpen = ref(true)
+  const workPanelsId = useId()
+
+  watch(
+    [() => tasks.value.tasks.length, () => shells.value.length],
+    ([nbTasks, nbShells]) => {
+      if (workTab.value === 'tasks' && !nbTasks && nbShells) workTab.value = 'shells'
+      if (workTab.value === 'shells' && !nbShells && nbTasks) workTab.value = 'tasks'
+    },
+    { immediate: true },
+  )
+
+  const trackByUuid = computed(() => trackOfEvent(parsed.value?.events ?? []))
+
+  /**
+   * De l'appel d'outil au tour qui le porte.
+   *
+   * Le panneau d'arrière-plan ne connaît d'une commande que le `tool_use_id` du
+   * `Bash` qui l'a lancée — c'est le seul lien entre une ligne et sa carte. La
+   * timeline, elle, s'ancre sur l'`uuid` de la ligne de transcript. Sans cette
+   * table, le clic cherchait un `toolu_…` parmi des uuid et ne trouvait jamais
+   * rien : il ne se passait simplement rien, sans un mot pour le dire.
+   */
+  const uuidByToolUse = computed(() => {
+    const out = new Map<string, string>()
+    for (const ev of parsed.value?.events ?? []) for (const block of ev.blocks) if (block.kind === 'tool_use' && block.id) out.set(block.id, ev.uuid)
+    return out
+  })
+
+  // Une session qui s'arrête laisse une piste sélectionnée qui n'existe plus.
+  watch(session, (s) => {
+    if (!s) {
+      track.value = MAIN_TRACK
+      parsed.value = null
+      parsedEtag = ''
+    }
+  })
+
+  /**
+   * `/clear` : le transcript change de fichier en cours de route.
+   *
+   * Le serveur a déjà vidé le fil du direct. Mais la timeline montre aussi le
+   * disque, cousu devant lui (`mainEvents`) : sans cette remise à zéro, la
+   * conversation qu'on vient d'effacer reviendrait par ce côté-là — et la couture
+   * la placerait justement au-dessus du curseur.
+   *
+   * Le passage de l'identifiant vide au premier `init` traverse ce watch sans
+   * conséquence : il n'y a alors rien à oublier.
+   */
+  watch(
+    () => session.value?.sessionId,
+    (now, before) => {
+      if (!now || !before || now === before) return
+      parsed.value = null
+      parsedEtag = ''
+      seamTurns.value = 0
+      track.value = MAIN_TRACK
+    },
+  )
+
+  // ── Colonne latérale ────────────────────────────────────────────────────────
+
+  const asideTab = ref<'context' | 'resources'>('context')
+  const openResource = ref<ResourceNode | null>(null)
+  const openSource = ref<ResourceSource>('resource')
+
+  function openResourceNode(node: ResourceNode, source: ResourceSource): void {
+    openSource.value = source
+    openResource.value = node
   }
-}
 
-/**
- * Une commande d'arrière-plan qui finit alors que la session ne fait rien.
- *
- * Le harnais écrit sa nouvelle dans le transcript — le fil sait en faire une
- * carte — mais elle tombe dans un angle mort : au repos, plus rien n'est relu,
- * et la carte n'apparaissait qu'au tour suivant, parfois une demi-heure après
- * la chose qu'elle annonce. Mesuré : commande finie à 10:34:49, fil rattrapé à
- * 10:39:43, à l'occasion d'un message qui parlait d'autre chose.
- *
- * Le serveur, lui, l'a vue passer : la liste des shells arrive par le direct.
- * Il suffit de s'en servir comme signal. Pendant une action, rien à faire — la
- * relecture périodique s'en charge déjà.
- */
-watch(
-  () => shells.value.filter((s) => s.state !== 'running').length,
-  (now, before) => {
-    if (now > before && status.value !== 'working') void refreshTranscript();
-  },
-);
-
-/**
- * Une compaction, annoncée par le direct.
- *
- * Même principe que ci-dessus, et le même angle mort : le harnais écrit la
- * frontière, son résumé et la sortie de la commande *après* avoir rendu la main,
- * si bien que la relecture de fin d'action pouvait la manquer d'une seconde. Le
- * fil restait alors sur un fichier d'avant la compaction — la fenêtre s'était
- * vidée, l'écran n'en disait rien, et il fallait recharger la page pour le voir.
- *
- * Le direct, lui, l'annonce sur-le-champ. On s'en sert comme signal, et
- * `parsedCovers` tient la relecture jusqu'à ce que le fichier la porte vraiment.
- */
-watch(
-  () => liveEvents.value.filter((e) => e.kind === 'compaction').length,
-  (now, before) => {
-    if (now > before) void refreshTranscript();
-  },
-);
-
-// L'action est finie : le fichier est complet, on relit.
-watch(status, (now, before) => {
-  if (before === 'working' && now !== 'working') void refreshTranscript();
-});
-
-/**
- * Relire aussi **pendant** l'action, et pas seulement à sa fin.
- *
- * Une action de l'agent n'est pas un aller-retour : une seule consigne peut
- * déclencher huit réponses API enchaînées, plusieurs minutes durant. N'ouvrir le
- * fichier qu'à la fin faisait apparaître d'un bloc tout ce qu'il apporte — le
- * poids de chaque réponse, les hooks, les pistes — quand l'intérêt est justement
- * de les voir venir.
- *
- * Ce que cela met à jour : les panneaux dérivés (fenêtre de contexte, tâches,
- * pistes). Pas la couture de la timeline, qui reste figée le temps de l'action —
- * la déplacer maintenant mettrait du côté disque une réponse en cours d'écriture
- * et ferait disparaître de l'écran ce qui est justement en train de s'y écrire.
- */
-const LIVE_REFRESH_MS = 2500;
-let liveRefresh: ReturnType<typeof setInterval> | null = null;
-
-watch(status, (now) => {
-  if (liveRefresh) clearInterval(liveRefresh);
-  liveRefresh = null;
-  if (now === 'working') {
-    liveRefresh = setInterval(() => void refreshTranscript(), LIVE_REFRESH_MS);
-  }
-});
-
-onUnmounted(() => {
-  if (retry) clearTimeout(retry);
-  if (liveRefresh) clearInterval(liveRefresh);
-});
-// Le `sessionId` n'arrive qu'avec `init`, donc après le premier prompt : c'est à
-// cet instant que le transcript devient adressable — mais le premier tour est
-// alors en cours. Relire maintenant mettrait un tour *incomplet* du côté disque,
-// et la couture avalerait le direct qui, lui, le montre entièrement. On attend
-// donc la fin du tour, comme partout ailleurs.
-watch(
-  () => session.value?.sessionId,
-  (id) => {
-    if (id && status.value !== 'working') void refreshTranscript();
-  },
-);
-
-// ── Pistes ──────────────────────────────────────────────────────────────────
-
-const track = ref<TrackId>(MAIN_TRACK);
-
-/** Les tours humains que le fichier porte déjà. Zéro tant qu'il n'existe pas. */
-const coveredTurns = computed(() => humanTurns(parsed.value?.events ?? []));
-
-/**
- * Où la couture se pose — et pourquoi ce n'est pas `coveredTurns`.
- *
- * Le fichier est maintenant relu pendant l'action, pour que les panneaux voient
- * venir les réponses au lieu de les découvrir d'un coup. Mais la couture, elle,
- * doit rester où elle était tant que l'action dure : dès que le fichier porte le
- * tour en cours, la suivre reviendrait à afficher côté disque une action en
- * train de s'écrire — et à faire disparaître de l'écran le direct qui, lui, la
- * montre entière. Elle ne se déplace donc qu'entre deux actions.
- */
-const seamTurns = ref(0);
+  /**
+   * La colonne n'apparaît qu'au-delà d'une largeur : en dessous, elle prendrait
+   * au flux la place qu'il lui faut pour rester lisible, et le contexte se replie
+   * alors dans le tiroir de la barre.
+   */
+  const asideColumn = ref(false)
+  const mql = window.matchMedia('(min-width: 1280px)')
+  const onWidth = (e: MediaQueryListEvent | MediaQueryList): void => {
+    asideColumn.value = e.matches
+  }
+  onWidth(mql)
+  mql.addEventListener('change', onWidth)
+  onUnmounted(() => mql.removeEventListener('change', onWidth))
+
+  const showAside = computed(() => Boolean(session.value && asideColumn.value))
+
+  // ── Défilement ──────────────────────────────────────────────────────────────
+
+  /**
+   * Suivre le bas du flux, ou pas. Un seul état, et il dit la vérité : remonter,
+   * c'est cesser de suivre ; redescendre au bas, c'est se remettre à suivre. Le
+   * réglage montre cet état et permet de le forcer.
+   */
+  const autoScroll = ref(true)
+  /**
+   * Suivre le direct : le tour en cours déplie ses outils et son raisonnement, les
+   * tours passés rendent les leurs au repli. Distinct de l'auto-défilement — on
+   * peut vouloir voir le détail sans que la vue coure après la fin.
+   */
+  const followLive = ref(true)
+
+  const scrollEl = ref<HTMLElement | null>(null)
+  // Seule la méthode exposée nous intéresse ; `InstanceType` se résoudrait en `any`.
+  const timeline = ref<{ scrollToEvent: (uuid: string) => Promise<boolean> } | null>(null)
+
+  /** À moins de ça du bas, on considère que le lecteur veut suivre la suite. */
+  const FOLLOW_THRESHOLD_PX = 80
+
+  function onScroll(): void {
+    const el = scrollEl.value
+    if (!el) return
+    autoScroll.value = el.scrollHeight - el.scrollTop - el.clientHeight < FOLLOW_THRESHOLD_PX
+  }
 
-/** Le disque a-t-il rattrapé le direct ? Sert à savoir s'il faut le redemander. */
-const parsedCovers = computed(() => diskCaughtUp(parsed.value?.events ?? [], liveEvents.value));
+  /** L'utilisateur a manœuvré le réglage : rallumer, c'est demander à revenir en bas. */
+  function onFollowToggle(follow: boolean): void {
+    if (follow) void scrollToBottom()
+  }
 
-/**
- * Ce que la timeline montre : le passé tel que le disque le porte, prolongé du
- * tour en cours tel que le flux le donne.
- *
- * **Pourquoi le disque.** Le flux du SDK est plus maigre que le fichier que le
- * SDK écrit : ni hooks, ni compactions et leur résumé, ni pièces jointes, ni
- * slash-commands et leur sortie, ni notifications de tâche, ni prompts mis en
- * file, ni tours de sous-agents. Surtout, le fichier porte les **identifiants
- * sur lesquels le reste de l'écran se greffe** : la pastille de contexte d'un
- * tour se retrouve par `context.turns[].uuid`, qui est l'uuid d'une *ligne* du
- * `.jsonl` — jamais l'`id` du message API, sur lequel le traducteur clé ses
- * événements. Une même réponse s'étale d'ailleurs sur plusieurs lignes d'uuid
- * distincts partageant un seul `message.id`. Tant qu'on affiche le direct, cette
- * jointure échoue en silence.
- *
- * **Pourquoi une couture et non une bascule.** Remplacer toute la liste à la fin
- * de chaque tour changeait l'identité de chaque ligne : Vue re-rendait le flux
- * entier, ce qui se voit à l'écran comme un rafraîchissement. Ici le passé garde
- * ses clés — le disque n'est relu qu'entre deux tours, donc il ne bouge pas
- * pendant — et seul le tour qui vient de finir échange ses événements contre
- * ceux du fichier.
- *
- * La couture se pose au (n+1)-ième tour humain, où n est ce que le fichier
- * couvre. C'est le seul repère commun aux deux sources : les identifiants ne
- * sont pas du même espace, les horloges pas de la même origine, et le contenu ne
- * se compare pas. Le calcul lui-même vit dans `replay/seam.ts`, où vitest
- * l'atteint.
- */
+  /**
+   * Coller le flux au bas — et l'y garder pendant que le contenu grandit.
+   *
+   * Un `nextTick` ne suffit pas : la timeline monte à sa hauteur brute, puis
+   * grandit encore pendant plusieurs images — le markdown se met en forme, la
+   * coloration s'applique, un diagramme se dessine. Coller une seule fois laisse
+   * le flux à mi-hauteur, d'autant plus haut que le tour est riche.
+   *
+   * D'où l'observateur : tant que le suivi est demandé, chaque changement de
+   * hauteur ramène au bas. Il ne peut pas contrarier le lecteur — remonter éteint
+   * `autoScroll` via `onScroll`, et l'observateur se tait aussitôt.
+   */
+  let pinToBottom: ResizeObserver | null = null
+
+  async function scrollToBottom(): Promise<void> {
+    await nextTick()
+    const el = scrollEl.value
+    if (!el) return
+    el.scrollTop = el.scrollHeight
+
+    pinToBottom?.disconnect()
+    const content = el.querySelector('.at-timeline')
+    if (!content) return
+    pinToBottom = new ResizeObserver(() => {
+      if (autoScroll.value) el.scrollTop = el.scrollHeight
+    })
+    pinToBottom.observe(content)
+  }
 
-/**
- * Le direct, débarrassé de ce qui appartient à un sous-agent.
- *
- * Le SDK transmet le travail d'un sous-agent dans le même flux que le reste ; le
- * serveur l'estampille (voir `agentOf` dans `translate.ts`), mais il faut encore
- * en tenir compte ici. Sans cela, ses appels d'outil s'affichaient dans le fil
- * principal *pendant* le run, puis une seconde fois dans la piste de l'agent une
- * fois le disque relu — le même travail, montré deux fois, à deux endroits.
- *
- * Le côté disque, lui, est déjà partitionné par le parseur : c'est la même
- * opération, appliquée à la source qui, jusqu'ici, ne la subissait pas.
- */
-const liveMain = computed(() => eventsOfTrack(liveEvents.value, MAIN_TRACK));
-
-const mainEvents = computed(() =>
-  stitch(
-    parsed.value ? eventsOfTrack(parsed.value.events, MAIN_TRACK) : [],
-    liveMain.value,
-    seamTurns.value,
-  ),
-);
-
-/** Une piste d'agent n'existe que sur le disque : le flux ne la porte pas. */
-const shownEvents = computed(() =>
-  track.value === MAIN_TRACK
-    ? mainEvents.value
-    : eventsOfTrack(parsed.value?.events ?? [], track.value),
-);
-
-/**
- * Le plan de travail, lu sur la même source que le flux.
- *
- * Pas sur le direct systématiquement : `TaskPanel` émet l'uuid du tour où sauter,
- * et un uuid venu d'une source que la timeline n'affiche pas ne désigne rien.
- */
-const tasks = computed(() => trackTasks(mainEvents.value));
+  onUnmounted(() => pinToBottom?.disconnect())
+
+  // Chaque tour allonge le flux : on recolle au bas si le suivi est demandé. On
+  // écoute la source affichée, pas le direct — c'est elle qui change aussi quand
+  // le disque prend le relais, et c'est justement là que la vue risquerait de
+  // sauter. Les deltas de texte ne changent pas l'identité de la liste ;
+  // l'observateur de hauteur les rattrape.
+  watch(mainEvents, () => {
+    if (autoScroll.value) void scrollToBottom()
+  })
+
+  /**
+   * Sauter au tour qu'un lien du contexte ou du plan désigne, où qu'il soit.
+   *
+   * Le défilement qui s'ensuit fait passer `onScroll`, qui coupe l'auto-défilement
+   * de lui-même — et c'est juste : sauter à un tour ancien, c'est cesser de suivre
+   * la fin. En revanche la cible peut être dans une autre piste, où
+   * `scrollToEvent` rendrait `false` sans que rien ne bouge : on rebascule avant
+   * de sauter, parce que le lecteur a demandé cet endroit-là, pas cette vue-là.
+   */
+  /**
+   * Le tour qui a lancé une commande d'arrière-plan.
+   *
+   * Le tour n'est sur le disque qu'une fois terminé : cliquer sur la ligne d'un
+   * shell lancé à l'instant ne mène donc nulle part, et c'est sans remède ici —
+   * il n'y a pas encore de carte où aller.
+   */
+  async function goToShell(toolUseId: string): Promise<void> {
+    const uuid = uuidByToolUse.value.get(toolUseId)
+    if (uuid) await goToTurn(uuid)
+  }
 
-/**
- * Combien de commandes tournent encore.
- *
- * Le titre ne porte que ce chiffre-là : le nombre total dirait surtout combien
- * de sentinelles sont mortes en route, ce qui n'appelle aucune décision.
- */
-const runningShells = computed(() => shells.value.filter((s) => s.state === 'running').length);
+  async function goToTurn(uuid: string): Promise<void> {
+    const target = trackByUuid.value.get(uuid)
+    if (target !== undefined && target !== track.value) {
+      track.value = target
+      await nextTick()
+    }
+    await timeline.value?.scrollToEvent(uuid)
+  }
 
-/**
- * La carte du travail : présente dès qu'un de ses deux onglets a de quoi dire.
- *
- * Elle disparaît entièrement sinon. Sur le parc, une session sur cinq lance
- * quelque chose en arrière-plan et toutes ne tiennent pas de plan : une carte
- * vide, ou un onglet vide, apprendrait moins que rien.
- */
-const hasWork = computed(() => tasks.value.tasks.length > 0 || shells.value.length > 0);
+  // ── Injections pour le fond de la timeline ──────────────────────────────────
+
+  // Où aller chercher la sortie d'un outil que le harness a déversée sur le
+  // disque. `null` tant que l'identifiant du SDK manque : les panneaux montrent
+  // alors l'aperçu qu'ils portent déjà.
+  provide(
+    TRANSCRIPT_SOURCE,
+    computed(() => {
+      const s = session.value
+      return s?.slug && s.sessionId ? { slug: s.slug, sessionId: s.sessionId } : null
+    }),
+  )
+
+  // Ce que la carte d'un appel `Agent` peut dire du run qu'elle a lancé. Elle est
+  // montée à quatre étages d'ici : on fournit plutôt que de faire descendre une
+  // prop de composant en composant.
+  provide(
+    AGENT_RUNS,
+    computed(() => indexRuns(parsed.value?.events ?? [], parsed.value?.subagents ?? [])),
+  )
+  provide(OPEN_TRACK, (agentId: string) => {
+    track.value = agentId
+  })
+  provide(
+    TASK_INDEX,
+    computed(() => taskIndex(tasks.value)),
+  )
+
+  // Les outils partis et pas encore revenus, pour que leur carte batte au lieu de
+  // s'annoncer « sans résultat ». Voir `runningTools`.
+  provide(
+    RUNNING_TOOLS,
+    computed(() => new Set(activity.value.tools.map((t) => t.id))),
+  )
+
+  // ── Cycle de vie de la session ──────────────────────────────────────────────
+
+  function fail(e: unknown): void {
+    notifyError(e)
+  }
 
-/**
- * L'onglet regardé, ramené sur un onglet qui existe.
- *
- * Les deux sujets n'apparaissent pas ensemble : un plan peut naître longtemps
- * après la première commande d'arrière-plan, et l'inverse est plus courant
- * encore. Sans ce recentrage, la carte s'ouvrirait sur un onglet absent et
- * n'afficherait rien du tout.
- *
- * Le plan passe devant quand les deux existent : c'est lui qui dit où en est le
- * travail demandé, l'arrière-plan ne disant que ce qui tourne encore.
- */
-const workTab = ref<'tasks' | 'shells'>('tasks');
+  async function launch(): Promise<void> {
+    launching.value = true
+    launchError.value = ''
+    try {
+      // Sans `prompt` : le serveur crée le runner et n'appelle pas le SDK. La
+      // session existe, ne coûte rien, et attend le premier message du composer.
+      const { session: created } = await createAgentSession({
+        cwd: cwd.value.trim(),
+        ...(model.value ? { model: model.value } : {}),
+        permissionMode: permissionMode.value,
+      })
+      // On s'abonne après création : le premier message du flux est un instantané
+      // complet, donc rien de ce qui s'est passé entre-temps n'est perdu.
+      attach(created.runId)
+      session.value = created
+    } catch (e) {
+      launchError.value = e instanceof Error ? e.message : t('pages.atelier.launchError')
+    } finally {
+      launching.value = false
+    }
+  }
 
-/**
- * Replié ou non — un choix de lecture, qui ne se souvient pas d'une session à
- * l'autre : rien n'est gardé dans le navigateur, et le suivi est le premier
- * intéressant à voir quand on ouvre un travail.
- */
-const workOpen = ref(true);
-const workPanelsId = useId();
-
-watch(
-  [() => tasks.value.tasks.length, () => shells.value.length],
-  ([nbTasks, nbShells]) => {
-    if (workTab.value === 'tasks' && !nbTasks && nbShells) workTab.value = 'shells';
-    if (workTab.value === 'shells' && !nbShells && nbTasks) workTab.value = 'tasks';
-  },
-  { immediate: true },
-);
-
-const trackByUuid = computed(() => trackOfEvent(parsed.value?.events ?? []));
-
-/**
- * De l'appel d'outil au tour qui le porte.
- *
- * Le panneau d'arrière-plan ne connaît d'une commande que le `tool_use_id` du
- * `Bash` qui l'a lancée — c'est le seul lien entre une ligne et sa carte. La
- * timeline, elle, s'ancre sur l'`uuid` de la ligne de transcript. Sans cette
- * table, le clic cherchait un `toolu_…` parmi des uuid et ne trouvait jamais
- * rien : il ne se passait simplement rien, sans un mot pour le dire.
- */
-const uuidByToolUse = computed(() => {
-  const out = new Map<string, string>();
-  for (const ev of parsed.value?.events ?? [])
-    for (const block of ev.blocks)
-      if (block.kind === 'tool_use' && block.id) out.set(block.id, ev.uuid);
-  return out;
-});
-
-// Une session qui s'arrête laisse une piste sélectionnée qui n'existe plus.
-watch(session, (s) => {
-  if (!s) {
-    track.value = MAIN_TRACK;
-    parsed.value = null;
-    parsedEtag = '';
-  }
-});
-
-/**
- * `/clear` : le transcript change de fichier en cours de route.
- *
- * Le serveur a déjà vidé le fil du direct. Mais la timeline montre aussi le
- * disque, cousu devant lui (`mainEvents`) : sans cette remise à zéro, la
- * conversation qu'on vient d'effacer reviendrait par ce côté-là — et la couture
- * la placerait justement au-dessus du curseur.
- *
- * Le passage de l'identifiant vide au premier `init` traverse ce watch sans
- * conséquence : il n'y a alors rien à oublier.
- */
-watch(
-  () => session.value?.sessionId,
-  (now, before) => {
-    if (!now || !before || now === before) return;
-    parsed.value = null;
-    parsedEtag = '';
-    seamTurns.value = 0;
-    track.value = MAIN_TRACK;
-  },
-);
-
-// ── Colonne latérale ────────────────────────────────────────────────────────
-
-const asideTab = ref<'context' | 'resources'>('context');
-const openResource = ref<ResourceNode | null>(null);
-const openSource = ref<ResourceSource>('resource');
-
-function openResourceNode(node: ResourceNode, source: ResourceSource): void {
-  openSource.value = source;
-  openResource.value = node;
-}
-
-/**
- * La colonne n'apparaît qu'au-delà d'une largeur : en dessous, elle prendrait
- * au flux la place qu'il lui faut pour rester lisible, et le contexte se replie
- * alors dans le tiroir de la barre.
- */
-const asideColumn = ref(false);
-const mql = window.matchMedia('(min-width: 1280px)');
-const onWidth = (e: MediaQueryListEvent | MediaQueryList): void => {
-  asideColumn.value = e.matches;
-};
-onWidth(mql);
-mql.addEventListener('change', onWidth);
-onUnmounted(() => mql.removeEventListener('change', onWidth));
-
-const showAside = computed(() => Boolean(session.value && asideColumn.value));
-
-// ── Défilement ──────────────────────────────────────────────────────────────
-
-/**
- * Suivre le bas du flux, ou pas. Un seul état, et il dit la vérité : remonter,
- * c'est cesser de suivre ; redescendre au bas, c'est se remettre à suivre. Le
- * réglage montre cet état et permet de le forcer.
- */
-const autoScroll = ref(true);
-/**
- * Suivre le direct : le tour en cours déplie ses outils et son raisonnement, les
- * tours passés rendent les leurs au repli. Distinct de l'auto-défilement — on
- * peut vouloir voir le détail sans que la vue coure après la fin.
- */
-const followLive = ref(true);
+  async function say(prompt: string, attachments: PromptAttachment[] = []): Promise<void> {
+    const runId = session.value?.runId
+    if (!runId) return
+    try {
+      await sendPrompt(runId, prompt, attachments)
+      autoScroll.value = true
+      await scrollToBottom()
+    } catch (e) {
+      fail(e)
+    }
+  }
 
-const scrollEl = ref<HTMLElement | null>(null);
-// Seule la méthode exposée nous intéresse ; `InstanceType` se résoudrait en `any`.
-const timeline = ref<{ scrollToEvent: (uuid: string) => Promise<boolean> } | null>(null);
+  /**
+   * Changer de modèle ou de mode en cours de session.
+   *
+   * Le serveur pousse la session mise à jour en SSE : on ne touche pas à l'état
+   * local, sinon un échec laisserait l'écran affirmer un réglage qui ne s'applique
+   * pas — et un second onglet ne le verrait pas changer.
+   */
+  async function changePermissionMode(value: string): Promise<void> {
+    const runId = session.value?.runId
+    if (!runId) return
+    try {
+      await setSessionPermissionMode(runId, value)
+    } catch (e) {
+      fail(e)
+    }
+  }
 
-/** À moins de ça du bas, on considère que le lecteur veut suivre la suite. */
-const FOLLOW_THRESHOLD_PX = 80;
+  async function interrupt(): Promise<void> {
+    const runId = session.value?.runId
+    if (!runId) return
+    try {
+      await interruptSession(runId)
+    } catch (e) {
+      fail(e)
+    }
+  }
 
-function onScroll(): void {
-  const el = scrollEl.value;
-  if (!el) return;
-  autoScroll.value = el.scrollHeight - el.scrollTop - el.clientHeight < FOLLOW_THRESHOLD_PX;
-}
+  async function stop(): Promise<void> {
+    const runId = session.value?.runId
+    if (!runId) return
+    try {
+      await stopSession(runId)
+    } catch (e) {
+      fail(e)
+    }
+    detach()
+    session.value = null
+  }
 
-/** L'utilisateur a manœuvré le réglage : rallumer, c'est demander à revenir en bas. */
-function onFollowToggle(follow: boolean): void {
-  if (follow) void scrollToBottom();
-}
+  /**
+   * Répondre à une demande.
+   *
+   * Un `410` veut dire qu'elle a déjà été tranchée — par un autre onglet, par
+   * l'échéance, par une interruption. Le flux retirera le bandeau de lui-même ;
+   * afficher une erreur ferait passer un cas normal pour une panne.
+   */
+  async function respondPermission(id: string, answer: PermissionAnswer): Promise<void> {
+    const runId = session.value?.runId
+    if (!runId) return
+    answering.value = true
+    try {
+      await answerPermission(runId, id, answer)
+    } catch (e) {
+      if ((e as { status?: number }).status !== 410) fail(e)
+      permissions.value = permissions.value.filter((p) => p.id !== id)
+    } finally {
+      answering.value = false
+    }
+  }
 
-/**
- * Coller le flux au bas — et l'y garder pendant que le contenu grandit.
- *
- * Un `nextTick` ne suffit pas : la timeline monte à sa hauteur brute, puis
- * grandit encore pendant plusieurs images — le markdown se met en forme, la
- * coloration s'applique, un diagramme se dessine. Coller une seule fois laisse
- * le flux à mi-hauteur, d'autant plus haut que le tour est riche.
- *
- * D'où l'observateur : tant que le suivi est demandé, chaque changement de
- * hauteur ramène au bas. Il ne peut pas contrarier le lecteur — remonter éteint
- * `autoScroll` via `onScroll`, et l'observateur se tait aussitôt.
- */
-let pinToBottom: ResizeObserver | null = null;
-
-async function scrollToBottom(): Promise<void> {
-  await nextTick();
-  const el = scrollEl.value;
-  if (!el) return;
-  el.scrollTop = el.scrollHeight;
-
-  pinToBottom?.disconnect();
-  const content = el.querySelector('.at-timeline');
-  if (!content) return;
-  pinToBottom = new ResizeObserver(() => {
-    if (autoScroll.value) el.scrollTop = el.scrollHeight;
-  });
-  pinToBottom.observe(content);
-}
-
-onUnmounted(() => pinToBottom?.disconnect());
-
-// Chaque tour allonge le flux : on recolle au bas si le suivi est demandé. On
-// écoute la source affichée, pas le direct — c'est elle qui change aussi quand
-// le disque prend le relais, et c'est justement là que la vue risquerait de
-// sauter. Les deltas de texte ne changent pas l'identité de la liste ;
-// l'observateur de hauteur les rattrape.
-watch(mainEvents, () => {
-  if (autoScroll.value) void scrollToBottom();
-});
-
-/**
- * Sauter au tour qu'un lien du contexte ou du plan désigne, où qu'il soit.
- *
- * Le défilement qui s'ensuit fait passer `onScroll`, qui coupe l'auto-défilement
- * de lui-même — et c'est juste : sauter à un tour ancien, c'est cesser de suivre
- * la fin. En revanche la cible peut être dans une autre piste, où
- * `scrollToEvent` rendrait `false` sans que rien ne bouge : on rebascule avant
- * de sauter, parce que le lecteur a demandé cet endroit-là, pas cette vue-là.
- */
-/**
- * Le tour qui a lancé une commande d'arrière-plan.
- *
- * Le tour n'est sur le disque qu'une fois terminé : cliquer sur la ligne d'un
- * shell lancé à l'instant ne mène donc nulle part, et c'est sans remède ici —
- * il n'y a pas encore de carte où aller.
- */
-async function goToShell(toolUseId: string): Promise<void> {
-  const uuid = uuidByToolUse.value.get(toolUseId);
-  if (uuid) await goToTurn(uuid);
-}
-
-async function goToTurn(uuid: string): Promise<void> {
-  const target = trackByUuid.value.get(uuid);
-  if (target !== undefined && target !== track.value) {
-    track.value = target;
-    await nextTick();
-  }
-  await timeline.value?.scrollToEvent(uuid);
-}
-
-// ── Injections pour le fond de la timeline ──────────────────────────────────
-
-// Où aller chercher la sortie d'un outil que le harness a déversée sur le
-// disque. `null` tant que l'identifiant du SDK manque : les panneaux montrent
-// alors l'aperçu qu'ils portent déjà.
-provide(
-  TRANSCRIPT_SOURCE,
-  computed(() => {
-    const s = session.value;
-    return s?.slug && s.sessionId ? { slug: s.slug, sessionId: s.sessionId } : null;
-  }),
-);
-
-// Ce que la carte d'un appel `Agent` peut dire du run qu'elle a lancé. Elle est
-// montée à quatre étages d'ici : on fournit plutôt que de faire descendre une
-// prop de composant en composant.
-provide(
-  AGENT_RUNS,
-  computed(() => indexRuns(parsed.value?.events ?? [], parsed.value?.subagents ?? [])),
-);
-provide(OPEN_TRACK, (agentId: string) => {
-  track.value = agentId;
-});
-provide(
-  TASK_INDEX,
-  computed(() => taskIndex(tasks.value)),
-);
-
-// Les outils partis et pas encore revenus, pour que leur carte batte au lieu de
-// s'annoncer « sans résultat ». Voir `runningTools`.
-provide(
-  RUNNING_TOOLS,
-  computed(() => new Set(activity.value.tools.map((t) => t.id))),
-);
-
-// ── Cycle de vie de la session ──────────────────────────────────────────────
-
-function fail(e: unknown): void {
-  notifyError(e);
-}
-
-async function launch(): Promise<void> {
-  launching.value = true;
-  launchError.value = '';
-  try {
-    // Sans `prompt` : le serveur crée le runner et n'appelle pas le SDK. La
-    // session existe, ne coûte rien, et attend le premier message du composer.
-    const { session: created } = await createAgentSession({
-      cwd: cwd.value.trim(),
-      ...(model.value ? { model: model.value } : {}),
-      permissionMode: permissionMode.value,
-    });
-    // On s'abonne après création : le premier message du flux est un instantané
-    // complet, donc rien de ce qui s'est passé entre-temps n'est perdu.
-    attach(created.runId);
-    session.value = created;
-  } catch (e) {
-    launchError.value = e instanceof Error ? e.message : t('pages.atelier.launchError');
-  } finally {
-    launching.value = false;
-  }
-}
-
-async function say(prompt: string, attachments: PromptAttachment[] = []): Promise<void> {
-  const runId = session.value?.runId;
-  if (!runId) return;
-  try {
-    await sendPrompt(runId, prompt, attachments);
-    autoScroll.value = true;
-    await scrollToBottom();
-  } catch (e) {
-    fail(e);
-  }
-}
-
-/**
- * Changer de modèle ou de mode en cours de session.
- *
- * Le serveur pousse la session mise à jour en SSE : on ne touche pas à l'état
- * local, sinon un échec laisserait l'écran affirmer un réglage qui ne s'applique
- * pas — et un second onglet ne le verrait pas changer.
- */
-async function changePermissionMode(value: string): Promise<void> {
-  const runId = session.value?.runId;
-  if (!runId) return;
-  try {
-    await setSessionPermissionMode(runId, value);
-  } catch (e) {
-    fail(e);
-  }
-}
-
-async function interrupt(): Promise<void> {
-  const runId = session.value?.runId;
-  if (!runId) return;
-  try {
-    await interruptSession(runId);
-  } catch (e) {
-    fail(e);
-  }
-}
-
-async function stop(): Promise<void> {
-  const runId = session.value?.runId;
-  if (!runId) return;
-  try {
-    await stopSession(runId);
-  } catch (e) {
-    fail(e);
-  }
-  detach();
-  session.value = null;
-}
-
-/**
- * Répondre à une demande.
- *
- * Un `410` veut dire qu'elle a déjà été tranchée — par un autre onglet, par
- * l'échéance, par une interruption. Le flux retirera le bandeau de lui-même ;
- * afficher une erreur ferait passer un cas normal pour une panne.
- */
-async function respondPermission(id: string, answer: PermissionAnswer): Promise<void> {
-  const runId = session.value?.runId;
-  if (!runId) return;
-  answering.value = true;
-  try {
-    await answerPermission(runId, id, answer);
-  } catch (e) {
-    if ((e as { status?: number }).status !== 410) fail(e);
-    permissions.value = permissions.value.filter((p) => p.id !== id);
-  } finally {
-    answering.value = false;
-  }
-}
-
-async function respondAsk(
-  id: string,
-  answers: Record<string, string>,
-  notes: string,
-): Promise<void> {
-  const runId = session.value?.runId;
-  if (!runId) return;
-  answering.value = true;
-  try {
-    await answerAsk(runId, id, answers, notes);
-  } catch (e) {
-    if ((e as { status?: number }).status !== 410) fail(e);
-    asks.value = asks.value.filter((a) => a.id !== id);
-  } finally {
-    answering.value = false;
-    delete drafts[id];
-  }
-}
-
-// ── Le dialogue de réponse ──────────────────────────────────────────────────
-
-const askOpen = ref(false);
-const askReminder = useTemplateRef<HTMLElement>('askReminder');
-
-/**
- * La question qu'on traite : la première arrivée.
- *
- * Deux appels d'outil parallèles peuvent en poser deux ; on répond dans l'ordre
- * plutôt que d'empiler deux formulaires, et le rappel dit combien attendent.
- */
-const currentAsk = computed(() => asks.value[0] ?? null);
+  async function respondAsk(id: string, answers: Record<string, string>, notes: string): Promise<void> {
+    const runId = session.value?.runId
+    if (!runId) return
+    answering.value = true
+    try {
+      await answerAsk(runId, id, answers, notes)
+    } catch (e) {
+      if ((e as { status?: number }).status !== 410) fail(e)
+      asks.value = asks.value.filter((a) => a.id !== id)
+    } finally {
+      answering.value = false
+      delete drafts[id]
+    }
+  }
 
-/**
- * Les réponses en cours, par question.
- *
- * Elles vivent ici et non dans le formulaire : refermer le dialogue le démonte,
- * et perdre un choix à demi fait parce qu'on est allé relire la conversation
- * retirerait tout l'intérêt du bouton qui referme.
- */
-const drafts = reactive<Record<string, AskDraft>>({});
-
-function draftFor(ask: AskRequest): AskDraft {
-  const existing = drafts[ask.id];
-  if (existing) return existing;
-  const fresh: AskDraft = {
-    picks: ask.questions.map((q) => (q.multiSelect ? [] : '')),
-    notes: '',
-    step: 0,
-  };
-  drafts[ask.id] = fresh;
-  return fresh;
-}
-
-const currentDraft = computed<AskDraft>({
-  get: () => (currentAsk.value ? draftFor(currentAsk.value) : { picks: [], notes: '', step: 0 }),
-  set: (v) => {
-    if (currentAsk.value) drafts[currentAsk.value.id] = v;
-  },
-});
-
-// Une question qui arrive ouvre le dialogue — c'est ce qui bloque l'agent. Une
-// question qui repart (répondue, expirée, session arrêtée) le referme.
-watch(
-  () => asks.value.length,
-  (now, before) => {
-    if (now > (before ?? 0)) askOpen.value = true;
-    else if (!now) askOpen.value = false;
-  },
-);
-
-/** Refermer rend la main au rappel, qui est ce qui rouvre. */
-function onAskHide(): void {
-  void nextTick(() => askReminder.value?.focus());
-}
+  // ── Le dialogue de réponse ──────────────────────────────────────────────────
+
+  const askOpen = ref(false)
+  const askReminder = useTemplateRef<HTMLElement>('askReminder')
+
+  /**
+   * La question qu'on traite : la première arrivée.
+   *
+   * Deux appels d'outil parallèles peuvent en poser deux ; on répond dans l'ordre
+   * plutôt que d'empiler deux formulaires, et le rappel dit combien attendent.
+   */
+  const currentAsk = computed(() => asks.value[0] ?? null)
+
+  /**
+   * Les réponses en cours, par question.
+   *
+   * Elles vivent ici et non dans le formulaire : refermer le dialogue le démonte,
+   * et perdre un choix à demi fait parce qu'on est allé relire la conversation
+   * retirerait tout l'intérêt du bouton qui referme.
+   */
+  const drafts = reactive<Record<string, AskDraft>>({})
+
+  function draftFor(ask: AskRequest): AskDraft {
+    const existing = drafts[ask.id]
+    if (existing) return existing
+    const fresh: AskDraft = {
+      picks: ask.questions.map((q) => (q.multiSelect ? [] : '')),
+      notes: '',
+      step: 0,
+    }
+    drafts[ask.id] = fresh
+    return fresh
+  }
+
+  const currentDraft = computed<AskDraft>({
+    get: () => (currentAsk.value ? draftFor(currentAsk.value) : { picks: [], notes: '', step: 0 }),
+    set: (v) => {
+      if (currentAsk.value) drafts[currentAsk.value.id] = v
+    },
+  })
+
+  // Une question qui arrive ouvre le dialogue — c'est ce qui bloque l'agent. Une
+  // question qui repart (répondue, expirée, session arrêtée) le referme.
+  watch(
+    () => asks.value.length,
+    (now, before) => {
+      if (now > (before ?? 0)) askOpen.value = true
+      else if (!now) askOpen.value = false
+    },
+  )
+
+  /** Refermer rend la main au rappel, qui est ce qui rouvre. */
+  function onAskHide(): void {
+    void nextTick(() => askReminder.value?.focus())
+  }
 </script>
 
 <style scoped>
-.at {
-  display: flex;
-  flex-direction: column;
-  padding: var(--space-lg);
-  width: 100%;
-  min-height: 0;
-}
-
-/* Le socle ne normalise pas les titres : sans cela, un `h2` reprend le corps
+  .at {
+    display: flex;
+    flex-direction: column;
+    padding: var(--space-lg);
+    width: 100%;
+    min-height: 0;
+  }
+
+  /* Le socle ne normalise pas les titres : sans cela, un `h2` reprend le corps
    par défaut du navigateur et écrase la hiérarchie de la page. */
-.at h2 {
-  font-size: var(--fs-lg);
-  font-weight: 600;
-  letter-spacing: -0.01em;
-  color: var(--text);
-  margin: 0;
-}
-
-/* ── Écran d'ouverture ───────────────────────────────────────────────────── */
-
-.at-open {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-lg);
-  max-width: var(--page-max);
-  margin: 0 auto;
-  width: 100%;
-  /* La barre de statut est fine et collée en haut : sans cette respiration, la
+  .at h2 {
+    font-size: var(--fs-lg);
+    font-weight: 600;
+    letter-spacing: -0.01em;
+    color: var(--text);
+    margin: 0;
+  }
+
+  /* ── Écran d'ouverture ───────────────────────────────────────────────────── */
+
+  .at-open {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-lg);
+    max-width: var(--page-max);
+    margin: 0 auto;
+    width: 100%;
+    /* La barre de statut est fine et collée en haut : sans cette respiration, la
      première carte lui touche le bord et l'écran commence en butée. */
-  padding-top: var(--space-md);
-}
-
-.at-intro {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-xs);
-}
-
-.at-gone {
-  display: flex;
-  align-items: center;
-  gap: var(--space-md);
-  padding: var(--space-md) var(--space-lg);
-  color: var(--muted);
-}
-
-.at-gone p {
-  margin: 0;
-  flex: 1;
-  min-width: 0;
-  font-size: var(--fs-sm);
-}
-
-.at-title {
-  margin: 0;
-  font-size: 22px;
-  font-weight: 600;
-  letter-spacing: -0.02em;
-  color: var(--text);
-}
-
-.at-lead {
-  margin: 0;
-  font-size: var(--fs-sm);
-  color: var(--muted);
-  max-width: 62ch;
-}
-
-/* `.surface-card` ne donne que le fond, le rayon et l'arête : le rembourrage
+    padding-top: var(--space-md);
+  }
+
+  .at-intro {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+  }
+
+  .at-gone {
+    display: flex;
+    align-items: center;
+    gap: var(--space-md);
+    padding: var(--space-md) var(--space-lg);
+    color: var(--muted);
+  }
+
+  .at-gone p {
+    margin: 0;
+    flex: 1;
+    min-width: 0;
+    font-size: var(--fs-sm);
+  }
+
+  .at-title {
+    margin: 0;
+    font-size: 22px;
+    font-weight: 600;
+    letter-spacing: -0.02em;
+    color: var(--text);
+  }
+
+  .at-lead {
+    margin: 0;
+    font-size: var(--fs-sm);
+    color: var(--muted);
+    max-width: 62ch;
+  }
+
+  /* `.surface-card` ne donne que le fond, le rayon et l'arête : le rembourrage
    appartient à la page. Même valeur que les autres écrans, pour que les blocs de
    l'Atelier ne respirent ni plus ni moins que ceux des Plugins ou des Réglages. */
-.at-where,
-.at-live-open,
-.at-composer {
-  padding: var(--space-lg) var(--space-xl);
-}
-
-.at-live-open {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-md);
-}
-
-/* Le bouton d'arrêt en bout de ligne, l'entrée prenant tout le reste : la cible
+  .at-where,
+  .at-live-open,
+  .at-composer {
+    padding: var(--space-lg) var(--space-xl);
+  }
+
+  .at-live-open {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md);
+  }
+
+  /* Le bouton d'arrêt en bout de ligne, l'entrée prenant tout le reste : la cible
    de reprise doit rester large, c'est le geste courant des deux. */
-.at-live-row {
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-}
-
-.at-live-row .at-session {
-  flex: 1;
-  min-width: 0;
-}
-
-/* Cadré ici plutôt que sur `.at-session-meta`, que la liste « Reprendre »
+  .at-live-row {
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+  }
+
+  .at-live-row .at-session {
+    flex: 1;
+    min-width: 0;
+  }
+
+  /* Cadré ici plutôt que sur `.at-session-meta`, que la liste « Reprendre »
    partage : elle n'a pas de pastille à aligner. */
-.at-live-row .at-session-meta {
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-}
-
-.at-where {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-md);
-}
-
-.at-projects {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
-  gap: var(--space-sm);
-}
-
-.at-project {
-  width: 100%;
-  height: 100%;
-  text-align: left;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  padding: var(--space-md) var(--space-lg);
-  background: var(--surface-2);
-  border: 1px solid transparent;
-  border-radius: var(--radius-sm);
-  color: inherit;
-  cursor: pointer;
-  transition:
-    background var(--motion-fast),
-    border-color var(--motion-fast);
-}
-
-.at-project:hover {
-  background: var(--surface-3);
-}
-
-.at-project:focus-visible {
-  outline: 2px solid var(--brand);
-  outline-offset: 2px;
-}
-
-.at-project--on {
-  border-color: var(--brand-line);
-  background: var(--brand-soft);
-}
-
-.at-project-name {
-  font-size: var(--fs-base);
-  color: var(--text);
-}
-
-.at-project-path {
-  font-size: var(--fs-2xs);
-  color: var(--dim);
-  overflow-wrap: anywhere;
-}
-
-.at-project-meta {
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-  margin-top: var(--space-xs);
-}
-
-.at-pick {
-  display: flex;
-  align-items: flex-start;
-  gap: var(--space-sm);
-}
-
-.at-pick-field {
-  flex: 1;
-  min-width: 0;
-}
-
-.at-picking {
-  margin: 0;
-  font-size: var(--fs-xs);
-  color: var(--muted);
-}
-
-.at-resume {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-  border-top: 1px solid var(--line);
-  padding-top: var(--space-md);
-}
-
-.at-resume-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  margin: 0;
-  font-size: var(--fs-xs);
-  color: var(--muted);
-}
-
-.at-resume-empty {
-  margin: 0;
-  font-size: var(--fs-xs);
-  color: var(--faint);
-}
-
-.at-sessions {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-xs);
-}
-
-.at-session {
-  width: 100%;
-  text-align: left;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  padding: var(--space-sm) var(--space-md);
-  background: transparent;
-  border: 1px solid var(--line-2);
-  border-radius: var(--radius-sm);
-  color: inherit;
-  cursor: pointer;
-  transition:
-    background var(--motion-fast),
-    border-color var(--motion-fast);
-}
-
-.at-session:hover:not(:disabled) {
-  background: var(--surface-2);
-  border-color: var(--brand-line);
-}
-
-.at-session:disabled {
-  opacity: 0.5;
-  cursor: default;
-}
-
-.at-session:focus-visible {
-  outline: 2px solid var(--brand);
-  outline-offset: 2px;
-}
-
-.at-session-title {
-  font-size: var(--fs-sm);
-  color: var(--text);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.at-session-meta {
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-}
-
-.at-options {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: flex-end;
-  gap: var(--space-md) var(--space-lg);
-}
-/* Le libellé au-dessus de ses puces, et non flottant dans un champ : une barre
+  .at-live-row .at-session-meta {
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+  }
+
+  .at-where {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md);
+  }
+
+  .at-projects {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
+    gap: var(--space-sm);
+  }
+
+  .at-project {
+    width: 100%;
+    height: 100%;
+    text-align: left;
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+    padding: var(--space-md) var(--space-lg);
+    background: var(--surface-2);
+    border: 1px solid transparent;
+    border-radius: var(--radius-sm);
+    color: inherit;
+    cursor: pointer;
+    transition:
+      background var(--motion-fast),
+      border-color var(--motion-fast);
+  }
+
+  .at-project:hover {
+    background: var(--surface-3);
+  }
+
+  .at-project:focus-visible {
+    outline: 2px solid var(--brand);
+    outline-offset: 2px;
+  }
+
+  .at-project--on {
+    border-color: var(--brand-line);
+    background: var(--brand-soft);
+  }
+
+  .at-project-name {
+    font-size: var(--fs-base);
+    color: var(--text);
+  }
+
+  .at-project-path {
+    font-size: var(--fs-2xs);
+    color: var(--dim);
+    overflow-wrap: anywhere;
+  }
+
+  .at-project-meta {
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+    margin-top: var(--space-xs);
+  }
+
+  .at-pick {
+    display: flex;
+    align-items: flex-start;
+    gap: var(--space-sm);
+  }
+
+  .at-pick-field {
+    flex: 1;
+    min-width: 0;
+  }
+
+  .at-picking {
+    margin: 0;
+    font-size: var(--fs-xs);
+    color: var(--muted);
+  }
+
+  .at-resume {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+    border-top: 1px solid var(--line);
+    padding-top: var(--space-md);
+  }
+
+  .at-resume-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    margin: 0;
+    font-size: var(--fs-xs);
+    color: var(--muted);
+  }
+
+  .at-resume-empty {
+    margin: 0;
+    font-size: var(--fs-xs);
+    color: var(--faint);
+  }
+
+  .at-sessions {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+  }
+
+  .at-session {
+    width: 100%;
+    text-align: left;
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+    padding: var(--space-sm) var(--space-md);
+    background: transparent;
+    border: 1px solid var(--line-2);
+    border-radius: var(--radius-sm);
+    color: inherit;
+    cursor: pointer;
+    transition:
+      background var(--motion-fast),
+      border-color var(--motion-fast);
+  }
+
+  .at-session:hover:not(:disabled) {
+    background: var(--surface-2);
+    border-color: var(--brand-line);
+  }
+
+  .at-session:disabled {
+    opacity: 0.5;
+    cursor: default;
+  }
+
+  .at-session:focus-visible {
+    outline: 2px solid var(--brand);
+    outline-offset: 2px;
+  }
+
+  .at-session-title {
+    font-size: var(--fs-sm);
+    color: var(--text);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .at-session-meta {
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+  }
+
+  .at-options {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-end;
+    gap: var(--space-md) var(--space-lg);
+  }
+  /* Le libellé au-dessus de ses puces, et non flottant dans un champ : une barre
    de segments n'a pas de bordure où le poser. */
-.at-option {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-xs);
-  min-width: 0;
-}
-.at-option-label {
-  font-size: var(--fs-xs);
-  color: var(--muted);
-}
-/* Le bouton d'ouverture pousse au bout de la rangée, où il conclut le geste. */
-.at-options > .q-btn {
-  margin-left: auto;
-}
-
-/* Étroit : chaque groupe prend sa ligne, et le bouton la sienne — il ne reste
-   plus de place à sa droite pour qu'il y flotte. */
-@media (max-width: 720px) {
   .at-option {
-    width: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+    min-width: 0;
   }
+  .at-option-label {
+    font-size: var(--fs-xs);
+    color: var(--muted);
+  }
+  /* Le bouton d'ouverture pousse au bout de la rangée, où il conclut le geste. */
   .at-options > .q-btn {
-    margin-left: 0;
-    width: 100%;
+    margin-left: auto;
   }
-}
-
-/* ── Session ─────────────────────────────────────────────────────────────── */
-
-/* La page devient un cadre : c'est le flux qui défile, à l'intérieur. */
-.at--live {
-  overflow: hidden;
-}
-
-.at-live {
-  flex: 1;
-  min-height: 0;
-  display: grid;
-  grid-template-columns: minmax(0, 1fr);
-  gap: var(--space-lg);
-}
-
-.at-live--aside {
-  grid-template-columns: minmax(0, 1fr) 380px;
-}
-
-.at-main {
-  min-width: 0;
-  min-height: 0;
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-md);
-}
-
-.at-bar {
-  display: flex;
-  align-items: center;
-  gap: var(--space-md);
-  flex-wrap: wrap;
-  /* Moins haute que les autres cartes : c'est une barre, pas une section. */
-  padding: var(--space-sm) var(--space-lg);
-}
-
-.at-toggle {
-  font-size: var(--fs-xs);
-  color: var(--muted);
-}
-
-.at-dot {
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  background: var(--dim);
-  flex: none;
-}
-
-.at-dot--working {
-  background: var(--pulse);
-}
-
-.at-dot--waiting {
-  background: var(--brand);
-}
-
-.at-dot--failed {
-  background: var(--danger);
-}
-
-.at-status {
-  font-size: var(--fs-sm);
-  color: var(--text);
-}
-
-/* Un nom de dossier ne se coupe pas en deux : s'il déborde, il s'abrège, et
+
+  /* Étroit : chaque groupe prend sa ligne, et le bouton la sienne — il ne reste
+   plus de place à sa droite pour qu'il y flotte. */
+  @media (max-width: 720px) {
+    .at-option {
+      width: 100%;
+    }
+    .at-options > .q-btn {
+      margin-left: 0;
+      width: 100%;
+    }
+  }
+
+  /* ── Session ─────────────────────────────────────────────────────────────── */
+
+  /* La page devient un cadre : c'est le flux qui défile, à l'intérieur. */
+  .at--live {
+    overflow: hidden;
+  }
+
+  .at-live {
+    flex: 1;
+    min-height: 0;
+    display: grid;
+    grid-template-columns: minmax(0, 1fr);
+    gap: var(--space-lg);
+  }
+
+  .at-live--aside {
+    grid-template-columns: minmax(0, 1fr) 380px;
+  }
+
+  .at-main {
+    min-width: 0;
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md);
+  }
+
+  .at-bar {
+    display: flex;
+    align-items: center;
+    gap: var(--space-md);
+    flex-wrap: wrap;
+    /* Moins haute que les autres cartes : c'est une barre, pas une section. */
+    padding: var(--space-sm) var(--space-lg);
+  }
+
+  .at-toggle {
+    font-size: var(--fs-xs);
+    color: var(--muted);
+  }
+
+  .at-dot {
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    background: var(--dim);
+    flex: none;
+  }
+
+  .at-dot--working {
+    background: var(--pulse);
+  }
+
+  .at-dot--waiting {
+    background: var(--brand);
+  }
+
+  .at-dot--failed {
+    background: var(--danger);
+  }
+
+  .at-status {
+    font-size: var(--fs-sm);
+    color: var(--text);
+  }
+
+  /* Un nom de dossier ne se coupe pas en deux : s'il déborde, il s'abrège, et
    l'infobulle porte le chemin entier. */
-.at-cwd {
-  font-size: var(--fs-xs);
-  color: var(--dim);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-/* Une puce, pas une note de bas de page : c'est qui travaille. Même forme que
+  .at-cwd {
+    font-size: var(--fs-xs);
+    color: var(--dim);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  /* Une puce, pas une note de bas de page : c'est qui travaille. Même forme que
    `.at-resumed`, en neutre — l'une signale un fait rare, l'autre est permanente. */
-.at-model {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--space-xs);
-  font-size: var(--fs-2xs);
-  color: var(--muted);
-  background: var(--surface-3);
-  border-radius: var(--radius-xs);
-  padding: 1px var(--space-xs);
-  flex: none;
-}
-
-.at-resumed {
-  font-size: var(--fs-2xs);
-  color: var(--brand);
-  background: var(--brand-soft);
-  border-radius: var(--radius-xs);
-  padding: 1px var(--space-xs);
-  flex: none;
-}
-
-/* Prévu, pas encore confirmé par le SDK : la puce est là dès l'ouverture, en
+  .at-model {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--space-xs);
+    font-size: var(--fs-2xs);
+    color: var(--muted);
+    background: var(--surface-3);
+    border-radius: var(--radius-xs);
+    padding: 1px var(--space-xs);
+    flex: none;
+  }
+
+  .at-resumed {
+    font-size: var(--fs-2xs);
+    color: var(--brand);
+    background: var(--brand-soft);
+    border-radius: var(--radius-xs);
+    padding: 1px var(--space-xs);
+    flex: none;
+  }
+
+  /* Prévu, pas encore confirmé par le SDK : la puce est là dès l'ouverture, en
    retrait, et reprend sa couleur quand le premier tour l'a confirmée. */
-.at-model--planned {
-  color: var(--dim);
-}
+  .at-model--planned {
+    color: var(--dim);
+  }
 
-/* Les quatre modes tiennent leur place, et le nom du projet prend le reste. Sans
+  /* Les quatre modes tiennent leur place, et le nom du projet prend le reste. Sans
    `flex: none`, la barre les comprimerait au premier titre un peu long. */
-.at-live-modes {
-  flex: none;
-}
-
-.at-cwd {
-  flex: 1;
-  min-width: 0;
-}
-
-/* Le seul conteneur qui défile de tout l'écran. */
-.at-scroll {
-  flex: 1;
-  min-height: 0;
-  overflow-y: auto;
-  padding-right: var(--space-xs);
-}
-
-.at-empty {
-  margin: 0;
-  font-size: var(--fs-sm);
-  color: var(--dim);
-}
-
-/*
+  .at-live-modes {
+    flex: none;
+  }
+
+  .at-cwd {
+    flex: 1;
+    min-width: 0;
+  }
+
+  /* Le seul conteneur qui défile de tout l'écran. */
+  .at-scroll {
+    flex: 1;
+    min-height: 0;
+    overflow-y: auto;
+    padding-right: var(--space-xs);
+  }
+
+  .at-empty {
+    margin: 0;
+    font-size: var(--fs-sm);
+    color: var(--dim);
+  }
+
+  /*
   Le pied est un frère du flux, pas un calque au-dessus. C'est ce qui garantit
   qu'aucun message ne passe derrière la zone de saisie.
 */
-.at-foot {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-md);
-  flex: none;
-}
-
-/* Une demande longue ne doit pas pousser la saisie hors de l'écran. */
-.at-foot > :not(.at-composer) {
-  max-height: 40vh;
-  overflow-y: auto;
-}
-
-/* Le rappel d'une question refermée : une ligne, la même encre que la demande
+  .at-foot {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md);
+    flex: none;
+  }
+
+  /* Une demande longue ne doit pas pousser la saisie hors de l'écran. */
+  .at-foot > :not(.at-composer) {
+    max-height: 40vh;
+    overflow-y: auto;
+  }
+
+  /* Le rappel d'une question refermée : une ligne, la même encre que la demande
    qu'elle remplace, et de quoi la rouvrir. */
-.at-ask-reminder {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  width: 100%;
-  padding: var(--space-sm) var(--space-lg);
-  border: 1px solid var(--line-3);
-  border-radius: var(--radius-md);
-  background: var(--surface);
-  color: var(--text);
-  font-size: var(--fs-sm);
-  text-align: left;
-  cursor: pointer;
-  transition:
-    background var(--motion-fast) ease,
-    border-color var(--motion-fast) ease;
-}
-.at-ask-reminder:hover,
-.at-ask-reminder:focus-visible {
-  background: var(--surface-2);
-  border-color: var(--brand-line);
-}
-.at-ask-reminder > .q-icon {
-  color: var(--brand);
-}
-.at-ask-reminder-cta {
-  margin-left: auto;
-  font-size: var(--fs-xs);
-  color: var(--brand);
-}
-
-/* Le dialogue de réponse : large, parce qu'une maquette ASCII a une largeur
+  .at-ask-reminder {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    width: 100%;
+    padding: var(--space-sm) var(--space-lg);
+    border: 1px solid var(--line-3);
+    border-radius: var(--radius-md);
+    background: var(--surface);
+    color: var(--text);
+    font-size: var(--fs-sm);
+    text-align: left;
+    cursor: pointer;
+    transition:
+      background var(--motion-fast) ease,
+      border-color var(--motion-fast) ease;
+  }
+  .at-ask-reminder:hover,
+  .at-ask-reminder:focus-visible {
+    background: var(--surface-2);
+    border-color: var(--brand-line);
+  }
+  .at-ask-reminder > .q-icon {
+    color: var(--brand);
+  }
+  .at-ask-reminder-cta {
+    margin-left: auto;
+    font-size: var(--fs-xs);
+    color: var(--brand);
+  }
+
+  /* Le dialogue de réponse : large, parce qu'une maquette ASCII a une largeur
    propre — et c'est elle qui commande. À 960 px, une centaine de colonnes de
    mono tiennent sans que le bloc défile chez lui ; en dessous, on comparait des
    maquettes en les faisant glisser une à une. Haut sans dépasser : c'est le
@@ -2401,43 +2251,43 @@ function onAskHide(): void {
 
    La largeur ne suffit pas ici : Quasar plafonne ses dialogues, et le plafond
    se lève dans le bloc non scopé plus bas. */
-.at-ask-card {
-  width: 960px;
-  max-width: 94vw;
-  max-height: 85vh;
-  overflow-y: auto;
-  padding: var(--space-lg) var(--space-xl);
-}
-
-.at-error {
-  margin: var(--space-sm) 0 0;
-  font-size: var(--fs-xs);
-  color: var(--danger);
-}
-
-/* ── Colonne latérale ────────────────────────────────────────────────────── */
-
-.at-aside {
-  min-height: 0;
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-md);
-  padding: 2px;
-}
-
-.at-panel {
-  position: relative;
-  min-width: 0;
-  min-height: 0;
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  /* La carte porte l'arrondi, son dernier enfant défile : sans découpe, une
+  .at-ask-card {
+    width: 960px;
+    max-width: 94vw;
+    max-height: 85vh;
+    overflow-y: auto;
+    padding: var(--space-lg) var(--space-xl);
+  }
+
+  .at-error {
+    margin: var(--space-sm) 0 0;
+    font-size: var(--fs-xs);
+    color: var(--danger);
+  }
+
+  /* ── Colonne latérale ────────────────────────────────────────────────────── */
+
+  .at-aside {
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md);
+    padding: 2px;
+  }
+
+  .at-panel {
+    position: relative;
+    min-width: 0;
+    min-height: 0;
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    /* La carte porte l'arrondi, son dernier enfant défile : sans découpe, une
      sortie de shell passe sous les angles du bas et mord le bord. */
-  overflow: hidden;
-}
+    overflow: hidden;
+  }
 
-/*
+  /*
  * Le voile du bas.
  *
  * Une zone qui défile coupe sa dernière ligne en deux, et une demi-ligne posée
@@ -2449,115 +2299,115 @@ function onAskHide(): void {
  * qui défile défilerait avec lui, et le voile quitterait le bas dès le premier
  * glissement.
  */
-.at-panel::after {
-  content: '';
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  height: var(--space-md);
-  background: linear-gradient(to top, var(--surface), transparent);
-  pointer-events: none;
-}
-
-/* Le suivi s'en tient à sa taille et laisse le reste au contexte. */
-.at-panel--tasks {
-  flex: none;
-  max-height: 40%;
-}
-
-/* Replié, il ne pèse plus que sa barre d'onglets — donc plus de voile du bas,
+  .at-panel::after {
+    content: '';
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    height: var(--space-md);
+    background: linear-gradient(to top, var(--surface), transparent);
+    pointer-events: none;
+  }
+
+  /* Le suivi s'en tient à sa taille et laisse le reste au contexte. */
+  .at-panel--tasks {
+    flex: none;
+    max-height: 40%;
+  }
+
+  /* Replié, il ne pèse plus que sa barre d'onglets — donc plus de voile du bas,
    qui n'annoncerait plus rien à faire défiler. */
-.at-panel--folded::after {
-  content: none;
-}
-
-.at-work-head {
-  display: flex;
-  align-items: stretch;
-  border-bottom: 1px solid var(--line);
-}
-.at-work-head .at-tabs {
-  min-width: 0;
-  flex: 1;
-  border-bottom: 0;
-}
-.at-work-fold {
-  flex: none;
-  align-self: center;
-  margin-right: var(--space-xs);
-  color: var(--muted);
-}
-
-.at-panel-title {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  margin: 0;
-  /* Un cran plus serré que la carte : l'en-tête nomme, il n'expose pas. Le
+  .at-panel--folded::after {
+    content: none;
+  }
+
+  .at-work-head {
+    display: flex;
+    align-items: stretch;
+    border-bottom: 1px solid var(--line);
+  }
+  .at-work-head .at-tabs {
+    min-width: 0;
+    flex: 1;
+    border-bottom: 0;
+  }
+  .at-work-fold {
+    flex: none;
+    align-self: center;
+    margin-right: var(--space-xs);
+    color: var(--muted);
+  }
+
+  .at-panel-title {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    margin: 0;
+    /* Un cran plus serré que la carte : l'en-tête nomme, il n'expose pas. Le
      large réservait à un titre de deux mots l'air d'une section entière.
      La hauteur, elle, ne venait pas du rembourrage : Quasar impose aux `h2`
      un `line-height` de 60 px, dont seule la taille de police avait été
      reprise — 69 px de haut pour une ligne de 15 px. */
-  padding: var(--space-xs) var(--space-md);
-  line-height: 1.4;
-  border-bottom: 1px solid var(--line);
-}
-
-.at-panel-count {
-  font-size: var(--fs-xs);
-  color: var(--dim);
-}
-
-.at-panel-scroll {
-  min-height: 0;
-  overflow-y: auto;
-  padding: var(--space-sm) var(--space-lg) var(--space-md);
-}
-
-.at-panel-empty {
-  margin: 0;
-  padding: var(--space-lg);
-  font-size: var(--fs-sm);
-  color: var(--dim);
-}
-
-.at-tabs {
-  border-bottom: 1px solid var(--line);
-  color: var(--muted);
-}
-
-/* Quasar empile le contenu d'un onglet — prévu pour une icône au-dessus d'un
+    padding: var(--space-xs) var(--space-md);
+    line-height: 1.4;
+    border-bottom: 1px solid var(--line);
+  }
+
+  .at-panel-count {
+    font-size: var(--fs-xs);
+    color: var(--dim);
+  }
+
+  .at-panel-scroll {
+    min-height: 0;
+    overflow-y: auto;
+    padding: var(--space-sm) var(--space-lg) var(--space-md);
+  }
+
+  .at-panel-empty {
+    margin: 0;
+    padding: var(--space-lg);
+    font-size: var(--fs-sm);
+    color: var(--dim);
+  }
+
+  .at-tabs {
+    border-bottom: 1px solid var(--line);
+    color: var(--muted);
+  }
+
+  /* Quasar empile le contenu d'un onglet — prévu pour une icône au-dessus d'un
    libellé. Le compteur n'est pas une icône : il se lit à côté du nom, comme il
    le faisait dans le titre de carte qu'il remplace. */
-.at-tabs :deep(.q-tab__content) {
-  flex-direction: row;
-  gap: var(--space-xs);
-}
-
-.at-tabpanels {
-  min-height: 0;
-  flex: 1;
-  background: transparent;
-}
-
-/*
+  .at-tabs :deep(.q-tab__content) {
+    flex-direction: row;
+    gap: var(--space-xs);
+  }
+
+  .at-tabpanels {
+    min-height: 0;
+    flex: 1;
+    background: transparent;
+  }
+
+  /*
  * Un onglet de la carte du travail ne met rien autour de son contenu : c'est la
  * zone qui défile, à l'intérieur, qui porte le rembourrage — sinon celui de
  * Quasar s'ajoute au sien et la sortie d'un shell perd deux crans de largeur.
  */
-.at-tabpanel {
-  min-height: 0;
-  padding: 0;
-}
-.at-tabpanel :deep(.q-panel) {
-  display: flex;
-  flex-direction: column;
-}
+  .at-tabpanel {
+    min-height: 0;
+    padding: 0;
+  }
+  .at-tabpanel :deep(.q-panel) {
+    display: flex;
+    flex-direction: column;
+  }
 </style>
 
 <style lang="scss">
-/* Le plafond des dialogues de Quasar — `max-width: 560px` au-delà de 600 px de
+  /* Le plafond des dialogues de Quasar — `max-width: 560px` au-delà de 600 px de
    large — est plus fort que la largeur posée sur la carte, et il vit hors de
    l'arbre scopé : le dialogue est téléporté dans `<body>`.
 
@@ -2565,7 +2415,7 @@ function onAskHide(): void {
    défile horizontalement, et comparer deux options revient alors à les faire
    glisser l'une après l'autre. On lève le plafond pour ce dialogue-là seulement ;
    la carte reprend la main, avec son propre repli en `vw`. */
-.q-dialog.at-ask-dialog .q-dialog__inner--minimized > div {
-  max-width: 960px;
-}
+  .q-dialog.at-ask-dialog .q-dialog__inner--minimized > div {
+    max-width: 960px;
+  }
 </style>
diff --git a/src/pages/BackupsPage.vue b/src/pages/BackupsPage.vue
index e3d36d5..7551bd2 100644
--- a/src/pages/BackupsPage.vue
+++ b/src/pages/BackupsPage.vue
@@ -10,14 +10,7 @@
         {{ t('pages.backups.sub', { n: entries.length, size: totalSize }, entries.length) }}
       </p>
       <div class="bk-tools">
-        <q-btn
-          flat
-          dense
-          no-caps
-          :label="t('common.refresh')"
-          :disable="loading"
-          @click="refresh"
-        />
+        <q-btn flat dense no-caps :label="t('common.refresh')" :disable="loading" @click="refresh" />
         <q-btn
           flat
           dense
@@ -36,24 +29,12 @@
     <div v-else class="bk-body">
       <!-- Files, as the tree they form on disk -->
       <aside class="bk-list surface-card">
-        <RuleTree
-          :nodes="tree"
-          :active-rel="selected ?? ''"
-          file-icon="history"
-          :file-meta="versionCount"
-          @open="selected = $event.rel"
-        />
+        <RuleTree :nodes="tree" :active-rel="selected ?? ''" file-icon="history" :file-meta="versionCount" @open="selected = $event.rel" />
       </aside>
 
       <!-- Versions of the selected file -->
       <section class="bk-versions surface-card">
-        <EmptyState
-          v-if="!current"
-          center
-          pad="lg"
-          class="bk-empty--big"
-          :message="t('pages.backups.pickFile')"
-        />
+        <EmptyState v-if="!current" center pad="lg" class="bk-empty--big" :message="t('pages.backups.pickFile')" />
         <template v-else>
           <div class="bk-versions-head">
             <span class="bk-versions-scope font-mono">{{ current.scope }}</span>
@@ -100,352 +81,346 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted, ref, computed, watch } from 'vue';
-import { useQuasar } from 'quasar';
-import { useI18n } from 'vue-i18n';
-import ConfirmDiffDialog from '@/components/ConfirmDiffDialog.vue';
-import RuleTree, {
-  type RuleNode,
-  type RuleDirNode,
-  type RuleFileNode,
-} from '@/components/RuleTree.vue';
-import EmptyState from '@/components/ui/EmptyState.vue';
-import { useNotify } from '@/composables/useNotify';
-import { listBackups, readBackup, purgeBackups, type BackupEntry } from '@/services/backups';
-import { propose as proposeWrite, type Proposal } from '@/services/claude';
-import { fmtBytes, fmtDate } from '@/utils/format';
-import { prettyProjectSlug } from '@/utils/slug';
-
-const { t } = useI18n();
-const $q = useQuasar();
-const { notifyError, notifyDone } = useNotify();
+  import ConfirmDiffDialog from '@/components/ConfirmDiffDialog.vue'
+  import RuleTree, { type RuleNode, type RuleDirNode, type RuleFileNode } from '@/components/RuleTree.vue'
+  import EmptyState from '@/components/ui/EmptyState.vue'
+  import { useNotify } from '@/composables/useNotify'
+  import { listBackups, readBackup, purgeBackups, type BackupEntry } from '@/services/backups'
+  import { propose as proposeWrite, type Proposal } from '@/services/claude'
+  import { fmtBytes, fmtDate } from '@/utils/format'
+  import { prettyProjectSlug } from '@/utils/slug'
+  import { useQuasar } from 'quasar'
+  import { onMounted, ref, computed, watch } from 'vue'
+  import { useI18n } from 'vue-i18n'
 
-const entries = ref<BackupEntry[]>([]);
-const loading = ref(true);
-const selected = ref<string | null>(null);
-const busy = ref<string | null>(null);
-const proposal = ref<Proposal | null>(null);
+  const { t } = useI18n()
+  const $q = useQuasar()
+  const { notifyError, notifyDone } = useNotify()
 
-interface FileGroup {
-  rel: string;
-  /** Project the file belongs to, or the managed dir itself. */
-  scope: string;
-  /** Path shown to the user: within its project, the slug is redundant. */
-  label: string;
-  versions: BackupEntry[];
-}
+  const entries = ref<BackupEntry[]>([])
+  const loading = ref(true)
+  const selected = ref<string | null>(null)
+  const busy = ref<string | null>(null)
+  const proposal = ref<Proposal | null>(null)
 
-// `projects/<slug>/memory/MEMORY.md` ne dit rien à qui lit : le slug est un
-// chemin encodé, et il écrase le nom du fichier. On sépare les deux — le projet
-// d'un côté, ce qui a été sauvegardé de l'autre.
-const CLAUDE_DIR = '~/.claude';
-// `~/.claude.json` est l'état du CLI, et il vit à côté du dossier géré, pas
-// dedans : c'est la seule sauvegarde qui sorte de la racine (server/mcp.ts).
-const HOME_JSON = '.claude.json';
-function scopeOf(rel: string): { scope: string; label: string } {
-  if (rel === HOME_JSON) return { scope: '~', label: HOME_JSON };
-  const m = /^projects\/([^/]+)\/(.+)$/.exec(rel);
-  if (!m?.[1] || !m[2]) return { scope: CLAUDE_DIR, label: rel };
-  return { scope: prettyProjectSlug(m[1]), label: m[2] };
-}
+  interface FileGroup {
+    rel: string
+    /** Project the file belongs to, or the managed dir itself. */
+    scope: string
+    /** Path shown to the user: within its project, the slug is redundant. */
+    label: string
+    versions: BackupEntry[]
+  }
 
-const files = computed<FileGroup[]>(() => {
-  const map = new Map<string, BackupEntry[]>();
-  for (const e of entries.value) {
-    const arr = map.get(e.rel) ?? [];
-    arr.push(e);
-    map.set(e.rel, arr);
+  // `projects/<slug>/memory/MEMORY.md` ne dit rien à qui lit : le slug est un
+  // chemin encodé, et il écrase le nom du fichier. On sépare les deux — le projet
+  // d'un côté, ce qui a été sauvegardé de l'autre.
+  const CLAUDE_DIR = '~/.claude'
+  // `~/.claude.json` est l'état du CLI, et il vit à côté du dossier géré, pas
+  // dedans : c'est la seule sauvegarde qui sorte de la racine (server/mcp.ts).
+  const HOME_JSON = '.claude.json'
+  function scopeOf(rel: string): { scope: string; label: string } {
+    if (rel === HOME_JSON) return { scope: '~', label: HOME_JSON }
+    const m = /^projects\/([^/]+)\/(.+)$/.exec(rel)
+    if (!m?.[1] || !m[2]) return { scope: CLAUDE_DIR, label: rel }
+    return { scope: prettyProjectSlug(m[1]), label: m[2] }
   }
-  return [...map.entries()]
-    .map(([rel, versions]) => ({
-      rel,
-      ...scopeOf(rel),
-      versions: versions.sort((a, b) => b.mtime - a.mtime),
-    }))
-    .sort(
-      (a, b) =>
-        // Le dossier géré d'abord, les projets ensuite, chacun groupé.
-        Number(a.scope !== CLAUDE_DIR) - Number(b.scope !== CLAUDE_DIR) ||
-        a.scope.localeCompare(b.scope) ||
-        a.label.localeCompare(b.label),
-    );
-});
-const current = computed(() => files.value.find((f) => f.rel === selected.value) ?? null);
 
-// ── L'arbre ──────────────────────────────────────────────────────────────────
+  const files = computed<FileGroup[]>(() => {
+    const map = new Map<string, BackupEntry[]>()
+    for (const e of entries.value) {
+      const arr = map.get(e.rel) ?? []
+      arr.push(e)
+      map.set(e.rel, arr)
+    }
+    return [...map.entries()]
+      .map(([rel, versions]) => ({
+        rel,
+        ...scopeOf(rel),
+        versions: versions.sort((a, b) => b.mtime - a.mtime),
+      }))
+      .sort(
+        (a, b) =>
+          // Le dossier géré d'abord, les projets ensuite, chacun groupé.
+          Number(a.scope !== CLAUDE_DIR) - Number(b.scope !== CLAUDE_DIR) || a.scope.localeCompare(b.scope) || a.label.localeCompare(b.label),
+      )
+  })
+  const current = computed(() => files.value.find((f) => f.rel === selected.value) ?? null)
 
-// L'arbre est celui de la page Projet — même composant, donc même façon de
-// plier, de mettre en avant la sélection et de compter. `buildTree` ne convient
-// pas ici : il nomme ses dossiers d'après le disque, or c'est précisément le
-// slug de projet qu'on veut traduire.
-function leaf(f: FileGroup, label: string): RuleFileNode {
-  const last = f.versions[0];
-  return {
-    type: 'file',
-    key: f.rel,
-    label,
-    node: {
-      category: 'other',
-      rel: f.rel,
-      name: label,
-      title: '',
-      description: '',
-      size: last?.size ?? 0,
-      mtime: last?.mtime ?? 0,
-    },
-  };
-}
+  // ── L'arbre ──────────────────────────────────────────────────────────────────
 
-function insert(root: RuleDirNode, f: FileGroup): void {
-  const segs = f.rel.split('/');
-  let cur = root;
-  segs.forEach((seg, i) => {
-    if (i === segs.length - 1) {
-      cur.children.push(leaf(f, seg));
-      return;
-    }
-    const path = segs.slice(0, i + 1).join('/');
-    let dir = cur.children.find((c): c is RuleDirNode => c.type === 'dir' && c.path === path);
-    if (!dir) {
-      // Un niveau sous `projects/`, le segment est un slug encodé : c'est le
-      // seul endroit de l'arbre où le nom affiché n'est pas le nom sur disque.
-      const name = /^projects\/[^/]+$/.test(path) ? prettyProjectSlug(seg) : seg;
-      dir = { type: 'dir', key: path, name, path, fileCount: 0, children: [] };
-      cur.children.push(dir);
+  // L'arbre est celui de la page Projet — même composant, donc même façon de
+  // plier, de mettre en avant la sélection et de compter. `buildTree` ne convient
+  // pas ici : il nomme ses dossiers d'après le disque, or c'est précisément le
+  // slug de projet qu'on veut traduire.
+  function leaf(f: FileGroup, label: string): RuleFileNode {
+    const last = f.versions[0]
+    return {
+      type: 'file',
+      key: f.rel,
+      label,
+      node: {
+        category: 'other',
+        rel: f.rel,
+        name: label,
+        title: '',
+        description: '',
+        size: last?.size ?? 0,
+        mtime: last?.mtime ?? 0,
+      },
     }
-    cur = dir;
-  });
-}
+  }
 
-// Fichiers avant dossiers : `settings.json` et `CLAUDE.md` sont ce qu'on vient
-// chercher, ils passeraient sous trois dossiers avec la convention inverse.
-function finish(d: RuleDirNode): number {
-  let n = 0;
-  for (const c of d.children) n += c.type === 'dir' ? finish(c) : 1;
-  d.fileCount = n;
-  d.children.sort((a, b) => {
-    if (a.type !== b.type) return a.type === 'dir' ? 1 : -1;
-    return (a.type === 'dir' ? a.name : a.label).localeCompare(b.type === 'dir' ? b.name : b.label);
-  });
-  return n;
-}
+  function insert(root: RuleDirNode, f: FileGroup): void {
+    const segs = f.rel.split('/')
+    let cur = root
+    segs.forEach((seg, i) => {
+      if (i === segs.length - 1) {
+        cur.children.push(leaf(f, seg))
+        return
+      }
+      const path = segs.slice(0, i + 1).join('/')
+      let dir = cur.children.find((c): c is RuleDirNode => c.type === 'dir' && c.path === path)
+      if (!dir) {
+        // Un niveau sous `projects/`, le segment est un slug encodé : c'est le
+        // seul endroit de l'arbre où le nom affiché n'est pas le nom sur disque.
+        const name = /^projects\/[^/]+$/.test(path) ? prettyProjectSlug(seg) : seg
+        dir = { type: 'dir', key: path, name, path, fileCount: 0, children: [] }
+        cur.children.push(dir)
+      }
+      cur = dir
+    })
+  }
 
-const tree = computed<RuleNode[]>(() => {
-  const managed: RuleDirNode = {
-    type: 'dir',
-    key: CLAUDE_DIR,
-    name: CLAUDE_DIR,
-    path: CLAUDE_DIR,
-    fileCount: 0,
-    children: [],
-  };
-  const out: RuleNode[] = [];
-  for (const f of files.value) {
-    if (f.rel === HOME_JSON) out.push(leaf(f, `~/${HOME_JSON}`));
-    else insert(managed, f);
+  // Fichiers avant dossiers : `settings.json` et `CLAUDE.md` sont ce qu'on vient
+  // chercher, ils passeraient sous trois dossiers avec la convention inverse.
+  function finish(d: RuleDirNode): number {
+    let n = 0
+    for (const c of d.children) n += c.type === 'dir' ? finish(c) : 1
+    d.fileCount = n
+    d.children.sort((a, b) => {
+      if (a.type !== b.type) return a.type === 'dir' ? 1 : -1
+      return (a.type === 'dir' ? a.name : a.label).localeCompare(b.type === 'dir' ? b.name : b.label)
+    })
+    return n
   }
-  finish(managed);
-  if (managed.children.length) out.unshift(managed);
-  return out;
-});
 
-/** En bout de ligne, un fichier vaut par son nombre de versions, pas sa taille. */
-function versionCount(node: { rel: string }): string {
-  return String(files.value.find((f) => f.rel === node.rel)?.versions.length ?? '');
-}
+  const tree = computed<RuleNode[]>(() => {
+    const managed: RuleDirNode = {
+      type: 'dir',
+      key: CLAUDE_DIR,
+      name: CLAUDE_DIR,
+      path: CLAUDE_DIR,
+      fileCount: 0,
+      children: [],
+    }
+    const out: RuleNode[] = []
+    for (const f of files.value) {
+      if (f.rel === HOME_JSON) out.push(leaf(f, `~/${HOME_JSON}`))
+      else insert(managed, f)
+    }
+    finish(managed)
+    if (managed.children.length) out.unshift(managed)
+    return out
+  })
 
-const totalSize = computed(() => fmtBytes(entries.value.reduce((s, e) => s + e.size, 0)));
+  /** En bout de ligne, un fichier vaut par son nombre de versions, pas sa taille. */
+  function versionCount(node: { rel: string }): string {
+    return String(files.value.find((f) => f.rel === node.rel)?.versions.length ?? '')
+  }
 
-async function refresh(): Promise<void> {
-  loading.value = true;
-  try {
-    entries.value = (await listBackups()).entries;
-  } catch (e) {
-    notifyError(e, t('pages.backups.readError'));
-  } finally {
-    loading.value = false;
+  const totalSize = computed(() => fmtBytes(entries.value.reduce((s, e) => s + e.size, 0)))
+
+  async function refresh(): Promise<void> {
+    loading.value = true
+    try {
+      entries.value = (await listBackups()).entries
+    } catch (e) {
+      notifyError(e, t('pages.backups.readError'))
+    } finally {
+      loading.value = false
+    }
   }
-}
 
-// Keep a valid selection as the list changes.
-watch(files, (fs) => {
-  if (!fs.some((f) => f.rel === selected.value)) selected.value = fs[0]?.rel ?? null;
-});
+  // Keep a valid selection as the list changes.
+  watch(files, (fs) => {
+    if (!fs.some((f) => f.rel === selected.value)) selected.value = fs[0]?.rel ?? null
+  })
 
-async function restore(v: BackupEntry): Promise<void> {
-  busy.value = v.stamp;
-  try {
-    const { content } = await readBackup(v.stamp, v.rel);
-    // Preview current-vs-backup, then the normal apply writes it back (and
-    // snapshots the pre-restore state).
-    proposal.value = await proposeWrite(v.rel, content);
-  } catch (e) {
-    notifyError(e, t('pages.backups.prepareError'));
-  } finally {
-    busy.value = null;
+  async function restore(v: BackupEntry): Promise<void> {
+    busy.value = v.stamp
+    try {
+      const { content } = await readBackup(v.stamp, v.rel)
+      // Preview current-vs-backup, then the normal apply writes it back (and
+      // snapshots the pre-restore state).
+      proposal.value = await proposeWrite(v.rel, content)
+    } catch (e) {
+      notifyError(e, t('pages.backups.prepareError'))
+    } finally {
+      busy.value = null
+    }
   }
-}
 
-async function onRestored(): Promise<void> {
-  proposal.value = null;
-  notifyDone(t('pages.backups.restored'));
-  await refresh();
-}
+  async function onRestored(): Promise<void> {
+    proposal.value = null
+    notifyDone(t('pages.backups.restored'))
+    await refresh()
+  }
 
-// Confirmée, comme la purge globale : une sauvegarde est le seul exemplaire de
-// ce qu'un fichier contenait avant une écriture. Supprimer au clic, sans filet,
-// c'était retirer le filet lui-même.
-function purgeOne(v: BackupEntry): void {
-  $q.dialog({
-    title: t('pages.backups.purgeOneTitle'),
-    message: t('pages.backups.purgeOneMessage', {
-      date: fmtDate(v.mtime),
-      file: current.value?.rel ?? '',
-    }),
-    cancel: { flat: true, noCaps: true, label: t('common.cancel') },
-    ok: { color: 'negative', noCaps: true, label: t('pages.backups.purgeOneOk') },
-  }).onOk(() => {
-    void (async () => {
-      try {
-        await purgeBackups(v.stamp);
-        notifyDone(t('pages.backups.purgedOne'));
-        await refresh();
-      } catch (e) {
-        notifyError(e, t('pages.backups.deleteError'));
-      }
-    })();
-  });
-}
+  // Confirmée, comme la purge globale : une sauvegarde est le seul exemplaire de
+  // ce qu'un fichier contenait avant une écriture. Supprimer au clic, sans filet,
+  // c'était retirer le filet lui-même.
+  function purgeOne(v: BackupEntry): void {
+    $q.dialog({
+      title: t('pages.backups.purgeOneTitle'),
+      message: t('pages.backups.purgeOneMessage', {
+        date: fmtDate(v.mtime),
+        file: current.value?.rel ?? '',
+      }),
+      cancel: { flat: true, noCaps: true, label: t('common.cancel') },
+      ok: { color: 'negative', noCaps: true, label: t('pages.backups.purgeOneOk') },
+    }).onOk(() => {
+      void (async () => {
+        try {
+          await purgeBackups(v.stamp)
+          notifyDone(t('pages.backups.purgedOne'))
+          await refresh()
+        } catch (e) {
+          notifyError(e, t('pages.backups.deleteError'))
+        }
+      })()
+    })
+  }
 
-function purgeAll(): void {
-  const n = entries.value.length;
-  $q.dialog({
-    title: t('pages.backups.purgeAll'),
-    message: t('pages.backups.purgeMessage', { n }),
-    cancel: { flat: true, noCaps: true, label: t('common.cancel') },
-    ok: { color: 'negative', noCaps: true, label: t('pages.backups.purgeOk') },
-  }).onOk(() => {
-    void (async () => {
-      try {
-        await purgeBackups();
-        await refresh();
-      } catch (e) {
-        notifyError(e, t('pages.backups.purgeError'));
-      }
-    })();
-  });
-}
+  function purgeAll(): void {
+    const n = entries.value.length
+    $q.dialog({
+      title: t('pages.backups.purgeAll'),
+      message: t('pages.backups.purgeMessage', { n }),
+      cancel: { flat: true, noCaps: true, label: t('common.cancel') },
+      ok: { color: 'negative', noCaps: true, label: t('pages.backups.purgeOk') },
+    }).onOk(() => {
+      void (async () => {
+        try {
+          await purgeBackups()
+          await refresh()
+        } catch (e) {
+          notifyError(e, t('pages.backups.purgeError'))
+        }
+      })()
+    })
+  }
 
-onMounted(refresh);
+  onMounted(refresh)
 </script>
 
 <style scoped lang="scss">
-.bk {
-  padding: var(--space-md) var(--space-xl) var(--space-xl);
-  width: 100%;
-  max-width: var(--page-max);
-  margin: 0 auto;
-}
-.bk-header {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: var(--space-xs) var(--space-md);
-  margin-bottom: var(--space-lg);
-}
-.bk-head-icon {
-  color: var(--faint);
-  flex: 0 0 auto;
-}
-.bk-sub {
-  flex: 1 1 auto;
-  min-width: 0;
-  color: var(--dim);
-  font-size: var(--fs-sm);
-  margin: 0;
-}
-.bk-tools {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  flex: 0 0 auto;
-  margin-left: auto;
-}
-.bk-empty--big {
-  margin: auto;
-}
+  .bk {
+    padding: var(--space-md) var(--space-xl) var(--space-xl);
+    width: 100%;
+    max-width: var(--page-max);
+    margin: 0 auto;
+  }
+  .bk-header {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: var(--space-xs) var(--space-md);
+    margin-bottom: var(--space-lg);
+  }
+  .bk-head-icon {
+    color: var(--faint);
+    flex: 0 0 auto;
+  }
+  .bk-sub {
+    flex: 1 1 auto;
+    min-width: 0;
+    color: var(--dim);
+    font-size: var(--fs-sm);
+    margin: 0;
+  }
+  .bk-tools {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    flex: 0 0 auto;
+    margin-left: auto;
+  }
+  .bk-empty--big {
+    margin: auto;
+  }
 
-.bk-body {
-  display: grid;
-  grid-template-columns: 420px 1fr;
-  gap: var(--space-lg);
-  align-items: start;
-}
-@media (max-width: 860px) {
   .bk-body {
-    grid-template-columns: 1fr;
+    display: grid;
+    grid-template-columns: 420px 1fr;
+    gap: var(--space-lg);
+    align-items: start;
+  }
+  @media (max-width: 860px) {
+    .bk-body {
+      grid-template-columns: 1fr;
+    }
+  }
+  .bk-list {
+    padding: var(--space-xs);
+    max-height: calc(100vh - 180px);
+    overflow: auto;
+  }
+  .bk-list {
+    padding: var(--space-sm);
+  }
+  .bk-versions {
+    min-height: 200px;
+    display: flex;
+    flex-direction: column;
+  }
+  .bk-versions-head {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+    padding: var(--space-md);
+    border-bottom: 1px solid var(--line);
+    color: var(--muted);
+    font-size: var(--fs-sm);
+    word-break: break-all;
+  }
+  .bk-versions-scope {
+    font-size: var(--fs-2xs);
+    color: var(--dim);
+  }
+  .bk-vlist {
+    list-style: none;
+    margin: 0;
+    padding: var(--space-sm);
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+  }
+  .bk-ver {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--space-md);
+    padding: var(--space-sm) var(--space-md);
+    background: var(--surface-2);
+    border: 1px solid var(--line);
+    border-radius: var(--radius-sm);
+  }
+  .bk-ver-info {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+  }
+  .bk-ver-date {
+    font-size: var(--fs-sm);
+  }
+  .bk-ver-size {
+    font-size: var(--fs-2xs);
+    color: var(--dim);
+  }
+  .bk-ver-actions {
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
   }
-}
-.bk-list {
-  padding: var(--space-xs);
-  max-height: calc(100vh - 180px);
-  overflow: auto;
-}
-.bk-list {
-  padding: var(--space-sm);
-}
-.bk-versions {
-  min-height: 200px;
-  display: flex;
-  flex-direction: column;
-}
-.bk-versions-head {
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  padding: var(--space-md);
-  border-bottom: 1px solid var(--line);
-  color: var(--muted);
-  font-size: var(--fs-sm);
-  word-break: break-all;
-}
-.bk-versions-scope {
-  font-size: var(--fs-2xs);
-  color: var(--dim);
-}
-.bk-vlist {
-  list-style: none;
-  margin: 0;
-  padding: var(--space-sm);
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-xs);
-}
-.bk-ver {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--space-md);
-  padding: var(--space-sm) var(--space-md);
-  background: var(--surface-2);
-  border: 1px solid var(--line);
-  border-radius: var(--radius-sm);
-}
-.bk-ver-info {
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-}
-.bk-ver-date {
-  font-size: var(--fs-sm);
-}
-.bk-ver-size {
-  font-size: var(--fs-2xs);
-  color: var(--dim);
-}
-.bk-ver-actions {
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-}
 </style>
diff --git a/src/pages/DiagnosticPage.vue b/src/pages/DiagnosticPage.vue
index 000ef88..5863f16 100644
--- a/src/pages/DiagnosticPage.vue
+++ b/src/pages/DiagnosticPage.vue
@@ -7,12 +7,7 @@
     <header class="dg-header">
       <q-icon name="troubleshoot" size="15px" class="dg-head-icon" aria-hidden="true" />
       <p class="dg-sub font-mono">{{ t('pages.diagnostic.sub') }}</p>
-      <SegmentedControl
-        v-model="range"
-        :options="rangeOptions"
-        :aria-label="t('pages.usage.rangeAria')"
-        class="dg-range"
-      />
+      <SegmentedControl v-model="range" :options="rangeOptions" :aria-label="t('pages.usage.rangeAria')" class="dg-range" />
       <q-btn flat dense no-caps :label="t('common.refresh')" :disable="loading" @click="reload" />
     </header>
 
@@ -21,14 +16,7 @@
       <q-icon name="warning" size="lg" color="negative" aria-hidden="true" />
       <h2>{{ t('pages.diagnostic.loadError') }}</h2>
       <p class="dg-state-msg">{{ error }}</p>
-      <q-btn
-        unelevated
-        no-caps
-        color="primary"
-        :label="t('common.retry')"
-        :loading="loading"
-        @click="reload"
-      />
+      <q-btn unelevated no-caps color="primary" :label="t('common.retry')" :loading="loading" @click="reload" />
     </section>
 
     <template v-else>
@@ -49,9 +37,7 @@
         <header class="dg-section-head">
           <q-icon name="playlist_add_check" size="20px" aria-hidden="true" />
           <h2 id="dg-actions-title">{{ t('pages.diagnostic.actions') }}</h2>
-          <span class="dg-count font-mono">{{
-            report ? `${report.summary.top.length}` : '—'
-          }}</span>
+          <span class="dg-count font-mono">{{ report ? `${report.summary.top.length}` : '—' }}</span>
         </header>
 
         <q-skeleton v-if="loading" height="200px" />
@@ -177,10 +163,7 @@
             </article>
             <article class="dg-pace-card">
               <p class="section-label dg-tile-label">
-                <HelpTip
-                  :what="t('pages.diagnostic.concurrencyWhat')"
-                  :reading="t('pages.diagnostic.concurrencyReading')"
-                >
+                <HelpTip :what="t('pages.diagnostic.concurrencyWhat')" :reading="t('pages.diagnostic.concurrencyReading')">
                   {{ t('pages.diagnostic.concurrency') }}
                 </HelpTip>
               </p>
@@ -208,9 +191,7 @@
           <q-icon name="rule" size="20px" aria-hidden="true" />
           <h2 id="dg-recos-title">{{ t('pages.diagnostic.detail') }}</h2>
           <span class="dg-count font-mono">
-            {{
-              report ? t('pages.diagnostic.rulesCount', { n: report.recommendations.length }) : '—'
-            }}
+            {{ report ? t('pages.diagnostic.rulesCount', { n: report.recommendations.length }) : '—' }}
           </span>
         </header>
 
@@ -219,12 +200,7 @@
           {{ t('pages.diagnostic.nothing') }}
         </p>
         <q-list v-else separator class="dg-recos">
-          <q-expansion-item
-            v-for="r in recommendations"
-            :key="r.id"
-            :label="r.title"
-            header-class="dg-reco-head"
-          >
+          <q-expansion-item v-for="r in recommendations" :key="r.id" :label="r.title" header-class="dg-reco-head">
             <template #header>
               <q-item-section avatar class="dg-reco-avatar">
                 <q-icon
@@ -238,9 +214,7 @@
                 <span class="dg-reco-title">{{ r.title }}</span>
                 <span class="dg-reco-meta font-mono">
                   {{ t('pages.diagnostic.affected', r.affected) }}
-                  <template v-if="!r.calibrated">{{
-                    t('pages.diagnostic.uncalibratedTag')
-                  }}</template>
+                  <template v-if="!r.calibrated">{{ t('pages.diagnostic.uncalibratedTag') }}</template>
                 </span>
               </q-item-section>
               <q-item-section side>
@@ -261,16 +235,8 @@
               <!-- La provenance du chiffre : sans elle, un montant n'est qu'une
                    assertion. Elle dit aussi lequel est exact et lequel est estimé. -->
               <p class="dg-reco-basis">
-                <q-icon
-                  :name="r.impact.kind === 'measured' ? 'straighten' : 'blur_on'"
-                  size="14px"
-                  aria-hidden="true"
-                />
-                {{
-                  r.impact.kind === 'measured'
-                    ? t('pages.diagnostic.measured')
-                    : t('pages.diagnostic.estimated')
-                }}
+                <q-icon :name="r.impact.kind === 'measured' ? 'straighten' : 'blur_on'" size="14px" aria-hidden="true" />
+                {{ r.impact.kind === 'measured' ? t('pages.diagnostic.measured') : t('pages.diagnostic.estimated') }}
                 —
                 {{ r.impact.basis }}
               </p>
@@ -286,15 +252,8 @@
                 <p class="section-label dg-targets-label">{{ t('pages.diagnostic.heaviest') }}</p>
                 <ul class="dg-targets">
                   <li v-for="t in r.targets" :key="t.id">
-                    <router-link
-                      class="dg-target"
-                      :to="{ name: 'session', params: { slug: t.project, id: t.id } }"
-                    >
-                      <span
-                        class="dg-target-dot"
-                        :style="{ background: severityColor(t.severity) }"
-                        aria-hidden="true"
-                      />
+                    <router-link class="dg-target" :to="{ name: 'session', params: { slug: t.project, id: t.id } }">
+                      <span class="dg-target-dot" :style="{ background: severityColor(t.severity) }" aria-hidden="true" />
                       <span class="dg-target-label font-mono">{{ t.label }}</span>
                       <span class="dg-target-project">{{ projectName(t.project) }}</span>
                       <span class="dg-target-value font-mono">{{ targetAmount(t) }}</span>
@@ -314,13 +273,7 @@
           <q-icon name="tune" size="20px" aria-hidden="true" />
           <h2 id="dg-thresholds-title">{{ t('pages.diagnostic.thresholds') }}</h2>
           <span class="dg-count font-mono">
-            {{
-              report
-                ? report.thresholds.reliable
-                  ? t('pages.diagnostic.thresholdsCalibrated')
-                  : t('pages.diagnostic.thresholdsPartial')
-                : '—'
-            }}
+            {{ report ? (report.thresholds.reliable ? t('pages.diagnostic.thresholdsCalibrated') : t('pages.diagnostic.thresholdsPartial')) : '—' }}
           </span>
         </header>
 
@@ -374,9 +327,7 @@
                       <span v-if="!c.calibrated" class="dg-bound-weak">
                         {{ t('pages.diagnostic.boundWeak') }}
                       </span>
-                      <span v-else-if="c.bound === 'guard'">{{
-                        t('pages.diagnostic.boundGuard')
-                      }}</span>
+                      <span v-else-if="c.bound === 'guard'">{{ t('pages.diagnostic.boundGuard') }}</span>
                       <span v-else>{{ t('pages.diagnostic.boundPark') }}</span>
                     </HelpTip>
                   </td>
@@ -406,11 +357,7 @@
       </section>
 
       <!-- Ce que ce rapport ne sait pas. Toujours rendu. -->
-      <section
-        v-if="report?.summary.caveats.length"
-        class="surface-card dg-section dg-caveats"
-        aria-labelledby="dg-caveats-title"
-      >
+      <section v-if="report?.summary.caveats.length" class="surface-card dg-section dg-caveats" aria-labelledby="dg-caveats-title">
         <header class="dg-section-head">
           <q-icon name="info" size="20px" aria-hidden="true" />
           <h2 id="dg-caveats-title">{{ t('pages.diagnostic.caveats') }}</h2>
@@ -424,617 +371,580 @@
 </template>
 
 <script setup lang="ts">
-import { computed, onMounted, ref, watch } from 'vue';
-import { useI18n } from 'vue-i18n';
-import {
-  getDiagnostics,
-  type Calibration,
-  type DiagnosticReport,
-  type Impact,
-  type Recommendation,
-  type Target,
-} from '@/services/diagnostics';
-import { severityIcon, severityColor, severityLabel } from '@/services/diagnostics/severity';
-import { resolveRange, type RangeKey } from '@/services/usage';
-import SegmentedControl from '@/components/ui/SegmentedControl.vue';
-import HelpTip from '@/components/ui/HelpTip.vue';
-import {
-  fmtDateLong,
-  fmtDateShort,
-  fmtDecimal,
-  fmtMoney,
-  fmtNum,
-  fmtPercent,
-} from '@/utils/format';
-
-const { t } = useI18n();
-
-const range = ref<RangeKey>('30d');
-// Mêmes périodes que la page Usage, et donc les mêmes libellés.
-const rangeOptions = computed(() => [
-  { label: t('pages.usage.ranges.d7'), value: '7d' as const },
-  { label: t('pages.usage.ranges.d30'), value: '30d' as const },
-  { label: t('pages.usage.ranges.d90'), value: '90d' as const },
-  { label: t('pages.usage.ranges.all'), value: 'all' as const },
-]);
-
-const report = ref<DiagnosticReport | null>(null);
-const loading = ref(true);
-const error = ref('');
-
-// ── Formatage ────────────────────────────────────────────────────────────────
-
-const money = fmtMoney;
-
-/**
- * Le chiffre d'un impact.
- *
- * Un montant prime sur des tokens quand les deux existent : le dollar est exact
- * et comparable, le token est une estimation. Le `~` est porté par la classe
- * d'estimation, pas par la chaîne, pour qu'il ne se retrouve pas dans un tri.
- */
-function amount(impact: Impact): string {
-  if (impact.usd !== undefined) return money(impact.usd);
-  if (impact.tokens !== undefined) return `~${fmtNum(impact.tokens)} tok`;
-  return '—';
-}
-
-function targetAmount(t: Target): string {
-  if (t.usd !== undefined) return money(t.usd);
-  if (t.tokens !== undefined) return `~${fmtNum(t.tokens)} tok`;
-  return '';
-}
-
-function unitValue(v: number, unit: Calibration['unit']): string {
-  if (unit === 'usd') return money(v);
-  if (unit === 'ratio') return fmtPercent(v);
-  if (unit === 'tokens') return fmtNum(v);
-  // Un rapport garde sa décimale : « 2 explorations par modification » perd
-  // exactement ce qui distingue 1,5 de 2,4.
-  if (unit === 'rate') return fmtDecimal(v);
-  return String(Math.round(v));
-}
-
-/** `-Users-dev-Documents-projets-aura` → `aura`. Comme sur la page Usage. */
-function projectName(slug: string): string {
-  const parts = slug.split('-').filter(Boolean);
-  return parts[parts.length - 1] ?? slug;
-}
-
-// ── Données dérivées ─────────────────────────────────────────────────────────
-
-const tiles = computed(() => {
-  const s = report.value?.summary;
-  const critical = report.value?.findings.filter((f) => f.severity === 'critical').length ?? 0;
-  return [
-    {
-      label: t('pages.diagnostic.tiles.cost'),
-      value: s ? money(s.cost) : '—',
-      hint: t('pages.diagnostic.tiles.costHint'),
-      accent: true,
-    },
-    {
-      label: t('pages.diagnostic.tiles.sessions'),
-      value: s ? String(s.sessions) : '—',
-      hint: t('pages.diagnostic.tiles.sessionsHint'),
-    },
-    {
-      label: t('pages.diagnostic.tiles.findings'),
-      value: s ? String(s.findings) : '—',
-      hint: t('pages.diagnostic.tiles.findingsHint'),
-    },
-    {
-      label: t('pages.diagnostic.tiles.critical'),
-      value: s ? String(critical) : '—',
-      hint: t('pages.diagnostic.tiles.criticalHint'),
-    },
-  ];
-});
-
-/**
- * Les recommandations, chacune sachant si ses cibles sont des sessions.
- *
- * Une règle de parc (`socle-gaspille`) désigne le corpus entier : ses « cibles »
- * n'ouvrent aucune session, et un lien mort vaut moins que pas de lien.
- */
-const recommendations = computed<(Recommendation & { scopeIsSession: boolean })[]>(() =>
-  (report.value?.recommendations ?? []).map((r) => ({
-    ...r,
-    scopeIsSession: r.targets.every((t) => t.id !== '' && t.project !== ''),
-  })),
-);
+  import HelpTip from '@/components/ui/HelpTip.vue'
+  import SegmentedControl from '@/components/ui/SegmentedControl.vue'
+  import { getDiagnostics, type Calibration, type DiagnosticReport, type Impact, type Recommendation, type Target } from '@/services/diagnostics'
+  import { severityIcon, severityColor, severityLabel } from '@/services/diagnostics/severity'
+  import { resolveRange, type RangeKey } from '@/services/usage'
+  import { fmtDateLong, fmtDateShort, fmtDecimal, fmtMoney, fmtNum, fmtPercent } from '@/utils/format'
+  import { computed, onMounted, ref, watch } from 'vue'
+  import { useI18n } from 'vue-i18n'
+
+  const { t } = useI18n()
+
+  const range = ref<RangeKey>('30d')
+  // Mêmes périodes que la page Usage, et donc les mêmes libellés.
+  const rangeOptions = computed(() => [
+    { label: t('pages.usage.ranges.d7'), value: '7d' as const },
+    { label: t('pages.usage.ranges.d30'), value: '30d' as const },
+    { label: t('pages.usage.ranges.d90'), value: '90d' as const },
+    { label: t('pages.usage.ranges.all'), value: 'all' as const },
+  ])
+
+  const report = ref<DiagnosticReport | null>(null)
+  const loading = ref(true)
+  const error = ref('')
+
+  // ── Formatage ────────────────────────────────────────────────────────────────
+
+  const money = fmtMoney
+
+  /**
+   * Le chiffre d'un impact.
+   *
+   * Un montant prime sur des tokens quand les deux existent : le dollar est exact
+   * et comparable, le token est une estimation. Le `~` est porté par la classe
+   * d'estimation, pas par la chaîne, pour qu'il ne se retrouve pas dans un tri.
+   */
+  function amount(impact: Impact): string {
+    if (impact.usd !== undefined) return money(impact.usd)
+    if (impact.tokens !== undefined) return `~${fmtNum(impact.tokens)} tok`
+    return '—'
+  }
 
-// ── Comment vous travaillez ──────────────────────────────────────────────────
+  function targetAmount(t: Target): string {
+    if (t.usd !== undefined) return money(t.usd)
+    if (t.tokens !== undefined) return `~${fmtNum(t.tokens)} tok`
+    return ''
+  }
 
-const behaviour = computed(() => report.value?.behaviour ?? null);
-const pace = computed(() => report.value?.pace ?? null);
+  function unitValue(v: number, unit: Calibration['unit']): string {
+    if (unit === 'usd') return money(v)
+    if (unit === 'ratio') return fmtPercent(v)
+    if (unit === 'tokens') return fmtNum(v)
+    // Un rapport garde sa décimale : « 2 explorations par modification » perd
+    // exactement ce qui distingue 1,5 de 2,4.
+    if (unit === 'rate') return fmtDecimal(v)
+    return String(Math.round(v))
+  }
 
-const one = (n: number): string => fmtDecimal(n);
+  /** `-Users-dev-Documents-projets-aura` → `aura`. Comme sur la page Usage. */
+  function projectName(slug: string): string {
+    const parts = slug.split('-').filter(Boolean)
+    return parts[parts.length - 1] ?? slug
+  }
 
-/**
- * Les quatre gestes, du quart du bas au quart du haut.
- *
- * `strong` marque les deux colonnes qui renversent l'intuition : les sessions
- * les plus productives font *plus* de tours par prompt, pas moins. C'est la
- * lecture qu'on veut voir sauter aux yeux, parce que c'est celle qu'on n'attend
- * pas — et une règle écrite à l'instinct aurait conseillé l'inverse.
- */
-const workRows = computed(() => {
-  const b = behaviour.value;
-  if (!b) return [];
-  return [
-    {
-      label: t('pages.diagnostic.rows.editsPerHour'),
-      what: t('pages.diagnostic.rows.editsPerHourWhat'),
-      reading: t('pages.diagnostic.rows.editsPerHourReading'),
-      bottom: one(b.editsPerHour.bottom),
-      top: one(b.editsPerHour.top),
-      strong: false,
-    },
-    {
-      label: t('pages.diagnostic.rows.explorationRatio'),
-      what: t('pages.diagnostic.rows.explorationRatioWhat'),
-      reading: workReadingFor('explorationRatio'),
-      bottom: one(b.explorationRatio.bottom),
-      top: one(b.explorationRatio.top),
-      strong: true,
-    },
-    {
-      label: t('pages.diagnostic.rows.turnsPerPrompt'),
-      what: t('pages.diagnostic.rows.turnsPerPromptWhat'),
-      reading: workReadingFor('turnsPerPrompt'),
-      bottom: one(b.turnsPerPrompt.bottom),
-      top: one(b.turnsPerPrompt.top),
-      strong: true,
-    },
-    {
-      label: t('pages.diagnostic.rows.interrupted'),
-      what: t('pages.diagnostic.rows.interruptedWhat'),
-      bottom: fmtPercent(b.interruptedShare.bottom),
-      top: fmtPercent(b.interruptedShare.top),
-      strong: false,
-    },
-  ];
-});
-
-/**
- * La lecture d'un geste, dans le sens où *votre* parc la donne.
- *
- * Écrite à partir de la comparaison plutôt qu'en dur : là où on l'a mesuré, les
- * gestes marqués `strong` renversent l'intuition, mais rien ne garantit qu'ils
- * la renversent partout — une phrase figée finirait par mentir.
- */
-function workReadingFor(key: 'explorationRatio' | 'turnsPerPrompt'): string {
-  const b = behaviour.value;
-  if (!b?.comparable) return '';
-  const { top, bottom } = b[key];
-  if (Math.abs(top - bottom) < 0.05) return t('pages.diagnostic.readings.same');
-  const more = top > bottom;
-  if (key === 'explorationRatio') {
-    return more
-      ? t('pages.diagnostic.readings.exploreMore')
-      : t('pages.diagnostic.readings.exploreLess');
-  }
-  return more ? t('pages.diagnostic.readings.turnsMore') : t('pages.diagnostic.readings.turnsLess');
-}
-
-/** La phrase qui dit ce que le tableau montre — construite sur vos chiffres. */
-const workReading = computed(() => {
-  const b = behaviour.value;
-  if (!b?.comparable) return '';
-  const parts: string[] = [];
-  if (b.explorationRatio.bottom > b.explorationRatio.top) {
-    parts.push(
-      t('pages.diagnostic.workReading.explore', {
-        top: one(b.explorationRatio.top),
+  // ── Données dérivées ─────────────────────────────────────────────────────────
+
+  const tiles = computed(() => {
+    const s = report.value?.summary
+    const critical = report.value?.findings.filter((f) => f.severity === 'critical').length ?? 0
+    return [
+      {
+        label: t('pages.diagnostic.tiles.cost'),
+        value: s ? money(s.cost) : '—',
+        hint: t('pages.diagnostic.tiles.costHint'),
+        accent: true,
+      },
+      {
+        label: t('pages.diagnostic.tiles.sessions'),
+        value: s ? String(s.sessions) : '—',
+        hint: t('pages.diagnostic.tiles.sessionsHint'),
+      },
+      {
+        label: t('pages.diagnostic.tiles.findings'),
+        value: s ? String(s.findings) : '—',
+        hint: t('pages.diagnostic.tiles.findingsHint'),
+      },
+      {
+        label: t('pages.diagnostic.tiles.critical'),
+        value: s ? String(critical) : '—',
+        hint: t('pages.diagnostic.tiles.criticalHint'),
+      },
+    ]
+  })
+
+  /**
+   * Les recommandations, chacune sachant si ses cibles sont des sessions.
+   *
+   * Une règle de parc (`socle-gaspille`) désigne le corpus entier : ses « cibles »
+   * n'ouvrent aucune session, et un lien mort vaut moins que pas de lien.
+   */
+  const recommendations = computed<(Recommendation & { scopeIsSession: boolean })[]>(() =>
+    (report.value?.recommendations ?? []).map((r) => ({
+      ...r,
+      scopeIsSession: r.targets.every((t) => t.id !== '' && t.project !== ''),
+    })),
+  )
+
+  // ── Comment vous travaillez ──────────────────────────────────────────────────
+
+  const behaviour = computed(() => report.value?.behaviour ?? null)
+  const pace = computed(() => report.value?.pace ?? null)
+
+  const one = (n: number): string => fmtDecimal(n)
+
+  /**
+   * Les quatre gestes, du quart du bas au quart du haut.
+   *
+   * `strong` marque les deux colonnes qui renversent l'intuition : les sessions
+   * les plus productives font *plus* de tours par prompt, pas moins. C'est la
+   * lecture qu'on veut voir sauter aux yeux, parce que c'est celle qu'on n'attend
+   * pas — et une règle écrite à l'instinct aurait conseillé l'inverse.
+   */
+  const workRows = computed(() => {
+    const b = behaviour.value
+    if (!b) return []
+    return [
+      {
+        label: t('pages.diagnostic.rows.editsPerHour'),
+        what: t('pages.diagnostic.rows.editsPerHourWhat'),
+        reading: t('pages.diagnostic.rows.editsPerHourReading'),
+        bottom: one(b.editsPerHour.bottom),
+        top: one(b.editsPerHour.top),
+        strong: false,
+      },
+      {
+        label: t('pages.diagnostic.rows.explorationRatio'),
+        what: t('pages.diagnostic.rows.explorationRatioWhat'),
+        reading: workReadingFor('explorationRatio'),
         bottom: one(b.explorationRatio.bottom),
-      }),
-    );
-  }
-  if (b.turnsPerPrompt.top > b.turnsPerPrompt.bottom) {
-    parts.push(
-      t('pages.diagnostic.workReading.turns', {
-        top: one(b.turnsPerPrompt.top),
+        top: one(b.explorationRatio.top),
+        strong: true,
+      },
+      {
+        label: t('pages.diagnostic.rows.turnsPerPrompt'),
+        what: t('pages.diagnostic.rows.turnsPerPromptWhat'),
+        reading: workReadingFor('turnsPerPrompt'),
         bottom: one(b.turnsPerPrompt.bottom),
-      }),
-    );
-  }
-  if (!parts.length) return t('pages.diagnostic.workReading.none');
-  return t('pages.diagnostic.workReading.prefix', { parts: parts.join(' ; ') });
-});
-
-// ── Rythme ───────────────────────────────────────────────────────────────────
-
-const currentRankSentence = computed(() => {
-  const p = pace.value;
-  if (!p) return '';
-  if (p.current.cost <= 0) return t('pages.diagnostic.currentRank.none');
-  const rank = Math.round(p.current.rank * 100);
-  if (rank >= 90) return t('pages.diagnostic.currentRank.busier', { pct: rank });
-  if (rank <= 25) return t('pages.diagnostic.currentRank.calmer', { pct: 100 - rank });
-  return t('pages.diagnostic.currentRank.above', { pct: rank });
-});
-
-/** Ce que vaut la fenêtre courante face au seuil, dit en clair. */
-const currentReading = computed(() => {
-  const p = pace.value;
-  if (!p) return '';
-  if (p.current.cost <= 0) return t('pages.diagnostic.currentReading.none');
-  const threshold = money(p.windows.threshold);
-  if (!p.windows.calibrated) return t('pages.diagnostic.currentReading.fallback', { threshold });
-  return p.current.cost > p.windows.threshold
-    ? t('pages.diagnostic.currentReading.over', { threshold })
-    : t('pages.diagnostic.currentReading.under', { threshold });
-});
-
-/** Pourquoi la médiane des fenêtres est si loin du pic. */
-const windowsReading = computed(() => {
-  const w = pace.value?.windows;
-  if (!w) return '';
-  return t('pages.diagnostic.windowsReading', { n: fmtNum(w.samples) });
-});
-
-const peakDay = computed(() => {
-  const at = pace.value?.windows.peak.at;
-  if (!at) return '';
-  const d = new Date(at);
-  return Number.isNaN(d.getTime()) ? '' : fmtDateShort(d.getTime());
-});
-
-const concurrentShare = computed(() => {
-  const c = pace.value?.concurrency;
-  if (!c || c.activeHours <= 0) return fmtPercent(0);
-  return fmtPercent(c.hoursAtLeast2 / c.activeHours);
-});
-
-// ── Les seuils ───────────────────────────────────────────────────────────────
-
-/**
- * Ce que « décidé par » veut dire, avant d'en venir à la provenance du plancher.
- *
- * La formule est dans l'intro de la section ; ici on dit seulement laquelle de
- * ses deux moitiés a gagné sur cette ligne, et ce que cela coûte en cas.
- */
-function boundWhat(c: Calibration): string {
-  const rank = `P${Math.round(c.rank * 100)}`;
-  const guard = unitValue(c.guard, c.unit);
-  const p = c.percentile === null ? null : unitValue(c.percentile, c.unit);
-  const which = t(
-    c.direction === 'high' ? 'pages.diagnostic.bound.whichHigh' : 'pages.diagnostic.bound.whichLow',
-  );
-
-  if (!c.calibrated) return t('pages.diagnostic.bound.uncal', { n: c.sampleSize, guard });
-  // Ce que pèsent les cas — la contrepartie de la bande tue, et la seule façon
-  // de juger si le plancher est au bon endroit.
-  const weight =
-    c.hits === 0
-      ? t('pages.diagnostic.bound.weightNone')
-      : t('pages.diagnostic.bound.weight', {
-          n: c.hits,
-          cost:
-            c.hitsCost !== null
-              ? t('pages.diagnostic.bound.weightCost', { cost: money(c.hitsCost) })
-              : '',
-        });
-
-  if (c.bound === 'guard') {
-    const s = c.silenced;
-    const silenced = s
-      ? t(
-          'pages.diagnostic.bound.silenced',
-          {
-            n: s.sessions,
-            cost:
-              s.cost !== null
-                ? t('pages.diagnostic.bound.silencedCost', { cost: money(s.cost) })
-                : '',
-          },
-          s.sessions,
-        )
-      : '';
-    // Le prix réel du plancher : une session tue mais signalée ailleurs n'est pas
-    // perdue, elle est dédoublonnée. Sans cette distinction, la bande fait peur
-    // pour rien.
-    const orphans = s?.orphans
-      ? s.orphans.sessions === 0
-        ? t('pages.diagnostic.bound.orphansNone')
-        : t('pages.diagnostic.bound.orphans', {
-            n: s.orphans.sessions,
-            cost: money(s.orphans.cost),
+        top: one(b.turnsPerPrompt.top),
+        strong: true,
+      },
+      {
+        label: t('pages.diagnostic.rows.interrupted'),
+        what: t('pages.diagnostic.rows.interruptedWhat'),
+        bottom: fmtPercent(b.interruptedShare.bottom),
+        top: fmtPercent(b.interruptedShare.top),
+        strong: false,
+      },
+    ]
+  })
+
+  /**
+   * La lecture d'un geste, dans le sens où *votre* parc la donne.
+   *
+   * Écrite à partir de la comparaison plutôt qu'en dur : là où on l'a mesuré, les
+   * gestes marqués `strong` renversent l'intuition, mais rien ne garantit qu'ils
+   * la renversent partout — une phrase figée finirait par mentir.
+   */
+  function workReadingFor(key: 'explorationRatio' | 'turnsPerPrompt'): string {
+    const b = behaviour.value
+    if (!b?.comparable) return ''
+    const { top, bottom } = b[key]
+    if (Math.abs(top - bottom) < 0.05) return t('pages.diagnostic.readings.same')
+    const more = top > bottom
+    if (key === 'explorationRatio') {
+      return more ? t('pages.diagnostic.readings.exploreMore') : t('pages.diagnostic.readings.exploreLess')
+    }
+    return more ? t('pages.diagnostic.readings.turnsMore') : t('pages.diagnostic.readings.turnsLess')
+  }
+
+  /** La phrase qui dit ce que le tableau montre — construite sur vos chiffres. */
+  const workReading = computed(() => {
+    const b = behaviour.value
+    if (!b?.comparable) return ''
+    const parts: string[] = []
+    if (b.explorationRatio.bottom > b.explorationRatio.top) {
+      parts.push(
+        t('pages.diagnostic.workReading.explore', {
+          top: one(b.explorationRatio.top),
+          bottom: one(b.explorationRatio.bottom),
+        }),
+      )
+    }
+    if (b.turnsPerPrompt.top > b.turnsPerPrompt.bottom) {
+      parts.push(
+        t('pages.diagnostic.workReading.turns', {
+          top: one(b.turnsPerPrompt.top),
+          bottom: one(b.turnsPerPrompt.bottom),
+        }),
+      )
+    }
+    if (!parts.length) return t('pages.diagnostic.workReading.none')
+    return t('pages.diagnostic.workReading.prefix', { parts: parts.join(' ; ') })
+  })
+
+  // ── Rythme ───────────────────────────────────────────────────────────────────
+
+  const currentRankSentence = computed(() => {
+    const p = pace.value
+    if (!p) return ''
+    if (p.current.cost <= 0) return t('pages.diagnostic.currentRank.none')
+    const rank = Math.round(p.current.rank * 100)
+    if (rank >= 90) return t('pages.diagnostic.currentRank.busier', { pct: rank })
+    if (rank <= 25) return t('pages.diagnostic.currentRank.calmer', { pct: 100 - rank })
+    return t('pages.diagnostic.currentRank.above', { pct: rank })
+  })
+
+  /** Ce que vaut la fenêtre courante face au seuil, dit en clair. */
+  const currentReading = computed(() => {
+    const p = pace.value
+    if (!p) return ''
+    if (p.current.cost <= 0) return t('pages.diagnostic.currentReading.none')
+    const threshold = money(p.windows.threshold)
+    if (!p.windows.calibrated) return t('pages.diagnostic.currentReading.fallback', { threshold })
+    return p.current.cost > p.windows.threshold
+      ? t('pages.diagnostic.currentReading.over', { threshold })
+      : t('pages.diagnostic.currentReading.under', { threshold })
+  })
+
+  /** Pourquoi la médiane des fenêtres est si loin du pic. */
+  const windowsReading = computed(() => {
+    const w = pace.value?.windows
+    if (!w) return ''
+    return t('pages.diagnostic.windowsReading', { n: fmtNum(w.samples) })
+  })
+
+  const peakDay = computed(() => {
+    const at = pace.value?.windows.peak.at
+    if (!at) return ''
+    const d = new Date(at)
+    return Number.isNaN(d.getTime()) ? '' : fmtDateShort(d.getTime())
+  })
+
+  const concurrentShare = computed(() => {
+    const c = pace.value?.concurrency
+    if (!c || c.activeHours <= 0) return fmtPercent(0)
+    return fmtPercent(c.hoursAtLeast2 / c.activeHours)
+  })
+
+  // ── Les seuils ───────────────────────────────────────────────────────────────
+
+  /**
+   * Ce que « décidé par » veut dire, avant d'en venir à la provenance du plancher.
+   *
+   * La formule est dans l'intro de la section ; ici on dit seulement laquelle de
+   * ses deux moitiés a gagné sur cette ligne, et ce que cela coûte en cas.
+   */
+  function boundWhat(c: Calibration): string {
+    const rank = `P${Math.round(c.rank * 100)}`
+    const guard = unitValue(c.guard, c.unit)
+    const p = c.percentile === null ? null : unitValue(c.percentile, c.unit)
+    const which = t(c.direction === 'high' ? 'pages.diagnostic.bound.whichHigh' : 'pages.diagnostic.bound.whichLow')
+
+    if (!c.calibrated) return t('pages.diagnostic.bound.uncal', { n: c.sampleSize, guard })
+    // Ce que pèsent les cas — la contrepartie de la bande tue, et la seule façon
+    // de juger si le plancher est au bon endroit.
+    const weight =
+      c.hits === 0
+        ? t('pages.diagnostic.bound.weightNone')
+        : t('pages.diagnostic.bound.weight', {
+            n: c.hits,
+            cost: c.hitsCost !== null ? t('pages.diagnostic.bound.weightCost', { cost: money(c.hitsCost) }) : '',
           })
-      : '';
-    return t('pages.diagnostic.bound.guardLine', {
-      rank,
-      p: p ?? '',
-      guard,
-      which,
-      silenced,
-      weight,
-      orphans,
-    });
-  }
-  const verdict = t(
-    p === guard ? 'pages.diagnostic.bound.verdictSame' : 'pages.diagnostic.bound.verdictPassed',
-  );
-  return t('pages.diagnostic.bound.parkLine', { rank, p: p ?? '', guard, which, verdict, weight });
-}
-
-/**
- * Comment se lit *ce* seuil-là, avec les chiffres de la ligne.
- *
- * La phrase d'intro dit la formule ; celle-ci dit laquelle de ses deux moitiés a
- * parlé, et ce que le nombre de cas signifie du coup. Un seuil au percentile
- * désigne toujours un décile — ce n'est pas une anomalie détectée, c'est un tri —
- * là où un seuil au garde-fou dit que le parc est sain.
- */
-function readThreshold(c: Calibration): string {
-  const u = (v: number) => unitValue(v, c.unit);
-  const value = u(c.value);
-  const rank = c.direction === 'high' ? 'P90' : 'P10';
-  const side = t(
-    c.direction === 'high' ? 'pages.diagnostic.read.sideHigh' : 'pages.diagnostic.read.sideLow',
-  );
-  const sense = c.direction === 'high' ? '' : t('pages.diagnostic.read.senseLow');
-  // La distribution d'où le percentile est tiré : quatre repères valent mieux
-  // qu'un rang énoncé, parce qu'ils montrent s'il est isolé ou dans la foule.
-  const dist = t('pages.diagnostic.read.dist', {
-    p50: u(c.quantiles.p50),
-    p75: u(c.quantiles.p75),
-    p90: u(c.quantiles.p90),
-    max: u(c.quantiles.max),
-    n: c.sampleSize,
-  });
-
-  if (!c.calibrated) {
-    return (
-      t('pages.diagnostic.read.uncal', { n: c.sampleSize, value }, c.sampleSize) + sense + dist
-    );
+
+    if (c.bound === 'guard') {
+      const s = c.silenced
+      const silenced = s
+        ? t(
+            'pages.diagnostic.bound.silenced',
+            {
+              n: s.sessions,
+              cost: s.cost !== null ? t('pages.diagnostic.bound.silencedCost', { cost: money(s.cost) }) : '',
+            },
+            s.sessions,
+          )
+        : ''
+      // Le prix réel du plancher : une session tue mais signalée ailleurs n'est pas
+      // perdue, elle est dédoublonnée. Sans cette distinction, la bande fait peur
+      // pour rien.
+      const orphans = s?.orphans
+        ? s.orphans.sessions === 0
+          ? t('pages.diagnostic.bound.orphansNone')
+          : t('pages.diagnostic.bound.orphans', {
+              n: s.orphans.sessions,
+              cost: money(s.orphans.cost),
+            })
+        : ''
+      return t('pages.diagnostic.bound.guardLine', {
+        rank,
+        p: p ?? '',
+        guard,
+        which,
+        silenced,
+        weight,
+        orphans,
+      })
+    }
+    const verdict = t(p === guard ? 'pages.diagnostic.bound.verdictSame' : 'pages.diagnostic.bound.verdictPassed')
+    return t('pages.diagnostic.bound.parkLine', { rank, p: p ?? '', guard, which, verdict, weight })
   }
-  if (c.bound === 'percentile') {
+
+  /**
+   * Comment se lit *ce* seuil-là, avec les chiffres de la ligne.
+   *
+   * La phrase d'intro dit la formule ; celle-ci dit laquelle de ses deux moitiés a
+   * parlé, et ce que le nombre de cas signifie du coup. Un seuil au percentile
+   * désigne toujours un décile — ce n'est pas une anomalie détectée, c'est un tri —
+   * là où un seuil au garde-fou dit que le parc est sain.
+   */
+  function readThreshold(c: Calibration): string {
+    const u = (v: number) => unitValue(v, c.unit)
+    const value = u(c.value)
+    const rank = c.direction === 'high' ? 'P90' : 'P10'
+    const side = t(c.direction === 'high' ? 'pages.diagnostic.read.sideHigh' : 'pages.diagnostic.read.sideLow')
+    const sense = c.direction === 'high' ? '' : t('pages.diagnostic.read.senseLow')
+    // La distribution d'où le percentile est tiré : quatre repères valent mieux
+    // qu'un rang énoncé, parce qu'ils montrent s'il est isolé ou dans la foule.
+    const dist = t('pages.diagnostic.read.dist', {
+      p50: u(c.quantiles.p50),
+      p75: u(c.quantiles.p75),
+      p90: u(c.quantiles.p90),
+      max: u(c.quantiles.max),
+      n: c.sampleSize,
+    })
+
+    if (!c.calibrated) {
+      return t('pages.diagnostic.read.uncal', { n: c.sampleSize, value }, c.sampleSize) + sense + dist
+    }
+    if (c.bound === 'percentile') {
+      return t('pages.diagnostic.read.percentile', { rank, n: c.sampleSize, side, value, hits: c.hits }) + sense + dist
+    }
+    const p = c.percentile === null ? null : u(c.percentile)
+    const silenced = c.silenced
+      ? t('pages.diagnostic.read.guardSilenced', {
+          n: c.silenced.sessions,
+          cost: c.silenced.cost !== null ? t('pages.diagnostic.read.guardSilencedCost', { cost: money(c.silenced.cost) }) : '',
+        })
+      : ''
     return (
-      t('pages.diagnostic.read.percentile', { rank, n: c.sampleSize, side, value, hits: c.hits }) +
+      t('pages.diagnostic.read.guard', {
+        rank,
+        p: p ? t('pages.diagnostic.read.guardP', { p }) : '',
+        value,
+        silenced,
+      }) +
       sense +
       dist
-    );
-  }
-  const p = c.percentile === null ? null : u(c.percentile);
-  const silenced = c.silenced
-    ? t('pages.diagnostic.read.guardSilenced', {
-        n: c.silenced.sessions,
-        cost:
-          c.silenced.cost !== null
-            ? t('pages.diagnostic.read.guardSilencedCost', { cost: money(c.silenced.cost) })
-            : '',
-      })
-    : '';
-  return (
-    t('pages.diagnostic.read.guard', {
-      rank,
-      p: p ? t('pages.diagnostic.read.guardP', { p }) : '',
-      value,
-      silenced,
-    }) +
-    sense +
-    dist
-  );
-}
-
-const reviewedOn = computed(() => {
-  const raw = report.value?.thresholds.reviewed.on;
-  if (!raw) return '';
-  const d = new Date(`${raw}T00:00:00`);
-  return Number.isNaN(d.getTime()) ? raw : fmtDateLong(d.getTime());
-});
-
-const calibrations = computed<Calibration[]>(() => {
-  const m = report.value?.thresholds.metrics;
-  if (!m) return [];
-  // Les signaux qui ont désigné quelqu'un d'abord : ce sont eux qu'on relit.
-  return Object.values(m).sort((a, b) => b.hits - a.hits || a.label.localeCompare(b.label));
-});
-
-// ── Chargement ───────────────────────────────────────────────────────────────
-
-async function load(): Promise<void> {
-  loading.value = true;
-  error.value = '';
-  try {
-    const { from, to } = resolveRange(range.value);
-    report.value = await getDiagnostics(from, to);
-  } catch (e) {
-    error.value = e instanceof Error ? e.message : t('pages.diagnostic.unknownError');
-    report.value = null;
-  } finally {
-    loading.value = false;
-  }
-}
-
-async function reload(): Promise<void> {
-  await load();
-}
-
-onMounted(load);
-watch(range, load);
+    )
+  }
+
+  const reviewedOn = computed(() => {
+    const raw = report.value?.thresholds.reviewed.on
+    if (!raw) return ''
+    const d = new Date(`${raw}T00:00:00`)
+    return Number.isNaN(d.getTime()) ? raw : fmtDateLong(d.getTime())
+  })
+
+  const calibrations = computed<Calibration[]>(() => {
+    const m = report.value?.thresholds.metrics
+    if (!m) return []
+    // Les signaux qui ont désigné quelqu'un d'abord : ce sont eux qu'on relit.
+    return Object.values(m).sort((a, b) => b.hits - a.hits || a.label.localeCompare(b.label))
+  })
+
+  // ── Chargement ───────────────────────────────────────────────────────────────
+
+  async function load(): Promise<void> {
+    loading.value = true
+    error.value = ''
+    try {
+      const { from, to } = resolveRange(range.value)
+      report.value = await getDiagnostics(from, to)
+    } catch (e) {
+      error.value = e instanceof Error ? e.message : t('pages.diagnostic.unknownError')
+      report.value = null
+    } finally {
+      loading.value = false
+    }
+  }
+
+  async function reload(): Promise<void> {
+    await load()
+  }
+
+  onMounted(load)
+  watch(range, load)
 </script>
 
 <style scoped lang="scss">
-.dg {
-  padding: var(--space-lg);
-  max-width: var(--page-max);
-  margin: 0 auto;
-}
-
-.dg-header {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  margin-bottom: var(--space-md);
-  flex-wrap: wrap;
-}
-.dg-head-icon {
-  color: var(--brand);
-}
-.dg-sub {
-  color: var(--dim);
-  font-size: var(--fs-xs);
-  margin: 0;
-  flex: 1 1 auto;
-}
-.dg-range {
-  flex: 0 0 auto;
-}
-
-.dg-state {
-  text-align: center;
-  padding: var(--space-xl);
-}
-.dg-state-msg {
-  color: var(--muted);
-  margin: var(--space-xs) 0 var(--space-md);
-}
-
-.dg-tiles {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
-  gap: var(--space-sm);
-  margin-bottom: var(--space-md);
-}
-.dg-tile {
-  padding: var(--space-md);
-}
-.dg-tile-label {
-  color: var(--dim);
-  margin: 0 0 var(--space-xs);
-}
-.dg-tile-value {
-  font-size: var(--fs-lg);
-  color: var(--text);
-  margin: 0;
-}
-.dg-tile-value--cost {
-  color: var(--brand);
-}
-.dg-tile-hint {
-  color: var(--faint);
-  font-size: var(--fs-xs);
-  margin: var(--space-xs) 0 0;
-}
-
-.dg-section {
-  padding: var(--space-md);
-  margin-bottom: var(--space-md);
-}
-.dg-section-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  margin-bottom: var(--space-md);
-
-  h2 {
-    font-size: var(--fs-md);
+  .dg {
+    padding: var(--space-lg);
+    max-width: var(--page-max);
+    margin: 0 auto;
+  }
+
+  .dg-header {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    margin-bottom: var(--space-md);
+    flex-wrap: wrap;
+  }
+  .dg-head-icon {
+    color: var(--brand);
+  }
+  .dg-sub {
+    color: var(--dim);
+    font-size: var(--fs-xs);
     margin: 0;
     flex: 1 1 auto;
   }
-}
-.dg-count {
-  color: var(--dim);
-  font-size: var(--fs-xs);
-}
-.dg-empty {
-  color: var(--muted);
-  text-align: center;
-  padding: var(--space-xl) 0;
-  margin: 0;
-}
-
-// ── Actions ──────────────────────────────────────────────────────────────────
-
-.dg-actions {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-md);
-  counter-reset: none;
-}
-// Le rang et le montant sont plus gros que le titre : alignés en haut de leur
-// case, leur demi-interligne plus court les fait flotter au-dessus de la ligne
-// qu'ils qualifient. La baseline, elle, ne dépend pas de la taille de police.
-.dg-action {
-  display: grid;
-  grid-template-columns: auto 1fr auto;
-  gap: var(--space-md);
-  align-items: baseline;
-  padding-bottom: var(--space-md);
-  border-bottom: 1px solid var(--line);
-
-  &:last-child {
-    border-bottom: none;
-    padding-bottom: 0;
-  }
-}
-.dg-action-rank {
-  color: var(--faint);
-  font-size: var(--fs-lg);
-  line-height: 1.1;
-  min-width: 1.2em;
-}
-.dg-action-title {
-  font-size: var(--fs-md);
-  margin: 0 0 var(--space-xs);
-  color: var(--text);
-}
-.dg-action-problem {
-  color: var(--muted);
-  font-size: var(--fs-sm);
-  margin: 0 0 var(--space-xs);
-}
-.dg-action-do {
-  color: var(--dim);
-  font-size: var(--fs-sm);
-  margin: 0;
-}
-.dg-action-impact {
-  color: var(--brand);
-  font-size: var(--fs-md);
-  white-space: nowrap;
-}
-.dg-impact--estimated {
-  color: var(--muted);
-}
-
-// ── Recommandations ──────────────────────────────────────────────────────────
-
-.dg-recos {
-  margin: 0 calc(-1 * var(--space-md));
-}
-.dg-reco-avatar {
-  min-width: 36px;
-}
-.dg-reco-title {
-  color: var(--text);
-  font-size: var(--fs-sm);
-}
-.dg-reco-meta {
-  color: var(--dim);
-  font-size: var(--fs-xs);
-}
-.dg-reco-impact {
-  color: var(--brand);
-  font-size: var(--fs-sm);
-  white-space: nowrap;
-}
-.dg-reco-body {
-  padding: 0 var(--space-md) var(--space-md) calc(var(--space-md) + 36px);
-}
-.dg-reco-text {
-  color: var(--muted);
-  font-size: var(--fs-sm);
-  margin: 0 0 var(--space-sm);
-  white-space: pre-line;
-}
-/**
+  .dg-range {
+    flex: 0 0 auto;
+  }
+
+  .dg-state {
+    text-align: center;
+    padding: var(--space-xl);
+  }
+  .dg-state-msg {
+    color: var(--muted);
+    margin: var(--space-xs) 0 var(--space-md);
+  }
+
+  .dg-tiles {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+    gap: var(--space-sm);
+    margin-bottom: var(--space-md);
+  }
+  .dg-tile {
+    padding: var(--space-md);
+  }
+  .dg-tile-label {
+    color: var(--dim);
+    margin: 0 0 var(--space-xs);
+  }
+  .dg-tile-value {
+    font-size: var(--fs-lg);
+    color: var(--text);
+    margin: 0;
+  }
+  .dg-tile-value--cost {
+    color: var(--brand);
+  }
+  .dg-tile-hint {
+    color: var(--faint);
+    font-size: var(--fs-xs);
+    margin: var(--space-xs) 0 0;
+  }
+
+  .dg-section {
+    padding: var(--space-md);
+    margin-bottom: var(--space-md);
+  }
+  .dg-section-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    margin-bottom: var(--space-md);
+
+    h2 {
+      font-size: var(--fs-md);
+      margin: 0;
+      flex: 1 1 auto;
+    }
+  }
+  .dg-count {
+    color: var(--dim);
+    font-size: var(--fs-xs);
+  }
+  .dg-empty {
+    color: var(--muted);
+    text-align: center;
+    padding: var(--space-xl) 0;
+    margin: 0;
+  }
+
+  // ── Actions ──────────────────────────────────────────────────────────────────
+
+  .dg-actions {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md);
+    counter-reset: none;
+  }
+  // Le rang et le montant sont plus gros que le titre : alignés en haut de leur
+  // case, leur demi-interligne plus court les fait flotter au-dessus de la ligne
+  // qu'ils qualifient. La baseline, elle, ne dépend pas de la taille de police.
+  .dg-action {
+    display: grid;
+    grid-template-columns: auto 1fr auto;
+    gap: var(--space-md);
+    align-items: baseline;
+    padding-bottom: var(--space-md);
+    border-bottom: 1px solid var(--line);
+
+    &:last-child {
+      border-bottom: none;
+      padding-bottom: 0;
+    }
+  }
+  .dg-action-rank {
+    color: var(--faint);
+    font-size: var(--fs-lg);
+    line-height: 1.1;
+    min-width: 1.2em;
+  }
+  .dg-action-title {
+    font-size: var(--fs-md);
+    margin: 0 0 var(--space-xs);
+    color: var(--text);
+  }
+  .dg-action-problem {
+    color: var(--muted);
+    font-size: var(--fs-sm);
+    margin: 0 0 var(--space-xs);
+  }
+  .dg-action-do {
+    color: var(--dim);
+    font-size: var(--fs-sm);
+    margin: 0;
+  }
+  .dg-action-impact {
+    color: var(--brand);
+    font-size: var(--fs-md);
+    white-space: nowrap;
+  }
+  .dg-impact--estimated {
+    color: var(--muted);
+  }
+
+  // ── Recommandations ──────────────────────────────────────────────────────────
+
+  .dg-recos {
+    margin: 0 calc(-1 * var(--space-md));
+  }
+  .dg-reco-avatar {
+    min-width: 36px;
+  }
+  .dg-reco-title {
+    color: var(--text);
+    font-size: var(--fs-sm);
+  }
+  .dg-reco-meta {
+    color: var(--dim);
+    font-size: var(--fs-xs);
+  }
+  .dg-reco-impact {
+    color: var(--brand);
+    font-size: var(--fs-sm);
+    white-space: nowrap;
+  }
+  .dg-reco-body {
+    padding: 0 var(--space-md) var(--space-md) calc(var(--space-md) + 36px);
+  }
+  .dg-reco-text {
+    color: var(--muted);
+    font-size: var(--fs-sm);
+    margin: 0 0 var(--space-sm);
+    white-space: pre-line;
+  }
+  /**
  * Une icône en tête de paragraphe.
  *
  * `align-items: baseline` ne cadre pas un `q-icon` : Quasar le rend en
@@ -1043,186 +953,186 @@ watch(range, load);
  * ligne : son `align-items: center` interne la centre alors exactement sur la
  * première ligne, quelle que soit la taille de police du paragraphe.
  */
-.dg-reco-action,
-.dg-reco-basis,
-.dg-reco-warn {
-  margin: 0 0 var(--space-sm);
-  display: flex;
-  gap: var(--space-xs);
-  align-items: flex-start;
-
-  > .q-icon {
-    flex: 0 0 auto;
-    height: 1.5em;
-  }
-}
-.dg-reco-action {
-  color: var(--text);
-  font-size: var(--fs-sm);
-}
-.dg-reco-basis,
-.dg-reco-warn {
-  color: var(--faint);
-  font-size: var(--fs-xs);
-}
-.dg-reco-warn {
-  color: var(--warn);
-}
-
-.dg-targets-label {
-  color: var(--dim);
-  margin: var(--space-md) 0 var(--space-xs);
-}
-.dg-targets {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-}
-.dg-target {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  padding: var(--space-xs) var(--space-sm);
-  border-radius: var(--radius-sm);
-  color: var(--muted);
-  text-decoration: none;
-  font-size: var(--fs-sm);
-
-  &:hover,
-  &:focus-visible {
-    background: var(--surface-2);
+  .dg-reco-action,
+  .dg-reco-basis,
+  .dg-reco-warn {
+    margin: 0 0 var(--space-sm);
+    display: flex;
+    gap: var(--space-xs);
+    align-items: flex-start;
+
+    > .q-icon {
+      flex: 0 0 auto;
+      height: 1.5em;
+    }
+  }
+  .dg-reco-action {
     color: var(--text);
+    font-size: var(--fs-sm);
   }
-}
-.dg-target-dot {
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  flex: 0 0 auto;
-}
-.dg-target-label {
-  flex: 0 0 auto;
-}
-.dg-target-project {
-  color: var(--faint);
-  font-size: var(--fs-xs);
-  flex: 1 1 auto;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.dg-target-value {
-  color: var(--muted);
-  flex: 0 0 auto;
-}
-
-// ── Seuils ───────────────────────────────────────────────────────────────────
-
-.dg-thresholds-intro {
-  color: var(--muted);
-  font-size: var(--fs-sm);
-  margin: 0 0 var(--space-md);
-}
-// Une table large ne doit jamais faire défiler la page : elle défile chez elle.
-.dg-table-scroll {
-  overflow-x: auto;
-}
-.dg-table {
-  width: 100%;
-  border-collapse: collapse;
-  font-size: var(--fs-sm);
-
-  th,
-  td {
-    padding: var(--space-xs) var(--space-sm);
-    border-bottom: 1px solid var(--line);
-    text-align: left;
-    white-space: nowrap;
+  .dg-reco-basis,
+  .dg-reco-warn {
+    color: var(--faint);
+    font-size: var(--fs-xs);
   }
-  thead th {
+  .dg-reco-warn {
+    color: var(--warn);
+  }
+
+  .dg-targets-label {
     color: var(--dim);
-    font-weight: 500;
-    font-size: var(--fs-xs);
+    margin: var(--space-md) 0 var(--space-xs);
+  }
+  .dg-targets {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+  .dg-target {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    padding: var(--space-xs) var(--space-sm);
+    border-radius: var(--radius-sm);
+    color: var(--muted);
+    text-decoration: none;
+    font-size: var(--fs-sm);
+
+    &:hover,
+    &:focus-visible {
+      background: var(--surface-2);
+      color: var(--text);
+    }
   }
-  tbody tr:last-child th,
-  tbody tr:last-child td {
-    border-bottom: none;
-  }
-}
-.dg-row-head {
-  font-weight: 400;
-  color: var(--text);
-}
-.dg-num {
-  text-align: right;
-}
-// La colonne qui renverse l'intuition : elle mérite d'être lue en premier.
-.dg-num--strong {
-  color: var(--brand);
-}
-
-// ── Comment vous travaillez · Rythme ─────────────────────────────────────────
-
-.dg-reading {
-  display: flex;
-  gap: var(--space-xs);
-  align-items: flex-start;
-  color: var(--muted);
-  font-size: var(--fs-sm);
-  line-height: 1.55;
-  margin: var(--space-md) 0 0;
-
-  > .q-icon {
+  .dg-target-dot {
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
     flex: 0 0 auto;
-    height: 1.5em;
-    color: var(--brand);
   }
-}
-.dg-pace {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-  gap: var(--space-md);
-}
-.dg-pace-card {
-  padding: var(--space-md);
-  border: 1px solid var(--line);
-  border-radius: var(--radius-sm);
-}
-.dg-bound {
-  color: var(--muted);
-  font-size: var(--fs-xs);
-}
-.dg-bound-weak {
-  color: var(--warn);
-}
-.dg-reviewed {
-  display: flex;
-  gap: var(--space-xs);
-  align-items: flex-start;
-  color: var(--faint);
-  font-size: var(--fs-xs);
-  line-height: 1.5;
-  margin: var(--space-md) 0 0;
-
-  > .q-icon {
+  .dg-target-label {
     flex: 0 0 auto;
-    height: 1.5em;
   }
-  a {
+  .dg-target-project {
+    color: var(--faint);
+    font-size: var(--fs-xs);
+    flex: 1 1 auto;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .dg-target-value {
+    color: var(--muted);
+    flex: 0 0 auto;
+  }
+
+  // ── Seuils ───────────────────────────────────────────────────────────────────
+
+  .dg-thresholds-intro {
+    color: var(--muted);
+    font-size: var(--fs-sm);
+    margin: 0 0 var(--space-md);
+  }
+  // Une table large ne doit jamais faire défiler la page : elle défile chez elle.
+  .dg-table-scroll {
+    overflow-x: auto;
+  }
+  .dg-table {
+    width: 100%;
+    border-collapse: collapse;
+    font-size: var(--fs-sm);
+
+    th,
+    td {
+      padding: var(--space-xs) var(--space-sm);
+      border-bottom: 1px solid var(--line);
+      text-align: left;
+      white-space: nowrap;
+    }
+    thead th {
+      color: var(--dim);
+      font-weight: 500;
+      font-size: var(--fs-xs);
+    }
+    tbody tr:last-child th,
+    tbody tr:last-child td {
+      border-bottom: none;
+    }
+  }
+  .dg-row-head {
+    font-weight: 400;
+    color: var(--text);
+  }
+  .dg-num {
+    text-align: right;
+  }
+  // La colonne qui renverse l'intuition : elle mérite d'être lue en premier.
+  .dg-num--strong {
     color: var(--brand);
   }
-}
 
-// ── Avertissements ───────────────────────────────────────────────────────────
+  // ── Comment vous travaillez · Rythme ─────────────────────────────────────────
+
+  .dg-reading {
+    display: flex;
+    gap: var(--space-xs);
+    align-items: flex-start;
+    color: var(--muted);
+    font-size: var(--fs-sm);
+    line-height: 1.55;
+    margin: var(--space-md) 0 0;
+
+    > .q-icon {
+      flex: 0 0 auto;
+      height: 1.5em;
+      color: var(--brand);
+    }
+  }
+  .dg-pace {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+    gap: var(--space-md);
+  }
+  .dg-pace-card {
+    padding: var(--space-md);
+    border: 1px solid var(--line);
+    border-radius: var(--radius-sm);
+  }
+  .dg-bound {
+    color: var(--muted);
+    font-size: var(--fs-xs);
+  }
+  .dg-bound-weak {
+    color: var(--warn);
+  }
+  .dg-reviewed {
+    display: flex;
+    gap: var(--space-xs);
+    align-items: flex-start;
+    color: var(--faint);
+    font-size: var(--fs-xs);
+    line-height: 1.5;
+    margin: var(--space-md) 0 0;
+
+    > .q-icon {
+      flex: 0 0 auto;
+      height: 1.5em;
+    }
+    a {
+      color: var(--brand);
+    }
+  }
 
-.dg-caveat-list {
-  margin: 0;
-  padding-left: var(--space-lg);
-  color: var(--muted);
-  font-size: var(--fs-sm);
+  // ── Avertissements ───────────────────────────────────────────────────────────
+
+  .dg-caveat-list {
+    margin: 0;
+    padding-left: var(--space-lg);
+    color: var(--muted);
+    font-size: var(--fs-sm);
 
-  li + li {
-    margin-top: var(--space-xs);
+    li + li {
+      margin-top: var(--space-xs);
+    }
   }
-}
 </style>
diff --git a/src/pages/ErrorNotFound.vue b/src/pages/ErrorNotFound.vue
index acfd888..738844a 100644
--- a/src/pages/ErrorNotFound.vue
+++ b/src/pages/ErrorNotFound.vue
@@ -20,14 +20,7 @@
       <p class="nf-detail">{{ t('pages.notFound.detail') }}</p>
 
       <div class="nf-actions">
-        <q-btn
-          unelevated
-          no-caps
-          color="primary"
-          text-color="dark"
-          :to="{ name: 'home' }"
-          :label="t('pages.notFound.home')"
-        />
+        <q-btn unelevated no-caps color="primary" text-color="dark" :to="{ name: 'home' }" :label="t('pages.notFound.home')" />
         <q-btn flat no-caps :to="{ name: 'help' }" :label="t('pages.notFound.help')" />
       </div>
     </section>
@@ -35,109 +28,109 @@
 </template>
 
 <script setup lang="ts">
-import { useI18n } from 'vue-i18n';
+  import { useI18n } from 'vue-i18n'
 
-const { t } = useI18n();
+  const { t } = useI18n()
 </script>
 
 <style scoped lang="scss">
-.nf {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  // Pleine hauteur : hors layout, il n'y a pas de barre d'état à défalquer.
-  min-height: 100vh;
-  padding: var(--space-xl);
-  overflow: hidden;
-  // Pas de fond ici : la trame court sous le contenu, donc un fond opaque sur
-  // le conteneur la masquerait. Celui du `body` suffit.
-}
+  .nf {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    // Pleine hauteur : hors layout, il n'y a pas de barre d'état à défalquer.
+    min-height: 100vh;
+    padding: var(--space-xl);
+    overflow: hidden;
+    // Pas de fond ici : la trame court sous le contenu, donc un fond opaque sur
+    // le conteneur la masquerait. Celui du `body` suffit.
+  }
 
-/* ── Panneau ──────────────────────────────────────────────────────────────── */
-/* La surface, l'arrondi, la lueur et les renforts d'angle viennent des
+  /* ── Panneau ──────────────────────────────────────────────────────────────── */
+  /* La surface, l'arrondi, la lueur et les renforts d'angle viennent des
    primitives `.surface-card` et `.surface-card--braced` ; il ne reste ici que
    la mise en page propre à cet écran. */
-.nf-panel {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: var(--space-sm);
-  width: 100%;
-  max-width: 560px;
-  padding: var(--space-xl);
-  text-align: center;
-}
+  .nf-panel {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: var(--space-sm);
+    width: 100%;
+    max-width: 560px;
+    padding: var(--space-xl);
+    text-align: center;
+  }
 
-/* ── Le code ──────────────────────────────────────────────────────────────── */
-.nf-kicker {
-  font-size: var(--fs-xs);
-  letter-spacing: 0.18em;
-  color: var(--glow-text);
-}
+  /* ── Le code ──────────────────────────────────────────────────────────────── */
+  .nf-kicker {
+    font-size: var(--fs-xs);
+    letter-spacing: 0.18em;
+    color: var(--glow-text);
+  }
 
-.nf-code {
-  position: relative;
-  overflow: hidden;
-  line-height: 1;
-}
-.nf-code-text {
-  display: block;
-  font-size: clamp(96px, 18vw, 148px); // display size — hors de l'échelle, à dessein
-  font-weight: 700;
-  letter-spacing: -0.04em;
-  // Le chiffre est creux : un contour de marque sur un remplissage à peine
-  // teinté. Un aplat plein en ferait le sujet de l'écran, alors que le sujet
-  // est la phrase en dessous — et un dégradé vers la lueur, peu saturée,
-  // traverse un gris franc qui délave le tout.
-  color: var(--brand-soft);
-  -webkit-text-stroke: 2px var(--brand);
-}
-/* Un balayage lent, pas un scintillement : il passe une fois toutes les six
-   secondes et se voit à peine. C'est le seul mouvement de l'écran. */
-.nf-scan {
-  position: absolute;
-  inset-inline: 0;
-  top: 0;
-  height: 30%;
-  background: linear-gradient(180deg, transparent, var(--glow-soft), transparent);
-  animation: nf-sweep 6s ease-in-out infinite;
-}
-@keyframes nf-sweep {
-  0%,
-  70% {
-    transform: translateY(-100%);
+  .nf-code {
+    position: relative;
+    overflow: hidden;
+    line-height: 1;
   }
-  100% {
-    transform: translateY(400%);
+  .nf-code-text {
+    display: block;
+    font-size: clamp(96px, 18vw, 148px); // display size — hors de l'échelle, à dessein
+    font-weight: 700;
+    letter-spacing: -0.04em;
+    // Le chiffre est creux : un contour de marque sur un remplissage à peine
+    // teinté. Un aplat plein en ferait le sujet de l'écran, alors que le sujet
+    // est la phrase en dessous — et un dégradé vers la lueur, peu saturée,
+    // traverse un gris franc qui délave le tout.
+    color: var(--brand-soft);
+    -webkit-text-stroke: 2px var(--brand);
   }
-}
-@media (prefers-reduced-motion: reduce) {
+  /* Un balayage lent, pas un scintillement : il passe une fois toutes les six
+   secondes et se voit à peine. C'est le seul mouvement de l'écran. */
   .nf-scan {
-    animation: none;
-    opacity: 0;
+    position: absolute;
+    inset-inline: 0;
+    top: 0;
+    height: 30%;
+    background: linear-gradient(180deg, transparent, var(--glow-soft), transparent);
+    animation: nf-sweep 6s ease-in-out infinite;
+  }
+  @keyframes nf-sweep {
+    0%,
+    70% {
+      transform: translateY(-100%);
+    }
+    100% {
+      transform: translateY(400%);
+    }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .nf-scan {
+      animation: none;
+      opacity: 0;
+    }
   }
-}
 
-/* ── Texte ────────────────────────────────────────────────────────────────── */
-.nf-msg {
-  margin: var(--space-sm) 0 0;
-  font-size: var(--fs-lg);
-  color: var(--text);
-}
-.nf-detail {
-  max-width: 44ch;
-  margin: 0;
-  font-size: var(--fs-sm);
-  line-height: 1.5;
-  color: var(--muted);
-}
+  /* ── Texte ────────────────────────────────────────────────────────────────── */
+  .nf-msg {
+    margin: var(--space-sm) 0 0;
+    font-size: var(--fs-lg);
+    color: var(--text);
+  }
+  .nf-detail {
+    max-width: 44ch;
+    margin: 0;
+    font-size: var(--fs-sm);
+    line-height: 1.5;
+    color: var(--muted);
+  }
 
-.nf-actions {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--space-sm);
-  justify-content: center;
-  margin-top: var(--space-md);
-}
+  .nf-actions {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--space-sm);
+    justify-content: center;
+    margin-top: var(--space-md);
+  }
 </style>
diff --git a/src/pages/HelpPage.vue b/src/pages/HelpPage.vue
index fb30c6d..e562e8d 100644
--- a/src/pages/HelpPage.vue
+++ b/src/pages/HelpPage.vue
@@ -58,13 +58,7 @@
           {{ t('pages.help.noMatch', { query }) }}
         </p>
 
-        <section
-          v-for="s in results"
-          :id="`sec-${s.id}`"
-          :key="s.id"
-          class="hp-sec surface-card"
-          :aria-labelledby="`h-${s.id}`"
-        >
+        <section v-for="s in results" :id="`sec-${s.id}`" :key="s.id" class="hp-sec surface-card" :aria-labelledby="`h-${s.id}`">
           <header class="hp-sec-head">
             <span class="hp-sec-icon"><q-icon :name="s.icon" size="20px" /></span>
             <h2 :id="`h-${s.id}`" class="hp-sec-title">{{ s.title }}</h2>
@@ -78,261 +72,257 @@
 </template>
 
 <script setup lang="ts">
-import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-import { useI18n } from 'vue-i18n';
-import MarkdownView from '@/components/replay/MarkdownView.vue';
-import { helpSections, searchSections } from '@/help';
-import { closeHelp } from '@/composables/useHelp';
+  import MarkdownView from '@/components/replay/MarkdownView.vue'
+  import { closeHelp } from '@/composables/useHelp'
+  import { helpSections, searchSections } from '@/help'
+  import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import { useRoute, useRouter } from 'vue-router'
 
-const { t } = useI18n();
-const route = useRoute();
-const router = useRouter();
+  const { t } = useI18n()
+  const route = useRoute()
+  const router = useRouter()
 
-const query = ref('');
-// q-input with `clearable` writes null on clear, hence the ?? ''.
-const results = computed(() => searchSections(query.value ?? ''));
-const active = ref<string>(helpSections()[0]?.id ?? '');
-const main = ref<HTMLElement | null>(null);
+  const query = ref('')
+  // q-input with `clearable` writes null on clear, hence the ?? ''.
+  const results = computed(() => searchSections(query.value ?? ''))
+  const active = ref<string>(helpSections()[0]?.id ?? '')
+  const main = ref<HTMLElement | null>(null)
 
-const resultsLabel = computed(() =>
-  !query.value
-    ? t('pages.help.count', helpSections().length)
-    : t('pages.help.found', results.value.length),
-);
+  const resultsLabel = computed(() => (!query.value ? t('pages.help.count', helpSections().length) : t('pages.help.found', results.value.length)))
 
-/** Scroll a section under the fixed statusbar; `scroll-margin-top` does the offset. */
-async function scrollToSection(id: string): Promise<void> {
-  await nextTick();
-  document.getElementById(`sec-${id}`)?.scrollIntoView({ behavior: 'smooth', block: 'start' });
-}
+  /** Scroll a section under the fixed statusbar; `scroll-margin-top` does the offset. */
+  async function scrollToSection(id: string): Promise<void> {
+    await nextTick()
+    document.getElementById(`sec-${id}`)?.scrollIntoView({ behavior: 'smooth', block: 'start' })
+  }
+
+  /** A real, resolvable URL so ctrl-click and "open in new tab" behave. */
+  function hrefFor(id: string): string {
+    return router.resolve({ name: 'help', query: { s: id } }).href
+  }
 
-/** A real, resolvable URL so ctrl-click and "open in new tab" behave. */
-function hrefFor(id: string): string {
-  return router.resolve({ name: 'help', query: { s: id } }).href;
-}
+  function goTo(id: string): void {
+    active.value = id
+    void scrollToSection(id)
+    void router.replace({ name: 'help', query: { s: id } })
+  }
+
+  // Scroll-spy: the section crossing the band just under the header wins. The
+  // observer is rebuilt whenever the rendered set changes (i.e. on every search).
+  let io: IntersectionObserver | null = null
+  function observeSections(): void {
+    io?.disconnect()
+    const els = main.value?.querySelectorAll<HTMLElement>('.hp-sec')
+    if (!els?.length) return
 
-function goTo(id: string): void {
-  active.value = id;
-  void scrollToSection(id);
-  void router.replace({ name: 'help', query: { s: id } });
-}
+    const obs = new IntersectionObserver(
+      (entries) => {
+        for (const e of entries) {
+          if (e.isIntersecting) active.value = e.target.id.replace(/^sec-/, '')
+        }
+      },
+      { rootMargin: '-56px 0px -70% 0px', threshold: 0 },
+    )
+    els.forEach((el) => obs.observe(el))
+    io = obs
+  }
 
-// Scroll-spy: the section crossing the band just under the header wins. The
-// observer is rebuilt whenever the rendered set changes (i.e. on every search).
-let io: IntersectionObserver | null = null;
-function observeSections(): void {
-  io?.disconnect();
-  const els = main.value?.querySelectorAll<HTMLElement>('.hp-sec');
-  if (!els?.length) return;
+  watch(results, () => void nextTick(observeSections))
 
-  const obs = new IntersectionObserver(
-    (entries) => {
-      for (const e of entries) {
-        if (e.isIntersecting) active.value = e.target.id.replace(/^sec-/, '');
+  // Deep link: /aide?s=<id>, set by the drawer's "Manuel complet" link. A query
+  // param plutôt qu'une ancre : le fragment appartient au défilement natif du
+  // navigateur, qui viserait une section pas encore rendue au premier passage.
+  watch(
+    () => route.query.s,
+    (s) => {
+      if (typeof s === 'string' && s) {
+        active.value = s
+        void scrollToSection(s)
       }
     },
-    { rootMargin: '-56px 0px -70% 0px', threshold: 0 },
-  );
-  els.forEach((el) => obs.observe(el));
-  io = obs;
-}
+  )
 
-watch(results, () => void nextTick(observeSections));
-
-// Deep link: /aide?s=<id>, set by the drawer's "Manuel complet" link. A query
-// param plutôt qu'une ancre : le fragment appartient au défilement natif du
-// navigateur, qui viserait une section pas encore rendue au premier passage.
-watch(
-  () => route.query.s,
-  (s) => {
+  onMounted(() => {
+    // The contextual drawer would document the screen you just left — and there is
+    // no manual page for the manual itself.
+    closeHelp()
+    observeSections()
+    const s = route.query.s
     if (typeof s === 'string' && s) {
-      active.value = s;
-      void scrollToSection(s);
+      active.value = s
+      void scrollToSection(s)
     }
-  },
-);
-
-onMounted(() => {
-  // The contextual drawer would document the screen you just left — and there is
-  // no manual page for the manual itself.
-  closeHelp();
-  observeSections();
-  const s = route.query.s;
-  if (typeof s === 'string' && s) {
-    active.value = s;
-    void scrollToSection(s);
-  }
-});
-onBeforeUnmount(() => io?.disconnect());
+  })
+  onBeforeUnmount(() => io?.disconnect())
 </script>
 
 <style scoped lang="scss">
-.hp {
-  padding: var(--space-xl);
-  width: 100%;
-  max-width: var(--page-max);
-  margin: 0 auto;
-}
-
-/* ── Head ─────────────────────────────────────────────────────────────────── */
-.hp-head {
-  display: flex;
-  align-items: flex-end;
-  justify-content: space-between;
-  gap: var(--space-xl);
-  flex-wrap: wrap;
-  margin-bottom: var(--space-xl);
-}
-.hp-head-main {
-  min-width: 0;
-}
-.hp-kicker {
-  font-size: var(--fs-xs);
-  letter-spacing: 0.18em;
-  color: var(--brand-muted);
-}
-.hp-title {
-  font-size: 30px; // display size — off the type scale, as on the launchpad
-  font-weight: 700;
-  letter-spacing: -0.02em;
-  line-height: 1.05;
-  margin-top: var(--space-xs);
-}
-.hp-desc {
-  max-width: 62ch;
-  margin: var(--space-sm) 0 0;
-  color: var(--muted);
-  font-size: var(--fs-md);
-  line-height: 1.5;
-}
-.hp-search {
-  width: 260px;
-  max-width: 100%;
-}
-
-/* ── Two columns: sticky table of contents + sections ─────────────────────── */
-.hp-cols {
-  display: grid;
-  grid-template-columns: 210px 1fr;
-  gap: var(--space-xl);
-  align-items: start;
-}
-.hp-toc {
-  position: sticky;
-  top: 56px; // statusbar (40px) + breathing room
-}
-.hp-toc-list {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 1px;
-}
-.hp-toc-item {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  padding: var(--space-xs) var(--space-sm);
-  border-radius: var(--radius-sm);
-  border-left: 2px solid transparent;
-  color: var(--muted);
-  font-size: var(--fs-sm);
-  text-decoration: none;
-  transition:
-    color var(--motion-fast) ease,
-    background var(--motion-fast) ease,
-    border-color var(--motion-fast) ease;
-}
-.hp-toc-item:hover {
-  background: var(--hover-overlay);
-  color: var(--text);
-}
-.hp-toc-item--on {
-  color: var(--brand);
-  border-left-color: var(--brand);
-  background: var(--hover-overlay);
-}
-.hp-toc-icon {
-  flex: 0 0 auto;
-}
-.hp-toc-label {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
+  .hp {
+    padding: var(--space-xl);
+    width: 100%;
+    max-width: var(--page-max);
+    margin: 0 auto;
+  }
 
-/* ── Sections ─────────────────────────────────────────────────────────────── */
-.hp-main {
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-lg);
-}
-.hp-sec {
-  padding: var(--space-lg) var(--space-xl) var(--space-xl);
-  scroll-margin-top: 56px;
-}
-.hp-sec-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-md);
-  padding-bottom: var(--space-md);
-  margin-bottom: var(--space-sm);
-  border-bottom: 1px solid var(--line);
-}
-.hp-sec-icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 36px;
-  height: 36px;
-  flex: 0 0 auto;
-  border-radius: var(--radius-sm);
-  background: var(--surface-2);
-  border: 1px solid var(--line-2);
-  color: var(--brand);
-}
-.hp-sec-title {
-  flex: 1;
-  min-width: 0;
-  margin: 0;
-  font-size: var(--fs-lg);
-  font-weight: 600;
-  letter-spacing: -0.01em;
-}
-.hp-sec-cmd {
-  flex: 0 0 auto;
-  font-size: var(--fs-2xs);
-  color: var(--dim);
-  background: none;
-  border: none;
-  padding: 0;
-}
-/* The card header already names the section — the prose starts flush. */
-.hp-sec :deep(.md-view > *:first-child) {
-  margin-top: 0;
-}
-.hp-empty {
-  margin: 0;
-  color: var(--dim);
-  font-size: var(--fs-sm);
-}
+  /* ── Head ─────────────────────────────────────────────────────────────────── */
+  .hp-head {
+    display: flex;
+    align-items: flex-end;
+    justify-content: space-between;
+    gap: var(--space-xl);
+    flex-wrap: wrap;
+    margin-bottom: var(--space-xl);
+  }
+  .hp-head-main {
+    min-width: 0;
+  }
+  .hp-kicker {
+    font-size: var(--fs-xs);
+    letter-spacing: 0.18em;
+    color: var(--brand-muted);
+  }
+  .hp-title {
+    font-size: 30px; // display size — off the type scale, as on the launchpad
+    font-weight: 700;
+    letter-spacing: -0.02em;
+    line-height: 1.05;
+    margin-top: var(--space-xs);
+  }
+  .hp-desc {
+    max-width: 62ch;
+    margin: var(--space-sm) 0 0;
+    color: var(--muted);
+    font-size: var(--fs-md);
+    line-height: 1.5;
+  }
+  .hp-search {
+    width: 260px;
+    max-width: 100%;
+  }
 
-@media (max-width: 900px) {
+  /* ── Two columns: sticky table of contents + sections ─────────────────────── */
   .hp-cols {
-    grid-template-columns: 1fr;
+    display: grid;
+    grid-template-columns: 210px 1fr;
+    gap: var(--space-xl);
+    align-items: start;
   }
   .hp-toc {
-    position: static;
+    position: sticky;
+    top: 56px; // statusbar (40px) + breathing room
   }
   .hp-toc-list {
-    flex-direction: row;
-    flex-wrap: wrap;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 1px;
   }
-  .hp-search {
-    width: 100%;
+  .hp-toc-item {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    padding: var(--space-xs) var(--space-sm);
+    border-radius: var(--radius-sm);
+    border-left: 2px solid transparent;
+    color: var(--muted);
+    font-size: var(--fs-sm);
+    text-decoration: none;
+    transition:
+      color var(--motion-fast) ease,
+      background var(--motion-fast) ease,
+      border-color var(--motion-fast) ease;
+  }
+  .hp-toc-item:hover {
+    background: var(--hover-overlay);
+    color: var(--text);
+  }
+  .hp-toc-item--on {
+    color: var(--brand);
+    border-left-color: var(--brand);
+    background: var(--hover-overlay);
+  }
+  .hp-toc-icon {
+    flex: 0 0 auto;
+  }
+  .hp-toc-label {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  /* ── Sections ─────────────────────────────────────────────────────────────── */
+  .hp-main {
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-lg);
+  }
+  .hp-sec {
+    padding: var(--space-lg) var(--space-xl) var(--space-xl);
+    scroll-margin-top: 56px;
+  }
+  .hp-sec-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-md);
+    padding-bottom: var(--space-md);
+    margin-bottom: var(--space-sm);
+    border-bottom: 1px solid var(--line);
+  }
+  .hp-sec-icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 36px;
+    height: 36px;
+    flex: 0 0 auto;
+    border-radius: var(--radius-sm);
+    background: var(--surface-2);
+    border: 1px solid var(--line-2);
+    color: var(--brand);
+  }
+  .hp-sec-title {
+    flex: 1;
+    min-width: 0;
+    margin: 0;
+    font-size: var(--fs-lg);
+    font-weight: 600;
+    letter-spacing: -0.01em;
+  }
+  .hp-sec-cmd {
+    flex: 0 0 auto;
+    font-size: var(--fs-2xs);
+    color: var(--dim);
+    background: none;
+    border: none;
+    padding: 0;
+  }
+  /* The card header already names the section — the prose starts flush. */
+  .hp-sec :deep(.md-view > *:first-child) {
+    margin-top: 0;
+  }
+  .hp-empty {
+    margin: 0;
+    color: var(--dim);
+    font-size: var(--fs-sm);
+  }
+
+  @media (max-width: 900px) {
+    .hp-cols {
+      grid-template-columns: 1fr;
+    }
+    .hp-toc {
+      position: static;
+    }
+    .hp-toc-list {
+      flex-direction: row;
+      flex-wrap: wrap;
+    }
+    .hp-search {
+      width: 100%;
+    }
   }
-}
 </style>
diff --git a/src/pages/HomePage.vue b/src/pages/HomePage.vue
index 74f42a8..0732d8d 100644
--- a/src/pages/HomePage.vue
+++ b/src/pages/HomePage.vue
@@ -26,12 +26,7 @@
              agir (Atelier). Traités à l'identique pour que la paire se lise
              comme un seul bloc, et non comme un bouton greffé après coup. -->
         <div class="hud-primaries">
-          <router-link
-            v-for="p in primaries"
-            :key="p.name"
-            :to="{ name: p.name }"
-            class="hud-primary surface-card--braced"
-          >
+          <router-link v-for="p in primaries" :key="p.name" :to="{ name: p.name }" class="hud-primary surface-card--braced">
             <span class="hud-primary-icon"><q-icon :name="p.icon" size="26px" /></span>
             <span class="hud-primary-name">{{ p.label }}</span>
             <span class="hud-primary-hint">{{ p.hint }}</span>
@@ -45,11 +40,7 @@
         <!-- Sessions Claude Code en cours — accès direct au flux live. -->
         <aside class="hud-sessions surface-card" aria-labelledby="hud-sessions-title">
           <div class="hud-sessions-head">
-            <span
-              class="status-dot"
-              :class="hasActive ? 'status-dot--pulse status-dot--live' : ''"
-              aria-hidden="true"
-            />
+            <span class="status-dot" :class="hasActive ? 'status-dot--pulse status-dot--live' : ''" aria-hidden="true" />
             <span id="hud-sessions-title" class="hud-sessions-label font-mono">
               {{ t('pages.home.sessionsLabel') }}
             </span>
@@ -58,11 +49,7 @@
           <ul v-if="sessions.length" class="hud-sessions-list">
             <li v-for="s in sessions.slice(0, 3)" :key="s.sessionId">
               <router-link class="hud-sess" :to="{ name: 'sessions', query: { sel: s.sessionId } }">
-                <span
-                  class="status-dot"
-                  :class="isActive(s) ? 'status-dot--pulse status-dot--live' : ''"
-                  aria-hidden="true"
-                />
+                <span class="status-dot" :class="isActive(s) ? 'status-dot--pulse status-dot--live' : ''" aria-hidden="true" />
                 <span class="hud-sess-name">{{ sessionLabel(s) }}</span>
                 <span class="hud-sess-status font-mono">{{ s.status ?? '' }}</span>
                 <q-icon name="arrow_forward" size="14px" class="hud-arrow" aria-hidden="true" />
@@ -124,667 +111,667 @@
 </template>
 
 <script setup lang="ts">
-import { computed, onMounted } from 'vue';
-import { storeToRefs } from 'pinia';
-import { useI18n } from 'vue-i18n';
-import EmptyState from '@/components/ui/EmptyState.vue';
-import { useSystemStore } from '@/stores/system';
-import type { SessionInfo } from '@/services/system';
-import { helpSections } from '@/help';
-
-const { t } = useI18n();
-const sys = useSystemStore();
+  import EmptyState from '@/components/ui/EmptyState.vue'
+  import { helpSections } from '@/help'
+  import type { SessionInfo } from '@/services/system'
+  import { useSystemStore } from '@/stores/system'
+  import { storeToRefs } from 'pinia'
+  import { computed, onMounted } from 'vue'
+  import { useI18n } from 'vue-i18n'
 
-// Les sessions viennent du store, pas d'un sondage propre à cette page : la
-// barre système les affiche aussi, et deux timers interrogeraient le BFF pour
-// la même réponse. Le rafraîchissement périodique est tenu par MainLayout, qui
-// reste monté sur tous les écrans.
-const { sessions } = storeToRefs(sys);
-const isActive = sys.isActive;
-const hasActive = computed(() => sys.activeSessions.length > 0);
+  const { t } = useI18n()
+  const sys = useSystemStore()
 
-function sessionLabel(s: SessionInfo): string {
-  return s.name || s.sessionId.slice(0, 8) || 'session';
-}
+  // Les sessions viennent du store, pas d'un sondage propre à cette page : la
+  // barre système les affiche aussi, et deux timers interrogeraient le BFF pour
+  // la même réponse. Le rafraîchissement périodique est tenu par MainLayout, qui
+  // reste monté sur tous les écrans.
+  const { sessions } = storeToRefs(sys)
+  const isActive = sys.isActive
+  const hasActive = computed(() => sys.activeSessions.length > 0)
 
-// Position d'un module sur son arc, de 0 (extrémités) à 1 (milieu).
-//
-// C'est bien un demi-cercle vu de face : sur un cercle centré sur le regard,
-// le point le plus éloigné latéralement est celui du milieu, et les extrémités
-// haute et basse reviennent vers le centre. Le sinus donne exactement cela, et
-// la feuille de style en tire d'un coup le décalage, l'échelle et l'opacité —
-// les trois indices de profondeur restent ainsi liés à une seule valeur.
-function arc(i: number, n: number): string {
-  return (Math.sin(((i + 0.5) / n) * Math.PI) ** 1.4).toFixed(3);
-}
+  function sessionLabel(s: SessionInfo): string {
+    return s.name || s.sessionId.slice(0, 8) || 'session'
+  }
 
-// Les deux entrées mises en avant au centre. Ce sont des actions, pas des
-// ressources : elles ne sont donc pas répétées sur les arcs.
-const primaries = computed(() => [
-  {
-    name: 'projects',
-    label: t('nav.projects'),
-    icon: 'folder_open',
-    hint: t('pages.home.primaries.projectsHint'),
-    cta: t('pages.home.primaries.projectsCta'),
-  },
-  {
-    name: 'atelier',
-    label: t('nav.atelier'),
-    icon: 'construction',
-    hint: t('pages.home.primaries.atelierHint'),
-    cta: t('pages.home.primaries.atelierCta'),
-  },
-]);
+  // Position d'un module sur son arc, de 0 (extrémités) à 1 (milieu).
+  //
+  // C'est bien un demi-cercle vu de face : sur un cercle centré sur le regard,
+  // le point le plus éloigné latéralement est celui du milieu, et les extrémités
+  // haute et basse reviennent vers le centre. Le sinus donne exactement cela, et
+  // la feuille de style en tire d'un coup le décalage, l'échelle et l'opacité —
+  // les trois indices de profondeur restent ainsi liés à une seule valeur.
+  function arc(i: number, n: number): string {
+    return (Math.sin(((i + 0.5) / n) * Math.PI) ** 1.4).toFixed(3)
+  }
 
-// Les modules, répartis sur les deux flancs : les ressources réutilisables à
-// gauche, la plomberie système à droite.
-const groups = computed(() => {
-  const ov = sys.overview;
-  return [
+  // Les deux entrées mises en avant au centre. Ce sont des actions, pas des
+  // ressources : elles ne sont donc pas répétées sur les arcs.
+  const primaries = computed(() => [
     {
-      id: 'ressources',
-      title: t('pages.home.groups.resources'),
-      side: 'left',
-      modules: [
-        {
-          name: 'agents',
-          label: t('nav.agents'),
-          icon: 'smart_toy',
-          hint: t('pages.home.hints.agents'),
-          count: ov?.agents ?? 0,
-        },
-        {
-          name: 'skills',
-          label: t('nav.skills'),
-          icon: 'bolt',
-          hint: t('pages.home.hints.skills'),
-          count: ov?.skills ?? 0,
-        },
-        {
-          name: 'plugins',
-          label: t('nav.plugins'),
-          icon: 'extension',
-          hint: t('pages.home.hints.plugins'),
-          count: ov?.plugins ?? 0,
-        },
-        {
-          name: 'memory',
-          label: t('nav.memory'),
-          icon: 'psychology',
-          hint: t('pages.home.hints.memory'),
-          on: ov?.claudeMdExists ?? false,
-        },
-        {
-          name: 'hooks',
-          label: t('nav.hooks'),
-          icon: 'bolt',
-          hint: t('pages.home.hints.hooks'),
-          on: ov?.settingsExists ?? false,
-        },
-        {
-          name: 'mcp',
-          label: t('nav.mcp'),
-          icon: 'cable',
-          hint: t('pages.home.hints.mcp'),
-          on: true,
-        },
-      ],
+      name: 'projects',
+      label: t('nav.projects'),
+      icon: 'folder_open',
+      hint: t('pages.home.primaries.projectsHint'),
+      cta: t('pages.home.primaries.projectsCta'),
     },
     {
-      id: 'systeme',
-      title: t('pages.home.groups.system'),
-      side: 'right',
-      modules: [
-        {
-          name: 'settings',
-          label: t('nav.settings'),
-          icon: 'tune',
-          hint: t('pages.home.hints.settings'),
-          on: ov?.settingsExists ?? false,
-        },
-        {
-          name: 'backups',
-          label: t('nav.backups'),
-          icon: 'restore',
-          hint: t('pages.home.hints.backups'),
-          on: true,
-        },
-        {
-          name: 'usage',
-          label: t('nav.usage'),
-          icon: 'insights',
-          hint: t('pages.home.hints.usage'),
-          on: true,
-        },
-        {
-          name: 'diagnostic',
-          label: t('nav.diagnostic'),
-          icon: 'troubleshoot',
-          hint: t('pages.home.hints.diagnostic'),
-          on: true,
-        },
-        {
-          name: 'maintenance',
-          label: t('nav.maintenance'),
-          icon: 'storage',
-          hint: t('pages.home.hints.maintenance'),
-          on: true,
-        },
-        {
-          name: 'help',
-          label: t('nav.help'),
-          icon: 'menu_book',
-          hint: t('pages.home.hints.help'),
-          count: helpSections().length,
-        },
-      ],
+      name: 'atelier',
+      label: t('nav.atelier'),
+      icon: 'construction',
+      hint: t('pages.home.primaries.atelierHint'),
+      cta: t('pages.home.primaries.atelierCta'),
     },
-  ];
-});
+  ])
+
+  // Les modules, répartis sur les deux flancs : les ressources réutilisables à
+  // gauche, la plomberie système à droite.
+  const groups = computed(() => {
+    const ov = sys.overview
+    return [
+      {
+        id: 'ressources',
+        title: t('pages.home.groups.resources'),
+        side: 'left',
+        modules: [
+          {
+            name: 'agents',
+            label: t('nav.agents'),
+            icon: 'smart_toy',
+            hint: t('pages.home.hints.agents'),
+            count: ov?.agents ?? 0,
+          },
+          {
+            name: 'skills',
+            label: t('nav.skills'),
+            icon: 'bolt',
+            hint: t('pages.home.hints.skills'),
+            count: ov?.skills ?? 0,
+          },
+          {
+            name: 'plugins',
+            label: t('nav.plugins'),
+            icon: 'extension',
+            hint: t('pages.home.hints.plugins'),
+            count: ov?.plugins ?? 0,
+          },
+          {
+            name: 'memory',
+            label: t('nav.memory'),
+            icon: 'psychology',
+            hint: t('pages.home.hints.memory'),
+            on: ov?.claudeMdExists ?? false,
+          },
+          {
+            name: 'hooks',
+            label: t('nav.hooks'),
+            icon: 'bolt',
+            hint: t('pages.home.hints.hooks'),
+            on: ov?.settingsExists ?? false,
+          },
+          {
+            name: 'mcp',
+            label: t('nav.mcp'),
+            icon: 'cable',
+            hint: t('pages.home.hints.mcp'),
+            on: true,
+          },
+        ],
+      },
+      {
+        id: 'systeme',
+        title: t('pages.home.groups.system'),
+        side: 'right',
+        modules: [
+          {
+            name: 'settings',
+            label: t('nav.settings'),
+            icon: 'tune',
+            hint: t('pages.home.hints.settings'),
+            on: ov?.settingsExists ?? false,
+          },
+          {
+            name: 'backups',
+            label: t('nav.backups'),
+            icon: 'restore',
+            hint: t('pages.home.hints.backups'),
+            on: true,
+          },
+          {
+            name: 'usage',
+            label: t('nav.usage'),
+            icon: 'insights',
+            hint: t('pages.home.hints.usage'),
+            on: true,
+          },
+          {
+            name: 'diagnostic',
+            label: t('nav.diagnostic'),
+            icon: 'troubleshoot',
+            hint: t('pages.home.hints.diagnostic'),
+            on: true,
+          },
+          {
+            name: 'maintenance',
+            label: t('nav.maintenance'),
+            icon: 'storage',
+            hint: t('pages.home.hints.maintenance'),
+            on: true,
+          },
+          {
+            name: 'help',
+            label: t('nav.help'),
+            icon: 'menu_book',
+            hint: t('pages.home.hints.help'),
+            count: helpSections().length,
+          },
+        ],
+      },
+    ]
+  })
 
-onMounted(() => {
-  if (!sys.loaded) void sys.refresh();
-});
+  onMounted(() => {
+    if (!sys.loaded) void sys.refresh()
+  })
 </script>
 
 <style scoped lang="scss">
-.hud {
-  display: flex;
-  align-items: center;
-  padding: var(--space-xl);
-  position: relative;
-}
-/* La lueur est recentrée sur le cœur : c'est lui que la page éclaire. */
-.hud::before {
-  content: '';
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  width: 900px;
-  height: 620px;
-  background: radial-gradient(ellipse at center, var(--brand-soft), transparent 70%);
-  pointer-events: none;
-  opacity: 0.55;
-}
+  .hud {
+    display: flex;
+    align-items: center;
+    padding: var(--space-xl);
+    position: relative;
+  }
+  /* La lueur est recentrée sur le cœur : c'est lui que la page éclaire. */
+  .hud::before {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 900px;
+    height: 620px;
+    background: radial-gradient(ellipse at center, var(--brand-soft), transparent 70%);
+    pointer-events: none;
+    opacity: 0.55;
+  }
 
-/* ── Ossature : arc · cœur · arc ───────────────────────────────────────────── */
-.hud-frame {
-  display: grid;
-  /* Le cœur est nommé en premier dans le document mais tient la colonne du
+  /* ── Ossature : arc · cœur · arc ───────────────────────────────────────────── */
+  .hud-frame {
+    display: grid;
+    /* Le cœur est nommé en premier dans le document mais tient la colonne du
      milieu : les colonnes sont donc assignées explicitement. */
-  grid-template-columns: minmax(280px, 1fr) minmax(480px, 620px) minmax(280px, 1fr);
-  align-items: center;
-  gap: var(--space-xl);
-  width: 100%;
-  max-width: 1760px;
-  margin-inline: auto;
-  position: relative;
-}
-.hud-core {
-  grid-column: 2;
-  grid-row: 1;
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-md);
-  min-width: 0;
-}
-.hud-flank {
-  grid-row: 1;
-  min-width: 0;
-}
-.hud-flank--left {
-  grid-column: 1;
-}
-.hud-flank--right {
-  grid-column: 3;
-}
+    grid-template-columns: minmax(280px, 1fr) minmax(480px, 620px) minmax(280px, 1fr);
+    align-items: center;
+    gap: var(--space-xl);
+    width: 100%;
+    max-width: 1760px;
+    margin-inline: auto;
+    position: relative;
+  }
+  .hud-core {
+    grid-column: 2;
+    grid-row: 1;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md);
+    min-width: 0;
+  }
+  .hud-flank {
+    grid-row: 1;
+    min-width: 0;
+  }
+  .hud-flank--left {
+    grid-column: 1;
+  }
+  .hud-flank--right {
+    grid-column: 3;
+  }
 
-/* ── Cœur ─────────────────────────────────────────────────────────────────── */
-.hud-ident {
-  text-align: center;
-}
-.hud-kicker {
-  font-size: var(--fs-xs);
-  letter-spacing: 0.18em;
-  color: var(--brand-muted);
-}
-.hud-title {
-  font-size: 34px; // display size — off the type scale on purpose
-  font-weight: 700;
-  letter-spacing: -0.02em;
-  line-height: 1.05;
-  margin-top: var(--space-xs);
-}
-.hud-desc {
-  max-width: 52ch;
-  margin: var(--space-sm) auto 0;
-  color: var(--muted);
-  font-size: var(--fs-sm);
-  line-height: 1.5;
-}
-.hud-primaries {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
-  gap: var(--space-md);
-}
-.hud-primary {
-  /* Même anatomie que les rangées d'arc (icône, corps, pied) en plus grand :
+  /* ── Cœur ─────────────────────────────────────────────────────────────────── */
+  .hud-ident {
+    text-align: center;
+  }
+  .hud-kicker {
+    font-size: var(--fs-xs);
+    letter-spacing: 0.18em;
+    color: var(--brand-muted);
+  }
+  .hud-title {
+    font-size: 34px; // display size — off the type scale on purpose
+    font-weight: 700;
+    letter-spacing: -0.02em;
+    line-height: 1.05;
+    margin-top: var(--space-xs);
+  }
+  .hud-desc {
+    max-width: 52ch;
+    margin: var(--space-sm) auto 0;
+    color: var(--muted);
+    font-size: var(--fs-sm);
+    line-height: 1.5;
+  }
+  .hud-primaries {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
+    gap: var(--space-md);
+  }
+  .hud-primary {
+    /* Même anatomie que les rangées d'arc (icône, corps, pied) en plus grand :
      le cœur est de la même famille que les flancs, pas une autre espèce. */
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-xs);
-  min-width: 0;
-  min-height: 168px;
-  padding: var(--space-lg);
-  background: var(--surface);
-  /* La lueur remplace le filet — sa première couche est un anneau `inset` posé
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+    min-width: 0;
+    min-height: 168px;
+    padding: var(--space-lg);
+    background: var(--surface);
+    /* La lueur remplace le filet — sa première couche est un anneau `inset` posé
      là où était la bordure, garder les deux doublerait l'arête. Une ombre
      interne ne prend aucune place, donc la mise en page ne bouge pas. */
-  border-radius: var(--radius-md);
-  box-shadow: var(--glow-shadow);
-  text-decoration: none;
-  color: inherit;
-  position: relative;
-  /* Pas d'`overflow: hidden` ici : il ne servait qu'à rattraper les coins
+    border-radius: var(--radius-md);
+    box-shadow: var(--glow-shadow);
+    text-decoration: none;
+    color: inherit;
+    position: relative;
+    /* Pas d'`overflow: hidden` ici : il ne servait qu'à rattraper les coins
      carrés du lavis, qui porte désormais son propre arrondi — et il rognait
      le pixel par lequel les renforts d'angle coiffent l'arête. */
-  transition:
-    transform var(--motion-base) ease,
-    box-shadow var(--motion-base) ease,
-    background var(--motion-base) ease;
-}
-.hud-primary::after {
-  content: '';
-  position: absolute;
-  inset: 0;
-  /* Le lavis suit l'arête : un voile saumon sous un bord cyan donnerait deux
+    transition:
+      transform var(--motion-base) ease,
+      box-shadow var(--motion-base) ease,
+      background var(--motion-base) ease;
+  }
+  .hud-primary::after {
+    content: '';
+    position: absolute;
+    inset: 0;
+    /* Le lavis suit l'arête : un voile saumon sous un bord cyan donnerait deux
      couleurs pour un seul geste. Le saumon reste sur l'icône et le libellé
      d'action, qui eux désignent ce qui va se passer. */
-  background: radial-gradient(120% 100% at 100% 0%, var(--glow-soft), transparent 55%);
-  border-radius: inherit;
-  opacity: 0;
-  transition: opacity var(--motion-base) ease;
-  pointer-events: none;
-}
-.hud-primary:hover,
-.hud-primary:focus-visible {
-  transform: translateY(-3px);
-  box-shadow: var(--glow-shadow-hover);
-  background: var(--surface-2);
-}
-.hud-primary:hover::after,
-.hud-primary:focus-visible::after {
-  opacity: 1;
-}
-.hud-primary:hover .hud-primary-icon,
-.hud-primary:focus-visible .hud-primary-icon {
-  color: var(--brand);
-  border-color: var(--brand-line);
-}
-.hud-primary:hover .hud-primary-cta,
-.hud-primary:focus-visible .hud-primary-cta {
-  color: var(--brand);
-}
-.hud-primary:hover .hud-arrow,
-.hud-primary:focus-visible .hud-arrow {
-  transform: translateX(3px);
-}
-.hud-primary-icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 44px;
-  height: 44px;
-  margin-bottom: var(--space-lg);
-  border-radius: var(--radius-sm);
-  background: var(--surface-2);
-  border: 1px solid var(--line-2);
-  color: var(--muted);
-  transition:
-    color var(--motion-base) ease,
-    border-color var(--motion-base) ease;
-}
-.hud-primary-name {
-  margin-top: auto;
-  font-size: var(--fs-lg);
-  font-weight: 600;
-  letter-spacing: -0.01em;
-}
-.hud-primary-hint {
-  color: var(--muted);
-  font-size: var(--fs-sm);
-  line-height: 1.4;
-}
-.hud-primary-cta {
-  display: inline-flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--space-xs);
-  margin-top: var(--space-sm);
-  padding-top: var(--space-sm);
-  border-top: 1px solid var(--line);
-  font-size: var(--fs-xs);
-  color: var(--muted);
-}
+    background: radial-gradient(120% 100% at 100% 0%, var(--glow-soft), transparent 55%);
+    border-radius: inherit;
+    opacity: 0;
+    transition: opacity var(--motion-base) ease;
+    pointer-events: none;
+  }
+  .hud-primary:hover,
+  .hud-primary:focus-visible {
+    transform: translateY(-3px);
+    box-shadow: var(--glow-shadow-hover);
+    background: var(--surface-2);
+  }
+  .hud-primary:hover::after,
+  .hud-primary:focus-visible::after {
+    opacity: 1;
+  }
+  .hud-primary:hover .hud-primary-icon,
+  .hud-primary:focus-visible .hud-primary-icon {
+    color: var(--brand);
+    border-color: var(--brand-line);
+  }
+  .hud-primary:hover .hud-primary-cta,
+  .hud-primary:focus-visible .hud-primary-cta {
+    color: var(--brand);
+  }
+  .hud-primary:hover .hud-arrow,
+  .hud-primary:focus-visible .hud-arrow {
+    transform: translateX(3px);
+  }
+  .hud-primary-icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 44px;
+    height: 44px;
+    margin-bottom: var(--space-lg);
+    border-radius: var(--radius-sm);
+    background: var(--surface-2);
+    border: 1px solid var(--line-2);
+    color: var(--muted);
+    transition:
+      color var(--motion-base) ease,
+      border-color var(--motion-base) ease;
+  }
+  .hud-primary-name {
+    margin-top: auto;
+    font-size: var(--fs-lg);
+    font-weight: 600;
+    letter-spacing: -0.01em;
+  }
+  .hud-primary-hint {
+    color: var(--muted);
+    font-size: var(--fs-sm);
+    line-height: 1.4;
+  }
+  .hud-primary-cta {
+    display: inline-flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--space-xs);
+    margin-top: var(--space-sm);
+    padding-top: var(--space-sm);
+    border-top: 1px solid var(--line);
+    font-size: var(--fs-xs);
+    color: var(--muted);
+  }
 
-/* ── Encart sessions ──────────────────────────────────────────────────────── */
-.hud-sessions {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-  min-width: 0;
-  padding: var(--space-md) var(--space-lg);
-}
-.hud-sessions-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-}
-.hud-sessions-label {
-  font-size: var(--fs-2xs);
-  letter-spacing: 0.14em;
-  text-transform: uppercase;
-  color: var(--brand-muted);
-}
-.hud-sessions-count {
-  margin-left: auto;
-  font-size: var(--fs-xs);
-  color: var(--dim);
-}
-.hud-sessions-list {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-}
-.hud-sess {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  padding: var(--space-xs) var(--space-sm);
-  margin: 0 calc(-1 * var(--space-sm));
-  border-radius: var(--radius-sm);
-  text-decoration: none;
-  color: inherit;
-  transition: background var(--motion-fast) ease;
-}
-.hud-sess:hover,
-.hud-sess:focus-visible {
-  background: var(--hover-overlay);
-}
-.hud-sess:hover .hud-arrow,
-.hud-sess:focus-visible .hud-arrow {
-  transform: translateX(3px);
-  color: var(--brand);
-}
-.hud-sess-name {
-  flex: 1;
-  min-width: 0;
-  font-size: var(--fs-sm);
-  font-weight: 600;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.hud-sess-status {
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-}
-.hud-sessions-foot {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--space-xs);
-  margin-top: auto;
-  padding-top: var(--space-sm);
-  border-top: 1px solid var(--line);
-  font-size: var(--fs-xs);
-  color: var(--muted);
-  text-decoration: none;
-  transition: color var(--motion-fast) ease;
-}
-.hud-sessions-foot:hover,
-.hud-sessions-foot:focus-visible {
-  color: var(--brand);
-}
-.hud-sessions-foot:hover .hud-arrow,
-.hud-sessions-foot:focus-visible .hud-arrow {
-  transform: translateX(3px);
-  color: var(--brand);
-}
+  /* ── Encart sessions ──────────────────────────────────────────────────────── */
+  .hud-sessions {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+    min-width: 0;
+    padding: var(--space-md) var(--space-lg);
+  }
+  .hud-sessions-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+  }
+  .hud-sessions-label {
+    font-size: var(--fs-2xs);
+    letter-spacing: 0.14em;
+    text-transform: uppercase;
+    color: var(--brand-muted);
+  }
+  .hud-sessions-count {
+    margin-left: auto;
+    font-size: var(--fs-xs);
+    color: var(--dim);
+  }
+  .hud-sessions-list {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+  }
+  .hud-sess {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    padding: var(--space-xs) var(--space-sm);
+    margin: 0 calc(-1 * var(--space-sm));
+    border-radius: var(--radius-sm);
+    text-decoration: none;
+    color: inherit;
+    transition: background var(--motion-fast) ease;
+  }
+  .hud-sess:hover,
+  .hud-sess:focus-visible {
+    background: var(--hover-overlay);
+  }
+  .hud-sess:hover .hud-arrow,
+  .hud-sess:focus-visible .hud-arrow {
+    transform: translateX(3px);
+    color: var(--brand);
+  }
+  .hud-sess-name {
+    flex: 1;
+    min-width: 0;
+    font-size: var(--fs-sm);
+    font-weight: 600;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .hud-sess-status {
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+  }
+  .hud-sessions-foot {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--space-xs);
+    margin-top: auto;
+    padding-top: var(--space-sm);
+    border-top: 1px solid var(--line);
+    font-size: var(--fs-xs);
+    color: var(--muted);
+    text-decoration: none;
+    transition: color var(--motion-fast) ease;
+  }
+  .hud-sessions-foot:hover,
+  .hud-sessions-foot:focus-visible {
+    color: var(--brand);
+  }
+  .hud-sessions-foot:hover .hud-arrow,
+  .hud-sessions-foot:focus-visible .hud-arrow {
+    transform: translateX(3px);
+    color: var(--brand);
+  }
 
-/* ── En-tête de flanc ─────────────────────────────────────────────────────── */
-.hud-flank-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  margin-bottom: var(--space-md);
-}
-.hud-flank-title {
-  font-size: var(--fs-xs);
-  font-weight: 600;
-  letter-spacing: 0.16em;
-  text-transform: uppercase;
-  color: var(--brand-muted);
-  margin: 0;
-}
-.hud-flank-count {
-  font-size: var(--fs-2xs);
-  color: var(--dim);
-}
-.hud-flank-rule {
-  flex: 1;
-  height: 1px;
-  background: var(--line);
-}
+  /* ── En-tête de flanc ─────────────────────────────────────────────────────── */
+  .hud-flank-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    margin-bottom: var(--space-md);
+  }
+  .hud-flank-title {
+    font-size: var(--fs-xs);
+    font-weight: 600;
+    letter-spacing: 0.16em;
+    text-transform: uppercase;
+    color: var(--brand-muted);
+    margin: 0;
+  }
+  .hud-flank-count {
+    font-size: var(--fs-2xs);
+    color: var(--dim);
+  }
+  .hud-flank-rule {
+    flex: 1;
+    height: 1px;
+    background: var(--line);
+  }
 
-/* ── Arcs ─────────────────────────────────────────────────────────────────── */
-.hud-arc {
-  display: flex;
-  flex-direction: column;
-  /* Écartement généreux : c'est la hauteur parcourue par l'arc qui rend sa
+  /* ── Arcs ─────────────────────────────────────────────────────────────────── */
+  .hud-arc {
+    display: flex;
+    flex-direction: column;
+    /* Écartement généreux : c'est la hauteur parcourue par l'arc qui rend sa
      courbure lisible. Serrées, les six rangées ne décrivent plus une courbe
      mais un simple décrochement. */
-  gap: var(--space-lg);
-}
-/* `--a` vaut 1 au milieu de l'arc et tend vers 0 aux extrémités. Le décalage,
+    gap: var(--space-lg);
+  }
+  /* `--a` vaut 1 au milieu de l'arc et tend vers 0 aux extrémités. Le décalage,
    l'échelle et l'opacité en découlent tous les trois : la rangée du milieu est
    la plus avancée vers le spectateur, celles des bouts s'éloignent. */
-.aura {
-  --arc-x: 88px;
-  /* La rangée cède d'avance la largeur que l'arc va lui faire parcourir, et se
+  .aura {
+    --arc-x: 88px;
+    /* La rangée cède d'avance la largeur que l'arc va lui faire parcourir, et se
      colle au bord intérieur du flanc. Sans cela, celles du milieu — les plus
      décalées — sortiraient du cadre et se feraient rogner. */
-  width: calc(100% - var(--arc-x));
-  display: grid;
-  grid-template-columns: auto minmax(0, 1fr) auto;
-  align-items: center;
-  gap: var(--space-md);
-  padding: var(--space-md) var(--space-lg);
-  background: var(--surface);
-  border-radius: var(--radius-md);
-  box-shadow: var(--glow-shadow);
-  text-decoration: none;
-  color: inherit;
-  position: relative;
-  overflow: hidden;
-  opacity: calc(0.88 + var(--a) * 0.12);
-  transition:
-    transform var(--motion-base) ease,
-    box-shadow var(--motion-base) ease,
-    opacity var(--motion-base) ease,
-    background var(--motion-base) ease;
-  animation: aura-in var(--motion-slow) ease both;
-  animation-delay: calc(var(--i) * 40ms);
-}
-.hud-flank--left .aura {
-  margin-left: auto;
-  transform: translateX(calc(var(--a) * var(--arc-x) * -1)) scale(calc(0.96 + var(--a) * 0.04));
-}
-.hud-flank--right .aura {
-  margin-right: auto;
-  transform: translateX(calc(var(--a) * var(--arc-x))) scale(calc(0.96 + var(--a) * 0.04));
-}
-.aura::after {
-  content: '';
-  position: absolute;
-  inset: 0;
-  background: radial-gradient(120% 140% at 100% 0%, var(--glow-soft), transparent 55%);
-  opacity: 0;
-  transition: opacity var(--motion-base) ease;
-  pointer-events: none;
-}
-/* Au survol, la rangée revient au premier plan : elle reprend sa pleine
-   opacité, son échelle réelle, et s'avance vers le cœur. */
-.aura:hover,
-.aura:focus-visible {
-  opacity: 1;
-  box-shadow: var(--glow-shadow-hover);
-  background: var(--surface-2);
-}
-.hud-flank--left .aura:hover,
-.hud-flank--left .aura:focus-visible {
-  transform: translateX(calc(var(--a) * var(--arc-x) * -1 + 4px)) scale(1);
-}
-.hud-flank--right .aura:hover,
-.hud-flank--right .aura:focus-visible {
-  transform: translateX(calc(var(--a) * var(--arc-x) - 4px)) scale(1);
-}
-.aura:hover::after,
-.aura:focus-visible::after {
-  opacity: 1;
-}
-.aura:hover .aura-icon,
-.aura:focus-visible .aura-icon {
-  color: var(--brand);
-  border-color: var(--brand-line);
-}
-.aura:hover .hud-arrow,
-.aura:focus-visible .hud-arrow {
-  transform: translateX(3px);
-  color: var(--brand);
-}
-.aura-icon {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 40px;
-  height: 40px;
-  border-radius: var(--radius-sm);
-  background: var(--surface-2);
-  border: 1px solid var(--line-2);
-  color: var(--muted);
-  transition:
-    color var(--motion-base) ease,
-    border-color var(--motion-base) ease;
-}
-/* Compteur en coin, posé sur l'arête de l'icône. */
-.aura-stack {
-  position: absolute;
-  right: -5px;
-  bottom: -6px;
-  min-width: 18px;
-  padding: 0 3px;
-  border-radius: var(--radius-xs);
-  background: var(--surface);
-  border: 1px solid var(--line-2);
-  color: var(--text);
-  font-size: var(--fs-2xs);
-  font-weight: 600;
-  line-height: 16px;
-  text-align: center;
-}
-.aura-dot {
-  position: absolute;
-  right: -2px;
-  bottom: -2px;
-}
-.aura-body {
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-}
-.aura-name {
-  font-size: var(--fs-md);
-  font-weight: 600;
-  letter-spacing: -0.01em;
-}
-/* Une seule ligne, tronquée : la description complète est sur la page du
-   module. Une ligne qui se déplie au survol ferait respirer tout l'arc. */
-.aura-hint {
-  margin-top: 1px;
-  color: var(--muted);
-  font-size: var(--fs-2xs);
-  line-height: 1.3;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.hud-arrow {
-  color: var(--dim);
-  transition:
-    transform var(--motion-base) ease,
-    color var(--motion-base) ease;
-}
-
-@keyframes aura-in {
-  from {
-    opacity: 0;
-  }
-  to {
+    width: calc(100% - var(--arc-x));
+    display: grid;
+    grid-template-columns: auto minmax(0, 1fr) auto;
+    align-items: center;
+    gap: var(--space-md);
+    padding: var(--space-md) var(--space-lg);
+    background: var(--surface);
+    border-radius: var(--radius-md);
+    box-shadow: var(--glow-shadow);
+    text-decoration: none;
+    color: inherit;
+    position: relative;
+    overflow: hidden;
     opacity: calc(0.88 + var(--a) * 0.12);
+    transition:
+      transform var(--motion-base) ease,
+      box-shadow var(--motion-base) ease,
+      opacity var(--motion-base) ease,
+      background var(--motion-base) ease;
+    animation: aura-in var(--motion-slow) ease both;
+    animation-delay: calc(var(--i) * 40ms);
   }
-}
-
-/* ── Repli : sous la largeur de trois colonnes, l'arc n'a plus de sens ─────── */
-@media (max-width: 1280px) {
-  .hud {
-    align-items: flex-start;
+  .hud-flank--left .aura {
+    margin-left: auto;
+    transform: translateX(calc(var(--a) * var(--arc-x) * -1)) scale(calc(0.96 + var(--a) * 0.04));
   }
-  .hud-frame {
-    /* Deux colonnes fixes plutôt qu'un `auto-fit` : il n'y a que deux flancs,
-       et une piste de plus resterait vide à droite. */
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-    align-items: start;
+  .hud-flank--right .aura {
+    margin-right: auto;
+    transform: translateX(calc(var(--a) * var(--arc-x))) scale(calc(0.96 + var(--a) * 0.04));
   }
-  .hud-core,
-  .hud-flank--left,
-  .hud-flank--right {
-    grid-column: auto;
-    grid-row: auto;
+  .aura::after {
+    content: '';
+    position: absolute;
+    inset: 0;
+    background: radial-gradient(120% 140% at 100% 0%, var(--glow-soft), transparent 55%);
+    opacity: 0;
+    transition: opacity var(--motion-base) ease;
+    pointer-events: none;
   }
-  .hud-core {
-    grid-column: 1 / -1;
+  /* Au survol, la rangée revient au premier plan : elle reprend sa pleine
+   opacité, son échelle réelle, et s'avance vers le cœur. */
+  .aura:hover,
+  .aura:focus-visible {
+    opacity: 1;
+    box-shadow: var(--glow-shadow-hover);
+    background: var(--surface-2);
   }
-  .hud-flank--left .aura,
-  .hud-flank--right .aura,
   .hud-flank--left .aura:hover,
-  .hud-flank--left .aura:focus-visible,
+  .hud-flank--left .aura:focus-visible {
+    transform: translateX(calc(var(--a) * var(--arc-x) * -1 + 4px)) scale(1);
+  }
   .hud-flank--right .aura:hover,
   .hud-flank--right .aura:focus-visible {
-    transform: none;
+    transform: translateX(calc(var(--a) * var(--arc-x) - 4px)) scale(1);
   }
-  .aura {
-    width: 100%;
+  .aura:hover::after,
+  .aura:focus-visible::after {
     opacity: 1;
   }
-}
+  .aura:hover .aura-icon,
+  .aura:focus-visible .aura-icon {
+    color: var(--brand);
+    border-color: var(--brand-line);
+  }
+  .aura:hover .hud-arrow,
+  .aura:focus-visible .hud-arrow {
+    transform: translateX(3px);
+    color: var(--brand);
+  }
+  .aura-icon {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 40px;
+    height: 40px;
+    border-radius: var(--radius-sm);
+    background: var(--surface-2);
+    border: 1px solid var(--line-2);
+    color: var(--muted);
+    transition:
+      color var(--motion-base) ease,
+      border-color var(--motion-base) ease;
+  }
+  /* Compteur en coin, posé sur l'arête de l'icône. */
+  .aura-stack {
+    position: absolute;
+    right: -5px;
+    bottom: -6px;
+    min-width: 18px;
+    padding: 0 3px;
+    border-radius: var(--radius-xs);
+    background: var(--surface);
+    border: 1px solid var(--line-2);
+    color: var(--text);
+    font-size: var(--fs-2xs);
+    font-weight: 600;
+    line-height: 16px;
+    text-align: center;
+  }
+  .aura-dot {
+    position: absolute;
+    right: -2px;
+    bottom: -2px;
+  }
+  .aura-body {
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+  }
+  .aura-name {
+    font-size: var(--fs-md);
+    font-weight: 600;
+    letter-spacing: -0.01em;
+  }
+  /* Une seule ligne, tronquée : la description complète est sur la page du
+   module. Une ligne qui se déplie au survol ferait respirer tout l'arc. */
+  .aura-hint {
+    margin-top: 1px;
+    color: var(--muted);
+    font-size: var(--fs-2xs);
+    line-height: 1.3;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .hud-arrow {
+    color: var(--dim);
+    transition:
+      transform var(--motion-base) ease,
+      color var(--motion-base) ease;
+  }
 
-@media (max-width: 780px) {
-  .hud-frame {
-    grid-template-columns: minmax(0, 1fr);
+  @keyframes aura-in {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: calc(0.88 + var(--a) * 0.12);
+    }
   }
-}
 
-@media (prefers-reduced-motion: reduce) {
-  .aura {
-    animation: none;
+  /* ── Repli : sous la largeur de trois colonnes, l'arc n'a plus de sens ─────── */
+  @media (max-width: 1280px) {
+    .hud {
+      align-items: flex-start;
+    }
+    .hud-frame {
+      /* Deux colonnes fixes plutôt qu'un `auto-fit` : il n'y a que deux flancs,
+       et une piste de plus resterait vide à droite. */
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+      align-items: start;
+    }
+    .hud-core,
+    .hud-flank--left,
+    .hud-flank--right {
+      grid-column: auto;
+      grid-row: auto;
+    }
+    .hud-core {
+      grid-column: 1 / -1;
+    }
+    .hud-flank--left .aura,
+    .hud-flank--right .aura,
+    .hud-flank--left .aura:hover,
+    .hud-flank--left .aura:focus-visible,
+    .hud-flank--right .aura:hover,
+    .hud-flank--right .aura:focus-visible {
+      transform: none;
+    }
+    .aura {
+      width: 100%;
+      opacity: 1;
+    }
+  }
+
+  @media (max-width: 780px) {
+    .hud-frame {
+      grid-template-columns: minmax(0, 1fr);
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .aura {
+      animation: none;
+    }
   }
-}
 </style>
diff --git a/src/pages/HooksPage.vue b/src/pages/HooksPage.vue
index c9c1577..0172a8e 100644
--- a/src/pages/HooksPage.vue
+++ b/src/pages/HooksPage.vue
@@ -42,11 +42,7 @@
     </div>
 
     <!-- Plugin-contributed hooks (read-only) -->
-    <section
-      v-if="pluginHooks.length"
-      class="surface-card hk-plugins"
-      :aria-label="t('pages.hooks.pluginHooks')"
-    >
+    <section v-if="pluginHooks.length" class="surface-card hk-plugins" :aria-label="t('pages.hooks.pluginHooks')">
       <header class="hk-event-head">
         <q-icon name="extension" size="18px" aria-hidden="true" />
         <h2 class="hk-event-name font-mono">{{ t('pages.hooks.pluginHooks') }}</h2>
@@ -74,12 +70,7 @@
     <div class="hk-user-label section-label">{{ t('pages.hooks.userHooks') }}</div>
     <div v-if="!eventsWithHooks.length" class="hk-empty">{{ t('pages.hooks.empty') }}</div>
 
-    <section
-      v-for="ev in eventsWithHooks"
-      :key="ev"
-      class="surface-card hk-event"
-      :aria-label="t('pages.hooks.eventAria', { event: ev })"
-    >
+    <section v-for="ev in eventsWithHooks" :key="ev" class="surface-card hk-event" :aria-label="t('pages.hooks.eventAria', { event: ev })">
       <header class="hk-event-head">
         <q-icon name="bolt" size="18px" aria-hidden="true" />
         <h2 class="hk-event-name font-mono">
@@ -178,53 +169,18 @@
           </p>
         </div>
 
-        <q-btn
-          flat
-          dense
-          no-caps
-          size="sm"
-          color="primary"
-          icon="add"
-          :label="t('pages.hooks.addAction')"
-          @click="addAction(ev, gi)"
-        />
+        <q-btn flat dense no-caps size="sm" color="primary" icon="add" :label="t('pages.hooks.addAction')" @click="addAction(ev, gi)" />
       </div>
 
-      <q-btn
-        flat
-        dense
-        no-caps
-        size="sm"
-        color="primary"
-        icon="add"
-        :label="t('pages.hooks.addGroup')"
-        @click="addGroup(ev)"
-      />
+      <q-btn flat dense no-caps size="sm" color="primary" icon="add" :label="t('pages.hooks.addGroup')" @click="addGroup(ev)" />
     </section>
 
     <!-- Add a hook on any event -->
     <div class="hk-add surface-card">
       <div class="hk-add-row">
         <label class="hk-lbl">{{ t('pages.hooks.addOn') }}</label>
-        <q-select
-          v-model="newEvent"
-          :options="EVENTS"
-          dense
-          outlined
-          options-dense
-          class="hk-newev"
-          :aria-label="t('pages.hooks.event')"
-        />
-        <q-btn
-          unelevated
-          no-caps
-          dense
-          color="primary"
-          text-color="dark"
-          icon="add"
-          :label="t('pages.hooks.add')"
-          @click="addGroup(newEvent)"
-        />
+        <q-select v-model="newEvent" :options="EVENTS" dense outlined options-dense class="hk-newev" :aria-label="t('pages.hooks.event')" />
+        <q-btn unelevated no-caps dense color="primary" text-color="dark" icon="add" :label="t('pages.hooks.add')" @click="addGroup(newEvent)" />
       </div>
       <p class="hk-newev-desc">{{ eventInfo(newEvent) }}</p>
     </div>
@@ -234,463 +190,451 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted, ref, computed } from 'vue';
-import { useI18n } from 'vue-i18n';
-import { useNotify } from '@/composables/useNotify';
-import ConfirmDiffDialog from '@/components/ConfirmDiffDialog.vue';
-import SegmentedControl from '@/components/ui/SegmentedControl.vue';
-import { useJsonForm } from '@/composables/useJsonForm';
-import { getAt, setAt, deleteAt } from '@/utils/json-edit';
-import {
-  readFile,
-  propose as proposeWrite,
-  getPluginHooks,
-  ClaudeApiError,
-  type Proposal,
-  type PluginHooks,
-} from '@/services/claude';
+  import ConfirmDiffDialog from '@/components/ConfirmDiffDialog.vue'
+  import SegmentedControl from '@/components/ui/SegmentedControl.vue'
+  import { useJsonForm } from '@/composables/useJsonForm'
+  import { useNotify } from '@/composables/useNotify'
+  import { readFile, propose as proposeWrite, getPluginHooks, ClaudeApiError, type Proposal, type PluginHooks } from '@/services/claude'
+  import { getAt, setAt, deleteAt } from '@/utils/json-edit'
+  import { onMounted, ref, computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
 
-const { t } = useI18n();
-const { notifyError } = useNotify();
-const PATH = 'settings.json';
+  const { t } = useI18n()
+  const { notifyError } = useNotify()
+  const PATH = 'settings.json'
 
-// Le catalogue des événements de Claude Code. L'ordre vient d'ici, les phrases
-// du catalogue de traduction — c'est de la documentation, pas la voix d'AURA.
-const EVENTS = [
-  'SessionStart',
-  'SessionEnd',
-  'Setup',
-  'UserPromptSubmit',
-  'UserPromptExpansion',
-  'PreToolUse',
-  'PostToolUse',
-  'PostToolUseFailure',
-  'PostToolBatch',
-  'PermissionRequest',
-  'PermissionDenied',
-  'Notification',
-  'MessageDisplay',
-  'SubagentStart',
-  'SubagentStop',
-  'TaskCreated',
-  'TaskCompleted',
-  'Stop',
-  'StopFailure',
-  'TeammateIdle',
-  'InstructionsLoaded',
-  'ConfigChange',
-  'CwdChanged',
-  'FileChanged',
-  'WorktreeCreate',
-  'WorktreeRemove',
-  'PreCompact',
-  'PostCompact',
-  'Elicitation',
-  'ElicitationResult',
-];
-const eventInfo = (ev: string): string => t(`pages.hooks.events.${ev}`);
-const TYPE_OPTIONS = [
-  { label: 'command', value: 'command' },
-  { label: 'prompt', value: 'prompt' },
-  { label: 'http', value: 'http' },
-  { label: 'agent', value: 'agent' },
-  { label: 'mcp_tool', value: 'mcp_tool' },
-];
+  // Le catalogue des événements de Claude Code. L'ordre vient d'ici, les phrases
+  // du catalogue de traduction — c'est de la documentation, pas la voix d'AURA.
+  const EVENTS = [
+    'SessionStart',
+    'SessionEnd',
+    'Setup',
+    'UserPromptSubmit',
+    'UserPromptExpansion',
+    'PreToolUse',
+    'PostToolUse',
+    'PostToolUseFailure',
+    'PostToolBatch',
+    'PermissionRequest',
+    'PermissionDenied',
+    'Notification',
+    'MessageDisplay',
+    'SubagentStart',
+    'SubagentStop',
+    'TaskCreated',
+    'TaskCompleted',
+    'Stop',
+    'StopFailure',
+    'TeammateIdle',
+    'InstructionsLoaded',
+    'ConfigChange',
+    'CwdChanged',
+    'FileChanged',
+    'WorktreeCreate',
+    'WorktreeRemove',
+    'PreCompact',
+    'PostCompact',
+    'Elicitation',
+    'ElicitationResult',
+  ]
+  const eventInfo = (ev: string): string => t(`pages.hooks.events.${ev}`)
+  const TYPE_OPTIONS = [
+    { label: 'command', value: 'command' },
+    { label: 'prompt', value: 'prompt' },
+    { label: 'http', value: 'http' },
+    { label: 'agent', value: 'agent' },
+    { label: 'mcp_tool', value: 'mcp_tool' },
+  ]
 
-const content = ref('');
-const original = ref('');
-const loading = ref(true);
-const proposing = ref(false);
-const proposal = ref<Proposal | null>(null);
-const newEvent = ref('PostToolUse');
-const pluginHooks = ref<PluginHooks[]>([]);
+  const content = ref('')
+  const original = ref('')
+  const loading = ref(true)
+  const proposing = ref(false)
+  const proposal = ref<Proposal | null>(null)
+  const newEvent = ref('PostToolUse')
+  const pluginHooks = ref<PluginHooks[]>([])
 
-const { valid, parsed, mutate } = useJsonForm(content);
-const dirty = computed(() => content.value !== original.value);
+  const { valid, parsed, mutate } = useJsonForm(content)
+  const dirty = computed(() => content.value !== original.value)
 
-type Path = (string | number)[];
-const str = (p: Path): string => {
-  const v = getAt(parsed.value, p);
-  if (typeof v === 'string') return v;
-  if (typeof v === 'number' || typeof v === 'boolean') return String(v);
-  return '';
-};
-const set = (p: Path, e: Event): void => {
-  const v = (e.target as HTMLInputElement | HTMLTextAreaElement).value;
-  mutate((o) => (v === '' ? deleteAt(o, p) : setAt(o, p, v)));
-};
-const setVal = (p: Path, v: string): void => mutate((o) => setAt(o, p, v));
-const setNum = (p: Path, e: Event): void => {
-  const raw = (e.target as HTMLInputElement).value;
-  mutate((o) => (raw === '' ? deleteAt(o, p) : setAt(o, p, Number(raw))));
-};
+  type Path = (string | number)[]
+  const str = (p: Path): string => {
+    const v = getAt(parsed.value, p)
+    if (typeof v === 'string') return v
+    if (typeof v === 'number' || typeof v === 'boolean') return String(v)
+    return ''
+  }
+  const set = (p: Path, e: Event): void => {
+    const v = (e.target as HTMLInputElement | HTMLTextAreaElement).value
+    mutate((o) => (v === '' ? deleteAt(o, p) : setAt(o, p, v)))
+  }
+  const setVal = (p: Path, v: string): void => mutate((o) => setAt(o, p, v))
+  const setNum = (p: Path, e: Event): void => {
+    const raw = (e.target as HTMLInputElement).value
+    mutate((o) => (raw === '' ? deleteAt(o, p) : setAt(o, p, Number(raw))))
+  }
 
-const hooks = computed(() => (getAt(parsed.value, ['hooks']) ?? {}) as Record<string, unknown>);
-const eventsWithHooks = computed(() =>
-  Object.keys(hooks.value).filter(
-    (e) => Array.isArray(hooks.value[e]) && (hooks.value[e] as unknown[]).length,
-  ),
-);
-const groupsOf = (ev: string): Record<string, unknown>[] =>
-  (getAt(parsed.value, ['hooks', ev]) as Record<string, unknown>[] | undefined) ?? [];
-const actionsOf = (ev: string, gi: number): Record<string, unknown>[] =>
-  (getAt(parsed.value, ['hooks', ev, gi, 'hooks']) as Record<string, unknown>[] | undefined) ?? [];
+  const hooks = computed(() => (getAt(parsed.value, ['hooks']) ?? {}) as Record<string, unknown>)
+  const eventsWithHooks = computed(() =>
+    Object.keys(hooks.value).filter((e) => Array.isArray(hooks.value[e]) && (hooks.value[e] as unknown[]).length),
+  )
+  const groupsOf = (ev: string): Record<string, unknown>[] => (getAt(parsed.value, ['hooks', ev]) as Record<string, unknown>[] | undefined) ?? []
+  const actionsOf = (ev: string, gi: number): Record<string, unknown>[] =>
+    (getAt(parsed.value, ['hooks', ev, gi, 'hooks']) as Record<string, unknown>[] | undefined) ?? []
 
-/** Which single field to render for an action, by its type. */
-function fieldFor(a: Record<string, unknown>): 'command' | 'prompt' | 'url' | 'other' {
-  const t = (a.type as string) || 'command';
-  if (t === 'command') return 'command';
-  if (t === 'prompt' || t === 'agent') return 'prompt';
-  if (t === 'http') return 'url';
-  return 'other';
-}
+  /** Which single field to render for an action, by its type. */
+  function fieldFor(a: Record<string, unknown>): 'command' | 'prompt' | 'url' | 'other' {
+    const t = (a.type as string) || 'command'
+    if (t === 'command') return 'command'
+    if (t === 'prompt' || t === 'agent') return 'prompt'
+    if (t === 'http') return 'url'
+    return 'other'
+  }
 
-/** A plugin's hooks are active unless it's explicitly disabled in settings. */
-const pluginEnabled = (id: string): boolean =>
-  getAt(parsed.value, ['enabledPlugins', id]) !== false;
+  /** A plugin's hooks are active unless it's explicitly disabled in settings. */
+  const pluginEnabled = (id: string): boolean => getAt(parsed.value, ['enabledPlugins', id]) !== false
 
-/** Unique commands a plugin's hooks run (for a compact read-only summary). */
-function commandsOf(ph: PluginHooks): string[] {
-  const set = new Set<string>();
-  for (const groups of Object.values(ph.hooks)) {
-    for (const g of groups ?? []) {
-      for (const a of g.hooks ?? []) {
-        if (a.command) set.add(a.command);
+  /** Unique commands a plugin's hooks run (for a compact read-only summary). */
+  function commandsOf(ph: PluginHooks): string[] {
+    const set = new Set<string>()
+    for (const groups of Object.values(ph.hooks)) {
+      for (const g of groups ?? []) {
+        for (const a of g.hooks ?? []) {
+          if (a.command) set.add(a.command)
+        }
       }
     }
+    return [...set]
   }
-  return [...set];
-}
 
-// Surfaced with positive polarity — the underlying `disableAllHooks` key is inverted,
-// so the segments read "Actifs / Désactivés" rather than asking the user to translate
-// an "on" switch into "everything is off". The key is deleted, not set to false, when
-// hooks are active: absent is its natural resting state.
-const execOptions = computed(() => [
-  { label: t('pages.hooks.execOn'), value: true },
-  { label: t('pages.hooks.execOff'), value: false },
-]);
-const hooksEnabled = computed({
-  get: (): boolean => getAt(parsed.value, ['disableAllHooks']) !== true,
-  set: (v: boolean): void =>
-    mutate((o) => (v ? deleteAt(o, ['disableAllHooks']) : setAt(o, ['disableAllHooks'], true))),
-});
+  // Surfaced with positive polarity — the underlying `disableAllHooks` key is inverted,
+  // so the segments read "Actifs / Désactivés" rather than asking the user to translate
+  // an "on" switch into "everything is off". The key is deleted, not set to false, when
+  // hooks are active: absent is its natural resting state.
+  const execOptions = computed(() => [
+    { label: t('pages.hooks.execOn'), value: true },
+    { label: t('pages.hooks.execOff'), value: false },
+  ])
+  const hooksEnabled = computed({
+    get: (): boolean => getAt(parsed.value, ['disableAllHooks']) !== true,
+    set: (v: boolean): void => mutate((o) => (v ? deleteAt(o, ['disableAllHooks']) : setAt(o, ['disableAllHooks'], true))),
+  })
 
-function addGroup(ev: string): void {
-  mutate((o) => {
-    const arr = getAt(o, ['hooks', ev]);
-    const group = { matcher: '', hooks: [{ type: 'command', command: '' }] };
-    if (Array.isArray(arr)) arr.push(group);
-    else setAt(o, ['hooks', ev], [group]);
-  });
-}
-function removeGroup(ev: string, gi: number): void {
-  mutate((o) => {
-    const arr = getAt(o, ['hooks', ev]) as unknown[] | undefined;
-    if (!Array.isArray(arr)) return;
-    arr.splice(gi, 1);
-    if (!arr.length) {
-      deleteAt(o, ['hooks', ev]);
-      const h = getAt(o, ['hooks']) as Record<string, unknown> | undefined;
-      if (h && !Object.keys(h).length) deleteAt(o, ['hooks']);
-    }
-  });
-}
-function addAction(ev: string, gi: number): void {
-  mutate((o) => {
-    const arr = getAt(o, ['hooks', ev, gi, 'hooks']);
-    if (Array.isArray(arr)) arr.push({ type: 'command', command: '' });
-    else setAt(o, ['hooks', ev, gi, 'hooks'], [{ type: 'command', command: '' }]);
-  });
-}
-function removeAction(ev: string, gi: number, ai: number): void {
-  mutate((o) => {
-    const arr = getAt(o, ['hooks', ev, gi, 'hooks']) as unknown[] | undefined;
-    if (Array.isArray(arr)) arr.splice(ai, 1);
-  });
-}
+  function addGroup(ev: string): void {
+    mutate((o) => {
+      const arr = getAt(o, ['hooks', ev])
+      const group = { matcher: '', hooks: [{ type: 'command', command: '' }] }
+      if (Array.isArray(arr)) arr.push(group)
+      else setAt(o, ['hooks', ev], [group])
+    })
+  }
+  function removeGroup(ev: string, gi: number): void {
+    mutate((o) => {
+      const arr = getAt(o, ['hooks', ev]) as unknown[] | undefined
+      if (!Array.isArray(arr)) return
+      arr.splice(gi, 1)
+      if (!arr.length) {
+        deleteAt(o, ['hooks', ev])
+        const h = getAt(o, ['hooks']) as Record<string, unknown> | undefined
+        if (h && !Object.keys(h).length) deleteAt(o, ['hooks'])
+      }
+    })
+  }
+  function addAction(ev: string, gi: number): void {
+    mutate((o) => {
+      const arr = getAt(o, ['hooks', ev, gi, 'hooks'])
+      if (Array.isArray(arr)) arr.push({ type: 'command', command: '' })
+      else setAt(o, ['hooks', ev, gi, 'hooks'], [{ type: 'command', command: '' }])
+    })
+  }
+  function removeAction(ev: string, gi: number, ai: number): void {
+    mutate((o) => {
+      const arr = getAt(o, ['hooks', ev, gi, 'hooks']) as unknown[] | undefined
+      if (Array.isArray(arr)) arr.splice(ai, 1)
+    })
+  }
 
-async function load(): Promise<void> {
-  loading.value = true;
-  try {
-    const { content: c } = await readFile(PATH);
-    content.value = c;
-    original.value = c;
-  } catch (e) {
-    if (e instanceof ClaudeApiError && e.status === 404) {
-      content.value = '{}\n';
-      original.value = '';
-    } else {
-      notifyError(e, t('pages.hooks.readError'));
+  async function load(): Promise<void> {
+    loading.value = true
+    try {
+      const { content: c } = await readFile(PATH)
+      content.value = c
+      original.value = c
+    } catch (e) {
+      if (e instanceof ClaudeApiError && e.status === 404) {
+        content.value = '{}\n'
+        original.value = ''
+      } else {
+        notifyError(e, t('pages.hooks.readError'))
+      }
+    } finally {
+      loading.value = false
     }
-  } finally {
-    loading.value = false;
   }
-}
 
-async function propose(): Promise<void> {
-  proposing.value = true;
-  try {
-    proposal.value = await proposeWrite(PATH, content.value);
-  } catch (e) {
-    notifyError(e, t('common.proposeError'));
-  } finally {
-    proposing.value = false;
-  }
-}
+  async function propose(): Promise<void> {
+    proposing.value = true
+    try {
+      proposal.value = await proposeWrite(PATH, content.value)
+    } catch (e) {
+      notifyError(e, t('common.proposeError'))
+    } finally {
+      proposing.value = false
+    }
+  }
 
-function onApplied(): void {
-  original.value = content.value;
-  proposal.value = null;
-}
+  function onApplied(): void {
+    original.value = content.value
+    proposal.value = null
+  }
 
-onMounted(async () => {
-  await load();
-  try {
-    pluginHooks.value = await getPluginHooks();
-  } catch {
-    /* plugin hooks are optional */
-  }
-});
+  onMounted(async () => {
+    await load()
+    try {
+      pluginHooks.value = await getPluginHooks()
+    } catch {
+      /* plugin hooks are optional */
+    }
+  })
 </script>
 
 <style scoped lang="scss">
-.hk {
-  padding: var(--space-md) var(--space-xl) var(--space-xl);
-  width: 100%;
-  max-width: var(--page-max);
-  // Centré, comme toute page bornée de l'application : calé à gauche, le vide
-  // s'accumulait d'un seul côté et se lisait comme une colonne manquante.
-  margin: 0 auto;
-}
-.hk-header {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: var(--space-xs) var(--space-md);
-  margin-bottom: var(--space-md);
-}
-.hk-head-icon {
-  color: var(--faint);
-  flex: 0 0 auto;
-}
-.hk-sub {
-  flex: 1 1 auto;
-  min-width: 0;
-  color: var(--dim);
-  font-size: var(--fs-sm);
-  margin: 0;
-}
-.hk-tools {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  flex: 0 0 auto;
-  margin-left: auto;
-}
-.dirty-pill {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--space-xs);
-  font-size: var(--fs-xs);
-  color: var(--brand);
-  background: var(--brand-soft);
-  border: 1px solid var(--brand-line);
-  border-radius: var(--radius-sm);
-  padding: var(--space-xs) var(--space-sm);
-}
-.hk-note {
-  color: var(--muted);
-  font-size: var(--fs-sm);
-  margin: 0 0 var(--space-md);
-  max-width: 80ch;
-}
-.hk-global {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: var(--space-md) var(--space-lg);
-  margin-bottom: var(--space-lg);
-}
-.hk-global-name {
-  font-size: var(--fs-md);
-}
-.hk-global-hint {
-  font-size: var(--fs-sm);
-  color: var(--muted);
-}
-.hk-empty {
-  color: var(--dim);
-  font-size: var(--fs-sm);
-  padding: var(--space-md) 0;
-}
-.hk-plugins {
-  padding: var(--space-lg);
-  margin-bottom: var(--space-lg);
-}
-.hk-user-label {
-  display: block;
-  margin: var(--space-lg) 0 var(--space-sm);
-}
-.hk-plugin {
-  border-top: 1px solid var(--line);
-  padding: var(--space-md) 0;
-}
-.hk-plugin:first-of-type {
-  border-top: none;
-}
-.hk-plugin-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  margin-bottom: var(--space-xs);
-}
-.hk-plugin-name {
-  font-size: var(--fs-md);
-  font-weight: 500;
-}
-.badge {
-  font-size: var(--fs-2xs);
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  padding: 1px 6px;
-  border-radius: var(--radius-xs);
-  border: 1px solid transparent;
-}
-.badge--on {
-  color: var(--pulse);
-  background: rgba(110, 231, 168, 0.12);
-  border-color: rgba(110, 231, 168, 0.3);
-}
-.badge--off {
-  color: var(--dim);
-  background: var(--surface-2);
-  border-color: var(--line);
-}
-.hk-plugin-events {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--space-xs);
-  margin-bottom: var(--space-xs);
-}
-.hk-chip {
-  font-size: var(--fs-2xs);
-  padding: 1px 6px;
-  background: var(--brand-soft);
-  color: var(--brand);
-  border: 1px solid var(--brand-line);
-  border-radius: var(--radius-xs);
-}
-.hk-cmds {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-}
-.hk-cmds li {
-  font-size: var(--fs-xs);
-  color: var(--muted);
-  word-break: break-all;
-}
-.hk-event {
-  padding: var(--space-lg);
-  margin-bottom: var(--space-lg);
-}
-.hk-event-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  color: var(--muted);
-  margin-bottom: var(--space-md);
-}
-.hk-event-name {
-  margin: 0;
-  font-size: var(--fs-md);
-  font-weight: 600;
-  color: var(--brand);
-}
-.hk-count {
-  font-size: var(--fs-xs);
-  color: var(--dim);
-}
-.hk-group {
-  border: 1px solid var(--line);
-  border-radius: var(--radius-sm);
-  padding: var(--space-md);
-  margin-bottom: var(--space-md);
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-}
-.hk-group-top {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-}
-.hk-lbl {
-  font-size: var(--fs-xs);
-  color: var(--muted);
-  flex: 0 0 auto;
-}
-.hk-action {
-  border-top: 1px solid var(--line);
-  padding-top: var(--space-sm);
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-xs);
-}
-.hk-action-row {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-}
-.hk-input {
-  flex: 1;
-  min-width: 0;
-  background: var(--bg);
-  color: var(--text);
-  border: 1px solid var(--line-2);
-  border-radius: var(--radius-sm);
-  padding: var(--space-sm) var(--space-md);
-  font-size: var(--fs-sm);
-  outline: none;
-  transition: border-color var(--motion-fast);
-}
-.hk-input:focus {
-  border-color: var(--brand-line);
-}
-.hk-area {
-  width: 100%;
-  resize: vertical;
-}
-.hk-num {
-  flex: 0 0 90px;
-  text-align: right;
-}
-.hk-type {
-  flex: 0 0 140px;
-}
-.hk-advanced {
-  font-size: var(--fs-xs);
-  color: var(--dim);
-  margin: 0;
-}
-.hk-add {
-  padding: var(--space-md) var(--space-lg);
-}
-.hk-add-row {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-}
-.hk-newev {
-  min-width: 220px;
-}
-.hk-newev-desc {
-  margin: var(--space-sm) 0 0;
-  font-size: var(--fs-sm);
-  color: var(--muted);
-}
+  .hk {
+    padding: var(--space-md) var(--space-xl) var(--space-xl);
+    width: 100%;
+    max-width: var(--page-max);
+    // Centré, comme toute page bornée de l'application : calé à gauche, le vide
+    // s'accumulait d'un seul côté et se lisait comme une colonne manquante.
+    margin: 0 auto;
+  }
+  .hk-header {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: var(--space-xs) var(--space-md);
+    margin-bottom: var(--space-md);
+  }
+  .hk-head-icon {
+    color: var(--faint);
+    flex: 0 0 auto;
+  }
+  .hk-sub {
+    flex: 1 1 auto;
+    min-width: 0;
+    color: var(--dim);
+    font-size: var(--fs-sm);
+    margin: 0;
+  }
+  .hk-tools {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    flex: 0 0 auto;
+    margin-left: auto;
+  }
+  .dirty-pill {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--space-xs);
+    font-size: var(--fs-xs);
+    color: var(--brand);
+    background: var(--brand-soft);
+    border: 1px solid var(--brand-line);
+    border-radius: var(--radius-sm);
+    padding: var(--space-xs) var(--space-sm);
+  }
+  .hk-note {
+    color: var(--muted);
+    font-size: var(--fs-sm);
+    margin: 0 0 var(--space-md);
+    max-width: 80ch;
+  }
+  .hk-global {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: var(--space-md) var(--space-lg);
+    margin-bottom: var(--space-lg);
+  }
+  .hk-global-name {
+    font-size: var(--fs-md);
+  }
+  .hk-global-hint {
+    font-size: var(--fs-sm);
+    color: var(--muted);
+  }
+  .hk-empty {
+    color: var(--dim);
+    font-size: var(--fs-sm);
+    padding: var(--space-md) 0;
+  }
+  .hk-plugins {
+    padding: var(--space-lg);
+    margin-bottom: var(--space-lg);
+  }
+  .hk-user-label {
+    display: block;
+    margin: var(--space-lg) 0 var(--space-sm);
+  }
+  .hk-plugin {
+    border-top: 1px solid var(--line);
+    padding: var(--space-md) 0;
+  }
+  .hk-plugin:first-of-type {
+    border-top: none;
+  }
+  .hk-plugin-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    margin-bottom: var(--space-xs);
+  }
+  .hk-plugin-name {
+    font-size: var(--fs-md);
+    font-weight: 500;
+  }
+  .badge {
+    font-size: var(--fs-2xs);
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    padding: 1px 6px;
+    border-radius: var(--radius-xs);
+    border: 1px solid transparent;
+  }
+  .badge--on {
+    color: var(--pulse);
+    background: rgba(110, 231, 168, 0.12);
+    border-color: rgba(110, 231, 168, 0.3);
+  }
+  .badge--off {
+    color: var(--dim);
+    background: var(--surface-2);
+    border-color: var(--line);
+  }
+  .hk-plugin-events {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--space-xs);
+    margin-bottom: var(--space-xs);
+  }
+  .hk-chip {
+    font-size: var(--fs-2xs);
+    padding: 1px 6px;
+    background: var(--brand-soft);
+    color: var(--brand);
+    border: 1px solid var(--brand-line);
+    border-radius: var(--radius-xs);
+  }
+  .hk-cmds {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+  }
+  .hk-cmds li {
+    font-size: var(--fs-xs);
+    color: var(--muted);
+    word-break: break-all;
+  }
+  .hk-event {
+    padding: var(--space-lg);
+    margin-bottom: var(--space-lg);
+  }
+  .hk-event-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    color: var(--muted);
+    margin-bottom: var(--space-md);
+  }
+  .hk-event-name {
+    margin: 0;
+    font-size: var(--fs-md);
+    font-weight: 600;
+    color: var(--brand);
+  }
+  .hk-count {
+    font-size: var(--fs-xs);
+    color: var(--dim);
+  }
+  .hk-group {
+    border: 1px solid var(--line);
+    border-radius: var(--radius-sm);
+    padding: var(--space-md);
+    margin-bottom: var(--space-md);
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+  }
+  .hk-group-top {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+  }
+  .hk-lbl {
+    font-size: var(--fs-xs);
+    color: var(--muted);
+    flex: 0 0 auto;
+  }
+  .hk-action {
+    border-top: 1px solid var(--line);
+    padding-top: var(--space-sm);
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+  }
+  .hk-action-row {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+  }
+  .hk-input {
+    flex: 1;
+    min-width: 0;
+    background: var(--bg);
+    color: var(--text);
+    border: 1px solid var(--line-2);
+    border-radius: var(--radius-sm);
+    padding: var(--space-sm) var(--space-md);
+    font-size: var(--fs-sm);
+    outline: none;
+    transition: border-color var(--motion-fast);
+  }
+  .hk-input:focus {
+    border-color: var(--brand-line);
+  }
+  .hk-area {
+    width: 100%;
+    resize: vertical;
+  }
+  .hk-num {
+    flex: 0 0 90px;
+    text-align: right;
+  }
+  .hk-type {
+    flex: 0 0 140px;
+  }
+  .hk-advanced {
+    font-size: var(--fs-xs);
+    color: var(--dim);
+    margin: 0;
+  }
+  .hk-add {
+    padding: var(--space-md) var(--space-lg);
+  }
+  .hk-add-row {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+  }
+  .hk-newev {
+    min-width: 220px;
+  }
+  .hk-newev-desc {
+    margin: var(--space-sm) 0 0;
+    font-size: var(--fs-sm);
+    color: var(--muted);
+  }
 </style>
diff --git a/src/pages/MaintenancePage.vue b/src/pages/MaintenancePage.vue
index 2074907..542c0c1 100644
--- a/src/pages/MaintenancePage.vue
+++ b/src/pages/MaintenancePage.vue
@@ -7,15 +7,7 @@
     <header class="mt-header">
       <q-icon name="build" size="15px" class="mt-head-icon" aria-hidden="true" />
       <p class="mt-sub font-mono">{{ t('pages.maintenance.subtitle') }}</p>
-      <q-btn
-        flat
-        dense
-        no-caps
-        :label="t('pages.maintenance.reload')"
-        class="mt-refresh"
-        :disable="loading"
-        @click="reloadAll"
-      />
+      <q-btn flat dense no-caps :label="t('pages.maintenance.reload')" class="mt-refresh" :disable="loading" @click="reloadAll" />
     </header>
 
     <!-- Storage -->
@@ -45,9 +37,7 @@
             :label="t('pages.maintenance.purge')"
             @click="purge(a.key, a.label)"
           />
-          <span v-else class="mt-bar-protected font-mono">{{
-            a.purgeable ? '' : t('pages.maintenance.protected')
-          }}</span>
+          <span v-else class="mt-bar-protected font-mono">{{ a.purgeable ? '' : t('pages.maintenance.protected') }}</span>
         </li>
       </ul>
     </section>
@@ -92,16 +82,9 @@
       <q-skeleton v-else-if="loadingProcs" type="rect" height="96px" />
 
       <ul v-else class="mt-procs">
-        <li
-          v-for="row in processRows"
-          :key="row.p.pid"
-          class="mt-proc"
-          :style="{ paddingLeft: `calc(${row.depth} * var(--space-lg))` }"
-        >
+        <li v-for="row in processRows" :key="row.p.pid" class="mt-proc" :style="{ paddingLeft: `calc(${row.depth} * var(--space-lg))` }">
           <span class="status-dot" :class="dotClass(row.p)" aria-hidden="true" />
-          <span class="mt-proc-kind">{{
-            t(`pages.maintenance.processes.kind.${row.p.kind}`)
-          }}</span>
+          <span class="mt-proc-kind">{{ t(`pages.maintenance.processes.kind.${row.p.kind}`) }}</span>
           <span class="mt-proc-pid font-mono">{{ row.p.pid }}</span>
           <span class="mt-proc-what" :title="row.p.command">{{ label(row.p) }}</span>
 
@@ -112,9 +95,7 @@
             {{ t('pages.maintenance.processes.self') }}
           </span>
 
-          <span class="mt-proc-age font-mono">{{
-            row.p.startedAt ? relTime(row.p.startedAt) : ''
-          }}</span>
+          <span class="mt-proc-age font-mono">{{ row.p.startedAt ? relTime(row.p.startedAt) : '' }}</span>
 
           <!-- AURA ne se termine pas d'ici : elle s'éteint, ce qui coupe d'abord
                les sessions de l'Atelier. -->
@@ -135,400 +116,389 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted, ref, computed, useTemplateRef } from 'vue';
-import { useI18n } from 'vue-i18n';
-import { useQuasar } from 'quasar';
-import { useNotify } from '@/composables/useNotify';
-import {
-  getProcesses,
-  getStorage,
-  killProcess,
-  purgeArea,
-  type ClaudeProcess,
-  type Storage,
-} from '@/services/system';
-import OrphanPlans from '@/components/OrphanPlans.vue';
-import { fmtBytes, relTime } from '@/utils/format';
-
-const { t } = useI18n();
-const $q = useQuasar();
-const { notifyError, notifyDone } = useNotify();
-const storage = ref<Storage | null>(null);
-const loading = ref(true);
-const orphanCount = ref(0);
-const orphanPlans = useTemplateRef<InstanceType<typeof OrphanPlans>>('orphanPlans');
-
-const allAreas = computed(() => {
-  if (!storage.value) return [];
-  return [
-    ...storage.value.areas,
-    {
-      key: 'backups',
-      label: t('pages.maintenance.backupsArea'),
-      size: storage.value.backups,
-      purgeable: true,
-    },
-  ];
-});
-const maxSize = computed(() => Math.max(1, ...allAreas.value.map((a) => a.size)));
-const pct = (n: number): string => `${Math.round((n / maxSize.value) * 100)}%`;
-
-async function refresh(): Promise<void> {
-  loading.value = true;
-  try {
-    storage.value = await getStorage();
-  } catch (e) {
-    notifyError(e, t('pages.maintenance.errors.storage'));
-  } finally {
-    loading.value = false;
-  }
-}
-
-// ── Processus ───────────────────────────────────────────────────────────────
-
-const processes = ref<ClaudeProcess[]>([]);
-const unsupported = ref(false);
-const loadingProcs = ref(true);
-
-/** Le décompte annoncé : les processus Claude, donc tout sauf moi. */
-const claudeCount = computed(() => processes.value.filter((p) => !p.self).length);
-
-async function refreshProcesses(): Promise<void> {
-  loadingProcs.value = true;
-  try {
-    const list = await getProcesses();
-    processes.value = list.processes;
-    unsupported.value = list.unsupported === true;
-  } catch (e) {
-    notifyError(e, t('pages.maintenance.errors.processes'));
-  } finally {
-    loadingProcs.value = false;
-  }
-}
-
-/**
- * L'ordre des racines, du plus proche de nous au plus périphérique.
- *
- * Le rang ne s'applique **qu'aux racines** : trier toutes les lignes par rôle
- * casserait l'arbre, alors que la parenté est ce qui rend cette liste lisible —
- * un job doit rester sous l'hôte qui le relancerait.
- *
- * Les rôles absents d'ici n'y manquent pas : `atelier` descend d'AURA, `pty-host`
- * et `bg-job` de leur daemon. Ils ne remontent au rang de racine que détachés de
- * leur parent, et ce rang-là dit alors leur isolement.
- */
-const ROOT_ORDER: Record<string, number> = {
-  aura: 0,
-  interactive: 1,
-  daemon: 2,
-  'pty-host': 3,
-  'bg-job': 4,
-  atelier: 5,
-  'native-host': 6,
-  other: 7,
-};
-
-const rootRank = (p: ClaudeProcess): number => ROOT_ORDER[p.kind] ?? ROOT_ORDER.other ?? 7;
-
-/**
- * L'arbre à plat, chaque ligne sachant sa profondeur.
- *
- * Est racine ce dont le parent n'est pas dans la liste — un shell, le `node
- * --watch` du BFF. Le reste descend de sa racine, dans l'ordre où il a démarré.
- * Les non rattachés sont ajoutés en fin de parcours plutôt qu'oubliés : un cycle
- * de PID recyclés ne doit pas faire disparaître des lignes de l'écran.
- */
-const processRows = computed<{ p: ClaudeProcess; depth: number }[]>(() => {
-  const byPid = new Map(processes.value.map((p) => [p.pid, p]));
-  const children = new Map<number, ClaudeProcess[]>();
-  for (const p of processes.value) {
-    if (p.ppid !== p.pid && byPid.has(p.ppid)) {
-      children.set(p.ppid, [...(children.get(p.ppid) ?? []), p]);
+  import OrphanPlans from '@/components/OrphanPlans.vue'
+  import { useNotify } from '@/composables/useNotify'
+  import { getProcesses, getStorage, killProcess, purgeArea, type ClaudeProcess, type Storage } from '@/services/system'
+  import { fmtBytes, relTime } from '@/utils/format'
+  import { useQuasar } from 'quasar'
+  import { onMounted, ref, computed, useTemplateRef } from 'vue'
+  import { useI18n } from 'vue-i18n'
+
+  const { t } = useI18n()
+  const $q = useQuasar()
+  const { notifyError, notifyDone } = useNotify()
+  const storage = ref<Storage | null>(null)
+  const loading = ref(true)
+  const orphanCount = ref(0)
+  const orphanPlans = useTemplateRef<InstanceType<typeof OrphanPlans>>('orphanPlans')
+
+  const allAreas = computed(() => {
+    if (!storage.value) return []
+    return [
+      ...storage.value.areas,
+      {
+        key: 'backups',
+        label: t('pages.maintenance.backupsArea'),
+        size: storage.value.backups,
+        purgeable: true,
+      },
+    ]
+  })
+  const maxSize = computed(() => Math.max(1, ...allAreas.value.map((a) => a.size)))
+  const pct = (n: number): string => `${Math.round((n / maxSize.value) * 100)}%`
+
+  async function refresh(): Promise<void> {
+    loading.value = true
+    try {
+      storage.value = await getStorage()
+    } catch (e) {
+      notifyError(e, t('pages.maintenance.errors.storage'))
+    } finally {
+      loading.value = false
     }
   }
 
-  const rows: { p: ClaudeProcess; depth: number }[] = [];
-  const seen = new Set<number>();
-  const walk = (p: ClaudeProcess, depth: number): void => {
-    if (seen.has(p.pid)) return;
-    seen.add(p.pid);
-    rows.push({ p, depth });
-    for (const child of children.get(p.pid) ?? []) walk(child, depth + 1);
-  };
-
-  const racines = processes.value
-    .filter((p) => p.ppid === p.pid || !byPid.has(p.ppid))
-    .sort((a, b) => rootRank(a) - rootRank(b) || (a.startedAt ?? 0) - (b.startedAt ?? 0));
-
-  for (const p of racines) walk(p, 0);
-  // Le filet : ce qu'aucune racine n'a atteint, faute d'un cycle de parenté.
-  for (const p of processes.value) walk(p, 0);
-  return rows;
-});
-
-/**
- * Ce qu'on lit d'un processus, en plus de son rôle.
- *
- * Rien, plutôt que sa ligne de commande, quand aucun fichier de session ne le
- * nomme : un daemon ou le pont de l'extension n'ont pas de nom à donner, et
- * déballer leur chemin absolu remplit la ligne d'un bruit que la colonne de rôle
- * a déjà résumé. La ligne complète reste au survol, pour qui la cherche.
- */
-function label(p: ClaudeProcess): string {
-  return p.name || p.cwd || '';
-}
-
-function dotClass(p: ClaudeProcess): Record<string, boolean> {
-  return {
-    'status-dot--pulse': p.status === 'busy',
-    'status-dot--live': p.status === 'busy',
-    'status-dot--brand': p.status === 'waiting',
-  };
-}
-
-/** Combien de processus tomberaient avec celui-ci. Pour l'annoncer, pas pour agir. */
-function descendantCount(pid: number): number {
-  const children = new Map<number, number[]>();
-  for (const p of processes.value) {
-    if (p.ppid !== p.pid) children.set(p.ppid, [...(children.get(p.ppid) ?? []), p.pid]);
-  }
-  let n = 0;
-  const queue = [...(children.get(pid) ?? [])];
-  const seen = new Set<number>([pid]);
-  while (queue.length) {
-    const current = queue.shift() as number;
-    if (seen.has(current)) continue;
-    seen.add(current);
-    n += 1;
-    queue.push(...(children.get(current) ?? []));
-  }
-  return n;
-}
-
-/**
- * Toujours avec la descendance.
- *
- * Ce n'est pas une option offerte à l'utilisateur : couper un job sans son hôte
- * de pseudo-terminal le voit renaître dans la seconde. Le dialogue annonce donc
- * ce que le geste emporte, plutôt que de demander de choisir entre un geste qui
- * marche et un qui ne marche pas.
- */
-function confirmKill(p: ClaudeProcess): void {
-  const n = descendantCount(p.pid);
-  $q.dialog({
-    title: t('pages.maintenance.processes.confirm.title'),
-    message: n
-      ? t('pages.maintenance.processes.confirm.tree', { pid: p.pid, n })
-      : t('pages.maintenance.processes.confirm.single', { pid: p.pid }),
-    cancel: { flat: true, noCaps: true, label: t('common.cancel') },
-    ok: { color: 'negative', noCaps: true, label: t('pages.maintenance.processes.confirm.ok') },
-  }).onOk(() => {
-    void (async () => {
-      try {
-        const { killed } = await killProcess(p.pid, true);
-        notifyDone(t('pages.maintenance.processes.killed', { n: killed.length }));
-      } catch (e) {
-        notifyError(e, t('pages.maintenance.errors.kill'));
-      }
-      await refreshProcesses();
-    })();
-  });
-}
-
-/** The plans list loads itself on mount, so only an explicit reload fans out to it. */
-async function reloadAll(): Promise<void> {
-  await Promise.all([refresh(), refreshProcesses(), orphanPlans.value?.refresh()]);
-}
-
-function purge(area: string, label: string): void {
-  // Deleting all transcripts is the most destructive purge — warn harder.
-  const all = area === 'projects';
-  $q.dialog({
-    title: all ? t('pages.maintenance.confirm.transcriptsTitle') : t('pages.maintenance.purge'),
-    message: all
-      ? t('pages.maintenance.confirm.transcriptsMessage')
-      : t('pages.maintenance.confirm.areaMessage', { area: label }),
-    cancel: { flat: true, noCaps: true, label: t('common.cancel') },
-    ok: {
-      color: 'negative',
-      noCaps: true,
-      label: all ? t('pages.maintenance.confirm.deleteAll') : t('pages.maintenance.purge'),
-    },
-  }).onOk(() => {
-    void (async () => {
-      try {
-        await purgeArea(area);
-        notifyDone(t('pages.maintenance.purged'));
-        await refresh();
-      } catch (e) {
-        notifyError(e, t('pages.maintenance.errors.purge'));
+  // ── Processus ───────────────────────────────────────────────────────────────
+
+  const processes = ref<ClaudeProcess[]>([])
+  const unsupported = ref(false)
+  const loadingProcs = ref(true)
+
+  /** Le décompte annoncé : les processus Claude, donc tout sauf moi. */
+  const claudeCount = computed(() => processes.value.filter((p) => !p.self).length)
+
+  async function refreshProcesses(): Promise<void> {
+    loadingProcs.value = true
+    try {
+      const list = await getProcesses()
+      processes.value = list.processes
+      unsupported.value = list.unsupported === true
+    } catch (e) {
+      notifyError(e, t('pages.maintenance.errors.processes'))
+    } finally {
+      loadingProcs.value = false
+    }
+  }
+
+  /**
+   * L'ordre des racines, du plus proche de nous au plus périphérique.
+   *
+   * Le rang ne s'applique **qu'aux racines** : trier toutes les lignes par rôle
+   * casserait l'arbre, alors que la parenté est ce qui rend cette liste lisible —
+   * un job doit rester sous l'hôte qui le relancerait.
+   *
+   * Les rôles absents d'ici n'y manquent pas : `atelier` descend d'AURA, `pty-host`
+   * et `bg-job` de leur daemon. Ils ne remontent au rang de racine que détachés de
+   * leur parent, et ce rang-là dit alors leur isolement.
+   */
+  const ROOT_ORDER: Record<string, number> = {
+    aura: 0,
+    interactive: 1,
+    daemon: 2,
+    'pty-host': 3,
+    'bg-job': 4,
+    atelier: 5,
+    'native-host': 6,
+    other: 7,
+  }
+
+  const rootRank = (p: ClaudeProcess): number => ROOT_ORDER[p.kind] ?? ROOT_ORDER.other ?? 7
+
+  /**
+   * L'arbre à plat, chaque ligne sachant sa profondeur.
+   *
+   * Est racine ce dont le parent n'est pas dans la liste — un shell, le `node
+   * --watch` du BFF. Le reste descend de sa racine, dans l'ordre où il a démarré.
+   * Les non rattachés sont ajoutés en fin de parcours plutôt qu'oubliés : un cycle
+   * de PID recyclés ne doit pas faire disparaître des lignes de l'écran.
+   */
+  const processRows = computed<{ p: ClaudeProcess; depth: number }[]>(() => {
+    const byPid = new Map(processes.value.map((p) => [p.pid, p]))
+    const children = new Map<number, ClaudeProcess[]>()
+    for (const p of processes.value) {
+      if (p.ppid !== p.pid && byPid.has(p.ppid)) {
+        children.set(p.ppid, [...(children.get(p.ppid) ?? []), p])
       }
-    })();
-  });
-}
-
-onMounted(() => {
-  void refresh();
-  void refreshProcesses();
-});
+    }
+
+    const rows: { p: ClaudeProcess; depth: number }[] = []
+    const seen = new Set<number>()
+    const walk = (p: ClaudeProcess, depth: number): void => {
+      if (seen.has(p.pid)) return
+      seen.add(p.pid)
+      rows.push({ p, depth })
+      for (const child of children.get(p.pid) ?? []) walk(child, depth + 1)
+    }
+
+    const racines = processes.value
+      .filter((p) => p.ppid === p.pid || !byPid.has(p.ppid))
+      .sort((a, b) => rootRank(a) - rootRank(b) || (a.startedAt ?? 0) - (b.startedAt ?? 0))
+
+    for (const p of racines) walk(p, 0)
+    // Le filet : ce qu'aucune racine n'a atteint, faute d'un cycle de parenté.
+    for (const p of processes.value) walk(p, 0)
+    return rows
+  })
+
+  /**
+   * Ce qu'on lit d'un processus, en plus de son rôle.
+   *
+   * Rien, plutôt que sa ligne de commande, quand aucun fichier de session ne le
+   * nomme : un daemon ou le pont de l'extension n'ont pas de nom à donner, et
+   * déballer leur chemin absolu remplit la ligne d'un bruit que la colonne de rôle
+   * a déjà résumé. La ligne complète reste au survol, pour qui la cherche.
+   */
+  function label(p: ClaudeProcess): string {
+    return p.name || p.cwd || ''
+  }
+
+  function dotClass(p: ClaudeProcess): Record<string, boolean> {
+    return {
+      'status-dot--pulse': p.status === 'busy',
+      'status-dot--live': p.status === 'busy',
+      'status-dot--brand': p.status === 'waiting',
+    }
+  }
+
+  /** Combien de processus tomberaient avec celui-ci. Pour l'annoncer, pas pour agir. */
+  function descendantCount(pid: number): number {
+    const children = new Map<number, number[]>()
+    for (const p of processes.value) {
+      if (p.ppid !== p.pid) children.set(p.ppid, [...(children.get(p.ppid) ?? []), p.pid])
+    }
+    let n = 0
+    const queue = [...(children.get(pid) ?? [])]
+    const seen = new Set<number>([pid])
+    while (queue.length) {
+      const current = queue.shift() as number
+      if (seen.has(current)) continue
+      seen.add(current)
+      n += 1
+      queue.push(...(children.get(current) ?? []))
+    }
+    return n
+  }
+
+  /**
+   * Toujours avec la descendance.
+   *
+   * Ce n'est pas une option offerte à l'utilisateur : couper un job sans son hôte
+   * de pseudo-terminal le voit renaître dans la seconde. Le dialogue annonce donc
+   * ce que le geste emporte, plutôt que de demander de choisir entre un geste qui
+   * marche et un qui ne marche pas.
+   */
+  function confirmKill(p: ClaudeProcess): void {
+    const n = descendantCount(p.pid)
+    $q.dialog({
+      title: t('pages.maintenance.processes.confirm.title'),
+      message: n ? t('pages.maintenance.processes.confirm.tree', { pid: p.pid, n }) : t('pages.maintenance.processes.confirm.single', { pid: p.pid }),
+      cancel: { flat: true, noCaps: true, label: t('common.cancel') },
+      ok: { color: 'negative', noCaps: true, label: t('pages.maintenance.processes.confirm.ok') },
+    }).onOk(() => {
+      void (async () => {
+        try {
+          const { killed } = await killProcess(p.pid, true)
+          notifyDone(t('pages.maintenance.processes.killed', { n: killed.length }))
+        } catch (e) {
+          notifyError(e, t('pages.maintenance.errors.kill'))
+        }
+        await refreshProcesses()
+      })()
+    })
+  }
+
+  /** The plans list loads itself on mount, so only an explicit reload fans out to it. */
+  async function reloadAll(): Promise<void> {
+    await Promise.all([refresh(), refreshProcesses(), orphanPlans.value?.refresh()])
+  }
+
+  function purge(area: string, label: string): void {
+    // Deleting all transcripts is the most destructive purge — warn harder.
+    const all = area === 'projects'
+    $q.dialog({
+      title: all ? t('pages.maintenance.confirm.transcriptsTitle') : t('pages.maintenance.purge'),
+      message: all ? t('pages.maintenance.confirm.transcriptsMessage') : t('pages.maintenance.confirm.areaMessage', { area: label }),
+      cancel: { flat: true, noCaps: true, label: t('common.cancel') },
+      ok: {
+        color: 'negative',
+        noCaps: true,
+        label: all ? t('pages.maintenance.confirm.deleteAll') : t('pages.maintenance.purge'),
+      },
+    }).onOk(() => {
+      void (async () => {
+        try {
+          await purgeArea(area)
+          notifyDone(t('pages.maintenance.purged'))
+          await refresh()
+        } catch (e) {
+          notifyError(e, t('pages.maintenance.errors.purge'))
+        }
+      })()
+    })
+  }
+
+  onMounted(() => {
+    void refresh()
+    void refreshProcesses()
+  })
 </script>
 
 <style scoped lang="scss">
-.mt {
-  padding: var(--space-md) var(--space-xl) var(--space-xl);
-  width: 100%;
-  max-width: var(--page-max);
-  // Centré, comme toute page bornée de l'application : calé à gauche, le vide
-  // s'accumulait d'un seul côté et se lisait comme une colonne manquante.
-  margin: 0 auto;
-}
-.mt-header {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: var(--space-xs) var(--space-md);
-  margin-bottom: var(--space-lg);
-}
-.mt-head-icon {
-  color: var(--faint);
-  flex: 0 0 auto;
-}
-.mt-sub {
-  flex: 1 1 auto;
-  min-width: 0;
-  color: var(--dim);
-  font-size: var(--fs-sm);
-  margin: 0;
-}
-.mt-refresh {
-  flex: 0 0 auto;
-  margin-left: auto;
-}
-.mt-section {
-  padding: var(--space-lg);
-  margin-bottom: var(--space-lg);
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-md);
-}
-.mt-section-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  color: var(--muted);
-}
-.mt-section-head h2 {
-  margin: 0;
-  font-size: var(--fs-lg);
-  font-weight: 600;
-  color: var(--text);
-}
-.mt-count {
-  font-size: var(--fs-sm);
-  color: var(--dim);
-}
-.mt-bars {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-}
-.mt-bar {
-  display: grid;
-  grid-template-columns: 1fr 120px auto;
-  align-items: center;
-  gap: var(--space-md);
-}
-.mt-bar-info {
-  display: flex;
-  align-items: baseline;
-  justify-content: space-between;
-  gap: var(--space-sm);
-  min-width: 0;
-}
-.mt-bar-label {
-  font-size: var(--fs-sm);
-}
-.mt-bar-size {
-  font-size: var(--fs-xs);
-  color: var(--dim);
-}
-.mt-bar-track {
-  height: 6px;
-  background: var(--surface-2);
-  border-radius: 999px;
-  overflow: hidden;
-}
-.mt-bar-fill {
-  height: 100%;
-  background: var(--brand);
-  border-radius: 999px;
-}
-.mt-bar-protected {
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-  text-transform: uppercase;
-}
-
-.mt-proc-intro {
-  margin: 0;
-  font-size: var(--fs-sm);
-  color: var(--muted);
-  max-width: 78ch;
-}
-.mt-proc-none {
-  margin: 0;
-  font-size: var(--fs-sm);
-  color: var(--dim);
-}
-.mt-procs {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-xs);
-}
-/* Le rembourrage à gauche porte la profondeur : il est posé en ligne, seul
+  .mt {
+    padding: var(--space-md) var(--space-xl) var(--space-xl);
+    width: 100%;
+    max-width: var(--page-max);
+    // Centré, comme toute page bornée de l'application : calé à gauche, le vide
+    // s'accumulait d'un seul côté et se lisait comme une colonne manquante.
+    margin: 0 auto;
+  }
+  .mt-header {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: var(--space-xs) var(--space-md);
+    margin-bottom: var(--space-lg);
+  }
+  .mt-head-icon {
+    color: var(--faint);
+    flex: 0 0 auto;
+  }
+  .mt-sub {
+    flex: 1 1 auto;
+    min-width: 0;
+    color: var(--dim);
+    font-size: var(--fs-sm);
+    margin: 0;
+  }
+  .mt-refresh {
+    flex: 0 0 auto;
+    margin-left: auto;
+  }
+  .mt-section {
+    padding: var(--space-lg);
+    margin-bottom: var(--space-lg);
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md);
+  }
+  .mt-section-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    color: var(--muted);
+  }
+  .mt-section-head h2 {
+    margin: 0;
+    font-size: var(--fs-lg);
+    font-weight: 600;
+    color: var(--text);
+  }
+  .mt-count {
+    font-size: var(--fs-sm);
+    color: var(--dim);
+  }
+  .mt-bars {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+  }
+  .mt-bar {
+    display: grid;
+    grid-template-columns: 1fr 120px auto;
+    align-items: center;
+    gap: var(--space-md);
+  }
+  .mt-bar-info {
+    display: flex;
+    align-items: baseline;
+    justify-content: space-between;
+    gap: var(--space-sm);
+    min-width: 0;
+  }
+  .mt-bar-label {
+    font-size: var(--fs-sm);
+  }
+  .mt-bar-size {
+    font-size: var(--fs-xs);
+    color: var(--dim);
+  }
+  .mt-bar-track {
+    height: 6px;
+    background: var(--surface-2);
+    border-radius: 999px;
+    overflow: hidden;
+  }
+  .mt-bar-fill {
+    height: 100%;
+    background: var(--brand);
+    border-radius: 999px;
+  }
+  .mt-bar-protected {
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+    text-transform: uppercase;
+  }
+
+  .mt-proc-intro {
+    margin: 0;
+    font-size: var(--fs-sm);
+    color: var(--muted);
+    max-width: 78ch;
+  }
+  .mt-proc-none {
+    margin: 0;
+    font-size: var(--fs-sm);
+    color: var(--dim);
+  }
+  .mt-procs {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+  }
+  /* Le rembourrage à gauche porte la profondeur : il est posé en ligne, seul
    endroit où une valeur calculée a sa place. */
-.mt-proc {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  min-width: 0;
-}
-.mt-proc-kind {
-  font-size: var(--fs-xs);
-  color: var(--muted);
-  flex: 0 0 auto;
-}
-.mt-proc-pid {
-  font-size: var(--fs-xs);
-  color: var(--dim);
-  flex: 0 0 auto;
-}
-.mt-proc-what {
-  font-size: var(--fs-sm);
-  flex: 1 1 auto;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.mt-proc-tag {
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-  text-transform: uppercase;
-  flex: 0 0 auto;
-}
-.mt-proc-tag--warn {
-  color: var(--warn);
-}
-.mt-proc-age {
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-  flex: 0 0 auto;
-}
+  .mt-proc {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    min-width: 0;
+  }
+  .mt-proc-kind {
+    font-size: var(--fs-xs);
+    color: var(--muted);
+    flex: 0 0 auto;
+  }
+  .mt-proc-pid {
+    font-size: var(--fs-xs);
+    color: var(--dim);
+    flex: 0 0 auto;
+  }
+  .mt-proc-what {
+    font-size: var(--fs-sm);
+    flex: 1 1 auto;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .mt-proc-tag {
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+    text-transform: uppercase;
+    flex: 0 0 auto;
+  }
+  .mt-proc-tag--warn {
+    color: var(--warn);
+  }
+  .mt-proc-age {
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+    flex: 0 0 auto;
+  }
 </style>
diff --git a/src/pages/McpPage.vue b/src/pages/McpPage.vue
index f4c6a2a..4f40a7f 100644
--- a/src/pages/McpPage.vue
+++ b/src/pages/McpPage.vue
@@ -132,11 +132,7 @@
           <div class="mc-field-name">{{ t('pages.mcp.projectServers') }}</div>
           <div class="mc-field-hint font-mono">enableAllProjectMcpServers</div>
         </div>
-        <SegmentedControl
-          v-model="enableAll"
-          :options="autoApproveOptions"
-          :aria-label="t('pages.mcp.projectServers')"
-        />
+        <SegmentedControl v-model="enableAll" :options="autoApproveOptions" :aria-label="t('pages.mcp.projectServers')" />
       </div>
 
       <RuleList
@@ -160,12 +156,7 @@
     <ConfirmDiffDialog :proposal="proposal" @applied="onApplied" @close="proposal = null" />
 
     <!-- ~/.claude.json global-server write -->
-    <ConfirmDiffDialog
-      :proposal="srvProposal"
-      :apply-fn="applyServer"
-      @applied="onServerApplied"
-      @close="srvProposal = null"
-    />
+    <ConfirmDiffDialog :proposal="srvProposal" :apply-fn="applyServer" @applied="onServerApplied" @close="srvProposal = null" />
 
     <!-- Add / edit form -->
     <q-dialog v-model="formOpen">
@@ -194,11 +185,7 @@
 
           <div class="srv-field">
             <span class="srv-label">{{ t('pages.mcp.transport') }}</span>
-            <SegmentedControl
-              v-model="fTransport"
-              :options="transportOptions"
-              :aria-label="t('pages.mcp.transport')"
-            />
+            <SegmentedControl v-model="fTransport" :options="transportOptions" :aria-label="t('pages.mcp.transport')" />
           </div>
 
           <template v-if="fTransport === 'stdio'">
@@ -250,16 +237,7 @@
           <div class="srv-actions">
             <q-space />
             <q-btn flat no-caps dense :label="t('common.cancel')" @click="formOpen = false" />
-            <q-btn
-              unelevated
-              no-caps
-              dense
-              type="submit"
-              color="primary"
-              text-color="dark"
-              :loading="proposingSrv"
-              :label="t('pages.mcp.preview')"
-            />
+            <q-btn unelevated no-caps dense type="submit" color="primary" text-color="dark" :loading="proposingSrv" :label="t('pages.mcp.preview')" />
           </div>
         </q-form>
       </q-card>
@@ -268,389 +246,378 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted, ref, computed } from 'vue';
-import { useI18n } from 'vue-i18n';
-import { useNotify } from '@/composables/useNotify';
-import RuleList from '@/components/settings/RuleList.vue';
-import SegmentedControl from '@/components/ui/SegmentedControl.vue';
-import ConfirmDiffDialog from '@/components/ConfirmDiffDialog.vue';
-import { useJsonForm } from '@/composables/useJsonForm';
-import {
-  getMcp,
-  proposeMcp,
-  applyMcp,
-  type McpInventory,
-  type McpServerConfig,
-} from '@/services/mcp';
-import {
-  readFile,
-  propose as proposeWrite,
-  ClaudeApiError,
-  type Proposal,
-} from '@/services/claude';
-
-const { t } = useI18n();
-const { notifyError } = useNotify();
-const PATH = 'settings.json';
-
-const inv = ref<McpInventory>({ connected: [], fileServers: [], globalServers: {} });
-const content = ref('');
-const original = ref('');
-const loading = ref(true);
-const proposing = ref(false);
-const proposal = ref<Proposal | null>(null);
-
-// ── Global-server CRUD (~/.claude.json) ──────────────────────────────────────
-const SRV_REL = '~/.claude.json › mcpServers';
-const formOpen = ref(false);
-const editingName = ref<string | null>(null); // null = add
-const editingBase = ref<McpServerConfig>({}); // original config (edit) to preserve unknown keys
-const fName = ref('');
-const fTransport = ref<'stdio' | 'http'>('stdio');
-const fCommand = ref('');
-const fArgs = ref('');
-const fUrl = ref('');
-const transportOptions = [
-  { label: 'stdio', value: 'stdio' },
-  { label: 'http', value: 'http' },
-];
-
-const proposingSrv = ref(false);
-const srvProposal = ref<Proposal | null>(null);
-const pendingSrv = ref<{
-  name: string;
-  server: McpServerConfig | null;
-  expectedHash: string | null;
-} | null>(null);
-const busy = computed(() => proposingSrv.value || srvProposal.value !== null);
-
-function openAdd(): void {
-  editingName.value = null;
-  editingBase.value = {};
-  fName.value = '';
-  fTransport.value = 'stdio';
-  fCommand.value = '';
-  fArgs.value = '';
-  fUrl.value = '';
-  formOpen.value = true;
-}
-
-function openEdit(name: string): void {
-  const cfg = inv.value.globalServers[name] ?? {};
-  editingName.value = name;
-  editingBase.value = { ...cfg };
-  fName.value = name;
-  const isHttp = cfg.type === 'http' || cfg.type === 'sse' || (!cfg.command && !!cfg.url);
-  fTransport.value = isHttp ? 'http' : 'stdio';
-  fCommand.value = cfg.command ?? '';
-  fArgs.value = (cfg.args ?? []).join('\n');
-  fUrl.value = cfg.url ?? '';
-  formOpen.value = true;
-}
-
-/** Build the server config from the form, preserving unknown keys on edit. */
-function buildServer(): McpServerConfig {
-  const base: McpServerConfig = { ...editingBase.value };
-  if (fTransport.value === 'stdio') {
-    base.command = fCommand.value.trim();
-    const args = fArgs.value
-      .split('\n')
-      .map((s) => s.trim())
-      .filter(Boolean);
-    if (args.length) base.args = args;
-    else delete base.args;
-    delete base.url;
-    if (base.type && base.type !== 'stdio') delete base.type;
-  } else {
-    base.type = 'http';
-    base.url = fUrl.value.trim();
-    delete base.command;
-    delete base.args;
-  }
-  return base;
-}
-
-async function submitForm(): Promise<void> {
-  const name = fName.value.trim();
-  if (!name) return;
-  await startProposal(name, buildServer());
-}
-
-async function removeServer(name: string): Promise<void> {
-  await startProposal(name, null);
-}
-
-async function startProposal(name: string, server: McpServerConfig | null): Promise<void> {
-  proposingSrv.value = true;
-  try {
-    const p = await proposeMcp(name, server);
-    pendingSrv.value = { name, server, expectedHash: p.expectedHash };
-    srvProposal.value = { rel: SRV_REL, exists: true, before: p.before, after: p.after };
-    formOpen.value = false;
-  } catch (e) {
-    notifyError(e, t('pages.mcp.prepareError'));
-  } finally {
-    proposingSrv.value = false;
-  }
-}
-
-async function applyServer(): Promise<{ rel: string; backupPath: string | null }> {
-  const p = pendingSrv.value;
-  if (!p) throw new Error(t('pages.mcp.noPending'));
-  const res = await applyMcp(p.name, p.server, p.expectedHash);
-  return { rel: SRV_REL, backupPath: res.backupPath };
-}
-
-function onServerApplied(): void {
-  srvProposal.value = null;
-  pendingSrv.value = null;
-  void reload();
-}
-
-const { valid, field, remove, stringArray, pushTo, removeFrom } = useJsonForm(content);
-const dirty = computed(() => content.value !== original.value);
-
-// Segments name the two behaviours rather than answering an implied yes/no question,
-// so the row reads as a statement of what happens to project servers.
-const autoApproveOptions = computed(() => [
-  { label: t('pages.mcp.autoApprove'), value: true },
-  { label: t('pages.mcp.toConfirm'), value: false },
-]);
-// "À confirmer" is the default behaviour, so it is expressed by the key's absence
-// rather than by an explicit `false` — the file only records deviations.
-const enableAll = computed({
-  get: (): boolean => field<boolean>(['enableAllProjectMcpServers'], false).value,
-  set: (v: boolean): void => {
-    if (v) field<boolean>(['enableAllProjectMcpServers'], true).value = true;
-    else remove(['enableAllProjectMcpServers']);
-  },
-});
-
-async function loadSettings(): Promise<void> {
-  try {
-    const { content: c } = await readFile(PATH);
-    content.value = c;
-    original.value = c;
-  } catch (e) {
-    if (e instanceof ClaudeApiError && e.status === 404) {
-      content.value = '{}\n';
-      original.value = '';
+  import ConfirmDiffDialog from '@/components/ConfirmDiffDialog.vue'
+  import RuleList from '@/components/settings/RuleList.vue'
+  import SegmentedControl from '@/components/ui/SegmentedControl.vue'
+  import { useJsonForm } from '@/composables/useJsonForm'
+  import { useNotify } from '@/composables/useNotify'
+  import { readFile, propose as proposeWrite, ClaudeApiError, type Proposal } from '@/services/claude'
+  import { getMcp, proposeMcp, applyMcp, type McpInventory, type McpServerConfig } from '@/services/mcp'
+  import { onMounted, ref, computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
+
+  const { t } = useI18n()
+  const { notifyError } = useNotify()
+  const PATH = 'settings.json'
+
+  const inv = ref<McpInventory>({ connected: [], fileServers: [], globalServers: {} })
+  const content = ref('')
+  const original = ref('')
+  const loading = ref(true)
+  const proposing = ref(false)
+  const proposal = ref<Proposal | null>(null)
+
+  // ── Global-server CRUD (~/.claude.json) ──────────────────────────────────────
+  const SRV_REL = '~/.claude.json › mcpServers'
+  const formOpen = ref(false)
+  const editingName = ref<string | null>(null) // null = add
+  const editingBase = ref<McpServerConfig>({}) // original config (edit) to preserve unknown keys
+  const fName = ref('')
+  const fTransport = ref<'stdio' | 'http'>('stdio')
+  const fCommand = ref('')
+  const fArgs = ref('')
+  const fUrl = ref('')
+  const transportOptions = [
+    { label: 'stdio', value: 'stdio' },
+    { label: 'http', value: 'http' },
+  ]
+
+  const proposingSrv = ref(false)
+  const srvProposal = ref<Proposal | null>(null)
+  const pendingSrv = ref<{
+    name: string
+    server: McpServerConfig | null
+    expectedHash: string | null
+  } | null>(null)
+  const busy = computed(() => proposingSrv.value || srvProposal.value !== null)
+
+  function openAdd(): void {
+    editingName.value = null
+    editingBase.value = {}
+    fName.value = ''
+    fTransport.value = 'stdio'
+    fCommand.value = ''
+    fArgs.value = ''
+    fUrl.value = ''
+    formOpen.value = true
+  }
+
+  function openEdit(name: string): void {
+    const cfg = inv.value.globalServers[name] ?? {}
+    editingName.value = name
+    editingBase.value = { ...cfg }
+    fName.value = name
+    const isHttp = cfg.type === 'http' || cfg.type === 'sse' || (!cfg.command && !!cfg.url)
+    fTransport.value = isHttp ? 'http' : 'stdio'
+    fCommand.value = cfg.command ?? ''
+    fArgs.value = (cfg.args ?? []).join('\n')
+    fUrl.value = cfg.url ?? ''
+    formOpen.value = true
+  }
+
+  /** Build the server config from the form, preserving unknown keys on edit. */
+  function buildServer(): McpServerConfig {
+    const base: McpServerConfig = { ...editingBase.value }
+    if (fTransport.value === 'stdio') {
+      base.command = fCommand.value.trim()
+      const args = fArgs.value
+        .split('\n')
+        .map((s) => s.trim())
+        .filter(Boolean)
+      if (args.length) base.args = args
+      else delete base.args
+      delete base.url
+      if (base.type && base.type !== 'stdio') delete base.type
     } else {
-      notifyError(e, t('pages.mcp.readError'));
+      base.type = 'http'
+      base.url = fUrl.value.trim()
+      delete base.command
+      delete base.args
     }
+    return base
   }
-}
 
-async function reload(): Promise<void> {
-  loading.value = true;
-  try {
-    await Promise.all([loadSettings(), getMcp().then((m) => (inv.value = m))]);
-  } catch (e) {
-    notifyError(e, t('pages.mcp.reloadError'));
-  } finally {
-    loading.value = false;
+  async function submitForm(): Promise<void> {
+    const name = fName.value.trim()
+    if (!name) return
+    await startProposal(name, buildServer())
   }
-}
 
-async function propose(): Promise<void> {
-  proposing.value = true;
-  try {
-    proposal.value = await proposeWrite(PATH, content.value);
-  } catch (e) {
-    notifyError(e, t('common.proposeError'));
-  } finally {
-    proposing.value = false;
+  async function removeServer(name: string): Promise<void> {
+    await startProposal(name, null)
   }
-}
 
-function onApplied(): void {
-  original.value = content.value;
-  proposal.value = null;
-}
+  async function startProposal(name: string, server: McpServerConfig | null): Promise<void> {
+    proposingSrv.value = true
+    try {
+      const p = await proposeMcp(name, server)
+      pendingSrv.value = { name, server, expectedHash: p.expectedHash }
+      srvProposal.value = { rel: SRV_REL, exists: true, before: p.before, after: p.after }
+      formOpen.value = false
+    } catch (e) {
+      notifyError(e, t('pages.mcp.prepareError'))
+    } finally {
+      proposingSrv.value = false
+    }
+  }
+
+  async function applyServer(): Promise<{ rel: string; backupPath: string | null }> {
+    const p = pendingSrv.value
+    if (!p) throw new Error(t('pages.mcp.noPending'))
+    const res = await applyMcp(p.name, p.server, p.expectedHash)
+    return { rel: SRV_REL, backupPath: res.backupPath }
+  }
 
-onMounted(reload);
+  function onServerApplied(): void {
+    srvProposal.value = null
+    pendingSrv.value = null
+    void reload()
+  }
+
+  const { valid, field, remove, stringArray, pushTo, removeFrom } = useJsonForm(content)
+  const dirty = computed(() => content.value !== original.value)
+
+  // Segments name the two behaviours rather than answering an implied yes/no question,
+  // so the row reads as a statement of what happens to project servers.
+  const autoApproveOptions = computed(() => [
+    { label: t('pages.mcp.autoApprove'), value: true },
+    { label: t('pages.mcp.toConfirm'), value: false },
+  ])
+  // "À confirmer" is the default behaviour, so it is expressed by the key's absence
+  // rather than by an explicit `false` — the file only records deviations.
+  const enableAll = computed({
+    get: (): boolean => field<boolean>(['enableAllProjectMcpServers'], false).value,
+    set: (v: boolean): void => {
+      if (v) field<boolean>(['enableAllProjectMcpServers'], true).value = true
+      else remove(['enableAllProjectMcpServers'])
+    },
+  })
+
+  async function loadSettings(): Promise<void> {
+    try {
+      const { content: c } = await readFile(PATH)
+      content.value = c
+      original.value = c
+    } catch (e) {
+      if (e instanceof ClaudeApiError && e.status === 404) {
+        content.value = '{}\n'
+        original.value = ''
+      } else {
+        notifyError(e, t('pages.mcp.readError'))
+      }
+    }
+  }
+
+  async function reload(): Promise<void> {
+    loading.value = true
+    try {
+      await Promise.all([loadSettings(), getMcp().then((m) => (inv.value = m))])
+    } catch (e) {
+      notifyError(e, t('pages.mcp.reloadError'))
+    } finally {
+      loading.value = false
+    }
+  }
+
+  async function propose(): Promise<void> {
+    proposing.value = true
+    try {
+      proposal.value = await proposeWrite(PATH, content.value)
+    } catch (e) {
+      notifyError(e, t('common.proposeError'))
+    } finally {
+      proposing.value = false
+    }
+  }
+
+  function onApplied(): void {
+    original.value = content.value
+    proposal.value = null
+  }
+
+  onMounted(reload)
 </script>
 
 <style scoped lang="scss">
-.mc {
-  padding: var(--space-md) var(--space-xl) var(--space-xl);
-  width: 100%;
-  max-width: var(--page-max);
-  // Centré, comme toute page bornée de l'application : calé à gauche, le vide
-  // s'accumulait d'un seul côté et se lisait comme une colonne manquante.
-  margin: 0 auto;
-}
-.mc-header {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: var(--space-xs) var(--space-md);
-  margin-bottom: var(--space-lg);
-}
-.mc-head-icon {
-  color: var(--faint);
-  flex: 0 0 auto;
-}
-.mc-sub {
-  flex: 1 1 auto;
-  min-width: 0;
-  color: var(--dim);
-  font-size: var(--fs-sm);
-  margin: 0;
-}
-.mc-tools {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  flex: 0 0 auto;
-  margin-left: auto;
-}
-.dirty-pill {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--space-xs);
-  font-size: var(--fs-xs);
-  color: var(--brand);
-  background: var(--brand-soft);
-  border: 1px solid var(--brand-line);
-  border-radius: var(--radius-sm);
-  padding: var(--space-xs) var(--space-sm);
-}
-.mc-section {
-  padding: var(--space-lg);
-  margin-bottom: var(--space-lg);
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-md);
-}
-.mc-section-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  color: var(--muted);
-}
-.mc-section-head h2 {
-  margin: 0;
-  font-size: var(--fs-lg);
-  font-weight: 600;
-  letter-spacing: -0.01em;
-  color: var(--text);
-}
-.mc-count {
-  font-size: var(--fs-sm);
-  color: var(--dim);
-}
-.mc-note {
-  margin: 0;
-  font-size: var(--fs-sm);
-  color: var(--muted);
-}
-.mc-list {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-}
-.mc-row {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--space-md);
-  padding: var(--space-sm) 0;
-  border-top: 1px solid var(--line);
-}
-.mc-row:first-child {
-  border-top: none;
-}
-.mc-row-main {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-}
-.mc-name {
-  font-size: var(--fs-md);
-}
-.mc-meta {
-  font-size: var(--fs-xs);
-  color: var(--dim);
-  word-break: break-all;
-}
-.badge {
-  font-size: var(--fs-2xs);
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  padding: 1px 6px;
-  border-radius: var(--radius-xs);
-  border: 1px solid transparent;
-}
-.badge--scope {
-  color: var(--muted);
-  background: var(--surface-2);
-  border-color: var(--line);
-}
-.badge--transport {
-  color: var(--brand);
-  background: var(--brand-soft);
-  border-color: var(--brand-line);
-}
-.mc-empty {
-  margin: 0;
-  font-size: var(--fs-sm);
-  color: var(--dim);
-}
-.mc-field {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--space-md);
-  padding-top: var(--space-sm);
-  border-top: 1px solid var(--line);
-}
-.mc-field-name {
-  font-size: var(--fs-md);
-}
-.mc-field-hint {
-  font-size: var(--fs-xs);
-  color: var(--dim);
-}
-.mc-row-end {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  min-width: 0;
-}
-.mc-row-actions {
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  flex: 0 0 auto;
-}
-
-/* ── Add / edit dialog ─────────────────────────────────────────────────────── */
-.srv-card {
-  width: 520px;
-  max-width: 92vw;
-  padding: var(--space-lg);
-}
-.srv-form {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-md);
-}
-.srv-field {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-xs);
-}
-.srv-label {
-  font-size: var(--fs-sm);
-  color: var(--muted);
-}
-.srv-actions {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  margin-top: var(--space-sm);
-}
+  .mc {
+    padding: var(--space-md) var(--space-xl) var(--space-xl);
+    width: 100%;
+    max-width: var(--page-max);
+    // Centré, comme toute page bornée de l'application : calé à gauche, le vide
+    // s'accumulait d'un seul côté et se lisait comme une colonne manquante.
+    margin: 0 auto;
+  }
+  .mc-header {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: var(--space-xs) var(--space-md);
+    margin-bottom: var(--space-lg);
+  }
+  .mc-head-icon {
+    color: var(--faint);
+    flex: 0 0 auto;
+  }
+  .mc-sub {
+    flex: 1 1 auto;
+    min-width: 0;
+    color: var(--dim);
+    font-size: var(--fs-sm);
+    margin: 0;
+  }
+  .mc-tools {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    flex: 0 0 auto;
+    margin-left: auto;
+  }
+  .dirty-pill {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--space-xs);
+    font-size: var(--fs-xs);
+    color: var(--brand);
+    background: var(--brand-soft);
+    border: 1px solid var(--brand-line);
+    border-radius: var(--radius-sm);
+    padding: var(--space-xs) var(--space-sm);
+  }
+  .mc-section {
+    padding: var(--space-lg);
+    margin-bottom: var(--space-lg);
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md);
+  }
+  .mc-section-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    color: var(--muted);
+  }
+  .mc-section-head h2 {
+    margin: 0;
+    font-size: var(--fs-lg);
+    font-weight: 600;
+    letter-spacing: -0.01em;
+    color: var(--text);
+  }
+  .mc-count {
+    font-size: var(--fs-sm);
+    color: var(--dim);
+  }
+  .mc-note {
+    margin: 0;
+    font-size: var(--fs-sm);
+    color: var(--muted);
+  }
+  .mc-list {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+  }
+  .mc-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--space-md);
+    padding: var(--space-sm) 0;
+    border-top: 1px solid var(--line);
+  }
+  .mc-row:first-child {
+    border-top: none;
+  }
+  .mc-row-main {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+  }
+  .mc-name {
+    font-size: var(--fs-md);
+  }
+  .mc-meta {
+    font-size: var(--fs-xs);
+    color: var(--dim);
+    word-break: break-all;
+  }
+  .badge {
+    font-size: var(--fs-2xs);
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    padding: 1px 6px;
+    border-radius: var(--radius-xs);
+    border: 1px solid transparent;
+  }
+  .badge--scope {
+    color: var(--muted);
+    background: var(--surface-2);
+    border-color: var(--line);
+  }
+  .badge--transport {
+    color: var(--brand);
+    background: var(--brand-soft);
+    border-color: var(--brand-line);
+  }
+  .mc-empty {
+    margin: 0;
+    font-size: var(--fs-sm);
+    color: var(--dim);
+  }
+  .mc-field {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--space-md);
+    padding-top: var(--space-sm);
+    border-top: 1px solid var(--line);
+  }
+  .mc-field-name {
+    font-size: var(--fs-md);
+  }
+  .mc-field-hint {
+    font-size: var(--fs-xs);
+    color: var(--dim);
+  }
+  .mc-row-end {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    min-width: 0;
+  }
+  .mc-row-actions {
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    flex: 0 0 auto;
+  }
+
+  /* ── Add / edit dialog ─────────────────────────────────────────────────────── */
+  .srv-card {
+    width: 520px;
+    max-width: 92vw;
+    padding: var(--space-lg);
+  }
+  .srv-form {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md);
+  }
+  .srv-field {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+  }
+  .srv-label {
+    font-size: var(--fs-sm);
+    color: var(--muted);
+  }
+  .srv-actions {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    margin-top: var(--space-sm);
+  }
 </style>
diff --git a/src/pages/MemoryPage.vue b/src/pages/MemoryPage.vue
index 1a7b402..cdbfff7 100644
--- a/src/pages/MemoryPage.vue
+++ b/src/pages/MemoryPage.vue
@@ -18,14 +18,8 @@
              hors de l'arbre, comme le seul fichier que Claude Code lit partout. -->
         <div class="mem-group">
           <div class="section-label mem-global-label">{{ t('pages.memory.global') }}</div>
-          <button
-            class="mem-item"
-            :class="{ 'mem-item--active': selected === 'CLAUDE.md' }"
-            @click="selectPlain('CLAUDE.md')"
-          >
-            <span class="mem-item-name"
-              ><q-icon name="public" size="14px" aria-hidden="true" /> CLAUDE.md</span
-            >
+          <button class="mem-item" :class="{ 'mem-item--active': selected === 'CLAUDE.md' }" @click="selectPlain('CLAUDE.md')">
+            <span class="mem-item-name"><q-icon name="public" size="14px" aria-hidden="true" /> CLAUDE.md</span>
             <span class="mem-item-desc">{{ t('pages.memory.globalHint') }}</span>
           </button>
         </div>
@@ -38,18 +32,10 @@
               type="button"
               class="mem-group-toggle section-label"
               :aria-expanded="isOpen(p.slug)"
-              :aria-label="
-                isOpen(p.slug)
-                  ? t('common.collapse', { label: prettySlug(p.slug) })
-                  : t('common.expand', { label: prettySlug(p.slug) })
-              "
+              :aria-label="isOpen(p.slug) ? t('common.collapse', { label: prettySlug(p.slug) }) : t('common.expand', { label: prettySlug(p.slug) })"
               @click="toggle(p.slug)"
             >
-              <q-icon
-                :name="isOpen(p.slug) ? 'expand_more' : 'chevron_right'"
-                size="14px"
-                aria-hidden="true"
-              />
+              <q-icon :name="isOpen(p.slug) ? 'expand_more' : 'chevron_right'" size="14px" aria-hidden="true" />
               <q-icon name="folder_open" size="13px" aria-hidden="true" />
               <span class="mem-group-name" :title="p.slug">{{ prettySlug(p.slug) }}</span>
               <span class="mem-group-count font-mono">{{ countOf(p) }}</span>
@@ -72,9 +58,7 @@
               :class="{ 'mem-item--active': selected === p.indexRel }"
               @click="selectPlain(p.indexRel)"
             >
-              <span class="mem-item-name"
-                ><q-icon name="toc" size="14px" aria-hidden="true" /> MEMORY.md</span
-              >
+              <span class="mem-item-name"><q-icon name="toc" size="14px" aria-hidden="true" /> MEMORY.md</span>
               <span class="mem-item-desc">{{ t('pages.memory.indexHint') }}</span>
             </button>
 
@@ -86,10 +70,7 @@
               v-for="it in p.items"
               :key="it.rel"
               class="mem-item"
-              :class="[
-                { 'mem-item--active': selected === it.rel },
-                it.type ? `mem-item--${it.type}` : '',
-              ]"
+              :class="[{ 'mem-item--active': selected === it.rel }, it.type ? `mem-item--${it.type}` : '']"
               :aria-label="it.type ? `${it.title} — ${it.type}` : it.title"
               @click="selectStructured(it.rel)"
             >
@@ -133,14 +114,7 @@
               :disable="isNew"
               @click="confirmDelete = true"
             />
-            <q-btn
-              flat
-              dense
-              no-caps
-              :label="t('common.refresh')"
-              :disable="isNew || loadingFile"
-              @click="reload"
-            />
+            <q-btn flat dense no-caps :label="t('common.refresh')" :disable="isNew || loadingFile" @click="reload" />
             <q-btn
               unelevated
               no-caps
@@ -158,10 +132,7 @@
             <!-- Structured memory: frontmatter fields -->
             <div v-if="mode === 'structured'" class="mem-fields">
               <div class="mem-field">
-                <label class="mem-field-label"
-                  >{{ t('pages.memory.fields.name') }}
-                  <code class="mem-field-key font-mono">name</code></label
-                >
+                <label class="mem-field-label">{{ t('pages.memory.fields.name') }} <code class="mem-field-key font-mono">name</code></label>
                 <!-- Pour une mémoire neuve, ce champ nomme aussi le fichier :
                      d'où le message sous le champ plutôt qu'au moment d'écrire. -->
                 <input
@@ -180,8 +151,7 @@
               </div>
               <div class="mem-field">
                 <label class="mem-field-label"
-                  >{{ t('pages.memory.fields.description') }}
-                  <code class="mem-field-key font-mono">description</code></label
+                  >{{ t('pages.memory.fields.description') }} <code class="mem-field-key font-mono">description</code></label
                 >
                 <textarea
                   :value="description"
@@ -193,10 +163,7 @@
                 />
               </div>
               <div class="mem-field">
-                <label class="mem-field-label"
-                  >{{ t('pages.memory.fields.type') }}
-                  <code class="mem-field-key font-mono">metadata.type</code></label
-                >
+                <label class="mem-field-label">{{ t('pages.memory.fields.type') }} <code class="mem-field-key font-mono">metadata.type</code></label>
                 <div class="type-chips">
                   <button
                     v-for="ty in TYPES"
@@ -218,18 +185,10 @@
             <div class="mem-bodyfield">
               <div class="mem-bodyfield-head">
                 <label class="mem-field-label" :for="bodyId">
-                  {{
-                    mode === 'structured'
-                      ? t('pages.memory.fields.content')
-                      : t('pages.memory.fields.file')
-                  }}
+                  {{ mode === 'structured' ? t('pages.memory.fields.content') : t('pages.memory.fields.file') }}
                   <code class="mem-field-key font-mono">markdown</code>
                 </label>
-                <SegmentedControl
-                  v-model="view"
-                  :options="viewOptions"
-                  :aria-label="t('pages.memory.viewAria')"
-                />
+                <SegmentedControl v-model="view" :options="viewOptions" :aria-label="t('pages.memory.viewAria')" />
               </div>
               <textarea
                 v-if="view === 'edit'"
@@ -237,11 +196,7 @@
                 v-model="source"
                 class="mem-editor-area font-mono"
                 spellcheck="false"
-                :aria-label="
-                  mode === 'structured'
-                    ? t('pages.memory.fields.content')
-                    : t('pages.memory.fields.file')
-                "
+                :aria-label="mode === 'structured' ? t('pages.memory.fields.content') : t('pages.memory.fields.file')"
                 :placeholder="bodyPlaceholder"
               />
               <!-- Relative links (MEMORY.md's pointer lines) select their target instead of navigating. -->
@@ -271,15 +226,7 @@
         <p class="cfm-note">{{ t('pages.memory.deleteNote') }}</p>
         <div class="cfm-actions">
           <q-btn flat no-caps dense :label="t('common.cancel')" @click="confirmDelete = false" />
-          <q-btn
-            unelevated
-            no-caps
-            dense
-            color="negative"
-            :label="t('common.delete')"
-            :loading="deleting"
-            @click="doDelete"
-          />
+          <q-btn unelevated no-caps dense color="negative" :label="t('common.delete')" :loading="deleting" @click="doDelete" />
         </div>
       </q-card>
     </q-dialog>
@@ -300,14 +247,7 @@
         <p class="cfm-note">{{ t('pages.memory.discardNote') }}</p>
         <div class="cfm-actions">
           <q-btn flat no-caps dense :label="t('common.cancel')" @click="pending = null" />
-          <q-btn
-            unelevated
-            no-caps
-            dense
-            color="negative"
-            :label="t('pages.memory.discardConfirm')"
-            @click="runPending"
-          />
+          <q-btn unelevated no-caps dense color="negative" :label="t('pages.memory.discardConfirm')" @click="runPending" />
         </div>
       </q-card>
     </q-dialog>
@@ -315,784 +255,775 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted, ref, reactive, computed, watch, useId } from 'vue';
-import { useI18n } from 'vue-i18n';
-import { useNotify } from '@/composables/useNotify';
-import ConfirmDiffDialog from '@/components/ConfirmDiffDialog.vue';
-import MarkdownView from '@/components/replay/MarkdownView.vue';
-import SegmentedControl from '@/components/ui/SegmentedControl.vue';
-import { useFrontmatterForm } from '@/composables/useFrontmatterForm';
-import { slug, prettyProjectSlug } from '@/utils/slug';
-import {
-  getMemories,
-  readFile,
-  propose as proposeWrite,
-  deleteResource,
-  syncMemoryIndex,
-  ClaudeApiError,
-  type MemoryProject,
-  type Proposal,
-} from '@/services/claude';
+  import ConfirmDiffDialog from '@/components/ConfirmDiffDialog.vue'
+  import MarkdownView from '@/components/replay/MarkdownView.vue'
+  import SegmentedControl from '@/components/ui/SegmentedControl.vue'
+  import { useFrontmatterForm } from '@/composables/useFrontmatterForm'
+  import { useNotify } from '@/composables/useNotify'
+  import {
+    getMemories,
+    readFile,
+    propose as proposeWrite,
+    deleteResource,
+    syncMemoryIndex,
+    ClaudeApiError,
+    type MemoryProject,
+    type Proposal,
+  } from '@/services/claude'
+  import { slug, prettyProjectSlug } from '@/utils/slug'
+  import { onMounted, ref, reactive, computed, watch, useId } from 'vue'
+  import { useI18n } from 'vue-i18n'
 
-const { t } = useI18n();
+  const { t } = useI18n()
 
-// Les quatre types du format, dans leur ordre de déclaration. Ce sont des clés
-// écrites telles quelles dans le fichier : seule leur explication se traduit.
-const TYPES = ['user', 'feedback', 'project', 'reference'] as const;
+  // Les quatre types du format, dans leur ordre de déclaration. Ce sont des clés
+  // écrites telles quelles dans le fichier : seule leur explication se traduit.
+  const TYPES = ['user', 'feedback', 'project', 'reference'] as const
 
-const typeInfo = computed<Record<string, string>>(() =>
-  Object.fromEntries(TYPES.map((k) => [k, t(`pages.memory.types.${k}`)])),
-);
+  const typeInfo = computed<Record<string, string>>(() => Object.fromEntries(TYPES.map((k) => [k, t(`pages.memory.types.${k}`)])))
 
-const viewOptions = computed(() => [
-  { label: t('pages.memory.viewEdit'), value: 'edit' as const },
-  { label: t('pages.memory.viewPreview'), value: 'preview' as const },
-]);
+  const viewOptions = computed(() => [
+    { label: t('pages.memory.viewEdit'), value: 'edit' as const },
+    { label: t('pages.memory.viewPreview'), value: 'preview' as const },
+  ])
 
-const { notifyError, notifyDone, notifyWarn } = useNotify();
-const bodyId = useId();
-const nameErrId = useId();
+  const { notifyError, notifyDone, notifyWarn } = useNotify()
+  const bodyId = useId()
+  const nameErrId = useId()
 
-const projects = ref<MemoryProject[]>([]);
-const loading = ref(true);
+  const projects = ref<MemoryProject[]>([])
+  const loading = ref(true)
 
-const selected = ref<string | null>(null);
-const mode = ref<'plain' | 'structured'>('plain');
-const content = ref('');
-const original = ref('');
-const isNew = ref(false);
-const loadingFile = ref(false);
-const proposing = ref(false);
-const proposal = ref<Proposal | null>(null);
-const confirmDelete = ref(false);
-const deleting = ref(false);
+  const selected = ref<string | null>(null)
+  const mode = ref<'plain' | 'structured'>('plain')
+  const content = ref('')
+  const original = ref('')
+  const isNew = ref(false)
+  const loadingFile = ref(false)
+  const proposing = ref(false)
+  const proposal = ref<Proposal | null>(null)
+  const confirmDelete = ref(false)
+  const deleting = ref(false)
 
-/** Le dossier `memory/` qui accueille la mémoire en cours de création. */
-const newDir = ref<string | null>(null);
+  /** Le dossier `memory/` qui accueille la mémoire en cours de création. */
+  const newDir = ref<string | null>(null)
 
-// L'ossature attendue des mémoires qui doivent se justifier. Ces deux libellés
-// sont du format, pas de l'interface : ils restent en anglais, non traduits.
-const STARTERS: Record<string, string> = {
-  feedback: '\n\n**Why:**\n\n**How to apply:**\n',
-  project: '\n\n**Why:**\n\n**How to apply:**\n',
-};
+  // L'ossature attendue des mémoires qui doivent se justifier. Ces deux libellés
+  // sont du format, pas de l'interface : ils restent en anglais, non traduits.
+  const STARTERS: Record<string, string> = {
+    feedback: '\n\n**Why:**\n\n**How to apply:**\n',
+    project: '\n\n**Why:**\n\n**How to apply:**\n',
+  }
 
-const bodyPlaceholder = computed(() => {
-  if (loadingFile.value) return t('common.loading');
-  return isNew.value ? t('pages.memory.bodyPlaceholder') : '';
-});
+  const bodyPlaceholder = computed(() => {
+    if (loadingFile.value) return t('common.loading')
+    return isNew.value ? t('pages.memory.bodyPlaceholder') : ''
+  })
 
-const { field, nestedField, body } = useFrontmatterForm(content);
-const name = field('name');
-const description = field('description');
-const type = nestedField('metadata', 'type', 'project');
+  const { field, nestedField, body } = useFrontmatterForm(content)
+  const name = field('name')
+  const description = field('description')
+  const type = nestedField('metadata', 'type', 'project')
 
-// Une mémoire neuve n'a pas encore de fichier : son chemin se déduit du champ
-// `name`, tant qu'elle n'est pas appliquée. C'est ce qui permet de la créer dans
-// l'éditeur lui-même, sans écran intermédiaire pour réclamer un nom de fichier.
-const targetRel = computed(() => {
-  if (!isNew.value) return selected.value ?? '';
-  const s = slug(name.value);
-  return newDir.value && s ? `${newDir.value}/${s}.md` : '';
-});
-const editing = computed(() => isNew.value || selected.value !== null);
+  // Une mémoire neuve n'a pas encore de fichier : son chemin se déduit du champ
+  // `name`, tant qu'elle n'est pas appliquée. C'est ce qui permet de la créer dans
+  // l'éditeur lui-même, sans écran intermédiaire pour réclamer un nom de fichier.
+  const targetRel = computed(() => {
+    if (!isNew.value) return selected.value ?? ''
+    const s = slug(name.value)
+    return newDir.value && s ? `${newDir.value}/${s}.md` : ''
+  })
+  const editing = computed(() => isNew.value || selected.value !== null)
 
-// L'index vit dans le même dossier et Windows ignore la casse : un `name` de
-// `memory` entrerait en collision avec `MEMORY.md`.
-const nameTaken = computed(() => {
-  const rel = targetRel.value.toLowerCase();
-  if (!isNew.value || !rel) return false;
-  return projects.value.some(
-    (p) => p.indexRel?.toLowerCase() === rel || p.items.some((i) => i.rel.toLowerCase() === rel),
-  );
-});
-/** Ce qui empêche encore d'écrire une mémoire neuve, le cas échéant. */
-const nameError = computed(() => {
-  if (!isNew.value) return '';
-  if (!targetRel.value) return t('pages.memory.nameRequired');
-  return nameTaken.value ? t('pages.memory.nameTaken') : '';
-});
+  // L'index vit dans le même dossier et Windows ignore la casse : un `name` de
+  // `memory` entrerait en collision avec `MEMORY.md`.
+  const nameTaken = computed(() => {
+    const rel = targetRel.value.toLowerCase()
+    if (!isNew.value || !rel) return false
+    return projects.value.some((p) => p.indexRel?.toLowerCase() === rel || p.items.some((i) => i.rel.toLowerCase() === rel))
+  })
+  /** Ce qui empêche encore d'écrire une mémoire neuve, le cas échéant. */
+  const nameError = computed(() => {
+    if (!isNew.value) return ''
+    if (!targetRel.value) return t('pages.memory.nameRequired')
+    return nameTaken.value ? t('pages.memory.nameTaken') : ''
+  })
 
-// Le type décide de l'ossature du corps. On ne la repose que sur un corps encore
-// vierge — sinon changer d'avis effacerait ce qui vient d'être écrit.
-watch(type, (ty, prev) => {
-  if (!isNew.value) return;
-  const current = body.value.trim();
-  if (current === '' || current === (STARTERS[prev] ?? '').trim()) {
-    body.value = STARTERS[ty] ?? '';
-  }
-});
+  // Le type décide de l'ossature du corps. On ne la repose que sur un corps encore
+  // vierge — sinon changer d'avis effacerait ce qui vient d'être écrit.
+  watch(type, (ty, prev) => {
+    if (!isNew.value) return
+    const current = body.value.trim()
+    if (current === '' || current === (STARTERS[prev] ?? '').trim()) {
+      body.value = STARTERS[ty] ?? ''
+    }
+  })
 
-// A structured memory edits/previews its body only — the frontmatter is already
-// bound to the fields above. A plain file (CLAUDE.md, MEMORY.md) works as a whole.
-// Reading is the common case, so a memory opens rendered; `startNew` flips to edit.
-const view = ref<'edit' | 'preview'>('preview');
-const source = computed<string>({
-  get: () => (mode.value === 'structured' ? body.value : content.value),
-  set: (v) => {
-    if (mode.value === 'structured') body.value = v;
-    else content.value = v;
-  },
-});
+  // A structured memory edits/previews its body only — the frontmatter is already
+  // bound to the fields above. A plain file (CLAUDE.md, MEMORY.md) works as a whole.
+  // Reading is the common case, so a memory opens rendered; `startNew` flips to edit.
+  const view = ref<'edit' | 'preview'>('preview')
+  const source = computed<string>({
+    get: () => (mode.value === 'structured' ? body.value : content.value),
+    set: (v) => {
+      if (mode.value === 'structured') body.value = v
+      else content.value = v
+    },
+  })
 
-const dirty = computed(() => content.value !== original.value);
-const onVal = (e: Event): string => (e.target as HTMLInputElement | HTMLTextAreaElement).value;
+  const dirty = computed(() => content.value !== original.value)
+  const onVal = (e: Event): string => (e.target as HTMLInputElement | HTMLTextAreaElement).value
 
-const prettySlug = prettyProjectSlug;
+  const prettySlug = prettyProjectSlug
 
-// ── Arbre des projets ───────────────────────────────────────────────────────
-//
-// Replié par défaut, et non l'inverse : vingt-deux projets dépliés font une
-// colonne qu'on parcourt au défilement, alors que leurs noms tiennent tous à
-// l'écran. Le projet dont une mémoire est ouverte s'ouvre de lui-même — au
-// chargement comme après un clic sur un lien du sommaire.
-const opened = reactive<Record<string, boolean>>({});
-const isOpen = (slug: string): boolean => opened[slug] === true;
-function toggle(slug: string): void {
-  opened[slug] = !opened[slug];
-}
+  // ── Arbre des projets ───────────────────────────────────────────────────────
+  //
+  // Replié par défaut, et non l'inverse : vingt-deux projets dépliés font une
+  // colonne qu'on parcourt au défilement, alors que leurs noms tiennent tous à
+  // l'écran. Le projet dont une mémoire est ouverte s'ouvre de lui-même — au
+  // chargement comme après un clic sur un lien du sommaire.
+  const opened = reactive<Record<string, boolean>>({})
+  const isOpen = (slug: string): boolean => opened[slug] === true
+  function toggle(slug: string): void {
+    opened[slug] = !opened[slug]
+  }
 
-/** Ce que le projet contient : ses mémoires, plus son index s'il en a un. */
-const countOf = (p: MemoryProject): number => p.items.length + (p.indexRel ? 1 : 0);
+  /** Ce que le projet contient : ses mémoires, plus son index s'il en a un. */
+  const countOf = (p: MemoryProject): number => p.items.length + (p.indexRel ? 1 : 0)
 
-watch([selected, projects], () => {
-  const rel = selected.value;
-  if (!rel) return;
-  const owner = projects.value.find(
-    (p) => rel === p.indexRel || p.items.some((i) => i.rel === rel),
-  );
-  if (owner) opened[owner.slug] = true;
-});
+  watch([selected, projects], () => {
+    const rel = selected.value
+    if (!rel) return
+    const owner = projects.value.find((p) => rel === p.indexRel || p.items.some((i) => i.rel === rel))
+    if (owner) opened[owner.slug] = true
+  })
 
-// The stored path carries an encoded project slug ("C--…-projets-aura"), unreadable
-// as-is. Show "projet › fichier"; the real path stays available in the tooltip.
-const crumb = computed(() => {
-  if (!editing.value) return null;
-  const rel = targetRel.value;
-  // Le nom du fichier suit le champ `name` : tant qu'il est vide, il n'y a pas
-  // encore de fichier à nommer.
-  const file = rel ? (rel.split('/').pop() ?? rel) : t('pages.memory.unnamed');
-  if (rel === 'CLAUDE.md') return { icon: 'public', scope: t('pages.memory.global'), file };
+  // The stored path carries an encoded project slug ("C--…-projets-aura"), unreadable
+  // as-is. Show "projet › fichier"; the real path stays available in the tooltip.
+  const crumb = computed(() => {
+    if (!editing.value) return null
+    const rel = targetRel.value
+    // Le nom du fichier suit le champ `name` : tant qu'il est vide, il n'y a pas
+    // encore de fichier à nommer.
+    const file = rel ? (rel.split('/').pop() ?? rel) : t('pages.memory.unnamed')
+    if (rel === 'CLAUDE.md') return { icon: 'public', scope: t('pages.memory.global'), file }
 
-  const dir = isNew.value ? newDir.value : null;
-  const p = projects.value.find((x) =>
-    dir ? x.memRel === dir : rel === x.indexRel || rel.startsWith(`${x.memRel}/`),
-  );
-  const scope = p ? prettySlug(p.slug) : t('pages.memory.projectScope');
-  const icon = p && rel === p.indexRel ? 'toc' : 'article';
-  return { icon, scope, file };
-});
+    const dir = isNew.value ? newDir.value : null
+    const p = projects.value.find((x) => (dir ? x.memRel === dir : rel === x.indexRel || rel.startsWith(`${x.memRel}/`)))
+    const scope = p ? prettySlug(p.slug) : t('pages.memory.projectScope')
+    const icon = p && rel === p.indexRel ? 'toc' : 'article'
+    return { icon, scope, file }
+  })
 
-async function refresh(): Promise<void> {
-  loading.value = true;
-  try {
-    projects.value = (await getMemories()).projects;
-  } catch (e) {
-    notifyError(e, t('pages.memory.readError'));
-  } finally {
-    loading.value = false;
-  }
-}
+  async function refresh(): Promise<void> {
+    loading.value = true
+    try {
+      projects.value = (await getMemories()).projects
+    } catch (e) {
+      notifyError(e, t('pages.memory.readError'))
+    } finally {
+      loading.value = false
+    }
+  }
 
-async function load(rel: string): Promise<void> {
-  loadingFile.value = true;
-  try {
-    const { content: c } = await readFile(rel);
-    content.value = c;
-    original.value = c;
-  } catch (e) {
-    if (e instanceof ClaudeApiError && e.status === 404) {
-      content.value = '';
-      original.value = '';
-    } else {
-      notifyError(e, t('pages.memory.openError'));
+  async function load(rel: string): Promise<void> {
+    loadingFile.value = true
+    try {
+      const { content: c } = await readFile(rel)
+      content.value = c
+      original.value = c
+    } catch (e) {
+      if (e instanceof ClaudeApiError && e.status === 404) {
+        content.value = ''
+        original.value = ''
+      } else {
+        notifyError(e, t('pages.memory.openError'))
+      }
+    } finally {
+      loadingFile.value = false
     }
-  } finally {
-    loadingFile.value = false;
   }
-}
 
-// Changer de fichier abandonnerait ce qui n'a pas été appliqué : l'action est
-// mise en attente le temps que l'utilisateur tranche, puis rejouée telle quelle.
-const pending = ref<(() => void) | null>(null);
+  // Changer de fichier abandonnerait ce qui n'a pas été appliqué : l'action est
+  // mise en attente le temps que l'utilisateur tranche, puis rejouée telle quelle.
+  const pending = ref<(() => void) | null>(null)
 
-function guardDirty(action: () => void): void {
-  if (dirty.value) pending.value = action;
-  else action();
-}
+  function guardDirty(action: () => void): void {
+    if (dirty.value) pending.value = action
+    else action()
+  }
 
-function runPending(): void {
-  const action = pending.value;
-  pending.value = null;
-  action?.();
-}
+  function runPending(): void {
+    const action = pending.value
+    pending.value = null
+    action?.()
+  }
 
-async function openFile(rel: string, m: 'plain' | 'structured'): Promise<void> {
-  selected.value = rel;
-  mode.value = m;
-  isNew.value = false;
-  newDir.value = null;
-  await load(rel);
-}
+  async function openFile(rel: string, m: 'plain' | 'structured'): Promise<void> {
+    selected.value = rel
+    mode.value = m
+    isNew.value = false
+    newDir.value = null
+    await load(rel)
+  }
 
-const selectPlain = (rel: string): void => guardDirty(() => void openFile(rel, 'plain'));
-const selectStructured = (rel: string): void => guardDirty(() => void openFile(rel, 'structured'));
+  const selectPlain = (rel: string): void => guardDirty(() => void openFile(rel, 'plain'))
+  const selectStructured = (rel: string): void => guardDirty(() => void openFile(rel, 'structured'))
 
-const reload = (): Promise<void> => (selected.value ? load(selected.value) : Promise.resolve());
+  const reload = (): Promise<void> => (selected.value ? load(selected.value) : Promise.resolve())
 
-/** Resolve a relative href against a directory, honouring `.` and `..` segments. */
-function resolveRel(dir: string, href: string): string {
-  const parts = dir ? dir.split('/') : [];
-  for (const seg of href.split('/')) {
-    if (seg === '' || seg === '.') continue;
-    if (seg === '..') parts.pop();
-    else parts.push(seg);
-  }
-  return parts.join('/');
-}
+  /** Resolve a relative href against a directory, honouring `.` and `..` segments. */
+  function resolveRel(dir: string, href: string): string {
+    const parts = dir ? dir.split('/') : []
+    for (const seg of href.split('/')) {
+      if (seg === '' || seg === '.') continue
+      if (seg === '..') parts.pop()
+      else parts.push(seg)
+    }
+    return parts.join('/')
+  }
 
-/** Open the memory a relative link points at; leave external links to the browser. */
-function onPreviewClick(e: MouseEvent): void {
-  const a = (e.target as Element | null)?.closest('a[href]');
-  if (!a) return;
-  const href = a.getAttribute('href') ?? '';
-  // Absolute URLs, protocol-relative URLs and in-page anchors keep their behaviour.
-  if (!href || href.startsWith('#') || href.startsWith('/') || /^[a-z][a-z0-9+.-]*:/i.test(href))
-    return;
+  /** Open the memory a relative link points at; leave external links to the browser. */
+  function onPreviewClick(e: MouseEvent): void {
+    const a = (e.target as Element | null)?.closest('a[href]')
+    if (!a) return
+    const href = a.getAttribute('href') ?? ''
+    // Absolute URLs, protocol-relative URLs and in-page anchors keep their behaviour.
+    if (!href || href.startsWith('#') || href.startsWith('/') || /^[a-z][a-z0-9+.-]*:/i.test(href)) return
 
-  e.preventDefault();
-  // Root-level files (CLAUDE.md) have no directory, hence slice() over a regex strip.
-  const dir = (selected.value ?? '').split('/').slice(0, -1).join('/');
-  const target = resolveRel(dir, decodeURIComponent(href.split(/[#?]/)[0] ?? ''));
+    e.preventDefault()
+    // Root-level files (CLAUDE.md) have no directory, hence slice() over a regex strip.
+    const dir = (selected.value ?? '').split('/').slice(0, -1).join('/')
+    const target = resolveRel(dir, decodeURIComponent(href.split(/[#?]/)[0] ?? ''))
 
-  if (target === 'CLAUDE.md') return void selectPlain(target);
-  for (const p of projects.value) {
-    if (p.indexRel === target) return void selectPlain(target);
-    if (p.items.some((i) => i.rel === target)) return void selectStructured(target);
+    if (target === 'CLAUDE.md') return void selectPlain(target)
+    for (const p of projects.value) {
+      if (p.indexRel === target) return void selectPlain(target)
+      if (p.items.some((i) => i.rel === target)) return void selectStructured(target)
+    }
+    notifyWarn(t('pages.memory.targetNotFound', { target }))
   }
-  notifyWarn(t('pages.memory.targetNotFound', { target }));
-}
 
-/**
- * Créer, c'est ouvrir un brouillon vide dans le même éditeur que la lecture —
- * rien n'est écrit sur le disque avant le cycle proposer / appliquer.
- */
-function startNew(p: MemoryProject): void {
-  guardDirty(() => {
-    selected.value = null;
-    newDir.value = p.memRel;
-    mode.value = 'structured';
-    isNew.value = true;
-    view.value = 'edit'; // a fresh memory opens on its body, ready to type
-    original.value = '';
-    // Les trois clés sont posées vides pour que les champs les remplacent *en
-    // place* : ajoutées après coup, elles atterriraient sous le bloc `metadata`.
-    content.value = `---
+  /**
+   * Créer, c'est ouvrir un brouillon vide dans le même éditeur que la lecture —
+   * rien n'est écrit sur le disque avant le cycle proposer / appliquer.
+   */
+  function startNew(p: MemoryProject): void {
+    guardDirty(() => {
+      selected.value = null
+      newDir.value = p.memRel
+      mode.value = 'structured'
+      isNew.value = true
+      view.value = 'edit' // a fresh memory opens on its body, ready to type
+      original.value = ''
+      // Les trois clés sont posées vides pour que les champs les remplacent *en
+      // place* : ajoutées après coup, elles atterriraient sous le bloc `metadata`.
+      content.value = `---
 name:
 description:
 metadata:
   type: project
 ---
-${STARTERS.project ?? ''}`;
-  });
-}
+${STARTERS.project ?? ''}`
+    })
+  }
 
-async function propose(): Promise<void> {
-  if (!targetRel.value || nameError.value) return;
-  // `name` est la cible des liens `[[nom]]` entre mémoires : il doit rejoindre
-  // le nom du fichier plutôt que garder le texte libre de la saisie.
-  if (isNew.value) name.value = slug(name.value);
-  proposing.value = true;
-  try {
-    proposal.value = await proposeWrite(targetRel.value, content.value);
-  } catch (e) {
-    notifyError(e, t('common.proposeError'));
-  } finally {
-    proposing.value = false;
-  }
-}
+  async function propose(): Promise<void> {
+    if (!targetRel.value || nameError.value) return
+    // `name` est la cible des liens `[[nom]]` entre mémoires : il doit rejoindre
+    // le nom du fichier plutôt que garder le texte libre de la saisie.
+    if (isNew.value) name.value = slug(name.value)
+    proposing.value = true
+    try {
+      proposal.value = await proposeWrite(targetRel.value, content.value)
+    } catch (e) {
+      notifyError(e, t('common.proposeError'))
+    } finally {
+      proposing.value = false
+    }
+  }
 
-async function onApplied(): Promise<void> {
-  const created = isNew.value;
-  const rel = targetRel.value;
-  original.value = content.value;
-  // Le brouillon devient un fichier : le chemin cesse de suivre le champ `name`.
-  selected.value = rel;
-  newDir.value = null;
-  isNew.value = false;
-  proposal.value = null;
-  // A brand-new structured memory: add its pointer line to MEMORY.md.
-  if (created) await syncIndex(rel, 'add');
-  await refresh();
-}
+  async function onApplied(): Promise<void> {
+    const created = isNew.value
+    const rel = targetRel.value
+    original.value = content.value
+    // Le brouillon devient un fichier : le chemin cesse de suivre le champ `name`.
+    selected.value = rel
+    newDir.value = null
+    isNew.value = false
+    proposal.value = null
+    // A brand-new structured memory: add its pointer line to MEMORY.md.
+    if (created) await syncIndex(rel, 'add')
+    await refresh()
+  }
 
-/** Best-effort MEMORY.md maintenance (never blocks the main flow). */
-async function syncIndex(rel: string, action: 'add' | 'remove'): Promise<void> {
-  const memRel = rel.replace(/\/[^/]+$/, '');
-  const file = rel.split('/').pop() ?? '';
-  try {
-    const r = await syncMemoryIndex({
-      memRel,
-      action,
-      file,
-      title: name.value || file.replace(/\.md$/, ''),
-      hook: description.value,
-    });
-    if (r.changed) {
-      notifyDone(t('pages.memory.indexUpdated'));
+  /** Best-effort MEMORY.md maintenance (never blocks the main flow). */
+  async function syncIndex(rel: string, action: 'add' | 'remove'): Promise<void> {
+    const memRel = rel.replace(/\/[^/]+$/, '')
+    const file = rel.split('/').pop() ?? ''
+    try {
+      const r = await syncMemoryIndex({
+        memRel,
+        action,
+        file,
+        title: name.value || file.replace(/\.md$/, ''),
+        hook: description.value,
+      })
+      if (r.changed) {
+        notifyDone(t('pages.memory.indexUpdated'))
+      }
+    } catch {
+      /* index maintenance is best-effort */
     }
-  } catch {
-    /* index maintenance is best-effort */
   }
-}
 
-async function doDelete(): Promise<void> {
-  if (selected.value === null) return;
-  const rel = selected.value;
-  deleting.value = true;
-  try {
-    await deleteResource(rel);
-    await syncIndex(rel, 'remove'); // drop its pointer line from MEMORY.md
-    notifyDone(t('pages.memory.deleted'), t('pages.memory.deletedNote'));
-    confirmDelete.value = false;
-    selected.value = null;
-    content.value = '';
-    original.value = '';
-    await refresh();
-  } catch (e) {
-    notifyError(e, t('pages.memory.deleteError'));
-  } finally {
-    deleting.value = false;
-  }
-}
+  async function doDelete(): Promise<void> {
+    if (selected.value === null) return
+    const rel = selected.value
+    deleting.value = true
+    try {
+      await deleteResource(rel)
+      await syncIndex(rel, 'remove') // drop its pointer line from MEMORY.md
+      notifyDone(t('pages.memory.deleted'), t('pages.memory.deletedNote'))
+      confirmDelete.value = false
+      selected.value = null
+      content.value = ''
+      original.value = ''
+      await refresh()
+    } catch (e) {
+      notifyError(e, t('pages.memory.deleteError'))
+    } finally {
+      deleting.value = false
+    }
+  }
 
-onMounted(refresh);
+  onMounted(refresh)
 </script>
 
 <style scoped lang="scss">
-.mem {
-  position: relative;
-  padding: var(--space-md) var(--space-xl) var(--space-xl);
-  width: 100%;
+  .mem {
+    position: relative;
+    padding: var(--space-md) var(--space-xl) var(--space-xl);
+    width: 100%;
 
-  // Une couleur par type de mémoire, déclarée une fois : l'étiquette et l'arête
-  // gauche de la liste disent la même chose et ne peuvent plus diverger. Ces
-  // teintes sont locales à cet écran — le vocabulaire global n'a pas de couleur
-  // pour une taxonomie propre à un module.
-  --type-user: #4aa8c0;
-  --type-feedback: var(--warn);
-  --type-project: var(--brand);
-  --type-reference: #9b8cff;
-}
-.mem-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  margin-bottom: var(--space-md);
-}
-.mem-head-icon {
-  color: var(--faint);
-  flex: 0 0 auto;
-}
-.mem-sub {
-  color: var(--muted);
-  font-size: var(--fs-sm);
-  margin: 0;
-}
+    // Une couleur par type de mémoire, déclarée une fois : l'étiquette et l'arête
+    // gauche de la liste disent la même chose et ne peuvent plus diverger. Ces
+    // teintes sont locales à cet écran — le vocabulaire global n'a pas de couleur
+    // pour une taxonomie propre à un module.
+    --type-user: #4aa8c0;
+    --type-feedback: var(--warn);
+    --type-project: var(--brand);
+    --type-reference: #9b8cff;
+  }
+  .mem-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    margin-bottom: var(--space-md);
+  }
+  .mem-head-icon {
+    color: var(--faint);
+    flex: 0 0 auto;
+  }
+  .mem-sub {
+    color: var(--muted);
+    font-size: var(--fs-sm);
+    margin: 0;
+  }
 
-.mem-body {
-  display: grid;
-  grid-template-columns: 340px 1fr;
-  gap: var(--space-lg);
-  align-items: start;
-}
-@media (max-width: 800px) {
   .mem-body {
-    grid-template-columns: 1fr;
+    display: grid;
+    grid-template-columns: 340px 1fr;
+    gap: var(--space-lg);
+    align-items: start;
+  }
+  @media (max-width: 800px) {
+    .mem-body {
+      grid-template-columns: 1fr;
+    }
   }
-}
 
-/* ── List ─────────────────────────────────────────────────────────────────── */
-.mem-list {
-  padding: var(--space-sm);
-  max-height: calc(100vh - 180px);
-  overflow: auto;
-}
-.mem-group {
-  margin-bottom: var(--space-md);
-}
-.mem-group-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  padding-right: var(--space-sm);
-}
-.mem-global-label {
-  display: block;
-  padding: var(--space-xs) var(--space-sm);
-}
-/* Même anatomie que l'arbre des ressources d'un projet : chevron, icône, nom,
+  /* ── List ─────────────────────────────────────────────────────────────────── */
+  .mem-list {
+    padding: var(--space-sm);
+    max-height: calc(100vh - 180px);
+    overflow: auto;
+  }
+  .mem-group {
+    margin-bottom: var(--space-md);
+  }
+  .mem-group-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    padding-right: var(--space-sm);
+  }
+  .mem-global-label {
+    display: block;
+    padding: var(--space-xs) var(--space-sm);
+  }
+  /* Même anatomie que l'arbre des ressources d'un projet : chevron, icône, nom,
    compteur — pour que les deux colonnes se lisent de la même façon. */
-.mem-group-toggle {
-  flex: 1 1 auto;
-  min-width: 0;
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  padding: var(--space-xs) var(--space-sm);
-  background: none;
-  border: none;
-  border-radius: var(--radius-sm);
-  text-align: left;
-  cursor: pointer;
-  transition: background var(--motion-fast);
-}
-.mem-group-toggle:hover {
-  background: var(--hover-overlay);
-}
-.mem-group-toggle:focus-visible {
-  outline: 2px solid var(--brand);
-  outline-offset: -2px;
-}
-.mem-group-toggle .q-icon {
-  color: var(--faint);
-  flex: 0 0 auto;
-}
-.mem-group-name {
-  flex: 1 1 auto;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.mem-group-count {
-  flex: 0 0 auto;
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-}
-/* Le trait d'appartenance de l'arbre, comme dans `RuleTree`. L'écart est plus
+  .mem-group-toggle {
+    flex: 1 1 auto;
+    min-width: 0;
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    padding: var(--space-xs) var(--space-sm);
+    background: none;
+    border: none;
+    border-radius: var(--radius-sm);
+    text-align: left;
+    cursor: pointer;
+    transition: background var(--motion-fast);
+  }
+  .mem-group-toggle:hover {
+    background: var(--hover-overlay);
+  }
+  .mem-group-toggle:focus-visible {
+    outline: 2px solid var(--brand);
+    outline-offset: -2px;
+  }
+  .mem-group-toggle .q-icon {
+    color: var(--faint);
+    flex: 0 0 auto;
+  }
+  .mem-group-name {
+    flex: 1 1 auto;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .mem-group-count {
+    flex: 0 0 auto;
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+  }
+  /* Le trait d'appartenance de l'arbre, comme dans `RuleTree`. L'écart est plus
    large qu'ailleurs : les items portent eux-mêmes une arête colorée, et collée
    au trait de l'arbre elle se lisait comme un double filet. */
-.mem-children {
-  display: flex;
-  flex-direction: column;
-  // Les mémoires sont des blocs de deux ou trois lignes : collées, leurs titres
-  // et leurs descriptions se confondaient d'un item à l'autre.
-  gap: var(--space-xs);
-  margin-left: calc(var(--space-sm) + 6px);
-  padding-left: var(--space-sm);
-  border-left: 1px solid var(--line-2);
-}
-.mem-item {
-  display: flex;
-  flex-direction: column;
-  gap: 3px;
-  width: 100%;
-  text-align: left;
-  background: transparent;
-  border: none;
-  // L'arête porte le type ; transparente, elle réserve déjà sa place, si bien
-  // qu'un fichier sans type ne décale pas les autres.
-  border-left: 2px solid transparent;
-  border-radius: var(--radius-sm);
-  padding: var(--space-sm) var(--space-md);
-  cursor: pointer;
-  color: var(--text);
-  transition: background var(--motion-fast);
-}
-.mem-item--user {
-  border-left-color: var(--type-user);
-}
-.mem-item--feedback {
-  border-left-color: var(--type-feedback);
-}
-.mem-item--project {
-  border-left-color: var(--type-project);
-}
-.mem-item--reference {
-  border-left-color: var(--type-reference);
-}
-.mem-item:hover {
-  background: var(--hover-overlay);
-}
-.mem-item--active {
-  background: var(--brand-soft);
-}
-.mem-item--index .mem-item-name {
-  color: var(--muted);
-}
-.mem-item-top {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--space-sm);
-}
-.mem-item-name {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--space-xs);
-  font-size: var(--fs-base);
-  font-weight: 500;
-}
-.mem-item-path {
-  font-size: var(--fs-2xs);
-  color: var(--dim);
-}
-.mem-item-desc {
-  font-size: var(--fs-xs);
-  color: var(--muted);
-  line-height: 1.4;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
+  .mem-children {
+    display: flex;
+    flex-direction: column;
+    // Les mémoires sont des blocs de deux ou trois lignes : collées, leurs titres
+    // et leurs descriptions se confondaient d'un item à l'autre.
+    gap: var(--space-xs);
+    margin-left: calc(var(--space-sm) + 6px);
+    padding-left: var(--space-sm);
+    border-left: 1px solid var(--line-2);
+  }
+  .mem-item {
+    display: flex;
+    flex-direction: column;
+    gap: 3px;
+    width: 100%;
+    text-align: left;
+    background: transparent;
+    border: none;
+    // L'arête porte le type ; transparente, elle réserve déjà sa place, si bien
+    // qu'un fichier sans type ne décale pas les autres.
+    border-left: 2px solid transparent;
+    border-radius: var(--radius-sm);
+    padding: var(--space-sm) var(--space-md);
+    cursor: pointer;
+    color: var(--text);
+    transition: background var(--motion-fast);
+  }
+  .mem-item--user {
+    border-left-color: var(--type-user);
+  }
+  .mem-item--feedback {
+    border-left-color: var(--type-feedback);
+  }
+  .mem-item--project {
+    border-left-color: var(--type-project);
+  }
+  .mem-item--reference {
+    border-left-color: var(--type-reference);
+  }
+  .mem-item:hover {
+    background: var(--hover-overlay);
+  }
+  .mem-item--active {
+    background: var(--brand-soft);
+  }
+  .mem-item--index .mem-item-name {
+    color: var(--muted);
+  }
+  .mem-item-top {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--space-sm);
+  }
+  .mem-item-name {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--space-xs);
+    font-size: var(--fs-base);
+    font-weight: 500;
+  }
+  .mem-item-path {
+    font-size: var(--fs-2xs);
+    color: var(--dim);
+  }
+  .mem-item-desc {
+    font-size: var(--fs-xs);
+    color: var(--muted);
+    line-height: 1.4;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+  }
 
-/* ── Type badges ──────────────────────────────────────────────────────────── */
-.badge {
-  font-size: var(--fs-2xs);
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  padding: 1px 6px;
-  border-radius: var(--radius-xs);
-  border: 1px solid transparent;
-  white-space: nowrap;
-}
-.badge--user {
-  color: var(--type-user);
-  background: rgba(74, 168, 192, 0.12);
-  border-color: rgba(74, 168, 192, 0.3);
-}
-.badge--feedback {
-  color: var(--type-feedback);
-  background: rgba(224, 163, 62, 0.12);
-  border-color: rgba(224, 163, 62, 0.3);
-}
-.badge--project {
-  color: var(--type-project);
-  background: var(--brand-soft);
-  border-color: var(--brand-line);
-}
-.badge--reference {
-  color: var(--type-reference);
-  background: rgba(155, 140, 255, 0.12);
-  border-color: rgba(155, 140, 255, 0.3);
-}
+  /* ── Type badges ──────────────────────────────────────────────────────────── */
+  .badge {
+    font-size: var(--fs-2xs);
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    padding: 1px 6px;
+    border-radius: var(--radius-xs);
+    border: 1px solid transparent;
+    white-space: nowrap;
+  }
+  .badge--user {
+    color: var(--type-user);
+    background: rgba(74, 168, 192, 0.12);
+    border-color: rgba(74, 168, 192, 0.3);
+  }
+  .badge--feedback {
+    color: var(--type-feedback);
+    background: rgba(224, 163, 62, 0.12);
+    border-color: rgba(224, 163, 62, 0.3);
+  }
+  .badge--project {
+    color: var(--type-project);
+    background: var(--brand-soft);
+    border-color: var(--brand-line);
+  }
+  .badge--reference {
+    color: var(--type-reference);
+    background: rgba(155, 140, 255, 0.12);
+    border-color: rgba(155, 140, 255, 0.3);
+  }
 
-/* ── Editor ───────────────────────────────────────────────────────────────── */
-.mem-editor {
-  display: flex;
-  flex-direction: column;
-  min-height: calc(100vh - 180px);
-  overflow: hidden;
-}
-.mem-toolbar {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  padding: var(--space-sm) var(--space-md);
-  border-bottom: 1px solid var(--line);
-  flex-wrap: wrap;
-}
-.mem-crumb {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--space-xs);
-  min-width: 0;
-  font-size: var(--fs-sm);
-  cursor: default;
-}
-.mem-crumb-icon,
-.mem-crumb-sep {
-  color: var(--faint);
-  flex: 0 0 auto;
-}
-.mem-crumb-scope {
-  color: var(--muted);
-  white-space: nowrap;
-}
-.mem-crumb-file {
-  color: var(--text);
-  font-weight: 500;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.re-badge {
-  font-size: var(--fs-2xs);
-  text-transform: uppercase;
-  letter-spacing: 0.08em;
-  padding: 1px 6px;
-  border-radius: var(--radius-xs);
-}
-.re-badge--new {
-  background: var(--brand-soft);
-  color: var(--brand);
-}
-.dirty-pill {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--space-xs);
-  font-size: var(--fs-xs);
-  color: var(--brand);
-  background: var(--brand-soft);
-  border: 1px solid var(--brand-line);
-  border-radius: var(--radius-sm);
-  padding: var(--space-xs) var(--space-sm);
-}
-.mem-scroll {
-  flex: 1;
-  overflow: auto;
-  display: flex;
-  flex-direction: column;
-}
-.mem-fields {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-md);
-  padding: var(--space-lg);
-  border-bottom: 1px solid var(--line);
-}
-.mem-field {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-xs);
-}
-.mem-field-label {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  font-size: var(--fs-sm);
-  font-weight: 500;
-  color: var(--text);
-}
-.mem-field-key {
-  font-size: var(--fs-2xs);
-  color: var(--dim);
-  background: var(--surface-2);
-  border: 1px solid var(--line);
-  border-radius: var(--radius-xs);
-  padding: 1px 5px;
-}
-.mem-field-error {
-  margin: 0;
-  font-size: var(--fs-xs);
-  color: var(--danger);
-}
-.mem-ctl {
-  width: 100%;
-  background: var(--bg);
-  color: var(--text);
-  border: 1px solid var(--line-2);
-  border-radius: var(--radius-sm);
-  padding: var(--space-sm) var(--space-md);
-  font-size: var(--fs-sm);
-  outline: none;
-  resize: vertical;
-  transition: border-color var(--motion-fast);
-}
-.mem-ctl:focus {
-  border-color: var(--brand-line);
-}
-.type-chips {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--space-xs);
-}
-.type-chip {
-  cursor: pointer;
-  opacity: 0.55;
-  transition: opacity var(--motion-fast);
-}
-.type-chip:hover {
-  opacity: 0.85;
-}
-.type-chip--on {
-  opacity: 1;
-  box-shadow: 0 0 0 1px currentColor inset;
-}
-.mem-bodyfield {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-xs);
-  padding: var(--space-lg);
-  min-height: 320px;
-}
-.mem-bodyfield-head {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--space-md);
-  flex-wrap: wrap;
-  margin-bottom: var(--space-xs);
-}
-/* Mirrors .mem-editor-area's box so toggling Éditer/Aperçu doesn't shift the layout. */
-.mem-preview {
-  flex: 1;
-  overflow: auto;
-  border: 1px solid var(--line);
-  border-radius: var(--radius-sm);
-  background: var(--bg);
-  padding: var(--space-md);
-}
-.mem-editor-area {
-  flex: 1;
-  width: 100%;
-  resize: none;
-  border: 1px solid var(--line);
-  border-radius: var(--radius-sm);
-  outline: none;
-  background: var(--bg);
-  color: var(--text);
-  padding: var(--space-md);
-  font-size: var(--fs-sm);
-  line-height: 1.55;
-  tab-size: 2;
-}
-.mem-editor-area:focus {
-  border-color: var(--brand-line);
-}
-.mem-empty {
-  padding: var(--space-lg);
-  color: var(--muted);
-  font-size: var(--fs-sm);
-  text-align: center;
-}
-.mem-empty--big {
-  margin: auto;
-}
+  /* ── Editor ───────────────────────────────────────────────────────────────── */
+  .mem-editor {
+    display: flex;
+    flex-direction: column;
+    min-height: calc(100vh - 180px);
+    overflow: hidden;
+  }
+  .mem-toolbar {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    padding: var(--space-sm) var(--space-md);
+    border-bottom: 1px solid var(--line);
+    flex-wrap: wrap;
+  }
+  .mem-crumb {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--space-xs);
+    min-width: 0;
+    font-size: var(--fs-sm);
+    cursor: default;
+  }
+  .mem-crumb-icon,
+  .mem-crumb-sep {
+    color: var(--faint);
+    flex: 0 0 auto;
+  }
+  .mem-crumb-scope {
+    color: var(--muted);
+    white-space: nowrap;
+  }
+  .mem-crumb-file {
+    color: var(--text);
+    font-weight: 500;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .re-badge {
+    font-size: var(--fs-2xs);
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    padding: 1px 6px;
+    border-radius: var(--radius-xs);
+  }
+  .re-badge--new {
+    background: var(--brand-soft);
+    color: var(--brand);
+  }
+  .dirty-pill {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--space-xs);
+    font-size: var(--fs-xs);
+    color: var(--brand);
+    background: var(--brand-soft);
+    border: 1px solid var(--brand-line);
+    border-radius: var(--radius-sm);
+    padding: var(--space-xs) var(--space-sm);
+  }
+  .mem-scroll {
+    flex: 1;
+    overflow: auto;
+    display: flex;
+    flex-direction: column;
+  }
+  .mem-fields {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md);
+    padding: var(--space-lg);
+    border-bottom: 1px solid var(--line);
+  }
+  .mem-field {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+  }
+  .mem-field-label {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    font-size: var(--fs-sm);
+    font-weight: 500;
+    color: var(--text);
+  }
+  .mem-field-key {
+    font-size: var(--fs-2xs);
+    color: var(--dim);
+    background: var(--surface-2);
+    border: 1px solid var(--line);
+    border-radius: var(--radius-xs);
+    padding: 1px 5px;
+  }
+  .mem-field-error {
+    margin: 0;
+    font-size: var(--fs-xs);
+    color: var(--danger);
+  }
+  .mem-ctl {
+    width: 100%;
+    background: var(--bg);
+    color: var(--text);
+    border: 1px solid var(--line-2);
+    border-radius: var(--radius-sm);
+    padding: var(--space-sm) var(--space-md);
+    font-size: var(--fs-sm);
+    outline: none;
+    resize: vertical;
+    transition: border-color var(--motion-fast);
+  }
+  .mem-ctl:focus {
+    border-color: var(--brand-line);
+  }
+  .type-chips {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--space-xs);
+  }
+  .type-chip {
+    cursor: pointer;
+    opacity: 0.55;
+    transition: opacity var(--motion-fast);
+  }
+  .type-chip:hover {
+    opacity: 0.85;
+  }
+  .type-chip--on {
+    opacity: 1;
+    box-shadow: 0 0 0 1px currentColor inset;
+  }
+  .mem-bodyfield {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+    padding: var(--space-lg);
+    min-height: 320px;
+  }
+  .mem-bodyfield-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--space-md);
+    flex-wrap: wrap;
+    margin-bottom: var(--space-xs);
+  }
+  /* Mirrors .mem-editor-area's box so toggling Éditer/Aperçu doesn't shift the layout. */
+  .mem-preview {
+    flex: 1;
+    overflow: auto;
+    border: 1px solid var(--line);
+    border-radius: var(--radius-sm);
+    background: var(--bg);
+    padding: var(--space-md);
+  }
+  .mem-editor-area {
+    flex: 1;
+    width: 100%;
+    resize: none;
+    border: 1px solid var(--line);
+    border-radius: var(--radius-sm);
+    outline: none;
+    background: var(--bg);
+    color: var(--text);
+    padding: var(--space-md);
+    font-size: var(--fs-sm);
+    line-height: 1.55;
+    tab-size: 2;
+  }
+  .mem-editor-area:focus {
+    border-color: var(--brand-line);
+  }
+  .mem-empty {
+    padding: var(--space-lg);
+    color: var(--muted);
+    font-size: var(--fs-sm);
+    text-align: center;
+  }
+  .mem-empty--big {
+    margin: auto;
+  }
 
-/* ── Confirmation dialogs ────────────────────────────────────────────────────────── */
-.cfm-card {
-  width: 460px;
-  max-width: 92vw;
-  padding: var(--space-lg);
-}
-.cfm-head {
-  display: flex;
-  align-items: flex-start;
-  gap: var(--space-md);
-}
-.cfm-title {
-  font-size: var(--fs-lg);
-  font-weight: 600;
-}
-.cfm-path {
-  font-size: var(--fs-sm);
-  color: var(--muted);
-  margin-top: 2px;
-  word-break: break-all;
-}
-.cfm-note {
-  color: var(--muted);
-  font-size: var(--fs-sm);
-  margin: var(--space-md) 0;
-}
-.cfm-actions {
-  display: flex;
-  justify-content: flex-end;
-  gap: var(--space-sm);
-}
+  /* ── Confirmation dialogs ────────────────────────────────────────────────────────── */
+  .cfm-card {
+    width: 460px;
+    max-width: 92vw;
+    padding: var(--space-lg);
+  }
+  .cfm-head {
+    display: flex;
+    align-items: flex-start;
+    gap: var(--space-md);
+  }
+  .cfm-title {
+    font-size: var(--fs-lg);
+    font-weight: 600;
+  }
+  .cfm-path {
+    font-size: var(--fs-sm);
+    color: var(--muted);
+    margin-top: 2px;
+    word-break: break-all;
+  }
+  .cfm-note {
+    color: var(--muted);
+    font-size: var(--fs-sm);
+    margin: var(--space-md) 0;
+  }
+  .cfm-actions {
+    display: flex;
+    justify-content: flex-end;
+    gap: var(--space-sm);
+  }
 </style>
diff --git a/src/pages/PluginsPage.vue b/src/pages/PluginsPage.vue
index 9f74fd6..bb0b504 100644
--- a/src/pages/PluginsPage.vue
+++ b/src/pages/PluginsPage.vue
@@ -77,16 +77,7 @@
           :rules="[(v) => !!v?.trim() || t('pages.plugins.sourceRequired')]"
           hide-bottom-space
         />
-        <q-btn
-          type="submit"
-          unelevated
-          no-caps
-          dense
-          color="primary"
-          text-color="dark"
-          icon="terminal"
-          :label="t('pages.plugins.getCommand')"
-        />
+        <q-btn type="submit" unelevated no-caps dense color="primary" text-color="dark" icon="terminal" :label="t('pages.plugins.getCommand')" />
       </q-form>
       <p class="mk-hint">{{ t('pages.plugins.marketplaceHint') }}</p>
     </section>
@@ -100,12 +91,7 @@
       </header>
 
       <div v-if="!plugins.length" class="pg-empty">{{ t('pages.plugins.empty') }}</div>
-      <SettingField
-        v-for="p in plugins"
-        :key="p.id"
-        :label="pluginName(p.id)"
-        :hint="`v${p.version} · ${p.scope} · ${pluginMarketplace(p.id)}`"
-      >
+      <SettingField v-for="p in plugins" :key="p.id" :label="pluginName(p.id)" :hint="`v${p.version} · ${p.scope} · ${pluginMarketplace(p.id)}`">
         <SegmentedControl
           :model-value="pluginEnabled(p.id)"
           :options="enabledOptions"
@@ -129,377 +115,358 @@
     <ConfirmDiffDialog :proposal="proposal" @applied="onApplied" @close="proposal = null" />
 
     <!-- CLI command guidance (install/uninstall/marketplace add-remove) -->
-    <CliCommandDialog
-      :command="cliCommand"
-      :title="cliTitle"
-      :note="cliNote"
-      @close="cliCommand = null"
-    >
+    <CliCommandDialog :command="cliCommand" :title="cliTitle" :note="cliNote" @close="cliCommand = null">
       <template v-if="cliMarketplace?.userAdded" #actions>
-        <q-btn
-          flat
-          no-caps
-          dense
-          color="negative"
-          :label="t('pages.plugins.removeFromConfig')"
-          @click="removeFromConfig"
-        />
+        <q-btn flat no-caps dense color="negative" :label="t('pages.plugins.removeFromConfig')" @click="removeFromConfig" />
       </template>
     </CliCommandDialog>
   </q-page>
 </template>
 
 <script setup lang="ts">
-import { onMounted, ref, computed } from 'vue';
-import { type QForm } from 'quasar';
-import { useI18n } from 'vue-i18n';
-import SettingField from '@/components/settings/SettingField.vue';
-import SegmentedControl from '@/components/ui/SegmentedControl.vue';
-import ConfirmDiffDialog from '@/components/ConfirmDiffDialog.vue';
-import CliCommandDialog from '@/components/CliCommandDialog.vue';
-import { useJsonForm } from '@/composables/useJsonForm';
-import { useNotify } from '@/composables/useNotify';
-import { getAt, setAt, deleteAt } from '@/utils/json-edit';
-import {
-  readFile,
-  getPlugins,
-  propose as proposeWrite,
-  ClaudeApiError,
-  type Proposal,
-  type PluginsIndex,
-} from '@/services/claude';
-
-const { t } = useI18n();
-const { notifyError } = useNotify();
-const PATH = 'settings.json';
-
-const content = ref('');
-const original = ref('');
-const loading = ref(true);
-const proposing = ref(false);
-const proposal = ref<Proposal | null>(null);
-const pluginsIndex = ref<PluginsIndex>({ installed: [], marketplaces: [] });
-
-const { valid, field, parsed, mutate } = useJsonForm(content);
-const dirty = computed(() => content.value !== original.value);
-
-const plugins = computed(() => pluginsIndex.value.installed);
-
-const enabledOptions = computed(() => [
-  { label: t('common.enabled'), value: true },
-  { label: t('common.disabled'), value: false },
-]);
-
-// id = "name@marketplace"
-const pluginName = (id: string): string => id.split('@')[0] ?? id;
-const pluginMarketplace = (id: string): string => id.split('@')[1] ?? '—';
-
-// A plugin is enabled unless `enabledPlugins[id]` says otherwise, so "Actif" is the
-// key's absence — writing `true` would record a no-op. Dropping the last entry takes
-// the now-empty `enabledPlugins` object with it.
-const pluginEnabled = (id: string): boolean => field<boolean>(['enabledPlugins', id], true).value;
-const setPluginEnabled = (id: string, v: boolean): void => {
-  mutate((o) => {
-    if (!v) {
-      setAt(o, ['enabledPlugins', id], false);
-      return;
+  import CliCommandDialog from '@/components/CliCommandDialog.vue'
+  import ConfirmDiffDialog from '@/components/ConfirmDiffDialog.vue'
+  import SettingField from '@/components/settings/SettingField.vue'
+  import SegmentedControl from '@/components/ui/SegmentedControl.vue'
+  import { useJsonForm } from '@/composables/useJsonForm'
+  import { useNotify } from '@/composables/useNotify'
+  import { readFile, getPlugins, propose as proposeWrite, ClaudeApiError, type Proposal, type PluginsIndex } from '@/services/claude'
+  import { getAt, setAt, deleteAt } from '@/utils/json-edit'
+  import { type QForm } from 'quasar'
+  import { onMounted, ref, computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
+
+  const { t } = useI18n()
+  const { notifyError } = useNotify()
+  const PATH = 'settings.json'
+
+  const content = ref('')
+  const original = ref('')
+  const loading = ref(true)
+  const proposing = ref(false)
+  const proposal = ref<Proposal | null>(null)
+  const pluginsIndex = ref<PluginsIndex>({ installed: [], marketplaces: [] })
+
+  const { valid, field, parsed, mutate } = useJsonForm(content)
+  const dirty = computed(() => content.value !== original.value)
+
+  const plugins = computed(() => pluginsIndex.value.installed)
+
+  const enabledOptions = computed(() => [
+    { label: t('common.enabled'), value: true },
+    { label: t('common.disabled'), value: false },
+  ])
+
+  // id = "name@marketplace"
+  const pluginName = (id: string): string => id.split('@')[0] ?? id
+  const pluginMarketplace = (id: string): string => id.split('@')[1] ?? '—'
+
+  // A plugin is enabled unless `enabledPlugins[id]` says otherwise, so "Actif" is the
+  // key's absence — writing `true` would record a no-op. Dropping the last entry takes
+  // the now-empty `enabledPlugins` object with it.
+  const pluginEnabled = (id: string): boolean => field<boolean>(['enabledPlugins', id], true).value
+  const setPluginEnabled = (id: string, v: boolean): void => {
+    mutate((o) => {
+      if (!v) {
+        setAt(o, ['enabledPlugins', id], false)
+        return
+      }
+      const root = getAt(o, ['enabledPlugins']) as Record<string, unknown> | undefined
+      if (!root) return
+      delete root[id]
+      if (!Object.keys(root).length) deleteAt(o, ['enabledPlugins'])
+    })
+  }
+
+  // Marketplaces: merge the runtime registry with pending additions in settings.
+  interface MkRow {
+    name: string
+    sourceType: string
+    location: string
+    userAdded: boolean
+    pending: boolean
+  }
+  const marketplaces = computed<MkRow[]>(() => {
+    const extra = (getAt(parsed.value, ['extraKnownMarketplaces']) ?? {}) as Record<
+      string,
+      { source?: { source?: string; path?: string; repo?: string } }
+    >
+    const extraNames = new Set(Object.keys(extra))
+    const rows: MkRow[] = pluginsIndex.value.marketplaces.map((m) => ({
+      ...m,
+      userAdded: extraNames.has(m.name),
+      pending: false,
+    }))
+    const known = new Set(rows.map((r) => r.name))
+    for (const [name, def] of Object.entries(extra)) {
+      if (known.has(name)) continue
+      const s = def.source ?? {}
+      rows.push({
+        name,
+        sourceType: s.source ?? '',
+        location: s.path ?? s.repo ?? '',
+        userAdded: true,
+        pending: true,
+      })
     }
-    const root = getAt(o, ['enabledPlugins']) as Record<string, unknown> | undefined;
-    if (!root) return;
-    delete root[id];
-    if (!Object.keys(root).length) deleteAt(o, ['enabledPlugins']);
-  });
-};
-
-// Marketplaces: merge the runtime registry with pending additions in settings.
-interface MkRow {
-  name: string;
-  sourceType: string;
-  location: string;
-  userAdded: boolean;
-  pending: boolean;
-}
-const marketplaces = computed<MkRow[]>(() => {
-  const extra = (getAt(parsed.value, ['extraKnownMarketplaces']) ?? {}) as Record<
-    string,
-    { source?: { source?: string; path?: string; repo?: string } }
-  >;
-  const extraNames = new Set(Object.keys(extra));
-  const rows: MkRow[] = pluginsIndex.value.marketplaces.map((m) => ({
-    ...m,
-    userAdded: extraNames.has(m.name),
-    pending: false,
-  }));
-  const known = new Set(rows.map((r) => r.name));
-  for (const [name, def] of Object.entries(extra)) {
-    if (known.has(name)) continue;
-    const s = def.source ?? {};
-    rows.push({
-      name,
-      sourceType: s.source ?? '',
-      location: s.path ?? s.repo ?? '',
-      userAdded: true,
-      pending: true,
-    });
-  }
-  return rows;
-});
-
-// Add-marketplace: AURA does not write plugins/ — it hands over the CLI command.
-const mkForm = ref<QForm | null>(null);
-const mkSource = ref('');
-
-// ── CLI command guidance ──────────────────────────────────────────────────────
-// Install/uninstall and marketplace add/remove touch the Claude-Code-managed
-// plugins/ tree, so AURA surfaces the exact `/plugin …` command instead of
-// writing those files. Only the declarative settings.json keys are edited here.
-const cliCommand = ref<string | null>(null);
-const cliTitle = ref('');
-const cliNote = ref('');
-const cliMarketplace = ref<MkRow | null>(null);
-
-function openUninstall(id: string): void {
-  cliMarketplace.value = null;
-  cliTitle.value = t('pages.plugins.uninstallTitle');
-  cliNote.value = t('pages.plugins.uninstallNote');
-  cliCommand.value = `/plugin uninstall ${id}`;
-}
-
-function openAddCommand(): void {
-  const src = mkSource.value.trim();
-  if (!src) return;
-  cliMarketplace.value = null;
-  cliTitle.value = t('pages.plugins.addTitle');
-  cliNote.value = t('pages.plugins.addNote');
-  cliCommand.value = `/plugin marketplace add ${src}`;
-  mkSource.value = '';
-  void mkForm.value?.resetValidation();
-}
-
-function openMarketplaceRemove(m: MkRow): void {
-  // A "pending" entry is only a settings.json declaration (never materialised):
-  // removing it there is complete and correct — no CLI needed.
-  if (m.pending) {
-    removeFromConfigName(m.name);
-    return;
-  }
-  cliMarketplace.value = m;
-  cliTitle.value = t('pages.plugins.removeTitle');
-  cliNote.value = t('pages.plugins.removeNote');
-  cliCommand.value = `/plugin marketplace remove ${m.name}`;
-}
-
-/** Drop a marketplace declaration from settings.json > extraKnownMarketplaces. */
-function removeFromConfigName(name: string): void {
-  mutate((o) => {
-    const root = o.extraKnownMarketplaces as Record<string, unknown> | undefined;
-    if (root) delete root[name];
-  });
-}
-
-function removeFromConfig(): void {
-  if (cliMarketplace.value) removeFromConfigName(cliMarketplace.value.name);
-  cliCommand.value = null;
-}
-
-async function load(): Promise<void> {
-  loading.value = true;
-  try {
-    const { content: c } = await readFile(PATH);
-    content.value = c;
-    original.value = c;
-  } catch (e) {
-    if (e instanceof ClaudeApiError && e.status === 404) {
-      content.value = '{}\n';
-      original.value = '';
-    } else {
-      notifyError(e, t('pages.plugins.readError'));
+    return rows
+  })
+
+  // Add-marketplace: AURA does not write plugins/ — it hands over the CLI command.
+  const mkForm = ref<QForm | null>(null)
+  const mkSource = ref('')
+
+  // ── CLI command guidance ──────────────────────────────────────────────────────
+  // Install/uninstall and marketplace add/remove touch the Claude-Code-managed
+  // plugins/ tree, so AURA surfaces the exact `/plugin …` command instead of
+  // writing those files. Only the declarative settings.json keys are edited here.
+  const cliCommand = ref<string | null>(null)
+  const cliTitle = ref('')
+  const cliNote = ref('')
+  const cliMarketplace = ref<MkRow | null>(null)
+
+  function openUninstall(id: string): void {
+    cliMarketplace.value = null
+    cliTitle.value = t('pages.plugins.uninstallTitle')
+    cliNote.value = t('pages.plugins.uninstallNote')
+    cliCommand.value = `/plugin uninstall ${id}`
+  }
+
+  function openAddCommand(): void {
+    const src = mkSource.value.trim()
+    if (!src) return
+    cliMarketplace.value = null
+    cliTitle.value = t('pages.plugins.addTitle')
+    cliNote.value = t('pages.plugins.addNote')
+    cliCommand.value = `/plugin marketplace add ${src}`
+    mkSource.value = ''
+    void mkForm.value?.resetValidation()
+  }
+
+  function openMarketplaceRemove(m: MkRow): void {
+    // A "pending" entry is only a settings.json declaration (never materialised):
+    // removing it there is complete and correct — no CLI needed.
+    if (m.pending) {
+      removeFromConfigName(m.name)
+      return
     }
-  } finally {
-    loading.value = false;
-  }
-}
-
-async function reloadPlugins(): Promise<void> {
-  try {
-    pluginsIndex.value = await getPlugins();
-  } catch {
-    /* optional */
-  }
-}
-
-const reload = async (): Promise<void> => {
-  await Promise.all([load(), reloadPlugins()]);
-};
-
-async function propose(): Promise<void> {
-  proposing.value = true;
-  try {
-    proposal.value = await proposeWrite(PATH, content.value);
-  } catch (e) {
-    notifyError(e, t('common.proposeError'));
-  } finally {
-    proposing.value = false;
-  }
-}
-
-function onApplied(): void {
-  original.value = content.value;
-  proposal.value = null;
-}
-
-onMounted(async () => {
-  await load();
-  await reloadPlugins();
-});
+    cliMarketplace.value = m
+    cliTitle.value = t('pages.plugins.removeTitle')
+    cliNote.value = t('pages.plugins.removeNote')
+    cliCommand.value = `/plugin marketplace remove ${m.name}`
+  }
+
+  /** Drop a marketplace declaration from settings.json > extraKnownMarketplaces. */
+  function removeFromConfigName(name: string): void {
+    mutate((o) => {
+      const root = o.extraKnownMarketplaces as Record<string, unknown> | undefined
+      if (root) delete root[name]
+    })
+  }
+
+  function removeFromConfig(): void {
+    if (cliMarketplace.value) removeFromConfigName(cliMarketplace.value.name)
+    cliCommand.value = null
+  }
+
+  async function load(): Promise<void> {
+    loading.value = true
+    try {
+      const { content: c } = await readFile(PATH)
+      content.value = c
+      original.value = c
+    } catch (e) {
+      if (e instanceof ClaudeApiError && e.status === 404) {
+        content.value = '{}\n'
+        original.value = ''
+      } else {
+        notifyError(e, t('pages.plugins.readError'))
+      }
+    } finally {
+      loading.value = false
+    }
+  }
+
+  async function reloadPlugins(): Promise<void> {
+    try {
+      pluginsIndex.value = await getPlugins()
+    } catch {
+      /* optional */
+    }
+  }
+
+  const reload = async (): Promise<void> => {
+    await Promise.all([load(), reloadPlugins()])
+  }
+
+  async function propose(): Promise<void> {
+    proposing.value = true
+    try {
+      proposal.value = await proposeWrite(PATH, content.value)
+    } catch (e) {
+      notifyError(e, t('common.proposeError'))
+    } finally {
+      proposing.value = false
+    }
+  }
+
+  function onApplied(): void {
+    original.value = content.value
+    proposal.value = null
+  }
+
+  onMounted(async () => {
+    await load()
+    await reloadPlugins()
+  })
 </script>
 
 <style scoped lang="scss">
-.pg {
-  padding: var(--space-md) var(--space-xl) var(--space-xl);
-  width: 100%;
-  max-width: var(--page-max);
-  margin: 0 auto;
-}
-.pg-header {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: var(--space-xs) var(--space-md);
-  margin-bottom: var(--space-lg);
-}
-.pg-head-icon {
-  color: var(--faint);
-  flex: 0 0 auto;
-}
-.pg-sub {
-  flex: 1 1 auto;
-  min-width: 0;
-  color: var(--dim);
-  font-size: var(--fs-sm);
-  margin: 0;
-}
-.pg-tools {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  flex: 0 0 auto;
-  margin-left: auto;
-}
-.dirty-pill {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--space-xs);
-  font-size: var(--fs-xs);
-  color: var(--brand);
-  background: var(--brand-soft);
-  border: 1px solid var(--brand-line);
-  border-radius: var(--radius-sm);
-  padding: var(--space-xs) var(--space-sm);
-}
-
-.pg-section {
-  padding: var(--space-lg) var(--space-xl);
-  // Pas de largeur propre : la page en a une, et une carte plus étroite qu'elle
-  // se décalerait de son propre en-tête.
-  margin-bottom: var(--space-lg);
-}
-.pg-section-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  color: var(--muted);
-  margin-bottom: var(--space-sm);
-}
-.pg-section-head h2 {
-  margin: 0;
-  font-size: var(--fs-lg);
-  font-weight: 600;
-  letter-spacing: -0.01em;
-  color: var(--text);
-}
-.pg-count {
-  font-size: var(--fs-sm);
-  color: var(--dim);
-}
-.pg-empty {
-  padding: var(--space-md) 0;
-  color: var(--dim);
-  font-size: var(--fs-sm);
-}
-
-/* Marketplaces */
-.mk-list {
-  list-style: none;
-  margin: 0 0 var(--space-md);
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-}
-.mk-row {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--space-md);
-  padding: var(--space-sm) 0;
-  border-top: 1px solid var(--line);
-}
-.mk-row:first-child {
-  border-top: none;
-}
-.mk-name {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  font-size: var(--fs-md);
-}
-.mk-meta {
-  font-size: var(--fs-xs);
-  color: var(--dim);
-  margin-top: 2px;
-}
-.badge {
-  font-size: var(--fs-2xs);
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  padding: 1px 6px;
-  border-radius: var(--radius-xs);
-  border: 1px solid transparent;
-}
-.badge--builtin {
-  color: var(--dim);
-  background: var(--surface-2);
-  border-color: var(--line);
-}
-.badge--added {
-  color: var(--brand);
-  background: var(--brand-soft);
-  border-color: var(--brand-line);
-}
-.badge--pending {
-  color: var(--warn);
-  background: rgba(224, 163, 62, 0.12);
-  border-color: rgba(224, 163, 62, 0.3);
-}
-.mk-add {
-  display: flex;
-  gap: var(--space-sm);
-  align-items: flex-start;
-  flex-wrap: wrap;
-  padding-top: var(--space-md);
-  border-top: 1px solid var(--line);
-}
-.mk-field {
-  min-width: 140px;
-}
-.mk-field--wide {
-  flex: 1;
-  min-width: 200px;
-}
-.mk-hint {
-  margin: var(--space-sm) 0 0;
-  font-size: var(--fs-xs);
-  color: var(--dim);
-  max-width: 70ch;
-}
+  .pg {
+    padding: var(--space-md) var(--space-xl) var(--space-xl);
+    width: 100%;
+    max-width: var(--page-max);
+    margin: 0 auto;
+  }
+  .pg-header {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: var(--space-xs) var(--space-md);
+    margin-bottom: var(--space-lg);
+  }
+  .pg-head-icon {
+    color: var(--faint);
+    flex: 0 0 auto;
+  }
+  .pg-sub {
+    flex: 1 1 auto;
+    min-width: 0;
+    color: var(--dim);
+    font-size: var(--fs-sm);
+    margin: 0;
+  }
+  .pg-tools {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    flex: 0 0 auto;
+    margin-left: auto;
+  }
+  .dirty-pill {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--space-xs);
+    font-size: var(--fs-xs);
+    color: var(--brand);
+    background: var(--brand-soft);
+    border: 1px solid var(--brand-line);
+    border-radius: var(--radius-sm);
+    padding: var(--space-xs) var(--space-sm);
+  }
+
+  .pg-section {
+    padding: var(--space-lg) var(--space-xl);
+    // Pas de largeur propre : la page en a une, et une carte plus étroite qu'elle
+    // se décalerait de son propre en-tête.
+    margin-bottom: var(--space-lg);
+  }
+  .pg-section-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    color: var(--muted);
+    margin-bottom: var(--space-sm);
+  }
+  .pg-section-head h2 {
+    margin: 0;
+    font-size: var(--fs-lg);
+    font-weight: 600;
+    letter-spacing: -0.01em;
+    color: var(--text);
+  }
+  .pg-count {
+    font-size: var(--fs-sm);
+    color: var(--dim);
+  }
+  .pg-empty {
+    padding: var(--space-md) 0;
+    color: var(--dim);
+    font-size: var(--fs-sm);
+  }
+
+  /* Marketplaces */
+  .mk-list {
+    list-style: none;
+    margin: 0 0 var(--space-md);
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+  }
+  .mk-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--space-md);
+    padding: var(--space-sm) 0;
+    border-top: 1px solid var(--line);
+  }
+  .mk-row:first-child {
+    border-top: none;
+  }
+  .mk-name {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    font-size: var(--fs-md);
+  }
+  .mk-meta {
+    font-size: var(--fs-xs);
+    color: var(--dim);
+    margin-top: 2px;
+  }
+  .badge {
+    font-size: var(--fs-2xs);
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    padding: 1px 6px;
+    border-radius: var(--radius-xs);
+    border: 1px solid transparent;
+  }
+  .badge--builtin {
+    color: var(--dim);
+    background: var(--surface-2);
+    border-color: var(--line);
+  }
+  .badge--added {
+    color: var(--brand);
+    background: var(--brand-soft);
+    border-color: var(--brand-line);
+  }
+  .badge--pending {
+    color: var(--warn);
+    background: rgba(224, 163, 62, 0.12);
+    border-color: rgba(224, 163, 62, 0.3);
+  }
+  .mk-add {
+    display: flex;
+    gap: var(--space-sm);
+    align-items: flex-start;
+    flex-wrap: wrap;
+    padding-top: var(--space-md);
+    border-top: 1px solid var(--line);
+  }
+  .mk-field {
+    min-width: 140px;
+  }
+  .mk-field--wide {
+    flex: 1;
+    min-width: 200px;
+  }
+  .mk-hint {
+    margin: var(--space-sm) 0 0;
+    font-size: var(--fs-xs);
+    color: var(--dim);
+    max-width: 70ch;
+  }
 </style>
diff --git a/src/pages/ProjectDetailPage.vue b/src/pages/ProjectDetailPage.vue
index d0e83cc..04a839c 100644
--- a/src/pages/ProjectDetailPage.vue
+++ b/src/pages/ProjectDetailPage.vue
@@ -2,13 +2,7 @@
   <q-page class="pd">
     <h1 class="sr-only">{{ t('pages.project.title', { name: detail?.name ?? slug }) }}</h1>
     <header class="pd-header">
-      <q-icon
-        v-if="detail?.path"
-        name="folder"
-        size="14px"
-        class="pd-path-icon"
-        aria-hidden="true"
-      />
+      <q-icon v-if="detail?.path" name="folder" size="14px" class="pd-path-icon" aria-hidden="true" />
       <span v-if="detail?.path" class="pd-path font-mono" :title="winPath">{{ winPath }}</span>
       <span class="pd-ro font-mono">
         <q-icon name="lock" size="12px" />
@@ -16,16 +10,7 @@
           <template #dir><span class="font-mono">.claude</span></template>
         </i18n-t>
       </span>
-      <q-btn
-        flat
-        dense
-        no-caps
-        icon="refresh"
-        :label="t('common.refresh')"
-        class="pd-refresh"
-        :disable="loading"
-        @click="refresh"
-      />
+      <q-btn flat dense no-caps icon="refresh" :label="t('common.refresh')" class="pd-refresh" :disable="loading" @click="refresh" />
     </header>
 
     <!-- Loading -->
@@ -130,14 +115,10 @@
                 :label="t('common.delete')"
                 @click="confirmPlanDelete = true"
               />
-              <span v-else class="pd-ro font-mono"
-                ><q-icon name="lock" size="12px" /> {{ t('common.readOnly') }}</span
-              >
+              <span v-else class="pd-ro font-mono"><q-icon name="lock" size="12px" /> {{ t('common.readOnly') }}</span>
             </header>
             <div class="pd-viewer-body">
-              <div v-if="viewer.loading" class="pd-viewer-loading">
-                <q-spinner size="24px" /> {{ t('common.loading') }}
-              </div>
+              <div v-if="viewer.loading" class="pd-viewer-loading"><q-spinner size="24px" /> {{ t('common.loading') }}</div>
               <div v-else-if="viewer.error" class="pd-state" role="alert">
                 <q-icon name="error_outline" size="24px" color="negative" />
                 <p>{{ viewer.error }}</p>
@@ -171,32 +152,14 @@
           <div class="pd-del-title">{{ t('pages.project.deletePlanTitle') }}</div>
           <div class="pd-del-path font-mono">{{ viewer.planName }}</div>
           <div class="pd-del-actions">
-            <q-btn
-              flat
-              no-caps
-              dense
-              :label="t('common.cancel')"
-              @click="confirmPlanDelete = false"
-            />
-            <q-btn
-              unelevated
-              no-caps
-              dense
-              color="negative"
-              :label="t('common.delete')"
-              :loading="deletingPlan"
-              @click="doDeletePlan"
-            />
+            <q-btn flat no-caps dense :label="t('common.cancel')" @click="confirmPlanDelete = false" />
+            <q-btn unelevated no-caps dense color="negative" :label="t('common.delete')" :loading="deletingPlan" @click="doDeletePlan" />
           </div>
         </q-card>
       </q-dialog>
 
       <!-- Hooks -->
-      <section
-        v-if="detail.hooks.length"
-        class="surface-card pd-section"
-        aria-labelledby="pd-hooks-title"
-      >
+      <section v-if="detail.hooks.length" class="surface-card pd-section" aria-labelledby="pd-hooks-title">
         <header class="pd-section-head">
           <q-icon name="bolt" size="20px" aria-hidden="true" />
           <h2 id="pd-hooks-title">{{ t('nav.hooks') }}</h2>
@@ -255,25 +218,13 @@
 
           <template #body-cell-session="cell">
             <q-td :props="cell">
-              <router-link
-                :to="{ name: 'session', params: { slug, id: cell.row.id } }"
-                class="pd-session-link pd-prompt"
-                >{{ cell.value || '—' }}</router-link
-              >
-              <q-icon
-                v-if="cell.row.titleSource === 'custom'"
-                name="label"
-                size="13px"
-                class="pd-title-badge"
-              >
+              <router-link :to="{ name: 'session', params: { slug, id: cell.row.id } }" class="pd-session-link pd-prompt">{{
+                cell.value || '—'
+              }}</router-link>
+              <q-icon v-if="cell.row.titleSource === 'custom'" name="label" size="13px" class="pd-title-badge">
                 <q-tooltip>{{ t('pages.project.customTitle') }}</q-tooltip>
               </q-icon>
-              <q-icon
-                v-if="cell.row.hasSidechain"
-                name="account_tree"
-                size="13px"
-                class="pd-sub-badge"
-              >
+              <q-icon v-if="cell.row.hasSidechain" name="account_tree" size="13px" class="pd-sub-badge">
                 <q-tooltip>{{ t('pages.project.hasSidechain') }}</q-tooltip>
               </q-icon>
               <!-- Untitled sessions show their opening prompt; say so, or the
@@ -327,812 +278,777 @@
 
     <!-- Hors du bloc conditionnel : appliquer une sélection recharge le projet,
          et `loading` démonterait le dialogue au moment même où l'on s'en sert. -->
-    <IncludeFolderDialog
-      v-model="folderPicker"
-      :slug="slug"
-      :included="settings.foldersOf(slug)"
-      @apply="applyFolders"
-    />
+    <IncludeFolderDialog v-model="folderPicker" :slug="slug" :included="settings.foldersOf(slug)" @apply="applyFolders" />
   </q-page>
 </template>
 
 <script setup lang="ts">
-import { onMounted, ref, computed, reactive } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-import { useI18n } from 'vue-i18n';
-import { useQuasar, type QTableColumn } from 'quasar';
-import { useNotify } from '@/composables/useNotify';
-import {
-  getProjectDetail,
-  getProjectPlans,
-  readResource,
-  readMemory,
-  readIncludedFile,
-  type ProjectDetail,
-  type ResourceNode,
-  type ResourceCategory,
-  type TranscriptSummary,
-} from '@/services/projects';
-import { readPlan, deletePlan, type PlanInfo } from '@/services/system';
-import { fmtBytes, fmtCost, fmtDate, fmtDuration, fmtNum } from '@/utils/format';
-import { setBreadcrumbs } from '@/composables/useBreadcrumbs';
-import MarkdownView from '@/components/replay/MarkdownView.vue';
-import FrontmatterCard from '@/components/resources/FrontmatterCard.vue';
-import ProjectResourcesNav from '@/components/resources/ProjectResourcesNav.vue';
-import IncludeFolderDialog from '@/components/resources/IncludeFolderDialog.vue';
-import {
-  CATEGORY_META,
-  FM_KEYS,
-  renderBody,
-  treeCount,
-} from '@/components/resources/projectResources';
-import { parseDoc, type KeySpec } from '@/utils/resourceFrontmatter';
-import { useSettingsStore } from '@/stores/settings';
+  import MarkdownView from '@/components/replay/MarkdownView.vue'
+  import FrontmatterCard from '@/components/resources/FrontmatterCard.vue'
+  import IncludeFolderDialog from '@/components/resources/IncludeFolderDialog.vue'
+  import { CATEGORY_META, FM_KEYS, renderBody, treeCount } from '@/components/resources/projectResources'
+  import ProjectResourcesNav from '@/components/resources/ProjectResourcesNav.vue'
+  import { setBreadcrumbs } from '@/composables/useBreadcrumbs'
+  import { useNotify } from '@/composables/useNotify'
+  import {
+    getProjectDetail,
+    getProjectPlans,
+    readResource,
+    readMemory,
+    readIncludedFile,
+    type ProjectDetail,
+    type ResourceNode,
+    type ResourceCategory,
+    type TranscriptSummary,
+  } from '@/services/projects'
+  import { readPlan, deletePlan, type PlanInfo } from '@/services/system'
+  import { useSettingsStore } from '@/stores/settings'
+  import { fmtBytes, fmtCost, fmtDate, fmtDuration, fmtNum } from '@/utils/format'
+  import { parseDoc, type KeySpec } from '@/utils/resourceFrontmatter'
+  import { useQuasar, type QTableColumn } from 'quasar'
+  import { onMounted, ref, computed, reactive } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import { useRoute, useRouter } from 'vue-router'
 
-const props = defineProps<{ slug: string }>();
-const { t } = useI18n();
-// Les dossiers inclus sont une préférence, et le BFF relit cette même clé pour
-// décider de ce qu'il ouvre. D'où le magasin plutôt qu'un état local.
-const settings = useSettingsStore();
-const router = useRouter();
-const route = useRoute();
-const $q = useQuasar();
-const { notifyError, notifyDone } = useNotify();
+  const props = defineProps<{ slug: string }>()
+  const { t } = useI18n()
+  // Les dossiers inclus sont une préférence, et le BFF relit cette même clé pour
+  // décider de ce qu'il ouvre. D'où le magasin plutôt qu'un état local.
+  const settings = useSettingsStore()
+  const router = useRouter()
+  const route = useRoute()
+  const $q = useQuasar()
+  const { notifyError, notifyDone } = useNotify()
 
-const detail = ref<ProjectDetail | null>(null);
-const loading = ref(true);
-/** Le rechargement de l'inventaire seul, distinct du chargement de la page. */
-const resourcesReloading = ref(false);
-const error = ref('');
-const trFilter = ref('');
+  const detail = ref<ProjectDetail | null>(null)
+  const loading = ref(true)
+  /** Le rechargement de l'inventaire seul, distinct du chargement de la page. */
+  const resourcesReloading = ref(false)
+  const error = ref('')
+  const trFilter = ref('')
 
-// Plans this project produced. They live in ~/.claude/plans, NOT in the project's
-// .claude — so they stay out of `detail.resources`, whose length and sizes feed
-// the « Ressources » and « Poids .claude » stats.
-const projectPlans = ref<PlanInfo[]>([]);
+  // Plans this project produced. They live in ~/.claude/plans, NOT in the project's
+  // .claude — so they stay out of `detail.resources`, whose length and sizes feed
+  // the « Ressources » and « Poids .claude » stats.
+  const projectPlans = ref<PlanInfo[]>([])
 
-// Le compteur de l'arbre annonce ce que l'arbre montre — plans et dossiers
-// inclus compris, puisque cette page les affiche. Le carré « Ressources » de
-// l'en-tête, lui, ne compte que le `.claude` : il fait la paire avec son poids.
-const navCount = computed(() =>
-  detail.value ? treeCount({ ...detail.value, plans: projectPlans.value }) : 0,
-);
+  // Le compteur de l'arbre annonce ce que l'arbre montre — plans et dossiers
+  // inclus compris, puisque cette page les affiche. Le carré « Ressources » de
+  // l'en-tête, lui, ne compte que le `.claude` : il fait la paire avec son poids.
+  const navCount = computed(() => (detail.value ? treeCount({ ...detail.value, plans: projectPlans.value }) : 0))
 
-const winPath = computed(() => (detail.value?.path ? detail.value.path.replace(/\//g, '\\') : ''));
-const claudeSize = computed(() =>
-  detail.value ? detail.value.resources.reduce((sum, r) => sum + r.size, 0) : 0,
-);
+  const winPath = computed(() => (detail.value?.path ? detail.value.path.replace(/\//g, '\\') : ''))
+  const claudeSize = computed(() => (detail.value ? detail.value.resources.reduce((sum, r) => sum + r.size, 0) : 0))
 
-// L'ordre et le vocabulaire des catégories viennent du même module que le
-// navigateur : la page ne s'en sert plus que pour la présélection au chargement
-// et pour l'icône de la visionneuse.
-const resourceGroups = computed(() => {
-  const d = detail.value;
-  if (!d) return [];
-  return CATEGORY_META.map((m) => ({
-    ...m,
-    items: d.resources.filter((r) => r.category === m.key),
-  })).filter((g) => g.items.length);
-});
+  // L'ordre et le vocabulaire des catégories viennent du même module que le
+  // navigateur : la page ne s'en sert plus que pour la présélection au chargement
+  // et pour l'icône de la visionneuse.
+  const resourceGroups = computed(() => {
+    const d = detail.value
+    if (!d) return []
+    return CATEGORY_META.map((m) => ({
+      ...m,
+      items: d.resources.filter((r) => r.category === m.key),
+    })).filter((g) => g.items.length)
+  })
 
-/**
- * Ce que vaut une session sans relevé de coût, pour le tri.
- *
- * Une session jamais lancée n'a pas consommé zéro : on ne sait rien d'elle. Ce
- * sentinelle la range sous toutes les autres, donc en bloc à une extrémité du
- * tri, plutôt que mêlée aux sessions réellement mesurées à 0.
- */
-const NO_METRIC = -1;
+  /**
+   * Ce que vaut une session sans relevé de coût, pour le tri.
+   *
+   * Une session jamais lancée n'a pas consommé zéro : on ne sait rien d'elle. Ce
+   * sentinelle la range sous toutes les autres, donc en bloc à une extrémité du
+   * tri, plutôt que mêlée aux sessions réellement mesurées à 0.
+   */
+  const NO_METRIC = -1
 
-const columns = computed<QTableColumn[]>(() => [
-  // Sessions carry a real title (typed, or generated and kept current); the
-  // opening prompt is only the fallback for the ones that were never named.
-  {
-    name: 'session',
-    label: t('pages.project.columns.session'),
-    field: (row: TranscriptSummary) => row.title || row.firstPrompt,
-    align: 'left',
-    sortable: true,
-  },
-  // Les tours *de l'humain* : ni les échos de résultats d'outil, ni les
-  // injections du harness. C'est le chiffre de la page Diagnostic, pas un
-  // décompte de lignes du fichier.
-  {
-    name: 'userTurns',
-    label: t('pages.project.columns.userTurns'),
-    field: (row: TranscriptSummary) => row.metrics?.userTurns ?? NO_METRIC,
-    align: 'right',
-    sortable: true,
-  },
-  {
-    name: 'tokens',
-    label: t('pages.project.columns.tokens'),
-    field: (row: TranscriptSummary) => row.metrics?.tokens ?? NO_METRIC,
-    align: 'right',
-    sortable: true,
-  },
-  {
-    name: 'cost',
-    label: t('pages.project.columns.cost'),
-    field: (row: TranscriptSummary) => row.metrics?.costUsd ?? NO_METRIC,
-    align: 'right',
-    sortable: true,
-  },
-  {
-    name: 'duration',
-    label: t('pages.project.columns.duration'),
-    field: (row: TranscriptSummary) => row.metrics?.durationMs ?? NO_METRIC,
-    align: 'right',
-    sortable: true,
-  },
-  {
-    name: 'gitBranch',
-    label: t('pages.project.columns.gitBranch'),
-    field: 'gitBranch',
-    align: 'left',
-    sortable: true,
-  },
-  {
-    name: 'size',
-    label: t('pages.project.columns.size'),
-    field: 'size',
-    align: 'right',
-    sortable: true,
-  },
-  {
-    name: 'mtime',
-    label: t('pages.project.columns.mtime'),
-    field: 'mtime',
-    align: 'right',
-    sortable: true,
-  },
-]);
+  const columns = computed<QTableColumn[]>(() => [
+    // Sessions carry a real title (typed, or generated and kept current); the
+    // opening prompt is only the fallback for the ones that were never named.
+    {
+      name: 'session',
+      label: t('pages.project.columns.session'),
+      field: (row: TranscriptSummary) => row.title || row.firstPrompt,
+      align: 'left',
+      sortable: true,
+    },
+    // Les tours *de l'humain* : ni les échos de résultats d'outil, ni les
+    // injections du harness. C'est le chiffre de la page Diagnostic, pas un
+    // décompte de lignes du fichier.
+    {
+      name: 'userTurns',
+      label: t('pages.project.columns.userTurns'),
+      field: (row: TranscriptSummary) => row.metrics?.userTurns ?? NO_METRIC,
+      align: 'right',
+      sortable: true,
+    },
+    {
+      name: 'tokens',
+      label: t('pages.project.columns.tokens'),
+      field: (row: TranscriptSummary) => row.metrics?.tokens ?? NO_METRIC,
+      align: 'right',
+      sortable: true,
+    },
+    {
+      name: 'cost',
+      label: t('pages.project.columns.cost'),
+      field: (row: TranscriptSummary) => row.metrics?.costUsd ?? NO_METRIC,
+      align: 'right',
+      sortable: true,
+    },
+    {
+      name: 'duration',
+      label: t('pages.project.columns.duration'),
+      field: (row: TranscriptSummary) => row.metrics?.durationMs ?? NO_METRIC,
+      align: 'right',
+      sortable: true,
+    },
+    {
+      name: 'gitBranch',
+      label: t('pages.project.columns.gitBranch'),
+      field: 'gitBranch',
+      align: 'left',
+      sortable: true,
+    },
+    {
+      name: 'size',
+      label: t('pages.project.columns.size'),
+      field: 'size',
+      align: 'right',
+      sortable: true,
+    },
+    {
+      name: 'mtime',
+      label: t('pages.project.columns.mtime'),
+      field: 'mtime',
+      align: 'right',
+      sortable: true,
+    },
+  ])
 
-// Huit colonnes tiennent sur un écran large, pas sur un étroit. Les deux qui
-// partent les premières sont celles qu'on peut retrouver dans la session ouverte.
-const visibleColumns = computed(() =>
-  columns.value
-    .map((c) => c.name)
-    .filter((n) => !($q.screen.lt.md && (n === 'gitBranch' || n === 'size'))),
-);
+  // Huit colonnes tiennent sur un écran large, pas sur un étroit. Les deux qui
+  // partent les premières sont celles qu'on peut retrouver dans la session ouverte.
+  const visibleColumns = computed(() => columns.value.map((c) => c.name).filter((n) => !($q.screen.lt.md && (n === 'gitBranch' || n === 'size'))))
 
-// `source` says which store the shown file came from: a `.claude` resource, a
-// source-tree CLAUDE.md, a document of an included folder — all three keyed by
-// `rel` — or a plan, keyed by its flat file name. Each resolves through its own
-// endpoint, and a `rel` only means something within its own store, hence the
-// `active*Rel` below. Only a plan can be deleted from here.
-type ViewerSource = 'resource' | 'memory' | 'included' | 'plan';
-interface Viewer {
-  source: ViewerSource;
-  rel: string;
-  planName: string;
-  name: string;
-  category: string;
-  content: string;
-  ext: string;
-  loading: boolean;
-  error: string;
-}
-const viewer = reactive<Viewer>({
-  source: 'resource',
-  rel: '',
-  planName: '',
-  name: '',
-  category: '',
-  content: '',
-  ext: '',
-  loading: false,
-  error: '',
-});
+  // `source` says which store the shown file came from: a `.claude` resource, a
+  // source-tree CLAUDE.md, a document of an included folder — all three keyed by
+  // `rel` — or a plan, keyed by its flat file name. Each resolves through its own
+  // endpoint, and a `rel` only means something within its own store, hence the
+  // `active*Rel` below. Only a plan can be deleted from here.
+  type ViewerSource = 'resource' | 'memory' | 'included' | 'plan'
+  interface Viewer {
+    source: ViewerSource
+    rel: string
+    planName: string
+    name: string
+    category: string
+    content: string
+    ext: string
+    loading: boolean
+    error: string
+  }
+  const viewer = reactive<Viewer>({
+    source: 'resource',
+    rel: '',
+    planName: '',
+    name: '',
+    category: '',
+    content: '',
+    ext: '',
+    loading: false,
+    error: '',
+  })
 
-const hasSelection = computed(() =>
-  viewer.source === 'plan' ? Boolean(viewer.planName) : Boolean(viewer.rel),
-);
+  const hasSelection = computed(() => (viewer.source === 'plan' ? Boolean(viewer.planName) : Boolean(viewer.rel)))
 
-// `.claude/CLAUDE.md` et `<racine>/CLAUDE.md` ont le même `rel` : on ne surligne
-// une ligne que si la sélection vient bien de son propre magasin.
-const activeResourceRel = computed(() => (viewer.source === 'resource' ? viewer.rel : ''));
-const activeMemoryRel = computed(() => (viewer.source === 'memory' ? viewer.rel : ''));
-const activeIncludedRel = computed(() => (viewer.source === 'included' ? viewer.rel : ''));
+  // `.claude/CLAUDE.md` et `<racine>/CLAUDE.md` ont le même `rel` : on ne surligne
+  // une ligne que si la sélection vient bien de son propre magasin.
+  const activeResourceRel = computed(() => (viewer.source === 'resource' ? viewer.rel : ''))
+  const activeMemoryRel = computed(() => (viewer.source === 'memory' ? viewer.rel : ''))
+  const activeIncludedRel = computed(() => (viewer.source === 'included' ? viewer.rel : ''))
 
-const VIEWER_ICON: Record<ViewerSource, string> = {
-  resource: 'description',
-  memory: 'psychology',
-  included: 'description',
-  plan: 'assignment',
-};
-// Mémoire et documents du dépôt se lisent par la même route, donc portent la même
-// `source` ; seule la catégorie les distingue, et un README n'est pas un cerveau.
-const viewerIcon = computed(() =>
-  viewer.category === 'repo' ? 'article' : VIEWER_ICON[viewer.source],
-);
+  const VIEWER_ICON: Record<ViewerSource, string> = {
+    resource: 'description',
+    memory: 'psychology',
+    included: 'description',
+    plan: 'assignment',
+  }
+  // Mémoire et documents du dépôt se lisent par la même route, donc portent la même
+  // `source` ; seule la catégorie les distingue, et un README n'est pas un cerveau.
+  const viewerIcon = computed(() => (viewer.category === 'repo' ? 'article' : VIEWER_ICON[viewer.source]))
 
-function resetViewer(): void {
-  viewer.source = 'resource';
-  viewer.rel = '';
-  viewer.planName = '';
-  viewer.name = '';
-  viewer.category = '';
-  viewer.content = '';
-  viewer.ext = '';
-  viewer.error = '';
-}
+  function resetViewer(): void {
+    viewer.source = 'resource'
+    viewer.rel = ''
+    viewer.planName = ''
+    viewer.name = ''
+    viewer.category = ''
+    viewer.content = ''
+    viewer.ext = ''
+    viewer.error = ''
+  }
 
-/**
- * Le fichier ouvert vit dans l'URL, pas seulement dans la visionneuse.
- *
- * C'est la seule mémoire qui survit à un rechargement du navigateur, et elle
- * rend le lien partageable au passage. En `replace` : parcourir l'arbre n'est
- * pas une navigation, et chaque clic empilé dans l'historique rendrait le retour
- * arrière inutilisable.
- */
-function rememberSelection(): void {
-  const f = viewer.source === 'plan' ? viewer.planName : viewer.rel;
-  if (route.query.src === viewer.source && route.query.f === f) return;
-  void router.replace({ query: { ...route.query, src: viewer.source, f } });
-}
+  /**
+   * Le fichier ouvert vit dans l'URL, pas seulement dans la visionneuse.
+   *
+   * C'est la seule mémoire qui survit à un rechargement du navigateur, et elle
+   * rend le lien partageable au passage. En `replace` : parcourir l'arbre n'est
+   * pas une navigation, et chaque clic empilé dans l'historique rendrait le retour
+   * arrière inutilisable.
+   */
+  function rememberSelection(): void {
+    const f = viewer.source === 'plan' ? viewer.planName : viewer.rel
+    if (route.query.src === viewer.source && route.query.f === f) return
+    void router.replace({ query: { ...route.query, src: viewer.source, f } })
+  }
 
-/** Vider la visionneuse, et l'URL avec — sans quoi le prochain F5 rouvrirait ce
- * qu'on vient de fermer. */
-function clearSelection(): void {
-  resetViewer();
-  const query = { ...route.query };
-  delete query.src;
-  delete query.f;
-  void router.replace({ query });
-}
+  /** Vider la visionneuse, et l'URL avec — sans quoi le prochain F5 rouvrirait ce
+   * qu'on vient de fermer. */
+  function clearSelection(): void {
+    resetViewer()
+    const query = { ...route.query }
+    delete query.src
+    delete query.f
+    void router.replace({ query })
+  }
 
-const queryStr = (v: unknown): string => (typeof v === 'string' ? v : '');
+  const queryStr = (v: unknown): string => (typeof v === 'string' ? v : '')
 
-/**
- * Rouvrir ce que dit l'URL, si ce fichier existe toujours dans l'inventaire.
- *
- * On ne se fie pas au seul `rel` : il ne veut dire quelque chose que dans son
- * propre magasin, et un fichier retiré du disque — ou d'un dossier qu'on vient
- * d'exclure — doit rendre la main à l'auto-sélection plutôt qu'ouvrir un vide.
- */
-function restoreSelection(): boolean {
-  const d = detail.value;
-  if (!d) return false;
-  const rel = queryStr(route.query.f);
-  if (!rel) return false;
-  const src = queryStr(route.query.src);
-  const find = (list: ResourceNode[]): ResourceNode | undefined => list.find((r) => r.rel === rel);
-  if (src === 'plan') {
-    const p = projectPlans.value.find((x) => x.name === rel);
-    if (p) void openPlan(p);
-    return Boolean(p);
-  }
-  if (src === 'memory') {
-    const r = find([...d.memories, ...d.repoDocs]);
-    if (r) void openMemory(r);
-    return Boolean(r);
-  }
-  if (src === 'included') {
-    const r = find(d.folders.flatMap((folder) => folder.files));
-    if (r) void openIncluded(r);
-    return Boolean(r);
+  /**
+   * Rouvrir ce que dit l'URL, si ce fichier existe toujours dans l'inventaire.
+   *
+   * On ne se fie pas au seul `rel` : il ne veut dire quelque chose que dans son
+   * propre magasin, et un fichier retiré du disque — ou d'un dossier qu'on vient
+   * d'exclure — doit rendre la main à l'auto-sélection plutôt qu'ouvrir un vide.
+   */
+  function restoreSelection(): boolean {
+    const d = detail.value
+    if (!d) return false
+    const rel = queryStr(route.query.f)
+    if (!rel) return false
+    const src = queryStr(route.query.src)
+    const find = (list: ResourceNode[]): ResourceNode | undefined => list.find((r) => r.rel === rel)
+    if (src === 'plan') {
+      const p = projectPlans.value.find((x) => x.name === rel)
+      if (p) void openPlan(p)
+      return Boolean(p)
+    }
+    if (src === 'memory') {
+      const r = find([...d.memories, ...d.repoDocs])
+      if (r) void openMemory(r)
+      return Boolean(r)
+    }
+    if (src === 'included') {
+      const r = find(d.folders.flatMap((folder) => folder.files))
+      if (r) void openIncluded(r)
+      return Boolean(r)
+    }
+    if (src === 'resource') {
+      const r = find(d.resources)
+      if (r) void openResource(r)
+      return Boolean(r)
+    }
+    return false
   }
-  if (src === 'resource') {
-    const r = find(d.resources);
-    if (r) void openResource(r);
-    return Boolean(r);
-  }
-  return false;
-}
 
-/** Ces trois-là ne diffèrent que par leur lecteur — et donc par leur bac à sable. */
-async function openFile(
-  source: 'resource' | 'memory' | 'included',
-  r: ResourceNode,
-): Promise<void> {
-  viewer.source = source;
-  viewer.planName = '';
-  viewer.rel = r.rel;
-  viewer.name = r.name;
-  viewer.category = r.category;
-  viewer.content = '';
-  viewer.error = '';
-  viewer.loading = true;
-  rememberSelection();
-  try {
-    const read =
-      source === 'memory' ? readMemory : source === 'included' ? readIncludedFile : readResource;
-    const { content } = await read(props.slug, r.rel);
-    viewer.content = content;
-    viewer.ext = r.name.split('.').pop()?.toLowerCase() ?? '';
-  } catch (e) {
-    viewer.error = readError(e);
-  } finally {
-    viewer.loading = false;
+  /** Ces trois-là ne diffèrent que par leur lecteur — et donc par leur bac à sable. */
+  async function openFile(source: 'resource' | 'memory' | 'included', r: ResourceNode): Promise<void> {
+    viewer.source = source
+    viewer.planName = ''
+    viewer.rel = r.rel
+    viewer.name = r.name
+    viewer.category = r.category
+    viewer.content = ''
+    viewer.error = ''
+    viewer.loading = true
+    rememberSelection()
+    try {
+      const read = source === 'memory' ? readMemory : source === 'included' ? readIncludedFile : readResource
+      const { content } = await read(props.slug, r.rel)
+      viewer.content = content
+      viewer.ext = r.name.split('.').pop()?.toLowerCase() ?? ''
+    } catch (e) {
+      viewer.error = readError(e)
+    } finally {
+      viewer.loading = false
+    }
   }
-}
 
-const openResource = (r: ResourceNode): Promise<void> => openFile('resource', r);
-const openMemory = (r: ResourceNode): Promise<void> => openFile('memory', r);
-const openIncluded = (r: ResourceNode): Promise<void> => openFile('included', r);
+  const openResource = (r: ResourceNode): Promise<void> => openFile('resource', r)
+  const openMemory = (r: ResourceNode): Promise<void> => openFile('memory', r)
+  const openIncluded = (r: ResourceNode): Promise<void> => openFile('included', r)
 
-/**
- * Poser la liste des dossiers inclus, puis relire l'inventaire.
- *
- * La préférence est écrite avant le rechargement, et non après : c'est le
- * serveur qui relit la liste pour décider de ce qu'il ouvre, donc il doit voir la
- * nouvelle avant qu'on lui redemande l'arbre.
- */
-async function applyFolders(folders: string[]): Promise<void> {
-  await settings.setFolders(props.slug, [...new Set(folders)]);
-  // Le fichier ouvert peut venir d'un dossier qu'on vient de retirer : sa lecture
-  // serait maintenant refusée, et le garder à l'écran promettrait un contenu
-  // qu'on ne saurait plus relire.
-  const stillCovered = folders.some((f) => viewer.rel.startsWith(`${f}/`));
-  if (viewer.source === 'included' && !stillCovered) clearSelection();
-  await refresh();
-}
+  /**
+   * Poser la liste des dossiers inclus, puis relire l'inventaire.
+   *
+   * La préférence est écrite avant le rechargement, et non après : c'est le
+   * serveur qui relit la liste pour décider de ce qu'il ouvre, donc il doit voir la
+   * nouvelle avant qu'on lui redemande l'arbre.
+   */
+  async function applyFolders(folders: string[]): Promise<void> {
+    await settings.setFolders(props.slug, [...new Set(folders)])
+    // Le fichier ouvert peut venir d'un dossier qu'on vient de retirer : sa lecture
+    // serait maintenant refusée, et le garder à l'écran promettrait un contenu
+    // qu'on ne saurait plus relire.
+    const stillCovered = folders.some((f) => viewer.rel.startsWith(`${f}/`))
+    if (viewer.source === 'included' && !stillCovered) clearSelection()
+    await refresh()
+  }
 
-/** Le retrait depuis l'arbre : un geste unique, donc appliqué tout de suite. */
-const excludeFolder = (rel: string): Promise<void> =>
-  applyFolders(settings.foldersOf(props.slug).filter((f) => f !== rel));
+  /** Le retrait depuis l'arbre : un geste unique, donc appliqué tout de suite. */
+  const excludeFolder = (rel: string): Promise<void> => applyFolders(settings.foldersOf(props.slug).filter((f) => f !== rel))
 
-/** Plans are flat `.md` files read through the system API, never `readResource`. */
-async function openPlan(p: PlanInfo): Promise<void> {
-  viewer.source = 'plan';
-  viewer.rel = ''; // no resource row stays highlighted
-  viewer.planName = p.name;
-  viewer.name = p.title || p.name;
-  viewer.category = 'plans';
-  viewer.content = '';
-  viewer.error = '';
-  viewer.ext = 'md';
-  viewer.loading = true;
-  rememberSelection();
-  try {
-    viewer.content = (await readPlan(p.name)).content;
-  } catch (e) {
-    viewer.error = readError(e);
-  } finally {
-    viewer.loading = false;
+  /** Plans are flat `.md` files read through the system API, never `readResource`. */
+  async function openPlan(p: PlanInfo): Promise<void> {
+    viewer.source = 'plan'
+    viewer.rel = '' // no resource row stays highlighted
+    viewer.planName = p.name
+    viewer.name = p.title || p.name
+    viewer.category = 'plans'
+    viewer.content = ''
+    viewer.error = ''
+    viewer.ext = 'md'
+    viewer.loading = true
+    rememberSelection()
+    try {
+      viewer.content = (await readPlan(p.name)).content
+    } catch (e) {
+      viewer.error = readError(e)
+    } finally {
+      viewer.loading = false
+    }
   }
-}
 
-/** Le détail vient du serveur ; AURA n'ajoute sa voix que s'il est resté muet. */
-const readError = (e: unknown): string =>
-  e instanceof Error && e.message.trim() ? e.message : t('pages.project.readError');
+  /** Le détail vient du serveur ; AURA n'ajoute sa voix que s'il est resté muet. */
+  const readError = (e: unknown): string => (e instanceof Error && e.message.trim() ? e.message : t('pages.project.readError'))
 
-const confirmPlanDelete = ref(false);
-const deletingPlan = ref(false);
-const folderPicker = ref(false);
+  const confirmPlanDelete = ref(false)
+  const deletingPlan = ref(false)
+  const folderPicker = ref(false)
 
-async function doDeletePlan(): Promise<void> {
-  if (viewer.source !== 'plan' || !viewer.planName) return;
-  deletingPlan.value = true;
-  try {
-    await deletePlan(viewer.planName);
-    notifyDone(t('pages.project.planDeleted'));
-    confirmPlanDelete.value = false;
-    clearSelection();
-    await loadPlans();
-  } catch (e) {
-    notifyError(e, t('pages.project.planDeleteError'));
-  } finally {
-    deletingPlan.value = false;
+  async function doDeletePlan(): Promise<void> {
+    if (viewer.source !== 'plan' || !viewer.planName) return
+    deletingPlan.value = true
+    try {
+      await deletePlan(viewer.planName)
+      notifyDone(t('pages.project.planDeleted'))
+      confirmPlanDelete.value = false
+      clearSelection()
+      await loadPlans()
+    } catch (e) {
+      notifyError(e, t('pages.project.planDeleteError'))
+    } finally {
+      deletingPlan.value = false
+    }
   }
-}
 
-/** Plans are secondary: a failure here must not take the whole page down. */
-async function loadPlans(): Promise<void> {
-  try {
-    projectPlans.value = (await getProjectPlans(props.slug)).plans;
-  } catch {
-    projectPlans.value = [];
+  /** Plans are secondary: a failure here must not take the whole page down. */
+  async function loadPlans(): Promise<void> {
+    try {
+      projectPlans.value = (await getProjectPlans(props.slug)).plans
+    } catch {
+      projectPlans.value = []
+    }
   }
-}
 
-// ── Frontmatter ──────────────────────────────────────────────────────────────
-// Même lecture et même carte que les pages Skills et Agents : `parseDoc` extrait
-// le bloc `---…---`, `FrontmatterCard` l'explique. La page ouvre plusieurs types
-// de ressources, alors le vocabulaire suit la catégorie du fichier ouvert.
-const parsed = computed(() =>
-  viewer.ext === 'md'
-    ? parseDoc(viewer.content)
-    : { present: false, entries: [], body: viewer.content },
-);
+  // ── Frontmatter ──────────────────────────────────────────────────────────────
+  // Même lecture et même carte que les pages Skills et Agents : `parseDoc` extrait
+  // le bloc `---…---`, `FrontmatterCard` l'explique. La page ouvre plusieurs types
+  // de ressources, alors le vocabulaire suit la catégorie du fichier ouvert.
+  const parsed = computed(() => (viewer.ext === 'md' ? parseDoc(viewer.content) : { present: false, entries: [], body: viewer.content }))
 
-const fmKeys = computed<KeySpec[]>(() => FM_KEYS[viewer.category as ResourceCategory] ?? []);
+  const fmKeys = computed<KeySpec[]>(() => FM_KEYS[viewer.category as ResourceCategory] ?? [])
 
-// Corps rendu en Markdown ; les fichiers non-.md restent affichés en bloc de code.
-const renderedBody = computed(() => renderBody(viewer.ext, viewer.content, parsed.value.body));
+  // Corps rendu en Markdown ; les fichiers non-.md restent affichés en bloc de code.
+  const renderedBody = computed(() => renderBody(viewer.ext, viewer.content, parsed.value.body))
 
-const categoryMeta = computed(() => CATEGORY_META.find((m) => m.key === viewer.category));
+  const categoryMeta = computed(() => CATEGORY_META.find((m) => m.key === viewer.category))
 
-function openSession(id: string): void {
-  void router.push({ name: 'session', params: { slug: props.slug, id } });
-}
+  function openSession(id: string): void {
+    void router.push({ name: 'session', params: { slug: props.slug, id } })
+  }
 
-/**
- * Le clic sur la ligne, qui ne doit jamais doubler celui sur le lien.
- *
- * La cellule Session porte un vrai lien : c'est lui qui donne le Ctrl+clic, le
- * clic milieu, le menu contextuel et l'accès clavier. Le clic sur la ligne n'est
- * qu'un confort par-dessus, et il doit s'effacer partout où le lien fait déjà le
- * travail — sans quoi un Ctrl+clic ouvrirait l'onglet *et* quitterait la page.
- */
-function onRowClick(e: Event, row: TranscriptSummary): void {
-  const me = e as MouseEvent;
-  if (me.ctrlKey || me.metaKey || me.shiftKey || me.altKey || me.button === 1) return;
-  if ((e.target as HTMLElement | null)?.closest('a')) return;
-  openSession(row.id);
-}
+  /**
+   * Le clic sur la ligne, qui ne doit jamais doubler celui sur le lien.
+   *
+   * La cellule Session porte un vrai lien : c'est lui qui donne le Ctrl+clic, le
+   * clic milieu, le menu contextuel et l'accès clavier. Le clic sur la ligne n'est
+   * qu'un confort par-dessus, et il doit s'effacer partout où le lien fait déjà le
+   * travail — sans quoi un Ctrl+clic ouvrirait l'onglet *et* quitterait la page.
+   */
+  function onRowClick(e: Event, row: TranscriptSummary): void {
+    const me = e as MouseEvent
+    if (me.ctrlKey || me.metaKey || me.shiftKey || me.altKey || me.button === 1) return
+    if ((e.target as HTMLElement | null)?.closest('a')) return
+    openSession(row.id)
+  }
 
-async function refresh(): Promise<void> {
-  loading.value = true;
-  error.value = '';
-  resetViewer();
-  setBreadcrumbs([{ label: t('nav.projects'), to: { name: 'projects' } }, { label: props.slug }]);
-  try {
-    const [d] = await Promise.all([getProjectDetail(props.slug), loadPlans()]);
-    detail.value = d;
-    // Fil d'Ariane du haut : Projets > <nom lisible du projet>.
-    setBreadcrumbs([
-      { label: t('nav.projects'), to: { name: 'projects' } },
-      { label: detail.value.name },
-    ]);
-    // Le fichier qu'on lisait avant le rechargement l'emporte sur l'auto-sélection :
-    // revenir de force au CLAUDE.md racine ferait perdre sa page à chaque F5.
-    if (restoreSelection()) return;
-    // Auto-sélection pour éviter un panneau vide. On suit l'ordre du navigateur :
-    // le CLAUDE.md racine, sinon le README, sinon la première ressource, sinon le
-    // premier plan (un projet peut n'avoir que des plans).
-    const firstMemory = detail.value.memories[0] ?? detail.value.repoDocs[0];
-    const firstResource = resourceGroups.value[0]?.items[0];
-    if (firstMemory) void openMemory(firstMemory);
-    else if (firstResource) void openResource(firstResource);
-    else if (projectPlans.value[0]) void openPlan(projectPlans.value[0]);
-  } catch (e) {
-    error.value = e instanceof Error ? e.message : t('pages.project.loadError');
-  } finally {
-    loading.value = false;
+  async function refresh(): Promise<void> {
+    loading.value = true
+    error.value = ''
+    resetViewer()
+    setBreadcrumbs([{ label: t('nav.projects'), to: { name: 'projects' } }, { label: props.slug }])
+    try {
+      const [d] = await Promise.all([getProjectDetail(props.slug), loadPlans()])
+      detail.value = d
+      // Fil d'Ariane du haut : Projets > <nom lisible du projet>.
+      setBreadcrumbs([{ label: t('nav.projects'), to: { name: 'projects' } }, { label: detail.value.name }])
+      // Le fichier qu'on lisait avant le rechargement l'emporte sur l'auto-sélection :
+      // revenir de force au CLAUDE.md racine ferait perdre sa page à chaque F5.
+      if (restoreSelection()) return
+      // Auto-sélection pour éviter un panneau vide. On suit l'ordre du navigateur :
+      // le CLAUDE.md racine, sinon le README, sinon la première ressource, sinon le
+      // premier plan (un projet peut n'avoir que des plans).
+      const firstMemory = detail.value.memories[0] ?? detail.value.repoDocs[0]
+      const firstResource = resourceGroups.value[0]?.items[0]
+      if (firstMemory) void openMemory(firstMemory)
+      else if (firstResource) void openResource(firstResource)
+      else if (projectPlans.value[0]) void openPlan(projectPlans.value[0])
+    } catch (e) {
+      error.value = e instanceof Error ? e.message : t('pages.project.loadError')
+    } finally {
+      loading.value = false
+    }
   }
-}
 
-/**
- * Recharger le seul inventaire, sans repartir de zéro.
- *
- * `refresh` remet la page à son état d'arrivée : elle vide la visionneuse et
- * represélectionne le premier fichier. Ce n'est pas ce qu'on veut quand on vient
- * d'éditer une ressource hors d'AURA et qu'on veut la voir apparaître dans
- * l'arbre — le fichier ouvert doit le rester. On ne touche donc ni au fil
- * d'Ariane, ni à la visionneuse, ni au voile de chargement de la page entière.
- */
-async function reloadResources(): Promise<void> {
-  resourcesReloading.value = true;
-  try {
-    const [d] = await Promise.all([getProjectDetail(props.slug), loadPlans()]);
-    detail.value = d;
-  } catch (e) {
-    notifyError(e instanceof Error ? e.message : t('pages.project.loadError'));
-  } finally {
-    resourcesReloading.value = false;
+  /**
+   * Recharger le seul inventaire, sans repartir de zéro.
+   *
+   * `refresh` remet la page à son état d'arrivée : elle vide la visionneuse et
+   * represélectionne le premier fichier. Ce n'est pas ce qu'on veut quand on vient
+   * d'éditer une ressource hors d'AURA et qu'on veut la voir apparaître dans
+   * l'arbre — le fichier ouvert doit le rester. On ne touche donc ni au fil
+   * d'Ariane, ni à la visionneuse, ni au voile de chargement de la page entière.
+   */
+  async function reloadResources(): Promise<void> {
+    resourcesReloading.value = true
+    try {
+      const [d] = await Promise.all([getProjectDetail(props.slug), loadPlans()])
+      detail.value = d
+    } catch (e) {
+      notifyError(e instanceof Error ? e.message : t('pages.project.loadError'))
+    } finally {
+      resourcesReloading.value = false
+    }
   }
-}
 
-onMounted(refresh);
+  onMounted(refresh)
 </script>
 
 <style scoped lang="scss">
-.pd {
-  padding: var(--space-md) var(--space-xl) var(--space-xl);
-  width: 100%;
-}
-.pd-header {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: var(--space-xs) var(--space-md);
-  margin-bottom: var(--space-md);
-}
-.pd-path-icon {
-  color: var(--faint);
-  flex: 0 0 auto;
-}
-// Le chemin occupe l'espace central (évite le grand vide) et tronque si besoin.
-.pd-path {
-  flex: 1 1 auto;
-  min-width: 0;
-  font-size: var(--fs-xs);
-  color: var(--dim);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.pd-refresh {
-  flex: 0 0 auto;
-  margin-left: auto;
-}
-.pd-ro {
-  display: inline-flex;
-  align-items: center;
-  gap: 3px;
-  font-size: var(--fs-2xs);
-  color: var(--muted);
-  text-transform: uppercase;
-  letter-spacing: 0.08em;
-  padding: 2px 7px;
-  border: 1px solid var(--line-2);
-  border-radius: 999px;
-}
+  .pd {
+    padding: var(--space-md) var(--space-xl) var(--space-xl);
+    width: 100%;
+  }
+  .pd-header {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: var(--space-xs) var(--space-md);
+    margin-bottom: var(--space-md);
+  }
+  .pd-path-icon {
+    color: var(--faint);
+    flex: 0 0 auto;
+  }
+  // Le chemin occupe l'espace central (évite le grand vide) et tronque si besoin.
+  .pd-path {
+    flex: 1 1 auto;
+    min-width: 0;
+    font-size: var(--fs-xs);
+    color: var(--dim);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .pd-refresh {
+    flex: 0 0 auto;
+    margin-left: auto;
+  }
+  .pd-ro {
+    display: inline-flex;
+    align-items: center;
+    gap: 3px;
+    font-size: var(--fs-2xs);
+    color: var(--muted);
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    padding: 2px 7px;
+    border: 1px solid var(--line-2);
+    border-radius: 999px;
+  }
 
-// ── Stats ─────────────────────────────────────────────────────────────────────
-.pd-stats {
-  list-style: none;
-  margin: 0 0 var(--space-lg);
-  padding: 0;
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
-  gap: var(--space-md);
-}
-.pd-stat {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  padding: var(--space-md) var(--space-lg);
-  color: var(--muted);
-}
-.pd-stat .q-icon {
-  color: var(--brand);
-}
-.pd-stat-val {
-  font-size: var(--fs-lg);
-  font-weight: 600;
-  color: var(--text);
-}
-.pd-stat-label {
-  font-size: var(--fs-xs);
-  color: var(--dim);
-  margin-left: auto;
-  text-align: right;
-}
+  // ── Stats ─────────────────────────────────────────────────────────────────────
+  .pd-stats {
+    list-style: none;
+    margin: 0 0 var(--space-lg);
+    padding: 0;
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+    gap: var(--space-md);
+  }
+  .pd-stat {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    padding: var(--space-md) var(--space-lg);
+    color: var(--muted);
+  }
+  .pd-stat .q-icon {
+    color: var(--brand);
+  }
+  .pd-stat-val {
+    font-size: var(--fs-lg);
+    font-weight: 600;
+    color: var(--text);
+  }
+  .pd-stat-label {
+    font-size: var(--fs-xs);
+    color: var(--dim);
+    margin-left: auto;
+    text-align: right;
+  }
 
-// ── Master-detail split ───────────────────────────────────────────────────────
-.pd-split {
-  display: grid;
-  grid-template-columns: minmax(280px, 360px) 1fr;
-  gap: var(--space-lg);
-  align-items: start;
-  margin-bottom: var(--space-lg);
-}
-@media (max-width: 900px) {
+  // ── Master-detail split ───────────────────────────────────────────────────────
   .pd-split {
-    grid-template-columns: 1fr;
+    display: grid;
+    grid-template-columns: minmax(280px, 360px) 1fr;
+    gap: var(--space-lg);
+    align-items: start;
+    margin-bottom: var(--space-lg);
+  }
+  @media (max-width: 900px) {
+    .pd-split {
+      grid-template-columns: 1fr;
+    }
   }
-}
 
-.pd-nav {
-  padding: var(--space-md);
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-md);
-  position: sticky;
-  top: var(--space-lg);
-  max-height: calc(100vh - 80px);
-  overflow: auto;
-}
-.pd-nav-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  color: var(--muted);
-}
-// ── Viewer (inline, plus de popup) ────────────────────────────────────────────
-.pd-viewer {
-  display: flex;
-  flex-direction: column;
-  min-height: 360px;
-  position: sticky;
-  top: var(--space-lg);
-  max-height: calc(100vh - 80px);
-  overflow: hidden;
-}
-.pd-viewer-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  padding: var(--space-md) var(--space-lg);
-  border-bottom: 1px solid var(--line);
-}
-.pd-viewer-name {
-  font-size: var(--fs-sm);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.pd-viewer-body {
-  padding: var(--space-lg);
-  overflow: auto;
-}
-.pd-viewer-loading {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  color: var(--muted);
-  padding: var(--space-lg);
-}
-.pd-viewer-placeholder {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: var(--space-sm);
-  color: var(--faint);
-  text-align: center;
-}
-.pd-viewer-placeholder p {
-  margin: 0;
-  font-size: var(--fs-sm);
-  color: var(--dim);
-}
+  .pd-nav {
+    padding: var(--space-md);
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md);
+    position: sticky;
+    top: var(--space-lg);
+    max-height: calc(100vh - 80px);
+    overflow: auto;
+  }
+  .pd-nav-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    color: var(--muted);
+  }
+  // ── Viewer (inline, plus de popup) ────────────────────────────────────────────
+  .pd-viewer {
+    display: flex;
+    flex-direction: column;
+    min-height: 360px;
+    position: sticky;
+    top: var(--space-lg);
+    max-height: calc(100vh - 80px);
+    overflow: hidden;
+  }
+  .pd-viewer-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    padding: var(--space-md) var(--space-lg);
+    border-bottom: 1px solid var(--line);
+  }
+  .pd-viewer-name {
+    font-size: var(--fs-sm);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .pd-viewer-body {
+    padding: var(--space-lg);
+    overflow: auto;
+  }
+  .pd-viewer-loading {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    color: var(--muted);
+    padding: var(--space-lg);
+  }
+  .pd-viewer-placeholder {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: var(--space-sm);
+    color: var(--faint);
+    text-align: center;
+  }
+  .pd-viewer-placeholder p {
+    margin: 0;
+    font-size: var(--fs-sm);
+    color: var(--dim);
+  }
 
-// La carte frontmatter est autoportante (surface-card) : de cette page ne relève
-// que son espacement dans le flux de la visionneuse.
-.pd-fm {
-  margin-bottom: var(--space-lg);
-}
+  // La carte frontmatter est autoportante (surface-card) : de cette page ne relève
+  // que son espacement dans le flux de la visionneuse.
+  .pd-fm {
+    margin-bottom: var(--space-lg);
+  }
 
-// ── Sections (hooks, sessions) ────────────────────────────────────────────────
-.pd-section {
-  padding: var(--space-lg);
-  margin-bottom: var(--space-lg);
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-md);
-}
-.pd-section-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  color: var(--muted);
-}
-.pd-section-head h2 {
-  margin: 0;
-  font-size: var(--fs-lg);
-  font-weight: 600;
-  color: var(--text);
-}
-.pd-count {
-  font-size: var(--fs-sm);
-  color: var(--dim);
-  margin-left: auto;
-}
-.pd-hooks {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-xs);
-}
-.pd-hook {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: baseline;
-  gap: var(--space-sm);
-  padding: var(--space-sm);
-  font-size: var(--fs-xs);
-  border-radius: var(--radius-sm);
-  background: var(--surface-2);
-}
-.pd-hook-event {
-  color: var(--brand);
-}
-.pd-hook-matcher {
-  color: var(--muted);
-}
-.pd-hook-cmd {
-  color: var(--dim);
-  word-break: break-all;
-}
-.pd-prompt {
-  display: inline-block;
-  max-width: 60ch;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  vertical-align: middle;
-}
-/* Un vrai lien, mais qui ne doit pas se colorer comme un lien : c'est le titre de
+  // ── Sections (hooks, sessions) ────────────────────────────────────────────────
+  .pd-section {
+    padding: var(--space-lg);
+    margin-bottom: var(--space-lg);
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md);
+  }
+  .pd-section-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    color: var(--muted);
+  }
+  .pd-section-head h2 {
+    margin: 0;
+    font-size: var(--fs-lg);
+    font-weight: 600;
+    color: var(--text);
+  }
+  .pd-count {
+    font-size: var(--fs-sm);
+    color: var(--dim);
+    margin-left: auto;
+  }
+  .pd-hooks {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+  }
+  .pd-hook {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: baseline;
+    gap: var(--space-sm);
+    padding: var(--space-sm);
+    font-size: var(--fs-xs);
+    border-radius: var(--radius-sm);
+    background: var(--surface-2);
+  }
+  .pd-hook-event {
+    color: var(--brand);
+  }
+  .pd-hook-matcher {
+    color: var(--muted);
+  }
+  .pd-hook-cmd {
+    color: var(--dim);
+    word-break: break-all;
+  }
+  .pd-prompt {
+    display: inline-block;
+    max-width: 60ch;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    vertical-align: middle;
+  }
+  /* Un vrai lien, mais qui ne doit pas se colorer comme un lien : c'est le titre de
    la ligne. Le soulignement au survol et l'anneau de focus disent le reste. */
-.pd-session-link {
-  color: inherit;
-  text-decoration: none;
+  .pd-session-link {
+    color: inherit;
+    text-decoration: none;
 
-  &:hover,
-  &:focus-visible {
-    text-decoration: underline;
+    &:hover,
+    &:focus-visible {
+      text-decoration: underline;
+    }
+    &:focus-visible {
+      outline: 2px solid var(--brand);
+      outline-offset: 2px;
+      border-radius: var(--radius-xs);
+    }
   }
-  &:focus-visible {
-    outline: 2px solid var(--brand);
-    outline-offset: 2px;
-    border-radius: var(--radius-xs);
+  .pd-sub-badge {
+    color: var(--brand-muted);
+    margin-left: var(--space-xs);
+    vertical-align: middle;
   }
-}
-.pd-sub-badge {
-  color: var(--brand-muted);
-  margin-left: var(--space-xs);
-  vertical-align: middle;
-}
-.pd-title-badge {
-  color: var(--brand);
-  margin-left: var(--space-xs);
-  vertical-align: middle;
-}
-.pd-table-search {
-  width: 260px;
-  max-width: 100%;
-}
-.pd-table {
-  :deep(thead th) {
-    font-family: 'JetBrains Mono', ui-monospace, monospace;
-    font-size: var(--fs-2xs);
-    text-transform: uppercase;
-    letter-spacing: 0.08em;
-    color: var(--dim);
+  .pd-title-badge {
+    color: var(--brand);
+    margin-left: var(--space-xs);
+    vertical-align: middle;
   }
-  :deep(tbody tr) {
-    cursor: pointer;
+  .pd-table-search {
+    width: 260px;
+    max-width: 100%;
   }
-  :deep(tbody tr:hover) {
-    background: var(--hover-overlay);
+  .pd-table {
+    :deep(thead th) {
+      font-family: 'JetBrains Mono', ui-monospace, monospace;
+      font-size: var(--fs-2xs);
+      text-transform: uppercase;
+      letter-spacing: 0.08em;
+      color: var(--dim);
+    }
+    :deep(tbody tr) {
+      cursor: pointer;
+    }
+    :deep(tbody tr:hover) {
+      background: var(--hover-overlay);
+    }
+    :deep(tbody td) {
+      font-size: var(--fs-sm);
+    }
   }
-  :deep(tbody td) {
+  .pd-empty {
+    margin: 0;
+    color: var(--dim);
     font-size: var(--fs-sm);
+    padding: var(--space-md);
+  }
+  .pd-state {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: var(--space-md);
+    padding: var(--space-xl);
+    color: var(--muted);
+    text-align: center;
+  }
+  .pd-state p {
+    margin: 0;
   }
-}
-.pd-empty {
-  margin: 0;
-  color: var(--dim);
-  font-size: var(--fs-sm);
-  padding: var(--space-md);
-}
-.pd-state {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: var(--space-md);
-  padding: var(--space-xl);
-  color: var(--muted);
-  text-align: center;
-}
-.pd-state p {
-  margin: 0;
-}
-.pd-skel-split {
-  display: grid;
-  grid-template-columns: minmax(280px, 360px) 1fr;
-  gap: var(--space-lg);
-}
-@media (max-width: 900px) {
   .pd-skel-split {
-    grid-template-columns: 1fr;
+    display: grid;
+    grid-template-columns: minmax(280px, 360px) 1fr;
+    gap: var(--space-lg);
+  }
+  @media (max-width: 900px) {
+    .pd-skel-split {
+      grid-template-columns: 1fr;
+    }
+  }
+  .pd-del {
+    width: 420px;
+    max-width: 92vw;
+    padding: var(--space-lg);
+  }
+  .pd-del-title {
+    font-size: var(--fs-lg);
+    font-weight: 600;
+  }
+  .pd-del-path {
+    font-size: var(--fs-sm);
+    color: var(--muted);
+    margin: var(--space-xs) 0 var(--space-lg);
+    word-break: break-all;
+  }
+  .pd-del-actions {
+    display: flex;
+    justify-content: flex-end;
+    gap: var(--space-sm);
   }
-}
-.pd-del {
-  width: 420px;
-  max-width: 92vw;
-  padding: var(--space-lg);
-}
-.pd-del-title {
-  font-size: var(--fs-lg);
-  font-weight: 600;
-}
-.pd-del-path {
-  font-size: var(--fs-sm);
-  color: var(--muted);
-  margin: var(--space-xs) 0 var(--space-lg);
-  word-break: break-all;
-}
-.pd-del-actions {
-  display: flex;
-  justify-content: flex-end;
-  gap: var(--space-sm);
-}
 </style>
diff --git a/src/pages/ProjectsPage.vue b/src/pages/ProjectsPage.vue
index 89e4717..6330b80 100644
--- a/src/pages/ProjectsPage.vue
+++ b/src/pages/ProjectsPage.vue
@@ -5,15 +5,7 @@
     <header class="pj-header">
       <q-icon name="folder" size="15px" class="pj-head-icon" aria-hidden="true" />
       <p class="pj-sub font-mono">{{ t('pages.projects.count', projects.length) }}</p>
-      <q-btn
-        flat
-        dense
-        no-caps
-        :label="t('common.refresh')"
-        class="pj-refresh"
-        :disable="loading"
-        @click="refresh"
-      />
+      <q-btn flat dense no-caps :label="t('common.refresh')" class="pj-refresh" :disable="loading" @click="refresh" />
     </header>
 
     <!-- Error -->
@@ -104,193 +96,193 @@
 </template>
 
 <script setup lang="ts">
-import { computed, onMounted, ref } from 'vue';
-import { useRouter } from 'vue-router';
-import { useI18n } from 'vue-i18n';
-import type { QTableColumn } from 'quasar';
-import { getProjects, type ProjectSummary } from '@/services/projects';
-import { fmtBytes, relTime } from '@/utils/format';
+  import { getProjects, type ProjectSummary } from '@/services/projects'
+  import { fmtBytes, relTime } from '@/utils/format'
+  import type { QTableColumn } from 'quasar'
+  import { computed, onMounted, ref } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import { useRouter } from 'vue-router'
 
-const { t } = useI18n();
-const router = useRouter();
-const projects = ref<ProjectSummary[]>([]);
-const loading = ref(true);
-const error = ref('');
-const filter = ref('');
+  const { t } = useI18n()
+  const router = useRouter()
+  const projects = ref<ProjectSummary[]>([])
+  const loading = ref(true)
+  const error = ref('')
+  const filter = ref('')
 
-// Calculées, et non figées à l'import : le tableau reste monté quand la langue
-// bascule, et un libellé posé une fois pour toutes garderait l'ancienne.
-const columns = computed<QTableColumn<ProjectSummary>[]>(() => [
-  {
-    name: 'name',
-    label: t('pages.projects.columns.name'),
-    field: 'name',
-    align: 'left',
-    sortable: true,
-  },
-  {
-    name: 'path',
-    label: t('pages.projects.columns.path'),
-    field: 'path',
-    align: 'left',
-    sortable: true,
-  },
-  {
-    name: 'sessions',
-    label: t('pages.projects.columns.sessions'),
-    field: 'sessions',
-    align: 'right',
-    sortable: true,
-  },
-  {
-    name: 'size',
-    label: t('pages.projects.columns.size'),
-    field: 'size',
-    align: 'right',
-    sortable: true,
-  },
-  {
-    name: 'lastActivity',
-    label: t('pages.projects.columns.lastActivity'),
-    field: 'lastActivity',
-    align: 'right',
-    sortable: true,
-  },
-  { name: 'actions', label: '', field: 'slug', align: 'right' },
-]);
+  // Calculées, et non figées à l'import : le tableau reste monté quand la langue
+  // bascule, et un libellé posé une fois pour toutes garderait l'ancienne.
+  const columns = computed<QTableColumn<ProjectSummary>[]>(() => [
+    {
+      name: 'name',
+      label: t('pages.projects.columns.name'),
+      field: 'name',
+      align: 'left',
+      sortable: true,
+    },
+    {
+      name: 'path',
+      label: t('pages.projects.columns.path'),
+      field: 'path',
+      align: 'left',
+      sortable: true,
+    },
+    {
+      name: 'sessions',
+      label: t('pages.projects.columns.sessions'),
+      field: 'sessions',
+      align: 'right',
+      sortable: true,
+    },
+    {
+      name: 'size',
+      label: t('pages.projects.columns.size'),
+      field: 'size',
+      align: 'right',
+      sortable: true,
+    },
+    {
+      name: 'lastActivity',
+      label: t('pages.projects.columns.lastActivity'),
+      field: 'lastActivity',
+      align: 'right',
+      sortable: true,
+    },
+    { name: 'actions', label: '', field: 'slug', align: 'right' },
+  ])
 
-function filterProjects(rows: readonly ProjectSummary[], term: string): ProjectSummary[] {
-  const q = term.trim().toLowerCase();
-  if (!q) return rows as ProjectSummary[];
-  return rows.filter((p) => p.name.toLowerCase().includes(q) || p.path.toLowerCase().includes(q));
-}
+  function filterProjects(rows: readonly ProjectSummary[], term: string): ProjectSummary[] {
+    const q = term.trim().toLowerCase()
+    if (!q) return rows as ProjectSummary[]
+    return rows.filter((p) => p.name.toLowerCase().includes(q) || p.path.toLowerCase().includes(q))
+  }
 
-function winPath(p: ProjectSummary): string {
-  return p.path ? p.path.replace(/\//g, '\\') : '';
-}
+  function winPath(p: ProjectSummary): string {
+    return p.path ? p.path.replace(/\//g, '\\') : ''
+  }
 
-function open(slug: string): void {
-  void router.push({ name: 'project', params: { slug } });
-}
+  function open(slug: string): void {
+    void router.push({ name: 'project', params: { slug } })
+  }
 
-async function refresh(): Promise<void> {
-  loading.value = true;
-  error.value = '';
-  try {
-    projects.value = (await getProjects()).projects;
-  } catch (e) {
-    error.value = e instanceof Error ? e.message : t('pages.projects.loadError');
-  } finally {
-    loading.value = false;
+  async function refresh(): Promise<void> {
+    loading.value = true
+    error.value = ''
+    try {
+      projects.value = (await getProjects()).projects
+    } catch (e) {
+      error.value = e instanceof Error ? e.message : t('pages.projects.loadError')
+    } finally {
+      loading.value = false
+    }
   }
-}
 
-onMounted(refresh);
+  onMounted(refresh)
 </script>
 
 <style scoped lang="scss">
-.pj {
-  padding: var(--space-md) var(--space-xl) var(--space-xl);
-  width: 100%;
-}
-.pj-header {
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs) var(--space-md);
-  margin-bottom: var(--space-lg);
-  flex-wrap: wrap;
-}
-.pj-head-icon {
-  color: var(--faint);
-  flex: 0 0 auto;
-}
-.pj-sub {
-  flex: 1 1 auto;
-  min-width: 0;
-  color: var(--dim);
-  font-size: var(--fs-sm);
-  margin: 0;
-}
-.pj-refresh {
-  flex: 0 0 auto;
-  margin-left: auto;
-}
-.pj-card {
-  padding: var(--space-sm);
-}
-.pj-table-top {
-  display: flex;
-  align-items: center;
-  gap: var(--space-md);
-  width: 100%;
-  padding: var(--space-xs) var(--space-sm);
-}
-.pj-search {
-  width: 280px;
-  max-width: 100%;
-}
-.pj-table {
-  :deep(thead th) {
-    font-family: 'JetBrains Mono', ui-monospace, monospace;
-    font-size: var(--fs-2xs);
-    text-transform: uppercase;
-    letter-spacing: 0.08em;
-    color: var(--dim);
+  .pj {
+    padding: var(--space-md) var(--space-xl) var(--space-xl);
+    width: 100%;
   }
-  :deep(tbody tr) {
-    cursor: pointer;
+  .pj-header {
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs) var(--space-md);
+    margin-bottom: var(--space-lg);
+    flex-wrap: wrap;
   }
-  :deep(tbody tr:hover) {
-    background: var(--hover-overlay);
+  .pj-head-icon {
+    color: var(--faint);
+    flex: 0 0 auto;
   }
-  :deep(tbody td) {
+  .pj-sub {
+    flex: 1 1 auto;
+    min-width: 0;
+    color: var(--dim);
     font-size: var(--fs-sm);
+    margin: 0;
+  }
+  .pj-refresh {
+    flex: 0 0 auto;
+    margin-left: auto;
+  }
+  .pj-card {
+    padding: var(--space-sm);
+  }
+  .pj-table-top {
+    display: flex;
+    align-items: center;
+    gap: var(--space-md);
+    width: 100%;
+    padding: var(--space-xs) var(--space-sm);
+  }
+  .pj-search {
+    width: 280px;
+    max-width: 100%;
+  }
+  .pj-table {
+    :deep(thead th) {
+      font-family: 'JetBrains Mono', ui-monospace, monospace;
+      font-size: var(--fs-2xs);
+      text-transform: uppercase;
+      letter-spacing: 0.08em;
+      color: var(--dim);
+    }
+    :deep(tbody tr) {
+      cursor: pointer;
+    }
+    :deep(tbody tr:hover) {
+      background: var(--hover-overlay);
+    }
+    :deep(tbody td) {
+      font-size: var(--fs-sm);
+    }
+  }
+  .pj-name-cell {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+  }
+  .pj-name-icon {
+    color: var(--brand);
+  }
+  .pj-name {
+    font-weight: 600;
+  }
+  .pj-badge {
+    color: var(--pulse);
+  }
+  .pj-path {
+    font-size: var(--fs-xs);
+    color: var(--dim);
+    word-break: break-all;
+  }
+  .pj-time {
+    color: var(--muted);
+  }
+  .pj-chevron {
+    color: var(--faint);
+  }
+  .pj-empty {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: var(--space-sm);
+    padding: var(--space-xl);
+    width: 100%;
+    color: var(--dim);
+  }
+  .pj-state {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: var(--space-md);
+    padding: var(--space-xl);
+    color: var(--muted);
+    text-align: center;
+  }
+  .pj-state p {
+    margin: 0;
   }
-}
-.pj-name-cell {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-}
-.pj-name-icon {
-  color: var(--brand);
-}
-.pj-name {
-  font-weight: 600;
-}
-.pj-badge {
-  color: var(--pulse);
-}
-.pj-path {
-  font-size: var(--fs-xs);
-  color: var(--dim);
-  word-break: break-all;
-}
-.pj-time {
-  color: var(--muted);
-}
-.pj-chevron {
-  color: var(--faint);
-}
-.pj-empty {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: var(--space-sm);
-  padding: var(--space-xl);
-  width: 100%;
-  color: var(--dim);
-}
-.pj-state {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: var(--space-md);
-  padding: var(--space-xl);
-  color: var(--muted);
-  text-align: center;
-}
-.pj-state p {
-  margin: 0;
-}
 </style>
diff --git a/src/pages/SessionsPage.vue b/src/pages/SessionsPage.vue
index 2d3a3ad..94bf392 100644
--- a/src/pages/SessionsPage.vue
+++ b/src/pages/SessionsPage.vue
@@ -6,13 +6,7 @@
     <div v-if="loaded && !sessions.length" class="sp-empty">
       <q-icon name="sensors_off" size="34px" aria-hidden="true" />
       <p>{{ t('pages.sessions.empty') }}</p>
-      <q-btn
-        flat
-        no-caps
-        :label="t('common.refresh')"
-        :disable="loadingList"
-        @click="loadSessions"
-      />
+      <q-btn flat no-caps :label="t('common.refresh')" :disable="loadingList" @click="loadSessions" />
     </div>
 
     <div v-else class="sp-split" :class="{ 'sp-split--aside': showContext }">
@@ -58,18 +52,8 @@
         -->
         <ul class="sp-groups">
           <li v-for="g in groups" :key="g.key" class="sp-group">
-            <button
-              type="button"
-              class="sp-group-head"
-              :aria-expanded="!collapsed.has(g.key)"
-              @click="toggleGroup(g.key)"
-            >
-              <q-icon
-                :name="collapsed.has(g.key) ? 'chevron_right' : 'expand_more'"
-                size="16px"
-                class="sp-group-caret"
-                aria-hidden="true"
-              />
+            <button type="button" class="sp-group-head" :aria-expanded="!collapsed.has(g.key)" @click="toggleGroup(g.key)">
+              <q-icon :name="collapsed.has(g.key) ? 'chevron_right' : 'expand_more'" size="16px" class="sp-group-caret" aria-hidden="true" />
               <q-icon name="folder" size="16px" class="sp-group-icon" aria-hidden="true" />
               <!-- Le nom du projet, rien d'autre. Le chemin est disponible d'un
                    clic dans l'en-tête du flux, là où il sert (on le colle) ; ici
@@ -82,16 +66,11 @@
                 qu'il se passe quelque chose ici, le nombre dit combien de
                 sessions, et le détail est juste en dessous.
               -->
-              <span
-                v-if="g.live"
-                class="status-dot status-dot--live status-dot--pulse sp-group-dot"
-                aria-hidden="true"
-              />
+              <span v-if="g.live" class="status-dot status-dot--live status-dot--pulse sp-group-dot" aria-hidden="true" />
               <span class="sp-count font-mono">
                 {{ g.sessions.length }}
                 <span class="sr-only">
-                  {{ t('pages.sessions.groupCount', g.sessions.length)
-                  }}{{ g.live ? t('pages.sessions.groupLive', { n: g.live }) : '' }}
+                  {{ t('pages.sessions.groupCount', g.sessions.length) }}{{ g.live ? t('pages.sessions.groupLive', { n: g.live }) : '' }}
                 </span>
               </span>
             </button>
@@ -126,12 +105,7 @@
       </nav>
 
       <!-- ── Détail : stream de la session sélectionnée ──────────────────── -->
-      <section
-        ref="scrollEl"
-        class="sp-stream"
-        :aria-label="t('pages.sessions.stream')"
-        @scroll="onScroll"
-      >
+      <section ref="scrollEl" class="sp-stream" :aria-label="t('pages.sessions.stream')" @scroll="onScroll">
         <div v-if="!selected" class="sp-state">
           <q-icon name="ads_click" size="28px" aria-hidden="true" />
           <p>{{ t('pages.sessions.pick') }}</p>
@@ -156,9 +130,7 @@
                 <span v-if="data?.title" class="sp-stream-handle font-mono">
                   {{ sessionLabel(selected) }}
                 </span>
-                <span class="sp-badge font-mono" :class="`sp-badge--${streamState}`">{{
-                  badgeLabel
-                }}</span>
+                <span class="sp-badge font-mono" :class="`sp-badge--${streamState}`">{{ badgeLabel }}</span>
                 <!-- Le chemin complet ne s'écrit plus dans l'en-tête : sa longueur
                    variait d'une session à l'autre et poussait les réglages à
                    droite d'une place différente à chaque sélection. Le projet est
@@ -188,13 +160,7 @@
                 class="sp-toggle"
                 @update:model-value="onFollowToggle"
               />
-              <q-toggle
-                v-model="followLive"
-                dense
-                size="sm"
-                :label="t('pages.sessions.followLive')"
-                class="sp-toggle"
-              />
+              <q-toggle v-model="followLive" dense size="sm" :label="t('pages.sessions.followLive')" class="sp-toggle" />
               <!-- Même présentation que la page Replay : le bouton vit dans l'en-tête
                  des contrôles, pas dans une barre concurrente au sticky du haut. -->
               <!-- Le tiroir ne sert plus que faute de place : au-delà du seuil,
@@ -219,26 +185,16 @@
             un sidecar peut ne pas porter le drapeau, et une barre à une seule
             entrée annoncerait un choix qui n'existe pas.
           -->
-            <AgentTrackBar
-              v-if="data?.subagents.length"
-              v-model="track"
-              :runs="data.subagents"
-              :main-count="mainEventCount"
-            />
+            <AgentTrackBar v-if="data?.subagents.length" v-model="track" :runs="data.subagents" :main-count="mainEventCount" />
 
             <!-- Demande d'autorisation en attente -->
             <div v-if="isWaiting" class="sp-perm" role="status">
               <div class="sp-perm-top">
                 <q-icon name="pending_actions" size="18px" aria-hidden="true" />
                 <span class="sp-perm-title">{{ t('pages.sessions.permission.title') }}</span>
-                <span v-if="pendingTool" class="sp-perm-tool font-mono">{{
-                  pendingTool.name
-                }}</span>
+                <span v-if="pendingTool" class="sp-perm-tool font-mono">{{ pendingTool.name }}</span>
               </div>
-              <pre
-                v-if="pendingCmd"
-                class="sp-perm-cmd font-mono"
-              ><code>{{ pendingCmd }}</code></pre>
+              <pre v-if="pendingCmd" class="sp-perm-cmd font-mono"><code>{{ pendingCmd }}</code></pre>
               <p v-else class="sp-perm-generic">
                 {{ t('pages.sessions.permission.generic') }}
               </p>
@@ -314,12 +270,7 @@
 
           <!-- Sous le fil, et dans le conteneur qui défile : ce qui se passe
                pendant que rien n'arrive se lit là où l'on attend la suite. -->
-          <LiveTurnLine
-            :active="turnRunning"
-            :since="lastEventAt"
-            :tool="unresolvedTool?.name"
-            class="sp-live"
-          />
+          <LiveTurnLine :active="turnRunning" :since="lastEventAt" :tool="unresolvedTool?.name" class="sp-live" />
         </template>
       </section>
 
@@ -392,11 +343,7 @@
               <!-- `live` : ouvre sur la vue par tour, du plus récent au plus
                    ancien. Devant un direct, le dernier tour est ce qu'on
                    cherche ; le bilan par catégorie reste à un clic. -->
-              <ContextPanel
-                :context="data.context"
-                live
-                @navigate="(u: string) => void goToTurn(u)"
-              />
+              <ContextPanel :context="data.context" live @navigate="(u: string) => void goToTurn(u)" />
             </q-tab-panel>
 
             <q-tab-panel name="resources">
@@ -418,12 +365,7 @@
 
     <!-- La lecture d'une ressource, en grand : le panneau fait 376 px, de quoi
          parcourir un arbre, pas de quoi lire un CLAUDE.md. -->
-    <ResourceDialog
-      :slug="selected?.slug ?? ''"
-      :resource="openResource"
-      :source="openSource"
-      @close="openResource = null"
-    />
+    <ResourceDialog :slug="selected?.slug ?? ''" :resource="openResource" :source="openSource" @close="openResource = null" />
 
     <!-- Pré-autorisation : édition de la règle avant l'écriture -->
     <q-dialog v-model="allowDialog">
@@ -471,1344 +413,1314 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, onMounted, onUnmounted, provide, watch, nextTick } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-import { copyToClipboard } from 'quasar';
-import { getSessions, type SessionInfo } from '@/services/system';
-import {
-  readTranscript,
-  type ParsedTranscript,
-  type Block,
-  type ResourceNode,
-} from '@/services/projects';
-import {
-  readFile as readClaudeFile,
-  propose as proposeWrite,
-  type Proposal,
-} from '@/services/claude';
-import { onClaudeChange } from '@/services/events';
-import {
-  eventsOfTrack,
-  trackOfEvent,
-  trackTabId,
-  MAIN_TRACK,
-  type TrackId,
-} from '@/composables/useAgentTracks';
-import TranscriptTimeline from '@/components/replay/TranscriptTimeline.vue';
-import LiveTurnLine from '@/components/replay/LiveTurnLine.vue';
-import AgentTrackBar from '@/components/replay/AgentTrackBar.vue';
-import ContextDrawer from '@/components/replay/ContextDrawer.vue';
-import ContextPanel from '@/components/replay/ContextPanel.vue';
-import TaskPanel from '@/components/replay/TaskPanel.vue';
-import { trackTasks, taskIndex, TASK_INDEX } from '@/components/replay/taskList';
-import { indexRuns, AGENT_RUNS, OPEN_TRACK } from '@/components/replay/agentRuns';
-import { TRANSCRIPT_SOURCE } from '@/components/replay/transcriptSource';
-import ProjectResourcesPanel from '@/components/resources/ProjectResourcesPanel.vue';
-import ResourceDialog from '@/components/resources/ResourceDialog.vue';
-import type { ResourceSource } from '@/components/resources/projectResources';
-import ConfirmDiffDialog from '@/components/ConfirmDiffDialog.vue';
-import EmptyState from '@/components/ui/EmptyState.vue';
-import { useNotify } from '@/composables/useNotify';
-import { useI18n } from 'vue-i18n';
-
-const { notifyDone, notifyWarn } = useNotify();
-const SETTINGS_PATH = 'settings.json';
-
-// Le serveur pousse les changements de ~/.claude (voir services/events). Son
-// watcher est au mieux fiable : les événements peuvent être fusionnés ou perdus.
-// Ce filet lent rattrape ces trous — et le cas où le flux SSE est indisponible —
-// sans revenir au polling de 2 s d'avant.
-const FALLBACK_POLL_MS = 30_000;
-
-const { t } = useI18n();
-
-const route = useRoute();
-const router = useRouter();
-
-const sessions = ref<SessionInfo[]>([]);
-const loaded = ref(false);
-const loadingList = ref(false);
-
-const selectedId = ref<string>('');
-const data = ref<ParsedTranscript | null>(null);
-const firstLoad = ref(false);
-const error = ref('');
-
-/**
- * Suivre le bas du flux, ou pas. Un seul état, et il dit la vérité.
- *
- * Il y en avait deux : ce réglage, et un `nearBottom` déduit de la position du
- * défilement. La condition était `autoScroll && nearBottom`, si bien que remonter
- * lire un message rendait le réglage inerte — il continuait d'afficher « activé »
- * pendant que la page ne suivait plus, et le rallumer ne ramenait pas en bas.
- *
- * Remonter, c'est cesser de suivre ; redescendre au bas, c'est se remettre à
- * suivre. Le réglage montre cet état et permet de le forcer.
- */
-const autoScroll = ref(true);
-
-/**
- * Suivre le direct : le tour en cours déplie ses outils et son raisonnement, les
- * tours passés rendent les leurs au repli. Distinct de l'auto-défilement — on
- * peut vouloir voir le détail sans que la vue coure après la fin, et l'inverse.
- * Actif par défaut : sur une session en cours, ce qui se passe est justement
- * dans ces replis.
- */
-const followLive = ref(true);
-const scrollEl = ref<HTMLElement | null>(null);
-// Seule la méthode exposée nous intéresse ; `InstanceType` se résoudrait en `any`.
-const timeline = ref<{ scrollToEvent: (uuid: string) => Promise<boolean> } | null>(null);
-
-/** À moins de ça du bas, on considère que le lecteur veut suivre la suite. */
-const FOLLOW_THRESHOLD_PX = 80;
-
-let fallbackTimer: ReturnType<typeof setInterval> | null = null;
-let unsubscribe: (() => void) | null = null;
-/** Empreinte du transcript affiché, pour ne pas le remplacer par son sosie. */
-let etag = '';
-
-const selected = computed(
-  () => sessions.value.find((s) => s.sessionId === selectedId.value) ?? null,
-);
-
-/**
- * La piste demandée : `''` pour le fil principal, sinon un `agentId`.
- *
- * Brute, non résolue : l'URL peut nommer une piste avant que le transcript qui
- * la contient soit arrivé. `track` fait le tri une fois les runs connus, et
- * retombe sur le fil principal pour un identifiant qui n'existe pas — un lien
- * partagé vers une session ne doit pas ouvrir sur un flux vide.
- */
-const wantedTrack = ref<TrackId>(MAIN_TRACK);
-
-const track = computed<TrackId>({
-  get: () =>
-    data.value?.subagents.some((r) => r.agentId === wantedTrack.value)
-      ? wantedTrack.value
-      : MAIN_TRACK,
-  set: (v) => {
-    wantedTrack.value = v;
-  },
-});
-
-/**
- * Le flux affiché : celui de la piste choisie, et lui seul.
- *
- * Filtré ici plutôt que dans `useTranscriptTurns`, qui est partagé avec la page
- * Replay — là-bas les sous-agents doivent rester en ligne dans le fil, et une
- * notion propre à cette page n'a rien à faire dans un pli commun. Ici l'effet
- * est nul par construction : les autres lecteurs du transcript (`tasks`,
- * `pendingTool`) passent par `data.value?.events`, et le contexte est calculé
- * côté serveur hors sous-agents.
- */
-const events = computed(() => eventsOfTrack(data.value?.events ?? [], track.value));
-
-/** Où se trouve chaque événement — pour sauter à un tour d'une autre piste. */
-const trackByUuid = computed(() => trackOfEvent(data.value?.events ?? []));
-
-/** Ce qui reste au fil principal une fois les agents sortis, pour son onglet. */
-const mainEventCount = computed(() => data.value?.events.filter((e) => !e.agentId).length ?? 0);
-
-/** Le run affiché, quand ce n'est pas le fil principal. */
-const currentRun = computed(
-  () => data.value?.subagents.find((r) => r.agentId === track.value) ?? null,
-);
-
-/**
- * La piste affichée peut-elle encore grandir ?
- *
- * Le fil principal, oui, tant que la session vit ; un run, seulement tant que
- * rien n'atteste sa fin. C'est ce qui décide du défilement à l'arrivée et du
- * dépliage du dernier tour : suivre le direct d'un run terminé n'aurait aucun
- * sens.
- */
-const trackIsLive = computed(() => {
-  const run = currentRun.value;
-  return !run || run.status === 'running' || run.status === 'unknown';
-});
-
-// Which transcript the timeline shows, for the tool calls that need to fetch a
-// spilled output. `null` while no session is selected — the panes degrade to the
-// preview the transcript carries.
-provide(
-  TRANSCRIPT_SOURCE,
-  computed(() => {
-    const s = selected.value;
-    return s?.slug && s.sessionId ? { slug: s.slug, sessionId: s.sessionId } : null;
-  }),
-);
-
-/**
- * Ce que la carte d'un appel `Agent` peut dire du run qu'elle a lancé.
- *
- * Elle est montée au fond de la timeline, à quatre étages d'ici : on fournit
- * plutôt que de faire descendre une prop de composant en composant. La liste est
- * indexée sur l'appel, seule clé que la carte connaisse d'elle-même.
- */
-provide(
-  AGENT_RUNS,
-  computed(() => indexRuns(data.value?.events ?? [], data.value?.subagents ?? [])),
-);
-
-/** Depuis la carte d'un appel, sauter dans la piste de son agent. */
-provide(OPEN_TRACK, (agentId: string) => {
-  track.value = agentId;
-});
-
-const streamState = computed<'live' | 'wait' | 'idle'>(() => {
-  const s = selected.value?.status;
-  if (s === 'busy') return 'live';
-  if (s === 'waiting') return 'wait';
-  return 'idle';
-});
-const badgeLabel = computed(() => t(`pages.sessions.badge.${streamState.value}`));
-
-/**
- * Classes du point d'état : vert respirant (busy), ambre respirant (waiting),
- * gris fixe (idle).
- *
- * `--live` porte l'animation, la classe de couleur porte la teinte. Les deux
- * états animés le sont pour des raisons différentes : `busy` travaille, et
- * `waiting` réclame une action — laisser ce dernier figé serait le pire cas,
- * puisque c'est le seul qui attend quelque chose de toi.
- */
-function dotClasses(s: SessionInfo): Record<string, boolean> {
-  return {
-    'status-dot--pulse': s.status === 'busy',
-    'sp-dot-wait': s.status === 'waiting',
-    'status-dot--live': s.status === 'busy' || s.status === 'waiting',
-  };
-}
-function sessionLabel(s: SessionInfo): string {
-  return s.name || s.sessionId.slice(0, 8) || t('pages.sessions.fallbackName');
-}
-
-/**
- * Le même nom, sans la queue d'identifiant.
- *
- * Claude Code nomme ses sessions `<projet>-<début d'identifiant>`. Dans une
- * colonne déjà rangée par projet, ce suffixe est du bruit hexadécimal qui pousse
- * le nom utile hors du cadre. On ne le coupe que s'il en reste quelque chose :
- * une session qui n'a que son identifiant pour nom garde son identifiant.
- */
-function shortLabel(s: SessionInfo): string {
-  const full = sessionLabel(s);
-  const cut = full.replace(/[-_][0-9a-f]{6,}$/i, '');
-  return cut || full;
-}
-
-/**
- * Trois colonnes, ou deux et un tiroir.
- *
- * Le rejeu peut se permettre sa colonne de contexte en permanence : il n'a rien
- * à gauche. Ici la liste des sessions occupe déjà 300 px, et sous cette largeur
- * la conversation tomberait à moins de 600 px — des sorties d'outil illisibles.
- * Le tiroir reste donc le repli, pas un vestige : c'est la bonne réponse quand
- * la place manque.
- *
- * Le seuil est celui du rejeu (1 280 px), pour que les deux écrans changent de
- * forme au même endroit.
- *
- * `matchMedia` plutôt que `$q.screen.width` : ce dernier vaut zéro tant qu'aucun
- * redimensionnement n'a eu lieu, si bien qu'un écran large ouvert directement sur
- * cette page se voyait servir le tiroir. Ici la valeur est juste dès le montage,
- * et l'écouteur suit les redimensionnements sans rechargement.
- */
-const CONTEXT_COLUMN_MIN_WIDTH = 1280;
-const contextColumn = ref(false);
-let wideQuery: MediaQueryList | null = null;
-
-function onWideChange(e: MediaQueryListEvent | MediaQueryList): void {
-  contextColumn.value = e.matches;
-}
-
-/**
- * La colonne n'est là que quand elle a quelque chose à dire.
- *
- * Sans transcript — aucune session choisie, ou introuvable — la garder ouverte
- * laisserait une colonne vide de 380 px prise sur la conversation. La classe de
- * grille suit la même condition, sinon la piste resterait réservée pour rien.
- */
-const showContext = computed(() =>
-  Boolean(contextColumn.value && selected.value?.slug && data.value),
-);
-
-/**
- * Le plan de travail rejoué depuis les appels `TaskCreate` / `TaskUpdate`.
- *
- * Recalculé à chaque relecture du transcript — c'est-à-dire à chaque fois que le
- * watcher signale une ligne de plus — donc le panneau suit le direct sans rien
- * demander de plus au serveur. Le parcours est linéaire sur des événements déjà
- * en mémoire.
- */
-const tasks = computed(() => trackTasks(data.value?.events ?? []));
-
-// Le sujet de chaque tâche, pour les jalons du flux : un `TaskUpdate` ne porte
-// qu'un numéro, et « #3 » n'apprend rien à qui lit.
-provide(
-  TASK_INDEX,
-  computed(() => taskIndex(tasks.value)),
-);
-
-/**
- * La vue tenue par la carte du bas — le contexte, ou l'inventaire du projet.
- *
- * Elle ouvre sur le contexte : c'est ce qui bouge pendant qu'on regarde, alors
- * que les ressources ne changent qu'à l'édition d'un fichier.
- */
-const asideTab = ref<'context' | 'resources'>('context');
-
-/** La ressource lue dans le dialogue ; `null` le referme. */
-const openResource = ref<ResourceNode | null>(null);
-const openSource = ref<ResourceSource>('resource');
-
-function openResourceNode(node: ResourceNode, source: ResourceSource): void {
-  openSource.value = source;
-  openResource.value = node;
-}
-
-// Changer de projet rend la ressource ouverte étrangère à ce qu'on regarde : le
-// dialogue lirait un fichier d'ailleurs, sous un arbre qui ne le contient plus.
-watch(
-  () => selected.value?.slug,
-  () => {
-    openResource.value = null;
-  },
-);
-
-/**
- * Fixe la hauteur de la page à « viewport moins l'en-tête ». Quasar passe
- * l'offset exact (hauteur mesurée du header, bordure comprise), ce qui évite
- * tout nombre magique et toute scrollbar fenêtre — le flux scrolle en interne.
- */
-function pageStyleFn(offset: number, height: number): Record<string, string> {
-  return { height: `${height - offset}px` };
-}
-
-// ── Demande de permission en attente ───────────────────────────────────────────
-// `waiting` = la session est bloquée sur un prompt d'autorisation (outil, accès
-// dossier…). On affiche toujours le bandeau dans ce cas ; on détaille l'action
-// seulement quand elle est identifiable dans le transcript.
-const isWaiting = computed(() => selected.value?.status === 'waiting');
-// Le dernier `tool_use` sans résultat = l'action demandée, si elle a déjà été
-// écrite au transcript (cas des permissions d'outil). Absent pour un accès
-// dossier, demandé avant tout appel d'outil.
-/**
- * Le dernier `tool_use` dont le résultat n'est pas encore écrit.
- *
- * Deux lectures d'un même fait, selon l'état de la session : sous `waiting`
- * c'est l'action qu'on vous demande d'autoriser, sinon c'est l'outil qui tourne
- * en ce moment.
- */
-const unresolvedTool = computed<Block | null>(() => {
-  const evs = data.value?.events ?? [];
-  for (let i = evs.length - 1; i >= 0; i--) {
-    const ev = evs[i]!;
-    if (ev.kind !== 'assistant') continue;
-    for (let j = ev.blocks.length - 1; j >= 0; j--) {
-      const b = ev.blocks[j]!;
-      if (b.kind === 'tool_use' && !b.result) return b;
+  import ConfirmDiffDialog from '@/components/ConfirmDiffDialog.vue'
+  import { indexRuns, AGENT_RUNS, OPEN_TRACK } from '@/components/replay/agentRuns'
+  import AgentTrackBar from '@/components/replay/AgentTrackBar.vue'
+  import ContextDrawer from '@/components/replay/ContextDrawer.vue'
+  import ContextPanel from '@/components/replay/ContextPanel.vue'
+  import LiveTurnLine from '@/components/replay/LiveTurnLine.vue'
+  import { trackTasks, taskIndex, TASK_INDEX } from '@/components/replay/taskList'
+  import TaskPanel from '@/components/replay/TaskPanel.vue'
+  import { TRANSCRIPT_SOURCE } from '@/components/replay/transcriptSource'
+  import TranscriptTimeline from '@/components/replay/TranscriptTimeline.vue'
+  import type { ResourceSource } from '@/components/resources/projectResources'
+  import ProjectResourcesPanel from '@/components/resources/ProjectResourcesPanel.vue'
+  import ResourceDialog from '@/components/resources/ResourceDialog.vue'
+  import EmptyState from '@/components/ui/EmptyState.vue'
+  import { eventsOfTrack, trackOfEvent, trackTabId, MAIN_TRACK, type TrackId } from '@/composables/useAgentTracks'
+  import { useNotify } from '@/composables/useNotify'
+  import { readFile as readClaudeFile, propose as proposeWrite, type Proposal } from '@/services/claude'
+  import { onClaudeChange } from '@/services/events'
+  import { readTranscript, type ParsedTranscript, type Block, type ResourceNode } from '@/services/projects'
+  import { getSessions, type SessionInfo } from '@/services/system'
+  import { copyToClipboard } from 'quasar'
+  import { ref, computed, onMounted, onUnmounted, provide, watch, nextTick } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import { useRoute, useRouter } from 'vue-router'
+
+  const { notifyDone, notifyWarn } = useNotify()
+  const SETTINGS_PATH = 'settings.json'
+
+  // Le serveur pousse les changements de ~/.claude (voir services/events). Son
+  // watcher est au mieux fiable : les événements peuvent être fusionnés ou perdus.
+  // Ce filet lent rattrape ces trous — et le cas où le flux SSE est indisponible —
+  // sans revenir au polling de 2 s d'avant.
+  const FALLBACK_POLL_MS = 30_000
+
+  const { t } = useI18n()
+
+  const route = useRoute()
+  const router = useRouter()
+
+  const sessions = ref<SessionInfo[]>([])
+  const loaded = ref(false)
+  const loadingList = ref(false)
+
+  const selectedId = ref<string>('')
+  const data = ref<ParsedTranscript | null>(null)
+  const firstLoad = ref(false)
+  const error = ref('')
+
+  /**
+   * Suivre le bas du flux, ou pas. Un seul état, et il dit la vérité.
+   *
+   * Il y en avait deux : ce réglage, et un `nearBottom` déduit de la position du
+   * défilement. La condition était `autoScroll && nearBottom`, si bien que remonter
+   * lire un message rendait le réglage inerte — il continuait d'afficher « activé »
+   * pendant que la page ne suivait plus, et le rallumer ne ramenait pas en bas.
+   *
+   * Remonter, c'est cesser de suivre ; redescendre au bas, c'est se remettre à
+   * suivre. Le réglage montre cet état et permet de le forcer.
+   */
+  const autoScroll = ref(true)
+
+  /**
+   * Suivre le direct : le tour en cours déplie ses outils et son raisonnement, les
+   * tours passés rendent les leurs au repli. Distinct de l'auto-défilement — on
+   * peut vouloir voir le détail sans que la vue coure après la fin, et l'inverse.
+   * Actif par défaut : sur une session en cours, ce qui se passe est justement
+   * dans ces replis.
+   */
+  const followLive = ref(true)
+  const scrollEl = ref<HTMLElement | null>(null)
+  // Seule la méthode exposée nous intéresse ; `InstanceType` se résoudrait en `any`.
+  const timeline = ref<{ scrollToEvent: (uuid: string) => Promise<boolean> } | null>(null)
+
+  /** À moins de ça du bas, on considère que le lecteur veut suivre la suite. */
+  const FOLLOW_THRESHOLD_PX = 80
+
+  let fallbackTimer: ReturnType<typeof setInterval> | null = null
+  let unsubscribe: (() => void) | null = null
+  /** Empreinte du transcript affiché, pour ne pas le remplacer par son sosie. */
+  let etag = ''
+
+  const selected = computed(() => sessions.value.find((s) => s.sessionId === selectedId.value) ?? null)
+
+  /**
+   * La piste demandée : `''` pour le fil principal, sinon un `agentId`.
+   *
+   * Brute, non résolue : l'URL peut nommer une piste avant que le transcript qui
+   * la contient soit arrivé. `track` fait le tri une fois les runs connus, et
+   * retombe sur le fil principal pour un identifiant qui n'existe pas — un lien
+   * partagé vers une session ne doit pas ouvrir sur un flux vide.
+   */
+  const wantedTrack = ref<TrackId>(MAIN_TRACK)
+
+  const track = computed<TrackId>({
+    get: () => (data.value?.subagents.some((r) => r.agentId === wantedTrack.value) ? wantedTrack.value : MAIN_TRACK),
+    set: (v) => {
+      wantedTrack.value = v
+    },
+  })
+
+  /**
+   * Le flux affiché : celui de la piste choisie, et lui seul.
+   *
+   * Filtré ici plutôt que dans `useTranscriptTurns`, qui est partagé avec la page
+   * Replay — là-bas les sous-agents doivent rester en ligne dans le fil, et une
+   * notion propre à cette page n'a rien à faire dans un pli commun. Ici l'effet
+   * est nul par construction : les autres lecteurs du transcript (`tasks`,
+   * `pendingTool`) passent par `data.value?.events`, et le contexte est calculé
+   * côté serveur hors sous-agents.
+   */
+  const events = computed(() => eventsOfTrack(data.value?.events ?? [], track.value))
+
+  /** Où se trouve chaque événement — pour sauter à un tour d'une autre piste. */
+  const trackByUuid = computed(() => trackOfEvent(data.value?.events ?? []))
+
+  /** Ce qui reste au fil principal une fois les agents sortis, pour son onglet. */
+  const mainEventCount = computed(() => data.value?.events.filter((e) => !e.agentId).length ?? 0)
+
+  /** Le run affiché, quand ce n'est pas le fil principal. */
+  const currentRun = computed(() => data.value?.subagents.find((r) => r.agentId === track.value) ?? null)
+
+  /**
+   * La piste affichée peut-elle encore grandir ?
+   *
+   * Le fil principal, oui, tant que la session vit ; un run, seulement tant que
+   * rien n'atteste sa fin. C'est ce qui décide du défilement à l'arrivée et du
+   * dépliage du dernier tour : suivre le direct d'un run terminé n'aurait aucun
+   * sens.
+   */
+  const trackIsLive = computed(() => {
+    const run = currentRun.value
+    return !run || run.status === 'running' || run.status === 'unknown'
+  })
+
+  // Which transcript the timeline shows, for the tool calls that need to fetch a
+  // spilled output. `null` while no session is selected — the panes degrade to the
+  // preview the transcript carries.
+  provide(
+    TRANSCRIPT_SOURCE,
+    computed(() => {
+      const s = selected.value
+      return s?.slug && s.sessionId ? { slug: s.slug, sessionId: s.sessionId } : null
+    }),
+  )
+
+  /**
+   * Ce que la carte d'un appel `Agent` peut dire du run qu'elle a lancé.
+   *
+   * Elle est montée au fond de la timeline, à quatre étages d'ici : on fournit
+   * plutôt que de faire descendre une prop de composant en composant. La liste est
+   * indexée sur l'appel, seule clé que la carte connaisse d'elle-même.
+   */
+  provide(
+    AGENT_RUNS,
+    computed(() => indexRuns(data.value?.events ?? [], data.value?.subagents ?? [])),
+  )
+
+  /** Depuis la carte d'un appel, sauter dans la piste de son agent. */
+  provide(OPEN_TRACK, (agentId: string) => {
+    track.value = agentId
+  })
+
+  const streamState = computed<'live' | 'wait' | 'idle'>(() => {
+    const s = selected.value?.status
+    if (s === 'busy') return 'live'
+    if (s === 'waiting') return 'wait'
+    return 'idle'
+  })
+  const badgeLabel = computed(() => t(`pages.sessions.badge.${streamState.value}`))
+
+  /**
+   * Classes du point d'état : vert respirant (busy), ambre respirant (waiting),
+   * gris fixe (idle).
+   *
+   * `--live` porte l'animation, la classe de couleur porte la teinte. Les deux
+   * états animés le sont pour des raisons différentes : `busy` travaille, et
+   * `waiting` réclame une action — laisser ce dernier figé serait le pire cas,
+   * puisque c'est le seul qui attend quelque chose de toi.
+   */
+  function dotClasses(s: SessionInfo): Record<string, boolean> {
+    return {
+      'status-dot--pulse': s.status === 'busy',
+      'sp-dot-wait': s.status === 'waiting',
+      'status-dot--live': s.status === 'busy' || s.status === 'waiting',
     }
   }
-  return null;
-});
-const pendingTool = computed<Block | null>(() => (isWaiting.value ? unresolvedTool.value : null));
-
-/**
- * La session produit-elle quelque chose ?
- *
- * Le statut du CLI est le seul signal qui sépare « en train de travailler » de
- * « vous attend » : le transcript, lui, se tait dans les deux cas. Mesuré, il
- * passe par `idle` au repos, `busy` en tour, `shell` pendant une commande, et il
- * bascule à l'instant même. Tout ce qui n'est ni le repos ni une demande
- * d'autorisation — qui a son propre bandeau — veut dire qu'il se passe quelque
- * chose, y compris un état qu'on ne connaîtrait pas encore.
- */
-const turnRunning = computed(() => {
-  const s = selected.value?.status;
-  return !!s && s !== 'idle' && s !== 'waiting';
-});
-
-/**
- * L'instant du dernier événement reçu, sous-agents compris.
- *
- * Le maximum et non le dernier du tableau : les tours d'un sous-agent sont
- * insérés à l'endroit où il a été lancé, donc au milieu du flux. Sur une session
- * qui explore, ce sont eux les plus récents.
- */
-const lastEventAt = computed<number | null>(() => {
-  const evs = data.value?.events;
-  if (!evs?.length) return null;
-  let last = 0;
-  for (const e of evs) if (e.timestamp > last) last = e.timestamp;
-  return last || null;
-});
-const pendingCmd = computed(() => {
-  const inp = pendingTool.value?.input as Record<string, unknown> | undefined;
-  const v = inp?.command ?? inp?.file_path ?? inp?.path ?? inp?.url;
-  return typeof v === 'string' ? v : '';
-});
-/** Chemin Windows lisible (antislashs). */
-function winPath(cwd: string): string {
-  return cwd ? cwd.replace(/\//g, '\\') : '';
-}
-
-/**
- * Copier le chemin du projet, en présentation Windows.
- *
- * C'est ce qu'on colle dans l'explorateur ou dans un terminal : les antislashs
- * sont donc ce qu'il faut, pas la forme interne à slashs.
- *
- * L'icône passe à la coche un instant en plus de la notification — la confirmer
- * là où le geste a eu lieu évite de chercher des yeux ce qui a réagi.
- */
-const copied = ref(false);
-let copiedTimer: ReturnType<typeof setTimeout> | null = null;
-
-async function copyCwd(cwd: string): Promise<void> {
-  const path = winPath(cwd);
-  if (!path) return;
-  try {
-    await copyToClipboard(path);
-    copied.value = true;
-    if (copiedTimer) clearTimeout(copiedTimer);
-    copiedTimer = setTimeout(() => (copied.value = false), 1600);
-    notifyDone(t('pages.sessions.pathCopied'), path);
-  } catch {
-    notifyWarn(t('pages.sessions.copyFailed'));
-  }
-}
-
-// ── Le parc, rangé par projet ────────────────────────────────────────────────
-//
-// La liste plate marchait tant qu'on avait deux sessions. Passé cinq, elle
-// devient une colonne de chemins presque identiques dont seule la fin diffère,
-// et retrouver « celle de tel projet » demande de lire chaque ligne. Le
-// regroupement remet le projet au premier plan et rend la répétition muette :
-// le chemin n'est plus écrit qu'une fois, en tête de groupe.
-
-/** Au-delà de tant de sessions, la colonne mérite un champ de filtre. */
-const FILTER_FROM = 5;
-
-const listFilter = ref('');
-/** Groupes repliés, par clé. Tout est déplié par défaut. */
-const collapsed = ref(new Set<string>());
-
-interface SessionGroup {
-  key: string;
-  /** Nom du projet — même dérivation que la liste des projets : le dernier segment. */
-  name: string;
-  /** Sessions en activité (busy ou en attente) : ce qui allume le point du groupe. */
-  live: number;
-  sessions: SessionInfo[];
-}
-
-/** Nom du projet à partir de son dossier de travail (dernier segment). */
-function projectName(cwd: string): string {
-  const clean = (cwd || '').replace(/[\\/]+$/, '');
-  const seg = clean.split(/[\\/]/).pop();
-  return seg || clean || t('pages.sessions.noProject');
-}
-
-/**
- * Les sessions rangées par projet, dans l'ordre où le serveur les donne.
- *
- * Cet ordre porte déjà une intention — les sessions actives en tête — et la
- * reprendre telle quelle fait remonter du même coup les projets qui travaillent.
- * Un tri par nom la remplacerait par un ordre stable mais aveugle.
- */
-const groups = computed<SessionGroup[]>(() => {
-  const q = listFilter.value?.trim().toLowerCase() ?? '';
-  const byKey = new Map<string, SessionGroup>();
-
-  for (const s of sessions.value) {
-    const name = projectName(s.cwd);
-    if (
-      q &&
-      !name.toLowerCase().includes(q) &&
-      !winPath(s.cwd).toLowerCase().includes(q) &&
-      !sessionLabel(s).toLowerCase().includes(q)
-    ) {
-      continue;
-    }
-    // La clé est le chemin, pas le slug : une session dont le transcript est
-    // introuvable a un slug vide, et toutes tomberaient dans le même groupe.
-    const key = s.cwd || s.slug || s.sessionId;
-    let g = byKey.get(key);
-    if (!g) {
-      g = { key, name, live: 0, sessions: [] };
-      byKey.set(key, g);
+  function sessionLabel(s: SessionInfo): string {
+    return s.name || s.sessionId.slice(0, 8) || t('pages.sessions.fallbackName')
+  }
+
+  /**
+   * Le même nom, sans la queue d'identifiant.
+   *
+   * Claude Code nomme ses sessions `<projet>-<début d'identifiant>`. Dans une
+   * colonne déjà rangée par projet, ce suffixe est du bruit hexadécimal qui pousse
+   * le nom utile hors du cadre. On ne le coupe que s'il en reste quelque chose :
+   * une session qui n'a que son identifiant pour nom garde son identifiant.
+   */
+  function shortLabel(s: SessionInfo): string {
+    const full = sessionLabel(s)
+    const cut = full.replace(/[-_][0-9a-f]{6,}$/i, '')
+    return cut || full
+  }
+
+  /**
+   * Trois colonnes, ou deux et un tiroir.
+   *
+   * Le rejeu peut se permettre sa colonne de contexte en permanence : il n'a rien
+   * à gauche. Ici la liste des sessions occupe déjà 300 px, et sous cette largeur
+   * la conversation tomberait à moins de 600 px — des sorties d'outil illisibles.
+   * Le tiroir reste donc le repli, pas un vestige : c'est la bonne réponse quand
+   * la place manque.
+   *
+   * Le seuil est celui du rejeu (1 280 px), pour que les deux écrans changent de
+   * forme au même endroit.
+   *
+   * `matchMedia` plutôt que `$q.screen.width` : ce dernier vaut zéro tant qu'aucun
+   * redimensionnement n'a eu lieu, si bien qu'un écran large ouvert directement sur
+   * cette page se voyait servir le tiroir. Ici la valeur est juste dès le montage,
+   * et l'écouteur suit les redimensionnements sans rechargement.
+   */
+  const CONTEXT_COLUMN_MIN_WIDTH = 1280
+  const contextColumn = ref(false)
+  let wideQuery: MediaQueryList | null = null
+
+  function onWideChange(e: MediaQueryListEvent | MediaQueryList): void {
+    contextColumn.value = e.matches
+  }
+
+  /**
+   * La colonne n'est là que quand elle a quelque chose à dire.
+   *
+   * Sans transcript — aucune session choisie, ou introuvable — la garder ouverte
+   * laisserait une colonne vide de 380 px prise sur la conversation. La classe de
+   * grille suit la même condition, sinon la piste resterait réservée pour rien.
+   */
+  const showContext = computed(() => Boolean(contextColumn.value && selected.value?.slug && data.value))
+
+  /**
+   * Le plan de travail rejoué depuis les appels `TaskCreate` / `TaskUpdate`.
+   *
+   * Recalculé à chaque relecture du transcript — c'est-à-dire à chaque fois que le
+   * watcher signale une ligne de plus — donc le panneau suit le direct sans rien
+   * demander de plus au serveur. Le parcours est linéaire sur des événements déjà
+   * en mémoire.
+   */
+  const tasks = computed(() => trackTasks(data.value?.events ?? []))
+
+  // Le sujet de chaque tâche, pour les jalons du flux : un `TaskUpdate` ne porte
+  // qu'un numéro, et « #3 » n'apprend rien à qui lit.
+  provide(
+    TASK_INDEX,
+    computed(() => taskIndex(tasks.value)),
+  )
+
+  /**
+   * La vue tenue par la carte du bas — le contexte, ou l'inventaire du projet.
+   *
+   * Elle ouvre sur le contexte : c'est ce qui bouge pendant qu'on regarde, alors
+   * que les ressources ne changent qu'à l'édition d'un fichier.
+   */
+  const asideTab = ref<'context' | 'resources'>('context')
+
+  /** La ressource lue dans le dialogue ; `null` le referme. */
+  const openResource = ref<ResourceNode | null>(null)
+  const openSource = ref<ResourceSource>('resource')
+
+  function openResourceNode(node: ResourceNode, source: ResourceSource): void {
+    openSource.value = source
+    openResource.value = node
+  }
+
+  // Changer de projet rend la ressource ouverte étrangère à ce qu'on regarde : le
+  // dialogue lirait un fichier d'ailleurs, sous un arbre qui ne le contient plus.
+  watch(
+    () => selected.value?.slug,
+    () => {
+      openResource.value = null
+    },
+  )
+
+  /**
+   * Fixe la hauteur de la page à « viewport moins l'en-tête ». Quasar passe
+   * l'offset exact (hauteur mesurée du header, bordure comprise), ce qui évite
+   * tout nombre magique et toute scrollbar fenêtre — le flux scrolle en interne.
+   */
+  function pageStyleFn(offset: number, height: number): Record<string, string> {
+    return { height: `${height - offset}px` }
+  }
+
+  // ── Demande de permission en attente ───────────────────────────────────────────
+  // `waiting` = la session est bloquée sur un prompt d'autorisation (outil, accès
+  // dossier…). On affiche toujours le bandeau dans ce cas ; on détaille l'action
+  // seulement quand elle est identifiable dans le transcript.
+  const isWaiting = computed(() => selected.value?.status === 'waiting')
+  // Le dernier `tool_use` sans résultat = l'action demandée, si elle a déjà été
+  // écrite au transcript (cas des permissions d'outil). Absent pour un accès
+  // dossier, demandé avant tout appel d'outil.
+  /**
+   * Le dernier `tool_use` dont le résultat n'est pas encore écrit.
+   *
+   * Deux lectures d'un même fait, selon l'état de la session : sous `waiting`
+   * c'est l'action qu'on vous demande d'autoriser, sinon c'est l'outil qui tourne
+   * en ce moment.
+   */
+  const unresolvedTool = computed<Block | null>(() => {
+    const evs = data.value?.events ?? []
+    for (let i = evs.length - 1; i >= 0; i--) {
+      const ev = evs[i]!
+      if (ev.kind !== 'assistant') continue
+      for (let j = ev.blocks.length - 1; j >= 0; j--) {
+        const b = ev.blocks[j]!
+        if (b.kind === 'tool_use' && !b.result) return b
+      }
     }
-    if (s.status === 'busy' || s.status === 'waiting') g.live++;
-    g.sessions.push(s);
-  }
-
-  return [...byKey.values()];
-});
-
-function toggleGroup(key: string): void {
-  // Une nouvelle `Set` plutôt qu'une mutation : `ref` ne suit pas un `add`.
-  const next = new Set(collapsed.value);
-  if (!next.delete(key)) next.add(key);
-  collapsed.value = next;
-}
-
-/**
- * Même garde que pour le transcript, pour la même raison.
- *
- * Le BFF notifie désormais chaque session séparément — trois sessions actives,
- * ce sont trois notifications en rafale pour une liste qui est un état unique.
- * Une seule lecture les couvre toutes ; les autres ne feraient que se doubler.
- */
-let loadingSessions = false;
-let sessionsQueued = false;
-
-async function loadSessions(): Promise<void> {
-  if (loadingSessions) {
-    sessionsQueued = true;
-    return;
-  }
-  loadingSessions = true;
-  try {
-    do {
-      sessionsQueued = false;
-      await loadSessionsOnce();
-    } while (sessionsQueued);
-  } finally {
-    loadingSessions = false;
-  }
-}
-
-async function loadSessionsOnce(): Promise<void> {
-  loadingList.value = true;
-  try {
-    const { sessions: list } = await getSessions();
-    sessions.value = list;
-    // Sélection retirée si la session a disparu ; sinon on préserve le choix.
-    if (selectedId.value && !list.some((s) => s.sessionId === selectedId.value)) {
-      selectedId.value = '';
+    return null
+  })
+  const pendingTool = computed<Block | null>(() => (isWaiting.value ? unresolvedTool.value : null))
+
+  /**
+   * La session produit-elle quelque chose ?
+   *
+   * Le statut du CLI est le seul signal qui sépare « en train de travailler » de
+   * « vous attend » : le transcript, lui, se tait dans les deux cas. Mesuré, il
+   * passe par `idle` au repos, `busy` en tour, `shell` pendant une commande, et il
+   * bascule à l'instant même. Tout ce qui n'est ni le repos ni une demande
+   * d'autorisation — qui a son propre bandeau — veut dire qu'il se passe quelque
+   * chose, y compris un état qu'on ne connaîtrait pas encore.
+   */
+  const turnRunning = computed(() => {
+    const s = selected.value?.status
+    return !!s && s !== 'idle' && s !== 'waiting'
+  })
+
+  /**
+   * L'instant du dernier événement reçu, sous-agents compris.
+   *
+   * Le maximum et non le dernier du tableau : les tours d'un sous-agent sont
+   * insérés à l'endroit où il a été lancé, donc au milieu du flux. Sur une session
+   * qui explore, ce sont eux les plus récents.
+   */
+  const lastEventAt = computed<number | null>(() => {
+    const evs = data.value?.events
+    if (!evs?.length) return null
+    let last = 0
+    for (const e of evs) if (e.timestamp > last) last = e.timestamp
+    return last || null
+  })
+  const pendingCmd = computed(() => {
+    const inp = pendingTool.value?.input as Record<string, unknown> | undefined
+    const v = inp?.command ?? inp?.file_path ?? inp?.path ?? inp?.url
+    return typeof v === 'string' ? v : ''
+  })
+  /** Chemin Windows lisible (antislashs). */
+  function winPath(cwd: string): string {
+    return cwd ? cwd.replace(/\//g, '\\') : ''
+  }
+
+  /**
+   * Copier le chemin du projet, en présentation Windows.
+   *
+   * C'est ce qu'on colle dans l'explorateur ou dans un terminal : les antislashs
+   * sont donc ce qu'il faut, pas la forme interne à slashs.
+   *
+   * L'icône passe à la coche un instant en plus de la notification — la confirmer
+   * là où le geste a eu lieu évite de chercher des yeux ce qui a réagi.
+   */
+  const copied = ref(false)
+  let copiedTimer: ReturnType<typeof setTimeout> | null = null
+
+  async function copyCwd(cwd: string): Promise<void> {
+    const path = winPath(cwd)
+    if (!path) return
+    try {
+      await copyToClipboard(path)
+      copied.value = true
+      if (copiedTimer) clearTimeout(copiedTimer)
+      copiedTimer = setTimeout(() => (copied.value = false), 1600)
+      notifyDone(t('pages.sessions.pathCopied'), path)
+    } catch {
+      notifyWarn(t('pages.sessions.copyFailed'))
     }
-    if (!selectedId.value && list.length) {
-      // Préselection : la session de l'URL, sinon la première (busy en tête).
-      const wanted = String(route.query.sel ?? '');
-      // La piste avant la session : le `watch(selectedId)` la remettrait à zéro,
-      // et un lien partagé vers la piste d'un agent ouvrirait sur le fil principal.
-      const agent = String(route.query.agent ?? '');
-      selectedId.value = list.find((s) => s.sessionId === wanted)?.sessionId ?? list[0]!.sessionId;
-      wantedTrack.value = agent;
+  }
+
+  // ── Le parc, rangé par projet ────────────────────────────────────────────────
+  //
+  // La liste plate marchait tant qu'on avait deux sessions. Passé cinq, elle
+  // devient une colonne de chemins presque identiques dont seule la fin diffère,
+  // et retrouver « celle de tel projet » demande de lire chaque ligne. Le
+  // regroupement remet le projet au premier plan et rend la répétition muette :
+  // le chemin n'est plus écrit qu'une fois, en tête de groupe.
+
+  /** Au-delà de tant de sessions, la colonne mérite un champ de filtre. */
+  const FILTER_FROM = 5
+
+  const listFilter = ref('')
+  /** Groupes repliés, par clé. Tout est déplié par défaut. */
+  const collapsed = ref(new Set<string>())
+
+  interface SessionGroup {
+    key: string
+    /** Nom du projet — même dérivation que la liste des projets : le dernier segment. */
+    name: string
+    /** Sessions en activité (busy ou en attente) : ce qui allume le point du groupe. */
+    live: number
+    sessions: SessionInfo[]
+  }
+
+  /** Nom du projet à partir de son dossier de travail (dernier segment). */
+  function projectName(cwd: string): string {
+    const clean = (cwd || '').replace(/[\\/]+$/, '')
+    const seg = clean.split(/[\\/]/).pop()
+    return seg || clean || t('pages.sessions.noProject')
+  }
+
+  /**
+   * Les sessions rangées par projet, dans l'ordre où le serveur les donne.
+   *
+   * Cet ordre porte déjà une intention — les sessions actives en tête — et la
+   * reprendre telle quelle fait remonter du même coup les projets qui travaillent.
+   * Un tri par nom la remplacerait par un ordre stable mais aveugle.
+   */
+  const groups = computed<SessionGroup[]>(() => {
+    const q = listFilter.value?.trim().toLowerCase() ?? ''
+    const byKey = new Map<string, SessionGroup>()
+
+    for (const s of sessions.value) {
+      const name = projectName(s.cwd)
+      if (q && !name.toLowerCase().includes(q) && !winPath(s.cwd).toLowerCase().includes(q) && !sessionLabel(s).toLowerCase().includes(q)) {
+        continue
+      }
+      // La clé est le chemin, pas le slug : une session dont le transcript est
+      // introuvable a un slug vide, et toutes tomberaient dans le même groupe.
+      const key = s.cwd || s.slug || s.sessionId
+      let g = byKey.get(key)
+      if (!g) {
+        g = { key, name, live: 0, sessions: [] }
+        byKey.set(key, g)
+      }
+      if (s.status === 'busy' || s.status === 'waiting') g.live++
+      g.sessions.push(s)
     }
-  } catch {
-    /* le point d'état de la barre système signale déjà une coupure BFF */
-  } finally {
-    loadingList.value = false;
-    loaded.value = true;
-  }
-}
-
-/**
- * Une lecture en vol, et au plus une en attente.
- *
- * Le BFF reparse le transcript entier à chaque appel. Sur une session vivante
- * les notifications arrivent plus vite que le parse ne rend la main : sans cette
- * garde, chaque notification lançait sa propre lecture complète, toutes
- * concurrentes, et les premières étaient déjà périmées en arrivant — on ajoutait
- * de la charge au serveur exactement quand il en avait le moins les moyens.
- *
- * Rien n'ordonnait non plus les réponses : une lecture lente arrivant après une
- * rapide réinstallait un état plus ancien *et* son empreinte, si bien que le
- * rafraîchissement suivant croyait voir un changement là où il n'y en avait pas.
- *
- * Une seule relance en attente suffit : le transcript n'est pas un journal
- * d'ordres, c'est un état. La dernière lecture porte tout ce que les
- * notifications ignorées annonçaient.
- */
-let reading = false;
-/** La relance en attente, s'il y en a une ; la valeur est son `showLoader`. */
-let queued: boolean | null = null;
-
-async function fetchTranscript(showLoader = false): Promise<void> {
-  if (reading) {
-    // Un `showLoader` demandé pendant l'attente ne se perd pas : il vient d'un
-    // geste — changement de session, bouton « Réessayer » — et cet écran-là doit
-    // montrer qu'il charge.
-    queued = (queued ?? false) || showLoader;
-    return;
-  }
-
-  reading = true;
-  try {
-    let loader = showLoader;
-    for (;;) {
-      await readTranscriptOnce(loader);
-      if (queued === null) return;
-      loader = queued;
-      queued = null;
+
+    return [...byKey.values()]
+  })
+
+  function toggleGroup(key: string): void {
+    // Une nouvelle `Set` plutôt qu'une mutation : `ref` ne suit pas un `add`.
+    const next = new Set(collapsed.value)
+    if (!next.delete(key)) next.add(key)
+    collapsed.value = next
+  }
+
+  /**
+   * Même garde que pour le transcript, pour la même raison.
+   *
+   * Le BFF notifie désormais chaque session séparément — trois sessions actives,
+   * ce sont trois notifications en rafale pour une liste qui est un état unique.
+   * Une seule lecture les couvre toutes ; les autres ne feraient que se doubler.
+   */
+  let loadingSessions = false
+  let sessionsQueued = false
+
+  async function loadSessions(): Promise<void> {
+    if (loadingSessions) {
+      sessionsQueued = true
+      return
     }
-  } finally {
-    reading = false;
-  }
-}
-
-async function readTranscriptOnce(showLoader: boolean): Promise<void> {
-  const s = selected.value;
-  if (!s || !s.slug || !s.sessionId) return;
-  if (showLoader) firstLoad.value = true;
-  try {
-    const read = await readTranscript(s.slug, s.sessionId);
-    // La session a pu changer pendant la requête → on ignore la réponse tardive.
-    if (s.sessionId !== selectedId.value) return;
-    error.value = '';
-    // Même empreinte : le fichier n'a pas bougé. Le poll de repli n'a alors aucune
-    // raison de faire reconstruire la timeline. Une empreinte vide n'affirme rien.
-    if (read.etag && read.etag === etag && data.value) return;
-    etag = read.etag;
-    data.value = read.transcript;
-    // Rendre le flux *avant* de coller au bas : tant que `firstLoad` est vrai,
-    // seule la silhouette de chargement occupe le conteneur, et la coller au bas
-    // ne fait rien — la timeline monte ensuite et pousse tout hors de vue. C'est
-    // ce qui laissait le stream en haut à l'arrivée, réglage allumé.
-    firstLoad.value = false;
-    if (autoScroll.value) await scrollToBottom();
-  } catch (e) {
-    // Sur un poll silencieux, ne pas écraser un flux déjà affiché par une
-    // erreur transitoire ; ne la montrer que si l'on n'a encore rien.
-    if (showLoader || !data.value)
-      error.value = e instanceof Error ? e.message : t('pages.sessions.error');
-  } finally {
-    firstLoad.value = false;
-  }
-}
-
-function select(id: string): void {
-  if (id === selectedId.value) return;
-  selectedId.value = id;
-}
-
-function onScroll(): void {
-  const el = scrollEl.value;
-  if (!el) return;
-  autoScroll.value = el.scrollHeight - el.scrollTop - el.clientHeight < FOLLOW_THRESHOLD_PX;
-}
-
-/**
- * Sauter au tour qu'un lien du panneau de contexte désigne, où qu'il soit.
- *
- * Le défilement qui s'ensuit fait passer `onScroll`, qui coupe l'auto-défilement
- * de lui-même — et c'est juste : sauter à un tour ancien, c'est cesser de suivre
- * la fin. Rien à forcer là-dessus.
- *
- * En revanche la cible peut ne pas être à l'écran : les liens du contexte et du
- * plan de travail visent tous le fil principal, et depuis la piste d'un agent
- * `scrollToEvent` rendrait `false` sans que rien ne bouge. On rebascule donc sur
- * la piste qui la contient avant de sauter — le lecteur a demandé cet endroit-là,
- * pas cette vue-là.
- */
-async function goToTurn(uuid: string): Promise<void> {
-  const target = trackByUuid.value.get(uuid);
-  if (target !== undefined && target !== track.value) {
-    track.value = target;
-    await nextTick();
-  }
-  await timeline.value?.scrollToEvent(uuid);
-}
-
-/**
- * L'utilisateur a manœuvré le réglage lui-même — `q-toggle` n'émet que dans ce
- * cas, jamais quand `onScroll` écrit la valeur. Rallumer le suivi, c'est demander
- * à revenir en bas tout de suite, sans attendre la prochaine ligne.
- */
-function onFollowToggle(follow: boolean): void {
-  if (follow) void scrollToBottom();
-}
-
-/**
- * Coller le flux au bas — et l'y garder pendant que le contenu grandit.
- *
- * Un `nextTick` ne suffit pas : la timeline monte à sa hauteur brute, puis
- * grandit encore pendant plusieurs images — le markdown se met en forme, la
- * coloration syntaxique s'applique, les captures arrivent, un diagramme se
- * dessine. Coller une seule fois laisse le flux à mi-hauteur, d'autant plus haut
- * que la session est riche.
- *
- * D'où l'observateur : tant que le suivi est demandé, chaque changement de
- * hauteur ramène au bas. Il ne peut pas contrarier le lecteur — remonter éteint
- * `autoScroll` via `onScroll`, et l'observateur se tait aussitôt.
- */
-let pinToBottom: ResizeObserver | null = null;
-
-async function scrollToBottom(): Promise<void> {
-  await nextTick();
-  const el = scrollEl.value;
-  if (!el) return;
-  el.scrollTop = el.scrollHeight;
-
-  pinToBottom?.disconnect();
-  // La timeline est remplacée à chaque changement de session : on ré-observe
-  // l'élément courant plutôt que d'en garder un qui n'est plus dans le document.
-  const content = el.querySelector('.sp-timeline');
-  if (!content) return;
-  pinToBottom = new ResizeObserver(() => {
-    // Une cible détachée mesure zéro : la suivre emporterait le flux en haut.
-    // C'est `timelineShown` qui reposera le collage sur le nœud suivant.
-    if (!content.isConnected) return;
-    if (autoScroll.value) el.scrollTop = el.scrollHeight;
-  });
-  pinToBottom.observe(content);
-}
-
-/**
- * Reposer le collage quand la timeline revient.
- *
- * Un rechargement affiché la démonte — `firstLoad` rend la silhouette à sa
- * place — et la remonte neuve ensuite. L'observateur, lui, tenait l'ancien
- * nœud : détaché, il ne mesure plus rien, et le nœud qui le remplace n'est pas
- * le sien. Le flux restait donc en haut, réglage allumé.
- *
- * Le cas ne demandait rien avant les phases parce qu'un second chargement
- * refaisait la pose au passage. Il ne la refait plus dès que l'empreinte du
- * fichier n'a pas bougé — un aller-retour sur une session inchangée sort par le
- * raccourci d'`etag`, sans jamais repasser par `scrollToBottom`.
- */
-const timelineShown = computed(() => !firstLoad.value && !error.value && events.value.length > 0);
-
-watch(timelineShown, (shown) => {
-  if (shown && autoScroll.value) void scrollToBottom();
-});
-
-// ── Pré-autorisation (écriture d'une règle allow dans settings.json) ────────────
-const allowDialog = ref(false);
-const ruleInput = ref('');
-const allowError = ref('');
-const preparing = ref(false);
-const proposal = ref<Proposal | null>(null);
-
-/** Motif de règle proposé à partir de l'action en attente (éditable ensuite). */
-function suggestRule(b: Block): string {
-  const name = b.name ?? 'Bash';
-  const inp = (b.input ?? {}) as Record<string, unknown>;
-  if (name === 'Bash' || name === 'PowerShell') {
-    const cmd = typeof inp.command === 'string' ? inp.command : '';
-    const tokens = cmd.trim().split(/\s+/).filter(Boolean);
-    const base: string[] = [];
-    for (const t of tokens.slice(0, 2)) {
-      if (t.startsWith('-')) break;
-      base.push(t);
+    loadingSessions = true
+    try {
+      do {
+        sessionsQueued = false
+        await loadSessionsOnce()
+      } while (sessionsQueued)
+    } finally {
+      loadingSessions = false
     }
-    const prefix = base.join(' ') || tokens[0] || '';
-    return prefix ? `${name}(${prefix}:*)` : name;
-  }
-  return name;
-}
-
-function openAllow(): void {
-  if (!pendingTool.value) return;
-  ruleInput.value = suggestRule(pendingTool.value);
-  allowError.value = '';
-  allowDialog.value = true;
-}
-
-async function previewAllow(): Promise<void> {
-  const rule = ruleInput.value.trim();
-  if (!rule) return;
-  preparing.value = true;
-  allowError.value = '';
-  try {
-    // On repart du contenu disque (absent → objet vide) pour un diff minimal.
-    let base: Record<string, unknown> = {};
+  }
+
+  async function loadSessionsOnce(): Promise<void> {
+    loadingList.value = true
     try {
-      const { content } = await readClaudeFile(SETTINGS_PATH);
-      const parsed: unknown = JSON.parse(content || '{}');
-      if (parsed && typeof parsed === 'object' && !Array.isArray(parsed)) {
-        base = parsed as Record<string, unknown>;
+      const { sessions: list } = await getSessions()
+      sessions.value = list
+      // Sélection retirée si la session a disparu ; sinon on préserve le choix.
+      if (selectedId.value && !list.some((s) => s.sessionId === selectedId.value)) {
+        selectedId.value = ''
+      }
+      if (!selectedId.value && list.length) {
+        // Préselection : la session de l'URL, sinon la première (busy en tête).
+        const wanted = String(route.query.sel ?? '')
+        // La piste avant la session : le `watch(selectedId)` la remettrait à zéro,
+        // et un lien partagé vers la piste d'un agent ouvrirait sur le fil principal.
+        const agent = String(route.query.agent ?? '')
+        selectedId.value = list.find((s) => s.sessionId === wanted)?.sessionId ?? list[0]!.sessionId
+        wantedTrack.value = agent
       }
     } catch {
-      /* settings.json absent ou illisible → nouvel objet */
+      /* le point d'état de la barre système signale déjà une coupure BFF */
+    } finally {
+      loadingList.value = false
+      loaded.value = true
     }
-    const perms =
-      base.permissions && typeof base.permissions === 'object' && !Array.isArray(base.permissions)
-        ? (base.permissions as Record<string, unknown>)
-        : {};
-    const allow = Array.isArray(perms.allow) ? [...(perms.allow as unknown[])] : [];
-    if (allow.includes(rule)) {
-      allowError.value = t('pages.sessions.allow.duplicate');
-      return;
+  }
+
+  /**
+   * Une lecture en vol, et au plus une en attente.
+   *
+   * Le BFF reparse le transcript entier à chaque appel. Sur une session vivante
+   * les notifications arrivent plus vite que le parse ne rend la main : sans cette
+   * garde, chaque notification lançait sa propre lecture complète, toutes
+   * concurrentes, et les premières étaient déjà périmées en arrivant — on ajoutait
+   * de la charge au serveur exactement quand il en avait le moins les moyens.
+   *
+   * Rien n'ordonnait non plus les réponses : une lecture lente arrivant après une
+   * rapide réinstallait un état plus ancien *et* son empreinte, si bien que le
+   * rafraîchissement suivant croyait voir un changement là où il n'y en avait pas.
+   *
+   * Une seule relance en attente suffit : le transcript n'est pas un journal
+   * d'ordres, c'est un état. La dernière lecture porte tout ce que les
+   * notifications ignorées annonçaient.
+   */
+  let reading = false
+  /** La relance en attente, s'il y en a une ; la valeur est son `showLoader`. */
+  let queued: boolean | null = null
+
+  async function fetchTranscript(showLoader = false): Promise<void> {
+    if (reading) {
+      // Un `showLoader` demandé pendant l'attente ne se perd pas : il vient d'un
+      // geste — changement de session, bouton « Réessayer » — et cet écran-là doit
+      // montrer qu'il charge.
+      queued = (queued ?? false) || showLoader
+      return
+    }
+
+    reading = true
+    try {
+      let loader = showLoader
+      for (;;) {
+        await readTranscriptOnce(loader)
+        if (queued === null) return
+        loader = queued
+        queued = null
+      }
+    } finally {
+      reading = false
+    }
+  }
+
+  async function readTranscriptOnce(showLoader: boolean): Promise<void> {
+    const s = selected.value
+    if (!s || !s.slug || !s.sessionId) return
+    if (showLoader) firstLoad.value = true
+    try {
+      const read = await readTranscript(s.slug, s.sessionId)
+      // La session a pu changer pendant la requête → on ignore la réponse tardive.
+      if (s.sessionId !== selectedId.value) return
+      error.value = ''
+      // Même empreinte : le fichier n'a pas bougé. Le poll de repli n'a alors aucune
+      // raison de faire reconstruire la timeline. Une empreinte vide n'affirme rien.
+      if (read.etag && read.etag === etag && data.value) return
+      etag = read.etag
+      data.value = read.transcript
+      // Rendre le flux *avant* de coller au bas : tant que `firstLoad` est vrai,
+      // seule la silhouette de chargement occupe le conteneur, et la coller au bas
+      // ne fait rien — la timeline monte ensuite et pousse tout hors de vue. C'est
+      // ce qui laissait le stream en haut à l'arrivée, réglage allumé.
+      firstLoad.value = false
+      if (autoScroll.value) await scrollToBottom()
+    } catch (e) {
+      // Sur un poll silencieux, ne pas écraser un flux déjà affiché par une
+      // erreur transitoire ; ne la montrer que si l'on n'a encore rien.
+      if (showLoader || !data.value) error.value = e instanceof Error ? e.message : t('pages.sessions.error')
+    } finally {
+      firstLoad.value = false
+    }
+  }
+
+  function select(id: string): void {
+    if (id === selectedId.value) return
+    selectedId.value = id
+  }
+
+  function onScroll(): void {
+    const el = scrollEl.value
+    if (!el) return
+    autoScroll.value = el.scrollHeight - el.scrollTop - el.clientHeight < FOLLOW_THRESHOLD_PX
+  }
+
+  /**
+   * Sauter au tour qu'un lien du panneau de contexte désigne, où qu'il soit.
+   *
+   * Le défilement qui s'ensuit fait passer `onScroll`, qui coupe l'auto-défilement
+   * de lui-même — et c'est juste : sauter à un tour ancien, c'est cesser de suivre
+   * la fin. Rien à forcer là-dessus.
+   *
+   * En revanche la cible peut ne pas être à l'écran : les liens du contexte et du
+   * plan de travail visent tous le fil principal, et depuis la piste d'un agent
+   * `scrollToEvent` rendrait `false` sans que rien ne bouge. On rebascule donc sur
+   * la piste qui la contient avant de sauter — le lecteur a demandé cet endroit-là,
+   * pas cette vue-là.
+   */
+  async function goToTurn(uuid: string): Promise<void> {
+    const target = trackByUuid.value.get(uuid)
+    if (target !== undefined && target !== track.value) {
+      track.value = target
+      await nextTick()
+    }
+    await timeline.value?.scrollToEvent(uuid)
+  }
+
+  /**
+   * L'utilisateur a manœuvré le réglage lui-même — `q-toggle` n'émet que dans ce
+   * cas, jamais quand `onScroll` écrit la valeur. Rallumer le suivi, c'est demander
+   * à revenir en bas tout de suite, sans attendre la prochaine ligne.
+   */
+  function onFollowToggle(follow: boolean): void {
+    if (follow) void scrollToBottom()
+  }
+
+  /**
+   * Coller le flux au bas — et l'y garder pendant que le contenu grandit.
+   *
+   * Un `nextTick` ne suffit pas : la timeline monte à sa hauteur brute, puis
+   * grandit encore pendant plusieurs images — le markdown se met en forme, la
+   * coloration syntaxique s'applique, les captures arrivent, un diagramme se
+   * dessine. Coller une seule fois laisse le flux à mi-hauteur, d'autant plus haut
+   * que la session est riche.
+   *
+   * D'où l'observateur : tant que le suivi est demandé, chaque changement de
+   * hauteur ramène au bas. Il ne peut pas contrarier le lecteur — remonter éteint
+   * `autoScroll` via `onScroll`, et l'observateur se tait aussitôt.
+   */
+  let pinToBottom: ResizeObserver | null = null
+
+  async function scrollToBottom(): Promise<void> {
+    await nextTick()
+    const el = scrollEl.value
+    if (!el) return
+    el.scrollTop = el.scrollHeight
+
+    pinToBottom?.disconnect()
+    // La timeline est remplacée à chaque changement de session : on ré-observe
+    // l'élément courant plutôt que d'en garder un qui n'est plus dans le document.
+    const content = el.querySelector('.sp-timeline')
+    if (!content) return
+    pinToBottom = new ResizeObserver(() => {
+      // Une cible détachée mesure zéro : la suivre emporterait le flux en haut.
+      // C'est `timelineShown` qui reposera le collage sur le nœud suivant.
+      if (!content.isConnected) return
+      if (autoScroll.value) el.scrollTop = el.scrollHeight
+    })
+    pinToBottom.observe(content)
+  }
+
+  /**
+   * Reposer le collage quand la timeline revient.
+   *
+   * Un rechargement affiché la démonte — `firstLoad` rend la silhouette à sa
+   * place — et la remonte neuve ensuite. L'observateur, lui, tenait l'ancien
+   * nœud : détaché, il ne mesure plus rien, et le nœud qui le remplace n'est pas
+   * le sien. Le flux restait donc en haut, réglage allumé.
+   *
+   * Le cas ne demandait rien avant les phases parce qu'un second chargement
+   * refaisait la pose au passage. Il ne la refait plus dès que l'empreinte du
+   * fichier n'a pas bougé — un aller-retour sur une session inchangée sort par le
+   * raccourci d'`etag`, sans jamais repasser par `scrollToBottom`.
+   */
+  const timelineShown = computed(() => !firstLoad.value && !error.value && events.value.length > 0)
+
+  watch(timelineShown, (shown) => {
+    if (shown && autoScroll.value) void scrollToBottom()
+  })
+
+  // ── Pré-autorisation (écriture d'une règle allow dans settings.json) ────────────
+  const allowDialog = ref(false)
+  const ruleInput = ref('')
+  const allowError = ref('')
+  const preparing = ref(false)
+  const proposal = ref<Proposal | null>(null)
+
+  /** Motif de règle proposé à partir de l'action en attente (éditable ensuite). */
+  function suggestRule(b: Block): string {
+    const name = b.name ?? 'Bash'
+    const inp = (b.input ?? {}) as Record<string, unknown>
+    if (name === 'Bash' || name === 'PowerShell') {
+      const cmd = typeof inp.command === 'string' ? inp.command : ''
+      const tokens = cmd.trim().split(/\s+/).filter(Boolean)
+      const base: string[] = []
+      for (const t of tokens.slice(0, 2)) {
+        if (t.startsWith('-')) break
+        base.push(t)
+      }
+      const prefix = base.join(' ') || tokens[0] || ''
+      return prefix ? `${name}(${prefix}:*)` : name
+    }
+    return name
+  }
+
+  function openAllow(): void {
+    if (!pendingTool.value) return
+    ruleInput.value = suggestRule(pendingTool.value)
+    allowError.value = ''
+    allowDialog.value = true
+  }
+
+  async function previewAllow(): Promise<void> {
+    const rule = ruleInput.value.trim()
+    if (!rule) return
+    preparing.value = true
+    allowError.value = ''
+    try {
+      // On repart du contenu disque (absent → objet vide) pour un diff minimal.
+      let base: Record<string, unknown> = {}
+      try {
+        const { content } = await readClaudeFile(SETTINGS_PATH)
+        const parsed: unknown = JSON.parse(content || '{}')
+        if (parsed && typeof parsed === 'object' && !Array.isArray(parsed)) {
+          base = parsed as Record<string, unknown>
+        }
+      } catch {
+        /* settings.json absent ou illisible → nouvel objet */
+      }
+      const perms =
+        base.permissions && typeof base.permissions === 'object' && !Array.isArray(base.permissions)
+          ? (base.permissions as Record<string, unknown>)
+          : {}
+      const allow = Array.isArray(perms.allow) ? [...(perms.allow as unknown[])] : []
+      if (allow.includes(rule)) {
+        allowError.value = t('pages.sessions.allow.duplicate')
+        return
+      }
+      allow.push(rule)
+      perms.allow = allow
+      base.permissions = perms
+      proposal.value = await proposeWrite(SETTINGS_PATH, JSON.stringify(base, null, 2) + '\n')
+      allowDialog.value = false
+    } catch (e) {
+      allowError.value = e instanceof Error ? e.message : t('common.proposeError')
+    } finally {
+      preparing.value = false
     }
-    allow.push(rule);
-    perms.allow = allow;
-    base.permissions = perms;
-    proposal.value = await proposeWrite(SETTINGS_PATH, JSON.stringify(base, null, 2) + '\n');
-    allowDialog.value = false;
-  } catch (e) {
-    allowError.value = e instanceof Error ? e.message : t('common.proposeError');
-  } finally {
-    preparing.value = false;
-  }
-}
-
-function onAllowApplied(): void {
-  proposal.value = null;
-  notifyDone(t('pages.sessions.allow.added'), t('pages.sessions.allow.addedNote'));
-}
-
-/**
- * Refléter la sélection dans l'URL, sans rien y perdre.
- *
- * Un seul écrivain pour deux paramètres : deux `watch` appelant `replace` chacun
- * de son côté partiraient du même `route.query` figé, et le dernier effacerait
- * l'écriture du premier — la session ou la piste, au hasard de l'ordre. On
- * repart donc de la query courante, ce qui laisse aussi survivre un paramètre
- * étranger.
- */
-function syncQuery(): void {
-  const q: Record<string, string> = {};
-  for (const [k, v] of Object.entries(route.query)) if (typeof v === 'string') q[k] = v;
-  if (selectedId.value) q.sel = selectedId.value;
-  else delete q.sel;
-  if (wantedTrack.value) q.agent = wantedTrack.value;
-  else delete q.agent;
-  void router.replace({ query: q });
-}
-
-watch([selectedId, wantedTrack], syncQuery);
-
-// Changement de session : on repart d'un flux vierge et on charge aussitôt le
-// transcript. L'URL suit par `syncQuery`.
-watch(selectedId, (id, previous) => {
-  data.value = null;
-  etag = '';
-  error.value = '';
-  // La piste d'une session n'a aucun sens dans la suivante — mais seulement s'il
-  // y avait une session avant. À la présélection il n'y a rien à oublier, et
-  // effacer ici écraserait la piste que l'URL vient de demander : les watchers
-  // s'exécutent après l'affectation qui les déclenche.
-  if (previous) wantedTrack.value = MAIN_TRACK;
-  // Ouvrir une session, c'est vouloir en voir la fin : on repart en suivant, même
-  // si l'on avait cessé de suivre celle d'avant en remontant dans son flux.
-  autoScroll.value = true;
-  // Un groupe replié ne doit pas cacher la session qu'on regarde — le cas se
-  // produit à la présélection au chargement, ou en revenant par l'URL.
-  const key = selected.value?.cwd;
-  if (key && collapsed.value.has(key)) toggleGroup(key);
-  if (id) void fetchTranscript(true);
-});
-
-/**
- * Changer de piste, c'est changer de sujet : la position d'avant ne désigne plus
- * rien, et la mémoriser ne vaudrait rien sur un flux qui grandit — le décalage
- * gardé serait faux dès la ligne suivante.
- *
- * On ouvre donc là où la piste a quelque chose à dire. Vivante, en bas : c'est
- * la suite qu'on attend, comme à l'ouverture d'une session. Terminée, en haut :
- * un run se lit du début — et l'auto-défilement est coupé *avant* le rendu, sans
- * quoi `pinToBottom` emporterait la vue au bas dès la nouvelle hauteur connue.
- */
-watch(track, async () => {
-  if (trackIsLive.value) {
-    autoScroll.value = true;
-    await scrollToBottom();
-    return;
-  }
-  autoScroll.value = false;
-  await nextTick();
-  if (scrollEl.value) scrollEl.value.scrollTop = 0;
-});
-
-onMounted(async () => {
-  wideQuery = window.matchMedia(`(min-width: ${CONTEXT_COLUMN_MIN_WIDTH}px)`);
-  onWideChange(wideQuery);
-  wideQuery.addEventListener('change', onWideChange);
-
-  await loadSessions();
-  if (selectedId.value) void fetchTranscript(true);
-
-  unsubscribe = onClaudeChange((ev) => {
-    if (ev.kind === 'sessions') {
-      void loadSessions();
-      return;
+  }
+
+  function onAllowApplied(): void {
+    proposal.value = null
+    notifyDone(t('pages.sessions.allow.added'), t('pages.sessions.allow.addedNote'))
+  }
+
+  /**
+   * Refléter la sélection dans l'URL, sans rien y perdre.
+   *
+   * Un seul écrivain pour deux paramètres : deux `watch` appelant `replace` chacun
+   * de son côté partiraient du même `route.query` figé, et le dernier effacerait
+   * l'écriture du premier — la session ou la piste, au hasard de l'ordre. On
+   * repart donc de la query courante, ce qui laisse aussi survivre un paramètre
+   * étranger.
+   */
+  function syncQuery(): void {
+    const q: Record<string, string> = {}
+    for (const [k, v] of Object.entries(route.query)) if (typeof v === 'string') q[k] = v
+    if (selectedId.value) q.sel = selectedId.value
+    else delete q.sel
+    if (wantedTrack.value) q.agent = wantedTrack.value
+    else delete q.agent
+    void router.replace({ query: q })
+  }
+
+  watch([selectedId, wantedTrack], syncQuery)
+
+  // Changement de session : on repart d'un flux vierge et on charge aussitôt le
+  // transcript. L'URL suit par `syncQuery`.
+  watch(selectedId, (id, previous) => {
+    data.value = null
+    etag = ''
+    error.value = ''
+    // La piste d'une session n'a aucun sens dans la suivante — mais seulement s'il
+    // y avait une session avant. À la présélection il n'y a rien à oublier, et
+    // effacer ici écraserait la piste que l'URL vient de demander : les watchers
+    // s'exécutent après l'affectation qui les déclenche.
+    if (previous) wantedTrack.value = MAIN_TRACK
+    // Ouvrir une session, c'est vouloir en voir la fin : on repart en suivant, même
+    // si l'on avait cessé de suivre celle d'avant en remontant dans son flux.
+    autoScroll.value = true
+    // Un groupe replié ne doit pas cacher la session qu'on regarde — le cas se
+    // produit à la présélection au chargement, ou en revenant par l'URL.
+    const key = selected.value?.cwd
+    if (key && collapsed.value.has(key)) toggleGroup(key)
+    if (id) void fetchTranscript(true)
+  })
+
+  /**
+   * Changer de piste, c'est changer de sujet : la position d'avant ne désigne plus
+   * rien, et la mémoriser ne vaudrait rien sur un flux qui grandit — le décalage
+   * gardé serait faux dès la ligne suivante.
+   *
+   * On ouvre donc là où la piste a quelque chose à dire. Vivante, en bas : c'est
+   * la suite qu'on attend, comme à l'ouverture d'une session. Terminée, en haut :
+   * un run se lit du début — et l'auto-défilement est coupé *avant* le rendu, sans
+   * quoi `pinToBottom` emporterait la vue au bas dès la nouvelle hauteur connue.
+   */
+  watch(track, async () => {
+    if (trackIsLive.value) {
+      autoScroll.value = true
+      await scrollToBottom()
+      return
     }
-    // Un transcript a grandi : ne recharger que si c'est celui qu'on regarde.
-    if (ev.id === selectedId.value) void fetchTranscript(false);
-  });
-
-  fallbackTimer = setInterval(() => {
-    void loadSessions();
-    void fetchTranscript(false);
-  }, FALLBACK_POLL_MS);
-});
-
-onUnmounted(() => {
-  wideQuery?.removeEventListener('change', onWideChange);
-  unsubscribe?.();
-  if (fallbackTimer) clearInterval(fallbackTimer);
-  if (copiedTimer) clearTimeout(copiedTimer);
-  pinToBottom?.disconnect();
-});
+    autoScroll.value = false
+    await nextTick()
+    if (scrollEl.value) scrollEl.value.scrollTop = 0
+  })
+
+  onMounted(async () => {
+    wideQuery = window.matchMedia(`(min-width: ${CONTEXT_COLUMN_MIN_WIDTH}px)`)
+    onWideChange(wideQuery)
+    wideQuery.addEventListener('change', onWideChange)
+
+    await loadSessions()
+    if (selectedId.value) void fetchTranscript(true)
+
+    unsubscribe = onClaudeChange((ev) => {
+      if (ev.kind === 'sessions') {
+        void loadSessions()
+        return
+      }
+      // Un transcript a grandi : ne recharger que si c'est celui qu'on regarde.
+      if (ev.id === selectedId.value) void fetchTranscript(false)
+    })
+
+    fallbackTimer = setInterval(() => {
+      void loadSessions()
+      void fetchTranscript(false)
+    }, FALLBACK_POLL_MS)
+  })
+
+  onUnmounted(() => {
+    wideQuery?.removeEventListener('change', onWideChange)
+    unsubscribe?.()
+    if (fallbackTimer) clearInterval(fallbackTimer)
+    if (copiedTimer) clearTimeout(copiedTimer)
+    pinToBottom?.disconnect()
+  })
 </script>
 
 <style scoped lang="scss">
-.sp {
-  padding: var(--space-md) var(--space-lg) var(--space-lg);
-  width: 100%;
-  // La hauteur vient du min-height que Quasar pose sur la q-page (viewport moins
-  // l'en-tête, offset exact) : on remplit en flex et on scrolle en interne, sans
-  // créer de scrollbar fenêtre.
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-.sp-split {
-  flex: 1;
-  min-height: 0;
-  display: grid;
-  grid-template-columns: 300px minmax(0, 1fr);
-  gap: var(--space-lg);
-}
-/* La troisième colonne n'existe que quand le contexte y vit — la classe suit le
+  .sp {
+    padding: var(--space-md) var(--space-lg) var(--space-lg);
+    width: 100%;
+    // La hauteur vient du min-height que Quasar pose sur la q-page (viewport moins
+    // l'en-tête, offset exact) : on remplit en flex et on scrolle en interne, sans
+    // créer de scrollbar fenêtre.
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+  }
+  .sp-split {
+    flex: 1;
+    min-height: 0;
+    display: grid;
+    grid-template-columns: 300px minmax(0, 1fr);
+    gap: var(--space-lg);
+  }
+  /* La troisième colonne n'existe que quand le contexte y vit — la classe suit le
    même seuil que le `v-if`, pour qu'aucune colonne ne reste vide. */
-.sp-split--aside {
-  grid-template-columns: 300px minmax(0, 1fr) 380px;
-}
-
-/* La colonne de contexte. Elle défile chez elle, comme au rejeu. */
-.sp-aside {
-  min-height: 0;
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-md);
-  padding: 2px;
-}
-.sp-panel {
-  min-width: 0;
-  min-height: 0;
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-}
-/* Le suivi s'en tient à sa taille et laisse le reste au contexte, dont la
+  .sp-split--aside {
+    grid-template-columns: 300px minmax(0, 1fr) 380px;
+  }
+
+  /* La colonne de contexte. Elle défile chez elle, comme au rejeu. */
+  .sp-aside {
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md);
+    padding: 2px;
+  }
+  .sp-panel {
+    min-width: 0;
+    min-height: 0;
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+  }
+  /* Le suivi s'en tient à sa taille et laisse le reste au contexte, dont la
    hauteur, elle, n'a pas de limite ; passé une dizaine de tâches il défile chez
    lui plutôt que de repousser le contexte hors de la colonne. */
-.sp-panel--tasks {
-  flex: 0 1 auto;
-  max-height: 35%;
-}
-.sp-panel-title {
-  margin: 0;
-  padding: var(--space-xs) var(--space-md) 0;
-  display: flex;
-  align-items: baseline;
-  gap: var(--space-sm);
-  font-size: var(--fs-sm);
-  /* Quasar impose aux `h2` un `line-height` de 60 px. Sans cette ligne, le
+  .sp-panel--tasks {
+    flex: 0 1 auto;
+    max-height: 35%;
+  }
+  .sp-panel-title {
+    margin: 0;
+    padding: var(--space-xs) var(--space-md) 0;
+    display: flex;
+    align-items: baseline;
+    gap: var(--space-sm);
+    font-size: var(--fs-sm);
+    /* Quasar impose aux `h2` un `line-height` de 60 px. Sans cette ligne, le
      titre pesait 72 px pour un texte de 12 — l'en-tête occupait plus de place
      que les deux premières tâches qu'il annonce. */
-  line-height: 1.4;
-  font-weight: 600;
-  color: var(--text);
-}
-.sp-panel-count {
-  font-size: var(--fs-xs);
-  font-weight: 400;
-  color: var(--dim);
-}
-/*
+    line-height: 1.4;
+    font-weight: 600;
+    color: var(--text);
+  }
+  .sp-panel-count {
+    font-size: var(--fs-xs);
+    font-weight: 400;
+    color: var(--dim);
+  }
+  /*
   Les onglets tiennent la place d'un titre de carte : même rembourrage à gauche,
   et le trait sous eux fait la séparation que la carte attendait de son en-tête.
 */
-.sp-tabs {
-  flex: 0 0 auto;
-  padding: 0 var(--space-sm);
-  border-bottom: 1px solid var(--line);
-}
-/* Le conteneur de Quasar pose son propre fond et un rembourrage de 16 px par
+  .sp-tabs {
+    flex: 0 0 auto;
+    padding: 0 var(--space-sm);
+    border-bottom: 1px solid var(--line);
+  }
+  /* Le conteneur de Quasar pose son propre fond et un rembourrage de 16 px par
    panneau : la carte les fournit déjà, et c'est le panneau qui doit défiler —
    son parent, lui, masque tout ce qui dépasse. */
-.sp-tabpanels {
-  flex: 1 1 auto;
-  min-height: 0;
-  background: transparent;
-}
-.sp-tabpanels :deep(.q-tab-panel) {
-  padding: 0;
-  overflow-y: auto;
-}
-.sp-panel-scroll {
-  overflow-y: auto;
-  min-height: 0;
-}
-
-/* ── Liste ─────────────────────────────────────────────────────────────────── */
-.sp-list {
-  display: flex;
-  flex-direction: column;
-  min-height: 0;
-  overflow: hidden;
-}
-.sp-list-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  padding: var(--space-md);
-  border-bottom: 1px solid var(--line);
-  color: var(--muted);
-}
-.sp-list-head h2 {
-  margin: 0;
-  font-size: var(--fs-md);
-  font-weight: 600;
-  color: var(--text);
-}
-.sp-count {
-  font-size: var(--fs-sm);
-  color: var(--dim);
-  margin-left: auto;
-}
-.sp-filter {
-  padding: var(--space-sm) var(--space-sm) 0;
-}
-
-/* ── Groupes de projet ─────────────────────────────────────────────────────── */
-.sp-groups {
-  list-style: none;
-  margin: 0;
-  padding: var(--space-xs);
-  overflow-y: auto;
-  min-height: 0;
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-xs);
-}
-.sp-group-head {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  padding: var(--space-xs) var(--space-sm);
-  background: transparent;
-  border: 0;
-  border-radius: var(--radius-sm);
-  color: inherit;
-  cursor: pointer;
-  text-align: left;
-  transition: background var(--motion-fast) ease;
-}
-.sp-group-head:hover {
-  background: var(--hover-overlay);
-}
-.sp-group-caret {
-  color: var(--faint);
-  flex: 0 0 auto;
-}
-.sp-group-icon {
-  color: var(--brand);
-  flex: 0 0 auto;
-}
-.sp-group-name {
-  min-width: 0;
-  flex: 1;
-  font-size: var(--fs-sm);
-  font-weight: 600;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.sp-group-dot {
-  flex: 0 0 auto;
-}
-
-.sp-items {
-  list-style: none;
-  margin: 0;
-  /* Le décroché aligne les sessions sous le nom du projet, pas sous son chevron :
+  .sp-tabpanels {
+    flex: 1 1 auto;
+    min-height: 0;
+    background: transparent;
+  }
+  .sp-tabpanels :deep(.q-tab-panel) {
+    padding: 0;
+    overflow-y: auto;
+  }
+  .sp-panel-scroll {
+    overflow-y: auto;
+    min-height: 0;
+  }
+
+  /* ── Liste ─────────────────────────────────────────────────────────────────── */
+  .sp-list {
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+    overflow: hidden;
+  }
+  .sp-list-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    padding: var(--space-md);
+    border-bottom: 1px solid var(--line);
+    color: var(--muted);
+  }
+  .sp-list-head h2 {
+    margin: 0;
+    font-size: var(--fs-md);
+    font-weight: 600;
+    color: var(--text);
+  }
+  .sp-count {
+    font-size: var(--fs-sm);
+    color: var(--dim);
+    margin-left: auto;
+  }
+  .sp-filter {
+    padding: var(--space-sm) var(--space-sm) 0;
+  }
+
+  /* ── Groupes de projet ─────────────────────────────────────────────────────── */
+  .sp-groups {
+    list-style: none;
+    margin: 0;
+    padding: var(--space-xs);
+    overflow-y: auto;
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+  }
+  .sp-group-head {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    padding: var(--space-xs) var(--space-sm);
+    background: transparent;
+    border: 0;
+    border-radius: var(--radius-sm);
+    color: inherit;
+    cursor: pointer;
+    text-align: left;
+    transition: background var(--motion-fast) ease;
+  }
+  .sp-group-head:hover {
+    background: var(--hover-overlay);
+  }
+  .sp-group-caret {
+    color: var(--faint);
+    flex: 0 0 auto;
+  }
+  .sp-group-icon {
+    color: var(--brand);
+    flex: 0 0 auto;
+  }
+  .sp-group-name {
+    min-width: 0;
+    flex: 1;
+    font-size: var(--fs-sm);
+    font-weight: 600;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .sp-group-dot {
+    flex: 0 0 auto;
+  }
+
+  .sp-items {
+    list-style: none;
+    margin: 0;
+    /* Le décroché aligne les sessions sous le nom du projet, pas sous son chevron :
      l'indentation dit l'appartenance sans qu'aucun trait ne soit nécessaire. */
-  padding: 0 0 0 var(--space-md);
-  min-height: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  border-left: 1px solid var(--line);
-  margin-left: calc(var(--space-sm) + 8px);
-}
-.sp-item {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  padding: var(--space-sm);
-  background: transparent;
-  border: 1px solid transparent;
-  border-radius: var(--radius-sm);
-  color: inherit;
-  cursor: pointer;
-  text-align: left;
-  transition:
-    background var(--motion-fast) ease,
-    border-color var(--motion-fast) ease;
-}
-.sp-item:hover {
-  background: var(--hover-overlay);
-}
-.sp-item--active {
-  background: var(--brand-soft);
-  border-color: var(--brand-line);
-}
-/* Une seule ligne par session : le nom, sans sa queue d'identifiant. Le projet
+    padding: 0 0 0 var(--space-md);
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+    border-left: 1px solid var(--line);
+    margin-left: calc(var(--space-sm) + 8px);
+  }
+  .sp-item {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    padding: var(--space-sm);
+    background: transparent;
+    border: 1px solid transparent;
+    border-radius: var(--radius-sm);
+    color: inherit;
+    cursor: pointer;
+    text-align: left;
+    transition:
+      background var(--motion-fast) ease,
+      border-color var(--motion-fast) ease;
+  }
+  .sp-item:hover {
+    background: var(--hover-overlay);
+  }
+  .sp-item--active {
+    background: var(--brand-soft);
+    border-color: var(--brand-line);
+  }
+  /* Une seule ligne par session : le nom, sans sa queue d'identifiant. Le projet
    est déjà dit par le groupe, et l'identifiant complet vit dans l'URL. */
-.sp-item-name {
-  min-width: 0;
-  flex: 1;
-  font-size: var(--fs-sm);
-  font-weight: 600;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.sp-item-status {
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  flex: 0 0 auto;
-}
-.sp-item-status--on {
-  color: var(--pulse);
-}
-
-/* ── Flux ──────────────────────────────────────────────────────────────────── */
-.sp-stream {
-  min-height: 0;
-  overflow-y: auto;
-  position: relative;
-}
-/* En-tête + bandeau épinglés ensemble : restent visibles quand l'auto-défilement
+  .sp-item-name {
+    min-width: 0;
+    flex: 1;
+    font-size: var(--fs-sm);
+    font-weight: 600;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .sp-item-status {
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    flex: 0 0 auto;
+  }
+  .sp-item-status--on {
+    color: var(--pulse);
+  }
+
+  /* ── Flux ──────────────────────────────────────────────────────────────────── */
+  .sp-stream {
+    min-height: 0;
+    overflow-y: auto;
+    position: relative;
+  }
+  /* En-tête + bandeau épinglés ensemble : restent visibles quand l'auto-défilement
    colle le flux au bas. */
-.sp-stream-top {
-  position: sticky;
-  top: 0;
-  z-index: 3;
-  background: var(--bg);
-  padding-bottom: var(--space-md);
-}
-.sp-stream-head {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: var(--space-xs) var(--space-md);
-  padding: var(--space-sm) var(--space-xs) var(--space-md);
-  border-bottom: 1px solid var(--line);
-}
-.sp-stream-title {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-}
-.sp-stream-name {
-  font-size: var(--fs-md);
-  font-weight: 600;
-}
-.sp-stream-handle {
-  color: var(--dim);
-  font-size: var(--fs-xs);
-}
-.sp-badge {
-  font-size: var(--fs-2xs);
-  font-weight: 600;
-  letter-spacing: 0.08em;
-  padding: 2px var(--space-xs);
-  border-radius: var(--radius-xs);
-}
-.sp-badge--live {
-  color: var(--pulse);
-  background: rgba(110, 231, 168, 0.14);
-}
-.sp-badge--idle {
-  color: var(--dim);
-  background: var(--surface-2);
-}
-.sp-badge--wait {
-  color: var(--warn);
-  background: rgba(224, 163, 62, 0.16);
-}
-.sp-dot-wait {
-  background: var(--warn);
-  box-shadow: 0 0 6px var(--warn);
-  // Redéfinit la teinte du halo respirant posé par `.status-dot--live` : sans
-  // ça, une session en attente respirerait en vert alors que son disque est
-  // ambre. C'est précisément pour ce cas que `--dot-glow` existe.
-  --dot-glow: var(--warn);
-}
-.sp-item-status--wait {
-  color: var(--warn);
-}
-
-/* ── Bandeau « en attente d'autorisation » ─────────────────────────────────────── */
-.sp-perm {
-  margin: 0 var(--space-xs) var(--space-md);
-  padding: var(--space-md);
-  border: 1px solid rgba(224, 163, 62, 0.4);
-  border-left: 3px solid var(--warn);
-  border-radius: var(--radius-sm);
-  background: rgba(224, 163, 62, 0.08);
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-}
-.sp-perm-top {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  color: var(--warn);
-}
-.sp-perm-title {
-  font-size: var(--fs-sm);
-  font-weight: 600;
-  color: var(--text);
-}
-.sp-perm-tool {
-  margin-left: auto;
-  font-size: var(--fs-xs);
-  color: var(--warn);
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-}
-.sp-perm-cmd {
-  margin: 0;
-  padding: var(--space-sm) var(--space-md);
-  background: var(--bg);
-  border: 1px solid var(--line);
-  border-radius: var(--radius-xs);
-  overflow-x: auto;
-  font-size: var(--fs-xs);
-  white-space: pre-wrap;
-  word-break: break-word;
-  max-height: 120px;
-  overflow-y: auto;
-}
-.sp-perm-generic {
-  margin: 0;
-  font-size: var(--fs-sm);
-  color: var(--muted);
-  line-height: 1.5;
-}
-.sp-perm-actions {
-  display: flex;
-  align-items: center;
-  gap: var(--space-md);
-  flex-wrap: wrap;
-}
-.sp-perm-hint {
-  flex: 1;
-  min-width: 200px;
-  font-size: var(--fs-xs);
-  color: var(--muted);
-  line-height: 1.4;
-}
-.sp-perm-btn {
-  flex: 0 0 auto;
-}
-
-/* ── Dialogue de pré-autorisation ──────────────────────────────────────────────── */
-.sp-allow {
-  width: 520px;
-  max-width: 92vw;
-  padding: var(--space-lg);
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-md);
-}
-.sp-allow-desc {
-  margin: var(--space-xs) 0 0;
-  font-size: var(--fs-sm);
-  color: var(--muted);
-  line-height: 1.5;
-}
-.sp-allow-actions {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-}
-.sp-allow-err {
-  color: var(--danger);
-  font-size: var(--fs-xs);
-}
-/* Le nom du projet, pas son chemin : longueur bornée, donc des réglages qui
-   restent à la même place d'une session à l'autre. */
-.sp-stream-project {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  max-width: 220px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  font-size: var(--fs-xs);
-  font-family: inherit;
-  color: var(--dim);
-  padding: 2px var(--space-xs);
-  background: transparent;
-  border: 1px solid var(--line);
-  border-radius: var(--radius-xs);
-  cursor: pointer;
-  transition:
-    background var(--motion-fast) ease,
-    color var(--motion-fast) ease;
-
-  &:hover,
-  &:focus-visible {
-    background: var(--hover-overlay);
-    color: var(--text);
+  .sp-stream-top {
+    position: sticky;
+    top: 0;
+    z-index: 3;
+    background: var(--bg);
+    padding-bottom: var(--space-md);
+  }
+  .sp-stream-head {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: var(--space-xs) var(--space-md);
+    padding: var(--space-sm) var(--space-xs) var(--space-md);
+    border-bottom: 1px solid var(--line);
+  }
+  .sp-stream-title {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+  }
+  .sp-stream-name {
+    font-size: var(--fs-md);
+    font-weight: 600;
+  }
+  .sp-stream-handle {
+    color: var(--dim);
+    font-size: var(--fs-xs);
+  }
+  .sp-badge {
+    font-size: var(--fs-2xs);
+    font-weight: 600;
+    letter-spacing: 0.08em;
+    padding: 2px var(--space-xs);
+    border-radius: var(--radius-xs);
+  }
+  .sp-badge--live {
+    color: var(--pulse);
+    background: rgba(110, 231, 168, 0.14);
+  }
+  .sp-badge--idle {
+    color: var(--dim);
+    background: var(--surface-2);
+  }
+  .sp-badge--wait {
+    color: var(--warn);
+    background: rgba(224, 163, 62, 0.16);
+  }
+  .sp-dot-wait {
+    background: var(--warn);
+    box-shadow: 0 0 6px var(--warn);
+    // Redéfinit la teinte du halo respirant posé par `.status-dot--live` : sans
+    // ça, une session en attente respirerait en vert alors que son disque est
+    // ambre. C'est précisément pour ce cas que `--dot-glow` existe.
+    --dot-glow: var(--warn);
+  }
+  .sp-item-status--wait {
+    color: var(--warn);
   }
 
-  > .q-icon {
-    color: var(--faint);
+  /* ── Bandeau « en attente d'autorisation » ─────────────────────────────────────── */
+  .sp-perm {
+    margin: 0 var(--space-xs) var(--space-md);
+    padding: var(--space-md);
+    border: 1px solid rgba(224, 163, 62, 0.4);
+    border-left: 3px solid var(--warn);
+    border-radius: var(--radius-sm);
+    background: rgba(224, 163, 62, 0.08);
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+  }
+  .sp-perm-top {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    color: var(--warn);
+  }
+  .sp-perm-title {
+    font-size: var(--fs-sm);
+    font-weight: 600;
+    color: var(--text);
+  }
+  .sp-perm-tool {
+    margin-left: auto;
+    font-size: var(--fs-xs);
+    color: var(--warn);
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+  }
+  .sp-perm-cmd {
+    margin: 0;
+    padding: var(--space-sm) var(--space-md);
+    background: var(--bg);
+    border: 1px solid var(--line);
+    border-radius: var(--radius-xs);
+    overflow-x: auto;
+    font-size: var(--fs-xs);
+    white-space: pre-wrap;
+    word-break: break-word;
+    max-height: 120px;
+    overflow-y: auto;
+  }
+  .sp-perm-generic {
+    margin: 0;
+    font-size: var(--fs-sm);
+    color: var(--muted);
+    line-height: 1.5;
+  }
+  .sp-perm-actions {
+    display: flex;
+    align-items: center;
+    gap: var(--space-md);
+    flex-wrap: wrap;
+  }
+  .sp-perm-hint {
+    flex: 1;
+    min-width: 200px;
+    font-size: var(--fs-xs);
+    color: var(--muted);
+    line-height: 1.4;
+  }
+  .sp-perm-btn {
     flex: 0 0 auto;
   }
-}
-.sp-toggle {
-  color: var(--muted);
-}
-.sp-timeline {
-  padding: 0 var(--space-xs) var(--space-xl);
-}
-/*
+
+  /* ── Dialogue de pré-autorisation ──────────────────────────────────────────────── */
+  .sp-allow {
+    width: 520px;
+    max-width: 92vw;
+    padding: var(--space-lg);
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md);
+  }
+  .sp-allow-desc {
+    margin: var(--space-xs) 0 0;
+    font-size: var(--fs-sm);
+    color: var(--muted);
+    line-height: 1.5;
+  }
+  .sp-allow-actions {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+  }
+  .sp-allow-err {
+    color: var(--danger);
+    font-size: var(--fs-xs);
+  }
+  /* Le nom du projet, pas son chemin : longueur bornée, donc des réglages qui
+   restent à la même place d'une session à l'autre. */
+  .sp-stream-project {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    max-width: 220px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    font-size: var(--fs-xs);
+    font-family: inherit;
+    color: var(--dim);
+    padding: 2px var(--space-xs);
+    background: transparent;
+    border: 1px solid var(--line);
+    border-radius: var(--radius-xs);
+    cursor: pointer;
+    transition:
+      background var(--motion-fast) ease,
+      color var(--motion-fast) ease;
+
+    &:hover,
+    &:focus-visible {
+      background: var(--hover-overlay);
+      color: var(--text);
+    }
+
+    > .q-icon {
+      color: var(--faint);
+      flex: 0 0 auto;
+    }
+  }
+  .sp-toggle {
+    color: var(--muted);
+  }
+  .sp-timeline {
+    padding: 0 var(--space-xs) var(--space-xl);
+  }
+  /*
   La respiration de fin de flux n'a plus lieu d'être quand la ligne d'activité
   la suit : elle creusait alors un trou entre le dernier tour et ce qui annonce
   la suite, là où les deux doivent se lire ensemble.
 */
-.sp-timeline--live {
-  padding-bottom: var(--space-sm);
-}
-.sp-skel {
-  padding: var(--space-md) var(--space-xs);
-}
-
-/* ── États ─────────────────────────────────────────────────────────────────── */
-.sp-empty,
-.sp-state {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: var(--space-md);
-  padding: var(--space-xl);
-  color: var(--muted);
-  text-align: center;
-}
-.sp-empty p,
-.sp-state p {
-  margin: 0;
-}
-.sp-state-sub {
-  font-size: var(--fs-xs);
-  color: var(--dim);
-  word-break: break-all;
-}
-
-@media (max-width: 720px) {
-  .sp-split,
-  .sp-split--aside {
-    grid-template-columns: 1fr;
-    grid-template-rows: auto 1fr;
+  .sp-timeline--live {
+    padding-bottom: var(--space-sm);
+  }
+  .sp-skel {
+    padding: var(--space-md) var(--space-xs);
+  }
+
+  /* ── États ─────────────────────────────────────────────────────────────────── */
+  .sp-empty,
+  .sp-state {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: var(--space-md);
+    padding: var(--space-xl);
+    color: var(--muted);
+    text-align: center;
+  }
+  .sp-empty p,
+  .sp-state p {
+    margin: 0;
+  }
+  .sp-state-sub {
+    font-size: var(--fs-xs);
+    color: var(--dim);
+    word-break: break-all;
+  }
+
+  @media (max-width: 720px) {
+    .sp-split,
+    .sp-split--aside {
+      grid-template-columns: 1fr;
+      grid-template-rows: auto 1fr;
+    }
   }
-}
 </style>
diff --git a/src/pages/SettingsPage.vue b/src/pages/SettingsPage.vue
index da702e7..13376b3 100644
--- a/src/pages/SettingsPage.vue
+++ b/src/pages/SettingsPage.vue
@@ -44,9 +44,7 @@
       </button>
     </nav>
 
-    <p v-if="!valid" class="banner banner--warn font-mono">
-      <q-icon name="warning" size="16px" /> {{ t('pages.settings.invalidBanner') }}
-    </p>
+    <p v-if="!valid" class="banner banner--warn font-mono"><q-icon name="warning" size="16px" /> {{ t('pages.settings.invalidBanner') }}</p>
 
     <!-- ── JSON tab ───────────────────────────────────────────────────────── -->
     <!-- En lecture seule : le fichier se modifie par les onglets, qui savent ce
@@ -56,47 +54,23 @@
          disque. -->
     <div v-if="activeId === 'json'" class="json-pane">
       <p v-if="jsonError" class="err font-mono">{{ jsonError }}</p>
-      <CodeBlock
-        :code="content"
-        lang="json"
-        filename="settings.json"
-        icon="data_object"
-        max-height="70vh"
-      />
+      <CodeBlock :code="content" lang="json" filename="settings.json" icon="data_object" max-height="70vh" />
     </div>
 
     <!-- ── Form tabs ──────────────────────────────────────────────────────── -->
     <div v-else class="settings-content" :class="{ 'settings-content--disabled': !valid }">
       <!-- Général -->
-      <section
-        v-show="activeId === 'sec-general'"
-        id="sec-general"
-        class="surface-card settings-section"
-        aria-labelledby="sec-general-title"
-      >
+      <section v-show="activeId === 'sec-general'" id="sec-general" class="surface-card settings-section" aria-labelledby="sec-general-title">
         <header class="settings-section-head">
           <q-icon name="tune" size="20px" aria-hidden="true" />
           <h2 id="sec-general-title">{{ t('pages.settings.sections.general') }}</h2>
         </header>
 
-        <SettingField
-          :label="t('pages.settings.fields.language')"
-          json-key="language"
-          :hint="t('pages.settings.fields.languageHint')"
-        >
-          <input
-            v-model="language"
-            class="ctl-input"
-            spellcheck="false"
-            :aria-label="t('pages.settings.fields.language')"
-          />
+        <SettingField :label="t('pages.settings.fields.language')" json-key="language" :hint="t('pages.settings.fields.languageHint')">
+          <input v-model="language" class="ctl-input" spellcheck="false" :aria-label="t('pages.settings.fields.language')" />
         </SettingField>
 
-        <SettingField
-          :label="t('pages.settings.fields.model')"
-          json-key="model"
-          :hint="t('pages.settings.fields.modelHint')"
-        >
+        <SettingField :label="t('pages.settings.fields.model')" json-key="model" :hint="t('pages.settings.fields.modelHint')">
           <input
             v-model="model"
             class="ctl-input font-mono"
@@ -106,62 +80,25 @@
           />
         </SettingField>
 
-        <SettingField
-          :label="t('pages.settings.fields.effort')"
-          json-key="effortLevel"
-          :hint="t('pages.settings.fields.effortHint')"
-        >
-          <SegmentedControl
-            v-model="effortLevel"
-            :options="effortOptions"
-            :aria-label="t('pages.settings.fields.effort')"
-          />
+        <SettingField :label="t('pages.settings.fields.effort')" json-key="effortLevel" :hint="t('pages.settings.fields.effortHint')">
+          <SegmentedControl v-model="effortLevel" :options="effortOptions" :aria-label="t('pages.settings.fields.effort')" />
         </SettingField>
 
-        <SettingField
-          :label="t('pages.settings.fields.fastMode')"
-          json-key="fastMode"
-          :hint="t('pages.settings.fields.fastModeHint')"
-        >
-          <SegmentedControl
-            v-model="fastMode"
-            :options="triDefaultOff"
-            :aria-label="t('pages.settings.fields.fastMode')"
-          />
+        <SettingField :label="t('pages.settings.fields.fastMode')" json-key="fastMode" :hint="t('pages.settings.fields.fastModeHint')">
+          <SegmentedControl v-model="fastMode" :options="triDefaultOff" :aria-label="t('pages.settings.fields.fastMode')" />
         </SettingField>
 
-        <SettingField
-          :label="t('pages.settings.fields.thinking')"
-          json-key="alwaysThinkingEnabled"
-          :hint="t('pages.settings.fields.thinkingHint')"
-        >
-          <SegmentedControl
-            v-model="alwaysThinking"
-            :options="triDefaultOff"
-            :aria-label="t('pages.settings.fields.thinking')"
-          />
+        <SettingField :label="t('pages.settings.fields.thinking')" json-key="alwaysThinkingEnabled" :hint="t('pages.settings.fields.thinkingHint')">
+          <SegmentedControl v-model="alwaysThinking" :options="triDefaultOff" :aria-label="t('pages.settings.fields.thinking')" />
         </SettingField>
 
-        <SettingField
-          :label="t('pages.settings.fields.editor')"
-          json-key="editorMode"
-          :hint="t('pages.settings.fields.editorHint')"
-        >
-          <SegmentedControl
-            v-model="editorMode"
-            :options="editorOptions"
-            :aria-label="t('pages.settings.fields.editorAria')"
-          />
+        <SettingField :label="t('pages.settings.fields.editor')" json-key="editorMode" :hint="t('pages.settings.fields.editorHint')">
+          <SegmentedControl v-model="editorMode" :options="editorOptions" :aria-label="t('pages.settings.fields.editorAria')" />
         </SettingField>
       </section>
 
       <!-- Permissions -->
-      <section
-        v-show="activeId === 'sec-perms'"
-        id="sec-perms"
-        class="surface-card settings-section"
-        aria-labelledby="sec-perms-title"
-      >
+      <section v-show="activeId === 'sec-perms'" id="sec-perms" class="surface-card settings-section" aria-labelledby="sec-perms-title">
         <header class="settings-section-head">
           <q-icon name="shield" size="20px" aria-hidden="true" />
           <h2 id="sec-perms-title">{{ t('pages.settings.sections.perms') }}</h2>
@@ -227,38 +164,21 @@
       </section>
 
       <!-- Interface & mises à jour -->
-      <section
-        v-show="activeId === 'sec-ui'"
-        id="sec-ui"
-        class="surface-card settings-section"
-        aria-labelledby="sec-ui-title"
-      >
+      <section v-show="activeId === 'sec-ui'" id="sec-ui" class="surface-card settings-section" aria-labelledby="sec-ui-title">
         <header class="settings-section-head">
           <q-icon name="display_settings" size="20px" aria-hidden="true" />
           <h2 id="sec-ui-title">{{ t('pages.settings.sections.ui') }}</h2>
         </header>
 
         <SettingField :label="t('pages.settings.fields.tui')" json-key="tui">
-          <SegmentedControl
-            v-model="tui"
-            :options="tuiOptions"
-            :aria-label="t('pages.settings.fields.tui')"
-          />
+          <SegmentedControl v-model="tui" :options="tuiOptions" :aria-label="t('pages.settings.fields.tui')" />
         </SettingField>
 
         <SettingField :label="t('pages.settings.fields.channel')" json-key="autoUpdatesChannel">
-          <SegmentedControl
-            v-model="channel"
-            :options="channelOptions"
-            :aria-label="t('pages.settings.fields.channel')"
-          />
+          <SegmentedControl v-model="channel" :options="channelOptions" :aria-label="t('pages.settings.fields.channel')" />
         </SettingField>
 
-        <SettingField
-          :label="t('pages.settings.fields.cleanup')"
-          json-key="cleanupPeriodDays"
-          :hint="t('pages.settings.fields.cleanupHint')"
-        >
+        <SettingField :label="t('pages.settings.fields.cleanup')" json-key="cleanupPeriodDays" :hint="t('pages.settings.fields.cleanupHint')">
           <input
             v-model.number="cleanupDays"
             type="number"
@@ -268,13 +188,7 @@
           />
         </SettingField>
 
-        <SettingField
-          v-for="f in booleanFlags"
-          :key="f.key"
-          :label="f.label"
-          :json-key="f.key"
-          :hint="f.hint"
-        >
+        <SettingField v-for="f in booleanFlags" :key="f.key" :label="f.label" :json-key="f.key" :hint="f.hint">
           <SegmentedControl
             :model-value="triFlag(f.key)"
             :options="f.default ? triDefaultOn : triDefaultOff"
@@ -299,366 +213,358 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted, ref, computed } from 'vue';
-import { useI18n } from 'vue-i18n';
-import { useNotify } from '@/composables/useNotify';
-import SegmentedControl from '@/components/ui/SegmentedControl.vue';
-import SettingField from '@/components/settings/SettingField.vue';
-import RuleList from '@/components/settings/RuleList.vue';
-import ConfirmDiffDialog from '@/components/ConfirmDiffDialog.vue';
-import CodeBlock from '@/components/replay/tools/CodeBlock.vue';
-import { useJsonForm } from '@/composables/useJsonForm';
-import {
-  readFile,
-  propose as proposeWrite,
-  ClaudeApiError,
-  type Proposal,
-} from '@/services/claude';
-
-const { t } = useI18n();
-const { notifyError } = useNotify();
-const PATH = 'settings.json';
-
-const content = ref('');
-const original = ref('');
-const loading = ref(true);
-const proposing = ref(false);
-const proposal = ref<Proposal | null>(null);
-
-const { valid, field, has, remove, stringArray, pushTo, removeFrom } = useJsonForm(content);
-
-const dirty = computed(() => content.value !== original.value);
-
-// ── JSON validation message (JSON mode) ──────────────────────────────────────
-const jsonError = computed(() => {
-  if (!content.value.trim()) return '';
-  try {
-    JSON.parse(content.value);
-    return '';
-  } catch (e) {
-    return e instanceof Error ? e.message : t('pages.settings.invalidJson');
+  import ConfirmDiffDialog from '@/components/ConfirmDiffDialog.vue'
+  import CodeBlock from '@/components/replay/tools/CodeBlock.vue'
+  import RuleList from '@/components/settings/RuleList.vue'
+  import SettingField from '@/components/settings/SettingField.vue'
+  import SegmentedControl from '@/components/ui/SegmentedControl.vue'
+  import { useJsonForm } from '@/composables/useJsonForm'
+  import { useNotify } from '@/composables/useNotify'
+  import { readFile, propose as proposeWrite, ClaudeApiError, type Proposal } from '@/services/claude'
+  import { onMounted, ref, computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
+
+  const { t } = useI18n()
+  const { notifyError } = useNotify()
+  const PATH = 'settings.json'
+
+  const content = ref('')
+  const original = ref('')
+  const loading = ref(true)
+  const proposing = ref(false)
+  const proposal = ref<Proposal | null>(null)
+
+  const { valid, field, has, remove, stringArray, pushTo, removeFrom } = useJsonForm(content)
+
+  const dirty = computed(() => content.value !== original.value)
+
+  // ── JSON validation message (JSON mode) ──────────────────────────────────────
+  const jsonError = computed(() => {
+    if (!content.value.trim()) return ''
+    try {
+      JSON.parse(content.value)
+      return ''
+    } catch (e) {
+      return e instanceof Error ? e.message : t('pages.settings.invalidJson')
+    }
+  })
+
+  // ── Options ──────────────────────────────────────────────────────────────────
+  const effortOptions = [
+    { label: 'low', value: 'low' },
+    { label: 'medium', value: 'medium' },
+    { label: 'high', value: 'high' },
+    { label: 'xhigh', value: 'xhigh' },
+  ]
+  const editorOptions = [
+    { label: 'normal', value: 'normal' },
+    { label: 'vim', value: 'vim' },
+  ]
+  const tuiOptions = [
+    { label: 'fullscreen', value: 'fullscreen' },
+    { label: 'inline', value: 'inline' },
+  ]
+  const channelOptions = [
+    { label: 'stable', value: 'stable' },
+    { label: 'latest', value: 'latest' },
+  ]
+  // La valeur est la clé écrite dans le fichier ; le libellé n'est que sa glose.
+  const MODES = ['default', 'acceptEdits', 'plan', 'auto', 'dontAsk', 'bypassPermissions'] as const
+  const defaultModeOptions = computed(() => MODES.map((value) => ({ label: t(`pages.settings.modes.${value}`), value })))
+
+  // La clé du fichier et la valeur que Claude Code applique en son absence ; le
+  // libellé et l'explication viennent du catalogue.
+  const FLAGS: { key: string; default: boolean }[] = [
+    { key: 'autoCompactEnabled', default: true },
+    { key: 'autoMemoryEnabled', default: true },
+    { key: 'fileCheckpointingEnabled', default: true },
+    { key: 'spinnerTipsEnabled', default: true },
+    { key: 'prefersReducedMotion', default: false },
+    { key: 'agentPushNotifEnabled', default: false },
+    { key: 'skipAutoPermissionPrompt', default: false },
+    { key: 'remoteControlAtStartup', default: false },
+    { key: 'includeCoAuthoredBy', default: false },
+  ]
+  const booleanFlags = computed(() =>
+    FLAGS.map((f) => ({
+      ...f,
+      label: t(`pages.settings.flags.${f.key}`),
+      hint: t(`pages.settings.flags.${f.key}Hint`),
+    })),
+  )
+
+  // ── Tri-state booleans ───────────────────────────────────────────────────────
+  // An absent key is not `false` — it means "Claude Code decides". A two-way switch
+  // cannot express that third state, so it silently rewrote absence into whichever
+  // default it displayed. These flags surface it: picking "Hérité" deletes the key.
+  type Tri = 'inherit' | 'on' | 'off'
+
+  const triOptions = (def: boolean): { label: string; value: Tri; tooltip?: string }[] => [
+    {
+      label: t('pages.settings.tri.inherit'),
+      value: 'inherit',
+      tooltip: t('pages.settings.tri.inheritTip', {
+        default: t(def ? 'pages.settings.tri.yes' : 'pages.settings.tri.no'),
+      }),
+    },
+    { label: t('pages.settings.tri.on'), value: 'on' },
+    { label: t('pages.settings.tri.off'), value: 'off' },
+  ]
+  const triDefaultOn = computed(() => triOptions(true))
+  const triDefaultOff = computed(() => triOptions(false))
+
+  const triFlag = (key: string): Tri => {
+    if (!has([key])) return 'inherit'
+    return field<boolean>([key], false).value ? 'on' : 'off'
+  }
+  const setTriFlag = (key: string, v: Tri): void => {
+    if (v === 'inherit') remove([key])
+    else field<boolean>([key], v === 'on').value = v === 'on'
   }
-});
-
-// ── Options ──────────────────────────────────────────────────────────────────
-const effortOptions = [
-  { label: 'low', value: 'low' },
-  { label: 'medium', value: 'medium' },
-  { label: 'high', value: 'high' },
-  { label: 'xhigh', value: 'xhigh' },
-];
-const editorOptions = [
-  { label: 'normal', value: 'normal' },
-  { label: 'vim', value: 'vim' },
-];
-const tuiOptions = [
-  { label: 'fullscreen', value: 'fullscreen' },
-  { label: 'inline', value: 'inline' },
-];
-const channelOptions = [
-  { label: 'stable', value: 'stable' },
-  { label: 'latest', value: 'latest' },
-];
-// La valeur est la clé écrite dans le fichier ; le libellé n'est que sa glose.
-const MODES = ['default', 'acceptEdits', 'plan', 'auto', 'dontAsk', 'bypassPermissions'] as const;
-const defaultModeOptions = computed(() =>
-  MODES.map((value) => ({ label: t(`pages.settings.modes.${value}`), value })),
-);
-
-// La clé du fichier et la valeur que Claude Code applique en son absence ; le
-// libellé et l'explication viennent du catalogue.
-const FLAGS: { key: string; default: boolean }[] = [
-  { key: 'autoCompactEnabled', default: true },
-  { key: 'autoMemoryEnabled', default: true },
-  { key: 'fileCheckpointingEnabled', default: true },
-  { key: 'spinnerTipsEnabled', default: true },
-  { key: 'prefersReducedMotion', default: false },
-  { key: 'agentPushNotifEnabled', default: false },
-  { key: 'skipAutoPermissionPrompt', default: false },
-  { key: 'remoteControlAtStartup', default: false },
-  { key: 'includeCoAuthoredBy', default: false },
-];
-const booleanFlags = computed(() =>
-  FLAGS.map((f) => ({
-    ...f,
-    label: t(`pages.settings.flags.${f.key}`),
-    hint: t(`pages.settings.flags.${f.key}Hint`),
-  })),
-);
-
-// ── Tri-state booleans ───────────────────────────────────────────────────────
-// An absent key is not `false` — it means "Claude Code decides". A two-way switch
-// cannot express that third state, so it silently rewrote absence into whichever
-// default it displayed. These flags surface it: picking "Hérité" deletes the key.
-type Tri = 'inherit' | 'on' | 'off';
-
-const triOptions = (def: boolean): { label: string; value: Tri; tooltip?: string }[] => [
-  {
-    label: t('pages.settings.tri.inherit'),
-    value: 'inherit',
-    tooltip: t('pages.settings.tri.inheritTip', {
-      default: t(def ? 'pages.settings.tri.yes' : 'pages.settings.tri.no'),
-    }),
-  },
-  { label: t('pages.settings.tri.on'), value: 'on' },
-  { label: t('pages.settings.tri.off'), value: 'off' },
-];
-const triDefaultOn = computed(() => triOptions(true));
-const triDefaultOff = computed(() => triOptions(false));
-
-const triFlag = (key: string): Tri => {
-  if (!has([key])) return 'inherit';
-  return field<boolean>([key], false).value ? 'on' : 'off';
-};
-const setTriFlag = (key: string, v: Tri): void => {
-  if (v === 'inherit') remove([key]);
-  else field<boolean>([key], v === 'on').value = v === 'on';
-};
-/** Same, as a v-model target (for flags rendered outside the `booleanFlags` loop). */
-const triField = (key: string) =>
-  computed<Tri>({ get: () => triFlag(key), set: (v) => setTriFlag(key, v) });
-
-// ── Bound fields ─────────────────────────────────────────────────────────────
-const language = field<string>(['language'], '');
-const model = field<string>(['model'], '');
-const effortLevel = field<string>(['effortLevel'], 'medium');
-const fastMode = triField('fastMode');
-const alwaysThinking = triField('alwaysThinkingEnabled');
-const editorMode = field<string>(['editorMode'], 'normal');
-const defaultMode = field<string>(['permissions', 'defaultMode'], 'default');
-const tui = field<string>(['tui'], 'fullscreen');
-const channel = field<string>(['autoUpdatesChannel'], 'latest');
-const cleanupDays = field<number>(['cleanupPeriodDays'], 30);
-
-const statusLineCommand = computed(() => {
-  const v = field<string>(['statusLine', 'command'], '').value;
-  return v || '';
-});
-
-// ── Tabs (single menu level, panel swap — no scroll-spy) ─────────────────────
-const tabs = computed(() => [
-  { id: 'sec-general', title: t('pages.settings.tabs.general'), icon: 'tune' },
-  { id: 'sec-perms', title: t('pages.settings.tabs.perms'), icon: 'shield' },
-  { id: 'sec-ui', title: t('pages.settings.tabs.ui'), icon: 'display_settings' },
-  { id: 'json', title: t('pages.settings.tabs.json'), icon: 'data_object' },
-]);
-const activeId = ref('sec-general');
-const goTo = (id: string): void => {
-  activeId.value = id;
-};
-
-// ── Load / actions ───────────────────────────────────────────────────────────
-async function load(): Promise<void> {
-  loading.value = true;
-  try {
-    const { content: c } = await readFile(PATH);
-    content.value = c;
-    original.value = c;
-  } catch (e) {
-    if (e instanceof ClaudeApiError && e.status === 404) {
-      content.value = '{}\n';
-      original.value = '';
-    } else {
-      notifyError(e, t('pages.settings.readError'));
+  /** Same, as a v-model target (for flags rendered outside the `booleanFlags` loop). */
+  const triField = (key: string) => computed<Tri>({ get: () => triFlag(key), set: (v) => setTriFlag(key, v) })
+
+  // ── Bound fields ─────────────────────────────────────────────────────────────
+  const language = field<string>(['language'], '')
+  const model = field<string>(['model'], '')
+  const effortLevel = field<string>(['effortLevel'], 'medium')
+  const fastMode = triField('fastMode')
+  const alwaysThinking = triField('alwaysThinkingEnabled')
+  const editorMode = field<string>(['editorMode'], 'normal')
+  const defaultMode = field<string>(['permissions', 'defaultMode'], 'default')
+  const tui = field<string>(['tui'], 'fullscreen')
+  const channel = field<string>(['autoUpdatesChannel'], 'latest')
+  const cleanupDays = field<number>(['cleanupPeriodDays'], 30)
+
+  const statusLineCommand = computed(() => {
+    const v = field<string>(['statusLine', 'command'], '').value
+    return v || ''
+  })
+
+  // ── Tabs (single menu level, panel swap — no scroll-spy) ─────────────────────
+  const tabs = computed(() => [
+    { id: 'sec-general', title: t('pages.settings.tabs.general'), icon: 'tune' },
+    { id: 'sec-perms', title: t('pages.settings.tabs.perms'), icon: 'shield' },
+    { id: 'sec-ui', title: t('pages.settings.tabs.ui'), icon: 'display_settings' },
+    { id: 'json', title: t('pages.settings.tabs.json'), icon: 'data_object' },
+  ])
+  const activeId = ref('sec-general')
+  const goTo = (id: string): void => {
+    activeId.value = id
+  }
+
+  // ── Load / actions ───────────────────────────────────────────────────────────
+  async function load(): Promise<void> {
+    loading.value = true
+    try {
+      const { content: c } = await readFile(PATH)
+      content.value = c
+      original.value = c
+    } catch (e) {
+      if (e instanceof ClaudeApiError && e.status === 404) {
+        content.value = '{}\n'
+        original.value = ''
+      } else {
+        notifyError(e, t('pages.settings.readError'))
+      }
+    } finally {
+      loading.value = false
     }
-  } finally {
-    loading.value = false;
   }
-}
-
-async function propose(): Promise<void> {
-  proposing.value = true;
-  try {
-    proposal.value = await proposeWrite(PATH, content.value);
-  } catch (e) {
-    notifyError(e, t('common.proposeError'));
-  } finally {
-    proposing.value = false;
+
+  async function propose(): Promise<void> {
+    proposing.value = true
+    try {
+      proposal.value = await proposeWrite(PATH, content.value)
+    } catch (e) {
+      notifyError(e, t('common.proposeError'))
+    } finally {
+      proposing.value = false
+    }
   }
-}
 
-function onApplied(): void {
-  original.value = content.value;
-  proposal.value = null;
-}
+  function onApplied(): void {
+    original.value = content.value
+    proposal.value = null
+  }
 
-// Touch `has`/`remove` so the linter keeps them if unused elsewhere.
-void has;
-void remove;
+  // Touch `has`/`remove` so the linter keeps them if unused elsewhere.
+  void has
+  void remove
 
-onMounted(load);
+  onMounted(load)
 </script>
 
 <style scoped lang="scss">
-.settings-page {
-  padding: var(--space-md) var(--space-xl) var(--space-xl);
-  width: 100%;
-  max-width: var(--page-max);
-  margin: 0 auto;
-}
-
-.settings-header {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: var(--space-xs) var(--space-md);
-  margin-bottom: var(--space-md);
-}
-.settings-path-icon {
-  color: var(--faint);
-  flex: 0 0 auto;
-}
-.settings-sub {
-  flex: 1 1 auto;
-  min-width: 0;
-  color: var(--dim);
-  font-size: var(--fs-xs);
-}
-.settings-tools {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  flex: 0 0 auto;
-  margin-left: auto;
-}
-.dirty-pill {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--space-xs);
-  font-size: var(--fs-xs);
-  color: var(--brand);
-  background: var(--brand-soft);
-  border: 1px solid var(--brand-line);
-  border-radius: var(--radius-sm);
-  padding: var(--space-xs) var(--space-sm);
-}
-
-/* ── Tab strip ────────────────────────────────────────────────────────────── */
-.tabs {
-  display: flex;
-  gap: var(--space-xs);
-  border-bottom: 1px solid var(--line);
-  margin-bottom: var(--space-lg);
-  overflow-x: auto;
-}
-.tab {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--space-sm);
-  background: transparent;
-  border: none;
-  border-bottom: 2px solid transparent;
-  color: var(--muted);
-  cursor: pointer;
-  font-size: var(--fs-base);
-  font-weight: 500;
-  padding: var(--space-sm) var(--space-md);
-  white-space: nowrap;
-  transition: color var(--motion-fast);
-}
-.tab:hover {
-  color: var(--text);
-}
-.tab--active {
-  color: var(--brand);
-  border-bottom-color: var(--brand);
-}
-
-.banner {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  padding: var(--space-sm) var(--space-md);
-  border-radius: var(--radius-sm);
-  font-size: var(--fs-sm);
-  margin: 0 0 var(--space-md);
-}
-.banner--warn {
-  background: rgba(224, 163, 62, 0.12);
-  color: var(--warn);
-  border: 1px solid rgba(224, 163, 62, 0.3);
-}
-.banner--danger {
-  background: rgba(229, 72, 77, 0.1);
-  color: var(--danger);
-  border: 1px solid rgba(229, 72, 77, 0.3);
-}
-
-/* ── Content ──────────────────────────────────────────────────────────────── */
-.settings-content {
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-lg);
-}
-.settings-content--disabled {
-  opacity: 0.5;
-  pointer-events: none;
-}
-.settings-section {
-  padding: var(--space-lg) var(--space-xl);
-  // Pas de largeur propre : la page en a une, et une carte plus étroite qu'elle
-  // se décalerait de son propre en-tête — les onglets d'un côté, le formulaire
-  // de l'autre.
-}
-.settings-section-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  color: var(--muted);
-  margin-bottom: var(--space-sm);
-}
-.settings-section-head h2 {
-  margin: 0;
-  font-size: var(--fs-lg);
-  font-weight: 600;
-  letter-spacing: -0.01em;
-  color: var(--text);
-}
-
-/* ── Controls ─────────────────────────────────────────────────────────────── */
-.ctl-input {
-  background: var(--bg);
-  color: var(--text);
-  border: 1px solid var(--line-2);
-  border-radius: var(--radius-sm);
-  padding: var(--space-xs) var(--space-sm);
-  font-size: var(--fs-sm);
-  min-width: 200px;
-  outline: none;
-  transition: border-color var(--motion-fast);
-}
-.ctl-input:focus {
-  border-color: var(--brand-line);
-}
-.ctl-input--num {
-  min-width: 90px;
-  text-align: right;
-}
-.ctl-select {
-  min-width: 300px;
-}
-.ctl-readonly {
-  font-size: var(--fs-sm);
-  color: var(--muted);
-  background: var(--surface-2);
-  border: 1px solid var(--line);
-  border-radius: var(--radius-sm);
-  padding: var(--space-xs) var(--space-sm);
-  max-width: 340px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-/* ── JSON pane ────────────────────────────────────────────────────────────── */
-.json-pane {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-}
-.err {
-  margin: 0;
-  color: var(--danger);
-  font-size: var(--fs-sm);
-}
+  .settings-page {
+    padding: var(--space-md) var(--space-xl) var(--space-xl);
+    width: 100%;
+    max-width: var(--page-max);
+    margin: 0 auto;
+  }
+
+  .settings-header {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: var(--space-xs) var(--space-md);
+    margin-bottom: var(--space-md);
+  }
+  .settings-path-icon {
+    color: var(--faint);
+    flex: 0 0 auto;
+  }
+  .settings-sub {
+    flex: 1 1 auto;
+    min-width: 0;
+    color: var(--dim);
+    font-size: var(--fs-xs);
+  }
+  .settings-tools {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    flex: 0 0 auto;
+    margin-left: auto;
+  }
+  .dirty-pill {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--space-xs);
+    font-size: var(--fs-xs);
+    color: var(--brand);
+    background: var(--brand-soft);
+    border: 1px solid var(--brand-line);
+    border-radius: var(--radius-sm);
+    padding: var(--space-xs) var(--space-sm);
+  }
+
+  /* ── Tab strip ────────────────────────────────────────────────────────────── */
+  .tabs {
+    display: flex;
+    gap: var(--space-xs);
+    border-bottom: 1px solid var(--line);
+    margin-bottom: var(--space-lg);
+    overflow-x: auto;
+  }
+  .tab {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--space-sm);
+    background: transparent;
+    border: none;
+    border-bottom: 2px solid transparent;
+    color: var(--muted);
+    cursor: pointer;
+    font-size: var(--fs-base);
+    font-weight: 500;
+    padding: var(--space-sm) var(--space-md);
+    white-space: nowrap;
+    transition: color var(--motion-fast);
+  }
+  .tab:hover {
+    color: var(--text);
+  }
+  .tab--active {
+    color: var(--brand);
+    border-bottom-color: var(--brand);
+  }
+
+  .banner {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    padding: var(--space-sm) var(--space-md);
+    border-radius: var(--radius-sm);
+    font-size: var(--fs-sm);
+    margin: 0 0 var(--space-md);
+  }
+  .banner--warn {
+    background: rgba(224, 163, 62, 0.12);
+    color: var(--warn);
+    border: 1px solid rgba(224, 163, 62, 0.3);
+  }
+  .banner--danger {
+    background: rgba(229, 72, 77, 0.1);
+    color: var(--danger);
+    border: 1px solid rgba(229, 72, 77, 0.3);
+  }
+
+  /* ── Content ──────────────────────────────────────────────────────────────── */
+  .settings-content {
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-lg);
+  }
+  .settings-content--disabled {
+    opacity: 0.5;
+    pointer-events: none;
+  }
+  .settings-section {
+    padding: var(--space-lg) var(--space-xl);
+    // Pas de largeur propre : la page en a une, et une carte plus étroite qu'elle
+    // se décalerait de son propre en-tête — les onglets d'un côté, le formulaire
+    // de l'autre.
+  }
+  .settings-section-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    color: var(--muted);
+    margin-bottom: var(--space-sm);
+  }
+  .settings-section-head h2 {
+    margin: 0;
+    font-size: var(--fs-lg);
+    font-weight: 600;
+    letter-spacing: -0.01em;
+    color: var(--text);
+  }
+
+  /* ── Controls ─────────────────────────────────────────────────────────────── */
+  .ctl-input {
+    background: var(--bg);
+    color: var(--text);
+    border: 1px solid var(--line-2);
+    border-radius: var(--radius-sm);
+    padding: var(--space-xs) var(--space-sm);
+    font-size: var(--fs-sm);
+    min-width: 200px;
+    outline: none;
+    transition: border-color var(--motion-fast);
+  }
+  .ctl-input:focus {
+    border-color: var(--brand-line);
+  }
+  .ctl-input--num {
+    min-width: 90px;
+    text-align: right;
+  }
+  .ctl-select {
+    min-width: 300px;
+  }
+  .ctl-readonly {
+    font-size: var(--fs-sm);
+    color: var(--muted);
+    background: var(--surface-2);
+    border: 1px solid var(--line);
+    border-radius: var(--radius-sm);
+    padding: var(--space-xs) var(--space-sm);
+    max-width: 340px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  /* ── JSON pane ────────────────────────────────────────────────────────────── */
+  .json-pane {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+  }
+  .err {
+    margin: 0;
+    color: var(--danger);
+    font-size: var(--fs-sm);
+  }
 </style>
diff --git a/src/pages/SkillsPage.vue b/src/pages/SkillsPage.vue
index 2ebb56f..76690cd 100644
--- a/src/pages/SkillsPage.vue
+++ b/src/pages/SkillsPage.vue
@@ -16,13 +16,13 @@
 </template>
 
 <script setup lang="ts">
-import { useI18n } from 'vue-i18n';
-import ResourceViewer from '@/components/resources/ResourceViewer.vue';
-import { listSkills } from '@/services/claude';
-import { SKILL_KEYS } from '@/utils/resourceFrontmatter';
+  import ResourceViewer from '@/components/resources/ResourceViewer.vue'
+  import { listSkills } from '@/services/claude'
+  import { SKILL_KEYS } from '@/utils/resourceFrontmatter'
+  import { useI18n } from 'vue-i18n'
 
-const { t } = useI18n();
+  const { t } = useI18n()
 
-/** A skill is a folder: `skills/foo/SKILL.md` → `skills/foo`. */
-const skillDir = (rel: string): string => rel.replace(/\/SKILL\.md$/i, '');
+  /** A skill is a folder: `skills/foo/SKILL.md` → `skills/foo`. */
+  const skillDir = (rel: string): string => rel.replace(/\/SKILL\.md$/i, '')
 </script>
diff --git a/src/pages/TranscriptReplayPage.vue b/src/pages/TranscriptReplayPage.vue
index f268d43..bf09a72 100644
--- a/src/pages/TranscriptReplayPage.vue
+++ b/src/pages/TranscriptReplayPage.vue
@@ -21,21 +21,13 @@
           <h1 class="rp-title">
             {{ data.title || data.firstPrompt || t('pages.replay.untitled') }}
             <!-- A name the user typed is worth distinguishing from a generated one. -->
-            <span v-if="data.titleSource === 'custom'" class="rp-title-badge font-mono">{{
-              t('pages.replay.named')
-            }}</span>
+            <span v-if="data.titleSource === 'custom'" class="rp-title-badge font-mono">{{ t('pages.replay.named') }}</span>
           </h1>
           <div class="rp-meta font-mono">
-            <span v-if="data.gitBranch"
-              ><q-icon name="account_tree" size="13px" /> {{ data.gitBranch }}</span
-            >
-            <span v-if="data.stats.models.length"
-              ><q-icon name="memory" size="13px" /> {{ data.stats.models.join(', ') }}</span
-            >
+            <span v-if="data.gitBranch"><q-icon name="account_tree" size="13px" /> {{ data.gitBranch }}</span>
+            <span v-if="data.stats.models.length"><q-icon name="memory" size="13px" /> {{ data.stats.models.join(', ') }}</span>
             <span><q-icon name="schedule" size="13px" /> {{ fmtDate(data.stats.startedAt) }}</span>
-            <span v-if="data.hasSidechain" class="rp-meta-sub"
-              ><q-icon name="account_tree" size="13px" /> {{ t('pages.replay.subagents') }}</span
-            >
+            <span v-if="data.hasSidechain" class="rp-meta-sub"><q-icon name="account_tree" size="13px" /> {{ t('pages.replay.subagents') }}</span>
           </div>
         </div>
         <dl class="rp-stats font-mono">
@@ -122,24 +114,8 @@
             <div class="rp-controls">
               <span class="section-label">{{ scopeLabel }}</span>
               <q-space />
-              <q-btn
-                flat
-                dense
-                no-caps
-                size="sm"
-                icon="unfold_more"
-                :label="t('pages.replay.expandAll')"
-                @click="expandAll"
-              />
-              <q-btn
-                flat
-                dense
-                no-caps
-                size="sm"
-                icon="unfold_less"
-                :label="t('pages.replay.collapseAll')"
-                @click="collapseAll"
-              />
+              <q-btn flat dense no-caps size="sm" icon="unfold_more" :label="t('pages.replay.expandAll')" @click="expandAll" />
+              <q-btn flat dense no-caps size="sm" icon="unfold_less" :label="t('pages.replay.collapseAll')" @click="collapseAll" />
             </div>
 
             <!--
@@ -152,12 +128,7 @@
               à `hasSidechain` : une barre à une seule entrée annoncerait un
               choix qui n'existe pas.
             -->
-            <AgentTrackBar
-              v-if="data.subagents.length"
-              v-model="track"
-              :runs="data.subagents"
-              :main-count="mainEventCount"
-            />
+            <AgentTrackBar v-if="data.subagents.length" v-model="track" :runs="data.subagents" :main-count="mainEventCount" />
           </div>
 
           <!-- Le flux de la piste affichée. Le `tabpanel` est frère de la barre,
@@ -213,25 +184,14 @@
             Absent quand la session ne tient pas de liste : une carte vide
             prendrait la place du contexte sans rien apprendre.
           -->
-          <AsideSection
-            v-if="tasks.tasks.length"
-            :title="t('pages.replay.tasks')"
-            :open="openPanel === 'tasks'"
-            @toggle="togglePanel('tasks')"
-          >
+          <AsideSection v-if="tasks.tasks.length" :title="t('pages.replay.tasks')" :open="openPanel === 'tasks'" @toggle="togglePanel('tasks')">
             <template #summary>
-              <span v-if="tasks.currentWave">
-                {{ tasks.currentWave.done }} / {{ tasks.currentWave.tasks.length }}
-              </span>
+              <span v-if="tasks.currentWave"> {{ tasks.currentWave.done }} / {{ tasks.currentWave.tasks.length }} </span>
             </template>
             <TaskPanel :progress="tasks" @navigate="(u: string) => void goToTurn(u)" />
           </AsideSection>
 
-          <AsideSection
-            :title="t('pages.replay.context')"
-            :open="openPanel === 'context'"
-            @toggle="togglePanel('context')"
-          >
+          <AsideSection :title="t('pages.replay.context')" :open="openPanel === 'context'" @toggle="togglePanel('context')">
             <!-- Le remplissage, replié comme ouvert : c'est le chiffre pour
                  lequel on ouvre le panneau, autant le donner d'emblée. -->
             <template #summary>
@@ -241,21 +201,12 @@
             <!-- Sans `cost-usd` : le total est dit dans le panneau voisin,
                  décomposé. Le panneau ne l'affiche que si on le lui donne — le
                  tiroir de la page Sessions, lui, n'a pas de voisin pour le dire. -->
-            <ContextPanel
-              :context="data.context"
-              @navigate="(u: string) => void goToTurn(u)"
-              @summary="fill = $event"
-            />
+            <ContextPanel :context="data.context" @navigate="(u: string) => void goToTurn(u)" @summary="fill = $event" />
           </AsideSection>
 
           <!-- Le panneau ne parle plus seulement d'argent : il situe aussi ce
                que la session a fait — chercher, relire. D'où le titre. -->
-          <AsideSection
-            :title="t('pages.replay.diagnostic')"
-            :open="openPanel === 'cost'"
-            pad
-            @toggle="togglePanel('cost')"
-          >
+          <AsideSection :title="t('pages.replay.diagnostic')" :open="openPanel === 'cost'" pad @toggle="togglePanel('cost')">
             <!--
               Le montant et, s'il y a lieu, la gravité du pire constat. Replié,
               c'est tout ce qu'on saura du diagnostic — et c'est ce qui décide de
@@ -281,477 +232,464 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted, onUnmounted, provide, ref, computed, watch, nextTick } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-import { readTranscript, type ParsedTranscript } from '@/services/projects';
-import { onClaudeChange } from '@/services/events';
-import type { Severity } from '@/services/diagnostics';
-import { severityIcon, severityColor, severityLabel } from '@/services/diagnostics/severity';
-import { prettyProjectSlug } from '@/utils/slug';
-import { useI18n } from 'vue-i18n';
-import { fmtDate, fmtNum, fmtDuration, fmtCost, fmtPercent } from '@/utils/format';
-import { setBreadcrumbs } from '@/composables/useBreadcrumbs';
-import { provideExpandAll } from '@/composables/useExpandAll';
-import {
-  eventsOfTrack,
-  trackOfEvent,
-  trackTabId,
-  MAIN_TRACK,
-  type TrackId,
-} from '@/composables/useAgentTracks';
-import TranscriptTimeline from '@/components/replay/TranscriptTimeline.vue';
-import AgentTrackBar from '@/components/replay/AgentTrackBar.vue';
-import AsideSection from '@/components/replay/AsideSection.vue';
-import ContextPanel from '@/components/replay/ContextPanel.vue';
-import SessionCostPanel from '@/components/replay/SessionCostPanel.vue';
-import TaskPanel from '@/components/replay/TaskPanel.vue';
-import { TRANSCRIPT_SOURCE } from '@/components/replay/transcriptSource';
-import { trackTasks, taskIndex, TASK_INDEX } from '@/components/replay/taskList';
-import { indexRuns, AGENT_RUNS, OPEN_TRACK } from '@/components/replay/agentRuns';
-
-const { t } = useI18n();
-
-const props = defineProps<{ slug: string; id: string }>();
-
-const route = useRoute();
-const router = useRouter();
-
-// Seule la méthode exposée nous intéresse ; `InstanceType` se résoudrait en `any`.
-const timeline = ref<{ scrollToEvent: (uuid: string) => Promise<boolean> } | null>(null);
-
-/**
- * Suivre un lien du panneau de contexte ou du plan jusqu'au tour qu'il désigne.
- *
- * Ces liens visent tous le fil principal, mais on peut les suivre depuis la
- * piste d'un agent — leur cible n'est alors pas à l'écran. On change de piste
- * avant de sauter, plutôt que d'échouer en silence.
- */
-async function goToTurn(uuid: string): Promise<void> {
-  const target = trackByUuid.value.get(uuid);
-  if (target !== undefined && target !== track.value) {
-    track.value = target;
-    await nextTick();
-  }
-  await timeline.value?.scrollToEvent(uuid);
-}
-
-// Lets a tool call deep in the timeline fetch the output Claude Code spilled to
-// disk, without threading (slug, id) through every component in between.
-provide(
-  TRANSCRIPT_SOURCE,
-  computed(() => ({ slug: props.slug, sessionId: props.id })),
-);
-
-const data = ref<ParsedTranscript | null>(null);
-const loading = ref(true);
-const error = ref('');
-
-// Reaches every fold in the timeline — turns, tool calls, results, reasoning,
-// reports — without any of them being props of TranscriptTimeline.
-const { expandAll, collapseAll } = provideExpandAll();
-
-const projectName = computed(() => prettyProjectSlug(props.slug));
-const shortId = computed(() => props.id.slice(0, 8));
-
-// ── Les pistes ───────────────────────────────────────────────────────────────
-
-/**
- * La piste demandée : `''` pour le fil principal, sinon un `agentId`.
- *
- * Brute, non résolue : l'URL peut nommer une piste avant que le transcript qui
- * la contient soit arrivé. `track` fait le tri une fois les runs connus, et
- * retombe sur le fil principal pour un identifiant qui n'existe pas — un lien
- * partagé vers une session ne doit pas ouvrir sur un flux vide.
- */
-const wantedTrack = ref<TrackId>(String(route.query.agent ?? ''));
-
-const track = computed<TrackId>({
-  get: () =>
-    data.value?.subagents.some((r) => r.agentId === wantedTrack.value)
-      ? wantedTrack.value
-      : MAIN_TRACK,
-  set: (v) => {
-    wantedTrack.value = v;
-  },
-});
-
-/** Tout ce que porte le transcript, sans tri : ce que la page mesure. */
-const allEvents = computed(() => data.value?.events ?? []);
-
-/**
- * Le flux affiché : celui de la piste choisie, et lui seul.
- *
- * Les autres lecteurs du transcript passent par `allEvents` — le plan de
- * travail, l'état des runs et le contexte décrivent la session entière, pas la
- * piste qu'on regarde, et ils ne doivent pas maigrir en changeant d'onglet.
- */
-const visibleEvents = computed(() => eventsOfTrack(allEvents.value, track.value));
-
-/** Où se trouve chaque événement — pour sauter à un tour d'une autre piste. */
-const trackByUuid = computed(() => trackOfEvent(allEvents.value));
-
-/** Ce qui reste au fil principal une fois les agents sortis, pour son onglet. */
-const mainEventCount = computed(() => allEvents.value.filter((e) => !e.agentId).length);
-
-/** Le run affiché, quand ce n'est pas le fil principal. */
-const currentRun = computed(
-  () => data.value?.subagents.find((r) => r.agentId === track.value) ?? null,
-);
-
-/** Ce que la barre d'outils annonce du flux qu'elle surplombe. */
-const scopeLabel = computed(() => {
-  const run = currentRun.value;
-  if (!run) {
-    return data.value?.subagents.length
-      ? t('pages.replay.scope.main')
-      : t('pages.replay.scope.all');
+  import { indexRuns, AGENT_RUNS, OPEN_TRACK } from '@/components/replay/agentRuns'
+  import AgentTrackBar from '@/components/replay/AgentTrackBar.vue'
+  import AsideSection from '@/components/replay/AsideSection.vue'
+  import ContextPanel from '@/components/replay/ContextPanel.vue'
+  import SessionCostPanel from '@/components/replay/SessionCostPanel.vue'
+  import { trackTasks, taskIndex, TASK_INDEX } from '@/components/replay/taskList'
+  import TaskPanel from '@/components/replay/TaskPanel.vue'
+  import { TRANSCRIPT_SOURCE } from '@/components/replay/transcriptSource'
+  import TranscriptTimeline from '@/components/replay/TranscriptTimeline.vue'
+  import { eventsOfTrack, trackOfEvent, trackTabId, MAIN_TRACK, type TrackId } from '@/composables/useAgentTracks'
+  import { setBreadcrumbs } from '@/composables/useBreadcrumbs'
+  import { provideExpandAll } from '@/composables/useExpandAll'
+  import type { Severity } from '@/services/diagnostics'
+  import { severityIcon, severityColor, severityLabel } from '@/services/diagnostics/severity'
+  import { onClaudeChange } from '@/services/events'
+  import { readTranscript, type ParsedTranscript } from '@/services/projects'
+  import { fmtDate, fmtNum, fmtDuration, fmtCost, fmtPercent } from '@/utils/format'
+  import { prettyProjectSlug } from '@/utils/slug'
+  import { onMounted, onUnmounted, provide, ref, computed, watch, nextTick } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import { useRoute, useRouter } from 'vue-router'
+
+  const { t } = useI18n()
+
+  const props = defineProps<{ slug: string; id: string }>()
+
+  const route = useRoute()
+  const router = useRouter()
+
+  // Seule la méthode exposée nous intéresse ; `InstanceType` se résoudrait en `any`.
+  const timeline = ref<{ scrollToEvent: (uuid: string) => Promise<boolean> } | null>(null)
+
+  /**
+   * Suivre un lien du panneau de contexte ou du plan jusqu'au tour qu'il désigne.
+   *
+   * Ces liens visent tous le fil principal, mais on peut les suivre depuis la
+   * piste d'un agent — leur cible n'est alors pas à l'écran. On change de piste
+   * avant de sauter, plutôt que d'échouer en silence.
+   */
+  async function goToTurn(uuid: string): Promise<void> {
+    const target = trackByUuid.value.get(uuid)
+    if (target !== undefined && target !== track.value) {
+      track.value = target
+      await nextTick()
+    }
+    await timeline.value?.scrollToEvent(uuid)
   }
-  return t('pages.replay.scope.track', {
-    agent: run.agentType ?? t('pages.replay.scope.unnamed'),
-    turns: t('pages.replay.scope.turns', run.turns),
-  });
-});
-
-/**
- * Refléter la piste dans l'URL, sans rien y perdre.
- *
- * Une piste est une adresse : c'est elle qu'on partage quand on veut montrer ce
- * qu'un agent a fait. On repart de la query courante pour laisser survivre un
- * paramètre étranger.
- */
-watch(wantedTrack, () => {
-  const q: Record<string, string> = {};
-  for (const [k, v] of Object.entries(route.query)) if (typeof v === 'string') q[k] = v;
-  if (wantedTrack.value) q.agent = wantedTrack.value;
-  else delete q.agent;
-  void router.replace({ query: q });
-});
-
-// Changer de session, c'est repartir du fil principal : la piste d'une session
-// n'a aucun sens dans la suivante, et son identifiant n'y existe même pas.
-watch(
-  () => props.id,
-  () => {
-    wantedTrack.value = MAIN_TRACK;
-  },
-);
-
-/** Le plan de travail rejoué — la colonne l'affiche, les jalons du flux le lisent. */
-const tasks = computed(() => trackTasks(allEvents.value));
-
-// ── La colonne latérale ──────────────────────────────────────────────────────
-
-type AsidePanel = 'tasks' | 'context' | 'cost';
-
-/**
- * Le panneau déplié — un seul à la fois, ou aucun.
- *
- * Tout replier laisse trois titres et leurs chiffres, ce qui suffit souvent :
- * on sait où en est le plan, ce que remplit la fenêtre et ce que la session a
- * coûté sans quitter le flux des yeux. C'est aussi la seule façon de rendre au
- * transcript la pleine hauteur de l'écran quand on lit une longue conversation.
- *
- * Le contexte est déplié au premier affichage — c'est le plus long des trois,
- * celui à qui la hauteur retrouvée profite le plus, et la question qu'on se pose
- * en relisant une session est le plus souvent « qu'est-ce qui remplit la fenêtre ».
- */
-const openPanel = ref<AsidePanel | null>('context');
-
-/** Ouvrir celui-là, ou refermer si c'est déjà lui. */
-function togglePanel(k: AsidePanel): void {
-  openPanel.value = openPanel.value === k ? null : k;
-}
-
-/** Le remplissage de la fenêtre, que le panneau replié ne dirait plus. */
-const fill = ref<{ total: number; limit: number; percent: number } | null>(null);
-/** Le bilan du diagnostic, idem — il se charge même replié, pour ce chiffre. */
-const diag = ref<{
-  totalUsd: number;
-  partial: boolean;
-  worst: Severity | null;
-  findings: number;
-} | null>(null);
-
-// Une session sans plan n'a pas de carte « Tâches ». Si c'était elle qui était
-// ouverte, la colonne montrerait un panneau qui n'existe plus — la navigation
-// d'une session à l'autre ne remonte pas la page.
-watch(
-  () => tasks.value.tasks.length,
-  (n) => {
-    if (!n && openPanel.value === 'tasks') openPanel.value = 'context';
-  },
-);
-
-// Le sujet de chaque tâche, pour les jalons du flux : un `TaskUpdate` ne porte
-// qu'un numéro, et « #3 » n'apprend rien à qui lit.
-provide(
-  TASK_INDEX,
-  computed(() => taskIndex(tasks.value)),
-);
-
-/**
- * L'état des runs, pour la carte que porte chaque appel `Agent`.
- *
- * Les tours du sous-agent vivent désormais dans leur piste : la carte de l'appel
- * est le seul endroit du fil principal qui dise ce que l'agent a fait, et c'est
- * exactement là qu'on le cherche puisque ses deux cents lignes partaient d'ici.
- *
- * Indexée sur tout le flux, jamais sur la piste affichée : le dernier outil d'un
- * run se lit dans les tours de l'agent, que la carte, elle, ne montre pas.
- */
-provide(
-  AGENT_RUNS,
-  computed(() => indexRuns(allEvents.value, data.value?.subagents ?? [])),
-);
-
-/** Depuis la carte d'un appel, sauter dans la piste de son agent. */
-provide(OPEN_TRACK, (agentId: string) => {
-  track.value = agentId;
-});
-
-/** Une requête est en vol. */
-let inFlight = false;
-/** Le fichier a rebougé pendant cette requête : sa réponse est déjà périmée. */
-let stale = false;
-/** Empreinte du transcript affiché, pour ne pas le remplacer par son sosie. */
-let etag = '';
-let unsubscribe: (() => void) | null = null;
-
-/**
- * (Re)lire le transcript.
- *
- * `showLoader` distingue le premier chargement — où le squelette est la bonne
- * réponse — des relectures poussées par le watcher, où il effacerait la session
- * sous les yeux du lecteur à chaque ligne ajoutée.
- *
- * Deux notifications rapprochées se chevaucheraient : la seconde repart avant que
- * la première ait rendu. Plutôt que de les laisser courir ensemble et laisser le
- * hasard décider laquelle écrit `data` en dernier, on n'en garde qu'une en vol et
- * on rejoue une fois à la fin si le fichier a rebougé entre-temps. Ignorer la
- * seconde perdrait la dernière ligne d'une session, définitivement.
- */
-async function load(showLoader: boolean): Promise<void> {
-  if (inFlight) {
-    stale = true;
-    return;
+
+  // Lets a tool call deep in the timeline fetch the output Claude Code spilled to
+  // disk, without threading (slug, id) through every component in between.
+  provide(
+    TRANSCRIPT_SOURCE,
+    computed(() => ({ slug: props.slug, sessionId: props.id })),
+  )
+
+  const data = ref<ParsedTranscript | null>(null)
+  const loading = ref(true)
+  const error = ref('')
+
+  // Reaches every fold in the timeline — turns, tool calls, results, reasoning,
+  // reports — without any of them being props of TranscriptTimeline.
+  const { expandAll, collapseAll } = provideExpandAll()
+
+  const projectName = computed(() => prettyProjectSlug(props.slug))
+  const shortId = computed(() => props.id.slice(0, 8))
+
+  // ── Les pistes ───────────────────────────────────────────────────────────────
+
+  /**
+   * La piste demandée : `''` pour le fil principal, sinon un `agentId`.
+   *
+   * Brute, non résolue : l'URL peut nommer une piste avant que le transcript qui
+   * la contient soit arrivé. `track` fait le tri une fois les runs connus, et
+   * retombe sur le fil principal pour un identifiant qui n'existe pas — un lien
+   * partagé vers une session ne doit pas ouvrir sur un flux vide.
+   */
+  const wantedTrack = ref<TrackId>(String(route.query.agent ?? ''))
+
+  const track = computed<TrackId>({
+    get: () => (data.value?.subagents.some((r) => r.agentId === wantedTrack.value) ? wantedTrack.value : MAIN_TRACK),
+    set: (v) => {
+      wantedTrack.value = v
+    },
+  })
+
+  /** Tout ce que porte le transcript, sans tri : ce que la page mesure. */
+  const allEvents = computed(() => data.value?.events ?? [])
+
+  /**
+   * Le flux affiché : celui de la piste choisie, et lui seul.
+   *
+   * Les autres lecteurs du transcript passent par `allEvents` — le plan de
+   * travail, l'état des runs et le contexte décrivent la session entière, pas la
+   * piste qu'on regarde, et ils ne doivent pas maigrir en changeant d'onglet.
+   */
+  const visibleEvents = computed(() => eventsOfTrack(allEvents.value, track.value))
+
+  /** Où se trouve chaque événement — pour sauter à un tour d'une autre piste. */
+  const trackByUuid = computed(() => trackOfEvent(allEvents.value))
+
+  /** Ce qui reste au fil principal une fois les agents sortis, pour son onglet. */
+  const mainEventCount = computed(() => allEvents.value.filter((e) => !e.agentId).length)
+
+  /** Le run affiché, quand ce n'est pas le fil principal. */
+  const currentRun = computed(() => data.value?.subagents.find((r) => r.agentId === track.value) ?? null)
+
+  /** Ce que la barre d'outils annonce du flux qu'elle surplombe. */
+  const scopeLabel = computed(() => {
+    const run = currentRun.value
+    if (!run) {
+      return data.value?.subagents.length ? t('pages.replay.scope.main') : t('pages.replay.scope.all')
+    }
+    return t('pages.replay.scope.track', {
+      agent: run.agentType ?? t('pages.replay.scope.unnamed'),
+      turns: t('pages.replay.scope.turns', run.turns),
+    })
+  })
+
+  /**
+   * Refléter la piste dans l'URL, sans rien y perdre.
+   *
+   * Une piste est une adresse : c'est elle qu'on partage quand on veut montrer ce
+   * qu'un agent a fait. On repart de la query courante pour laisser survivre un
+   * paramètre étranger.
+   */
+  watch(wantedTrack, () => {
+    const q: Record<string, string> = {}
+    for (const [k, v] of Object.entries(route.query)) if (typeof v === 'string') q[k] = v
+    if (wantedTrack.value) q.agent = wantedTrack.value
+    else delete q.agent
+    void router.replace({ query: q })
+  })
+
+  // Changer de session, c'est repartir du fil principal : la piste d'une session
+  // n'a aucun sens dans la suivante, et son identifiant n'y existe même pas.
+  watch(
+    () => props.id,
+    () => {
+      wantedTrack.value = MAIN_TRACK
+    },
+  )
+
+  /** Le plan de travail rejoué — la colonne l'affiche, les jalons du flux le lisent. */
+  const tasks = computed(() => trackTasks(allEvents.value))
+
+  // ── La colonne latérale ──────────────────────────────────────────────────────
+
+  type AsidePanel = 'tasks' | 'context' | 'cost'
+
+  /**
+   * Le panneau déplié — un seul à la fois, ou aucun.
+   *
+   * Tout replier laisse trois titres et leurs chiffres, ce qui suffit souvent :
+   * on sait où en est le plan, ce que remplit la fenêtre et ce que la session a
+   * coûté sans quitter le flux des yeux. C'est aussi la seule façon de rendre au
+   * transcript la pleine hauteur de l'écran quand on lit une longue conversation.
+   *
+   * Le contexte est déplié au premier affichage — c'est le plus long des trois,
+   * celui à qui la hauteur retrouvée profite le plus, et la question qu'on se pose
+   * en relisant une session est le plus souvent « qu'est-ce qui remplit la fenêtre ».
+   */
+  const openPanel = ref<AsidePanel | null>('context')
+
+  /** Ouvrir celui-là, ou refermer si c'est déjà lui. */
+  function togglePanel(k: AsidePanel): void {
+    openPanel.value = openPanel.value === k ? null : k
   }
-  inFlight = true;
-  if (showLoader) loading.value = true;
-
-  const id = props.id;
-  try {
-    const read = await readTranscript(props.slug, id);
-    // L'utilisateur a pu naviguer ailleurs pendant la requête.
-    if (id !== props.id) return;
-    error.value = '';
-    // Même empreinte : le fichier n'a pas bougé. Réaffecter `data` reconstruirait
-    // toute la timeline à l'identique. Une empreinte vide n'affirme rien.
-    if (read.etag && read.etag === etag && data.value) return;
-    etag = read.etag;
-    data.value = read.transcript;
-  } catch (e) {
-    // Sur une relecture silencieuse, ne pas remplacer un transcript déjà lisible
-    // par une erreur passagère : on la montre seulement si l'on n'a rien à afficher.
-    if (showLoader || !data.value) {
-      error.value = e instanceof Error ? e.message : t('pages.replay.error');
+
+  /** Le remplissage de la fenêtre, que le panneau replié ne dirait plus. */
+  const fill = ref<{ total: number; limit: number; percent: number } | null>(null)
+  /** Le bilan du diagnostic, idem — il se charge même replié, pour ce chiffre. */
+  const diag = ref<{
+    totalUsd: number
+    partial: boolean
+    worst: Severity | null
+    findings: number
+  } | null>(null)
+
+  // Une session sans plan n'a pas de carte « Tâches ». Si c'était elle qui était
+  // ouverte, la colonne montrerait un panneau qui n'existe plus — la navigation
+  // d'une session à l'autre ne remonte pas la page.
+  watch(
+    () => tasks.value.tasks.length,
+    (n) => {
+      if (!n && openPanel.value === 'tasks') openPanel.value = 'context'
+    },
+  )
+
+  // Le sujet de chaque tâche, pour les jalons du flux : un `TaskUpdate` ne porte
+  // qu'un numéro, et « #3 » n'apprend rien à qui lit.
+  provide(
+    TASK_INDEX,
+    computed(() => taskIndex(tasks.value)),
+  )
+
+  /**
+   * L'état des runs, pour la carte que porte chaque appel `Agent`.
+   *
+   * Les tours du sous-agent vivent désormais dans leur piste : la carte de l'appel
+   * est le seul endroit du fil principal qui dise ce que l'agent a fait, et c'est
+   * exactement là qu'on le cherche puisque ses deux cents lignes partaient d'ici.
+   *
+   * Indexée sur tout le flux, jamais sur la piste affichée : le dernier outil d'un
+   * run se lit dans les tours de l'agent, que la carte, elle, ne montre pas.
+   */
+  provide(
+    AGENT_RUNS,
+    computed(() => indexRuns(allEvents.value, data.value?.subagents ?? [])),
+  )
+
+  /** Depuis la carte d'un appel, sauter dans la piste de son agent. */
+  provide(OPEN_TRACK, (agentId: string) => {
+    track.value = agentId
+  })
+
+  /** Une requête est en vol. */
+  let inFlight = false
+  /** Le fichier a rebougé pendant cette requête : sa réponse est déjà périmée. */
+  let stale = false
+  /** Empreinte du transcript affiché, pour ne pas le remplacer par son sosie. */
+  let etag = ''
+  let unsubscribe: (() => void) | null = null
+
+  /**
+   * (Re)lire le transcript.
+   *
+   * `showLoader` distingue le premier chargement — où le squelette est la bonne
+   * réponse — des relectures poussées par le watcher, où il effacerait la session
+   * sous les yeux du lecteur à chaque ligne ajoutée.
+   *
+   * Deux notifications rapprochées se chevaucheraient : la seconde repart avant que
+   * la première ait rendu. Plutôt que de les laisser courir ensemble et laisser le
+   * hasard décider laquelle écrit `data` en dernier, on n'en garde qu'une en vol et
+   * on rejoue une fois à la fin si le fichier a rebougé entre-temps. Ignorer la
+   * seconde perdrait la dernière ligne d'une session, définitivement.
+   */
+  async function load(showLoader: boolean): Promise<void> {
+    if (inFlight) {
+      stale = true
+      return
     }
-  } finally {
-    inFlight = false;
-    loading.value = false;
-    if (stale) {
-      stale = false;
-      void load(false);
+    inFlight = true
+    if (showLoader) loading.value = true
+
+    const id = props.id
+    try {
+      const read = await readTranscript(props.slug, id)
+      // L'utilisateur a pu naviguer ailleurs pendant la requête.
+      if (id !== props.id) return
+      error.value = ''
+      // Même empreinte : le fichier n'a pas bougé. Réaffecter `data` reconstruirait
+      // toute la timeline à l'identique. Une empreinte vide n'affirme rien.
+      if (read.etag && read.etag === etag && data.value) return
+      etag = read.etag
+      data.value = read.transcript
+    } catch (e) {
+      // Sur une relecture silencieuse, ne pas remplacer un transcript déjà lisible
+      // par une erreur passagère : on la montre seulement si l'on n'a rien à afficher.
+      if (showLoader || !data.value) {
+        error.value = e instanceof Error ? e.message : t('pages.replay.error')
+      }
+    } finally {
+      inFlight = false
+      loading.value = false
+      if (stale) {
+        stale = false
+        void load(false)
+      }
     }
   }
-}
-
-onMounted(() => {
-  // Fil d'Ariane du haut : Projets > <projet> > <id court>.
-  setBreadcrumbs([
-    { label: t('nav.projects'), to: { name: 'projects' } },
-    { label: projectName.value, to: { name: 'project', params: { slug: props.slug } } },
-    { label: shortId.value },
-  ]);
-  void load(true);
-
-  // La session affichée peut être en cours. Le watcher du BFF dit quand elle
-  // grandit ; on ne compare que l'identifiant, qui est unique — le slug, lui,
-  // vient de l'URL et peut différer du nom de dossier par la casse.
-  unsubscribe = onClaudeChange((ev) => {
-    if (ev.kind === 'transcript' && ev.id === props.id) void load(false);
-  });
-
-  document.addEventListener('visibilitychange', revalidate);
-});
-
-onUnmounted(() => {
-  unsubscribe?.();
-  document.removeEventListener('visibilitychange', revalidate);
-});
-
-/**
- * Rattraper ce que le watcher a pu laisser passer.
- *
- * `fs.watch` est best-effort : il coalesce sous charge et perd des événements sur
- * certaines plateformes. Un timer de rattrapage sonderait le serveur pour rien la
- * plupart du temps — or c'est précisément le polling qu'on a retiré. Le seul
- * instant où un retard se voit est celui où l'on revient à l'écran : c'est donc
- * là qu'on relit, et l'`ETag` fait qu'un fichier inchangé ne coûte rien.
- */
-function revalidate(): void {
-  if (document.visibilityState === 'visible') void load(false);
-}
+
+  onMounted(() => {
+    // Fil d'Ariane du haut : Projets > <projet> > <id court>.
+    setBreadcrumbs([
+      { label: t('nav.projects'), to: { name: 'projects' } },
+      { label: projectName.value, to: { name: 'project', params: { slug: props.slug } } },
+      { label: shortId.value },
+    ])
+    void load(true)
+
+    // La session affichée peut être en cours. Le watcher du BFF dit quand elle
+    // grandit ; on ne compare que l'identifiant, qui est unique — le slug, lui,
+    // vient de l'URL et peut différer du nom de dossier par la casse.
+    unsubscribe = onClaudeChange((ev) => {
+      if (ev.kind === 'transcript' && ev.id === props.id) void load(false)
+    })
+
+    document.addEventListener('visibilitychange', revalidate)
+  })
+
+  onUnmounted(() => {
+    unsubscribe?.()
+    document.removeEventListener('visibilitychange', revalidate)
+  })
+
+  /**
+   * Rattraper ce que le watcher a pu laisser passer.
+   *
+   * `fs.watch` est best-effort : il coalesce sous charge et perd des événements sur
+   * certaines plateformes. Un timer de rattrapage sonderait le serveur pour rien la
+   * plupart du temps — or c'est précisément le polling qu'on a retiré. Le seul
+   * instant où un retard se voit est celui où l'on revient à l'écran : c'est donc
+   * là qu'on relit, et l'`ETag` fait qu'un fichier inchangé ne coûte rien.
+   */
+  function revalidate(): void {
+    if (document.visibilityState === 'visible') void load(false)
+  }
 </script>
 
 <style scoped lang="scss">
-// La barre d'état est fixée en haut de la fenêtre : tout ce qui colle au
-// défilement doit s'arrêter sous elle, pas dessous.
-$topbar: 40px;
-
-.rp {
-  padding: var(--space-md) var(--space-xl) var(--space-xl);
-  width: 100%;
-  // La largeur de lecture du flux (900) plus la colonne latérale et sa gouttière.
-  max-width: 1340px;
-  margin: 0 auto;
-}
-
-.rp-cols {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) 380px;
-  gap: var(--space-lg);
-  align-items: start;
-}
-
-.rp-main {
-  min-width: 0;
-  // Le flux garde sa largeur de lecture même quand la fenêtre est plus large.
-  max-width: 900px;
-}
-
-.rp-aside {
-  position: sticky;
-  top: calc(#{$topbar} + var(--space-sm));
-  height: calc(100vh - #{$topbar} - var(--space-lg));
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-md);
-  // Sans cette marge, l'ombre des cartes est rognée par le bord du conteneur.
-  padding: 2px;
-}
-
-// La répartition des hauteurs appartient à `AsideSection` : repliée elle prend
-// celle de son titre, dépliée tout le reste. La colonne n'a plus rien à arbitrer.
-
-// Sous cette largeur, deux colonnes ne tiennent plus : la conversation d'abord,
-// les panneaux ensuite, sur toute la largeur. Le repli est conservé — dérouler
-// les trois d'un coup sous le transcript est exactement ce qu'on a corrigé.
-@media (max-width: 1279px) {
+  // La barre d'état est fixée en haut de la fenêtre : tout ce qui colle au
+  // défilement doit s'arrêter sous elle, pas dessous.
+  $topbar: 40px;
+
+  .rp {
+    padding: var(--space-md) var(--space-xl) var(--space-xl);
+    width: 100%;
+    // La largeur de lecture du flux (900) plus la colonne latérale et sa gouttière.
+    max-width: 1340px;
+    margin: 0 auto;
+  }
+
   .rp-cols {
-    grid-template-columns: minmax(0, 1fr);
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) 380px;
+    gap: var(--space-lg);
+    align-items: start;
   }
+
+  .rp-main {
+    min-width: 0;
+    // Le flux garde sa largeur de lecture même quand la fenêtre est plus large.
+    max-width: 900px;
+  }
+
   .rp-aside {
-    position: static;
-    height: auto;
+    position: sticky;
+    top: calc(#{$topbar} + var(--space-sm));
+    height: calc(100vh - #{$topbar} - var(--space-lg));
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md);
+    // Sans cette marge, l'ombre des cartes est rognée par le bord du conteneur.
+    padding: 2px;
+  }
+
+  // La répartition des hauteurs appartient à `AsideSection` : repliée elle prend
+  // celle de son titre, dépliée tout le reste. La colonne n'a plus rien à arbitrer.
+
+  // Sous cette largeur, deux colonnes ne tiennent plus : la conversation d'abord,
+  // les panneaux ensuite, sur toute la largeur. Le repli est conservé — dérouler
+  // les trois d'un coup sous le transcript est exactement ce qu'on a corrigé.
+  @media (max-width: 1279px) {
+    .rp-cols {
+      grid-template-columns: minmax(0, 1fr);
+    }
+    .rp-aside {
+      position: static;
+      height: auto;
+    }
+  }
+  .rp-summary {
+    padding: var(--space-lg);
+    margin-bottom: var(--space-md);
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--space-lg);
+    justify-content: space-between;
+  }
+  .rp-summary-main {
+    min-width: 0;
+    flex: 1 1 320px;
+  }
+  .rp-title {
+    margin: 0 0 var(--space-sm);
+    font-size: var(--fs-md);
+    font-weight: 600;
+    line-height: 1.4;
+  }
+  .rp-title-badge {
+    margin-left: var(--space-sm);
+    padding: 2px 6px;
+    border-radius: var(--radius-sm);
+    background: var(--brand-soft);
+    border: 1px solid var(--brand-line);
+    color: var(--brand);
+    font-size: var(--fs-xs);
+    font-weight: 400;
+    vertical-align: middle;
+  }
+  .rp-meta {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--space-md);
+    font-size: var(--fs-xs);
+    color: var(--dim);
+  }
+  .rp-meta-sub {
+    color: var(--brand-muted);
+  }
+  .rp-stats {
+    display: grid;
+    grid-template-columns: repeat(3, auto);
+    gap: var(--space-sm) var(--space-lg);
+    align-content: start;
+  }
+  .rp-stats div {
+    display: flex;
+    flex-direction: column;
+    cursor: help;
+  }
+  .rp-stats dt {
+    font-size: var(--fs-2xs);
+    color: var(--faint);
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+  }
+  .rp-stats dd {
+    margin: 0;
+    font-size: var(--fs-md);
+    color: var(--text);
+  }
+  // L'en-tête du flux — l'étiquette et les commandes, puis les pistes. Le fond et
+  // le filet sont ici : les deux rangées défilent ensemble et ne doivent pas
+  // laisser voir le transcript passer entre elles.
+  .rp-head {
+    position: sticky;
+    // Sous la barre d'état, qui est fixe : à `0` la barre d'outils s'y glissait
+    // dessous en défilant.
+    top: $topbar;
+    z-index: 2;
+    margin-bottom: var(--space-md);
+    background: var(--bg);
+    border-bottom: 1px solid var(--line);
+  }
+  .rp-controls {
+    display: flex;
+    align-items: center;
+    gap: var(--space-md);
+    flex-wrap: wrap;
+    padding: var(--space-sm) var(--space-xs);
+  }
+  // La barre porte son propre filet pour le direct, où elle se pose seule sur le
+  // flux ; ici l'en-tête le porte déjà, et les deux se superposeraient en un trait
+  // de deux pixels.
+  .rp-head :deep(.atb) {
+    border-bottom: none;
+  }
+  .rp-state {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: var(--space-md);
+    padding: var(--space-xl);
+    color: var(--muted);
+    text-align: center;
+  }
+  .rp-state p {
+    margin: 0;
   }
-}
-.rp-summary {
-  padding: var(--space-lg);
-  margin-bottom: var(--space-md);
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--space-lg);
-  justify-content: space-between;
-}
-.rp-summary-main {
-  min-width: 0;
-  flex: 1 1 320px;
-}
-.rp-title {
-  margin: 0 0 var(--space-sm);
-  font-size: var(--fs-md);
-  font-weight: 600;
-  line-height: 1.4;
-}
-.rp-title-badge {
-  margin-left: var(--space-sm);
-  padding: 2px 6px;
-  border-radius: var(--radius-sm);
-  background: var(--brand-soft);
-  border: 1px solid var(--brand-line);
-  color: var(--brand);
-  font-size: var(--fs-xs);
-  font-weight: 400;
-  vertical-align: middle;
-}
-.rp-meta {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--space-md);
-  font-size: var(--fs-xs);
-  color: var(--dim);
-}
-.rp-meta-sub {
-  color: var(--brand-muted);
-}
-.rp-stats {
-  display: grid;
-  grid-template-columns: repeat(3, auto);
-  gap: var(--space-sm) var(--space-lg);
-  align-content: start;
-}
-.rp-stats div {
-  display: flex;
-  flex-direction: column;
-  cursor: help;
-}
-.rp-stats dt {
-  font-size: var(--fs-2xs);
-  color: var(--faint);
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-}
-.rp-stats dd {
-  margin: 0;
-  font-size: var(--fs-md);
-  color: var(--text);
-}
-// L'en-tête du flux — l'étiquette et les commandes, puis les pistes. Le fond et
-// le filet sont ici : les deux rangées défilent ensemble et ne doivent pas
-// laisser voir le transcript passer entre elles.
-.rp-head {
-  position: sticky;
-  // Sous la barre d'état, qui est fixe : à `0` la barre d'outils s'y glissait
-  // dessous en défilant.
-  top: $topbar;
-  z-index: 2;
-  margin-bottom: var(--space-md);
-  background: var(--bg);
-  border-bottom: 1px solid var(--line);
-}
-.rp-controls {
-  display: flex;
-  align-items: center;
-  gap: var(--space-md);
-  flex-wrap: wrap;
-  padding: var(--space-sm) var(--space-xs);
-}
-// La barre porte son propre filet pour le direct, où elle se pose seule sur le
-// flux ; ici l'en-tête le porte déjà, et les deux se superposeraient en un trait
-// de deux pixels.
-.rp-head :deep(.atb) {
-  border-bottom: none;
-}
-.rp-state {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: var(--space-md);
-  padding: var(--space-xl);
-  color: var(--muted);
-  text-align: center;
-}
-.rp-state p {
-  margin: 0;
-}
 </style>
diff --git a/src/pages/UsagePage.vue b/src/pages/UsagePage.vue
index a1be19f..68ed6d3 100644
--- a/src/pages/UsagePage.vue
+++ b/src/pages/UsagePage.vue
@@ -7,22 +7,10 @@
     <header class="us-header">
       <q-icon name="insights" size="15px" class="us-head-icon" aria-hidden="true" />
       <p class="us-sub font-mono">{{ t('pages.usage.sub') }}</p>
-      <SegmentedControl
-        v-model="range"
-        :options="rangeOptions"
-        :aria-label="t('pages.usage.rangeAria')"
-        class="us-range"
-      />
+      <SegmentedControl v-model="range" :options="rangeOptions" :aria-label="t('pages.usage.rangeAria')" class="us-range" />
       <!-- Cette page décrit ; le diagnostic juge. Le lien est là parce que c'est
            ici qu'on remarque un montant inhabituel. -->
-      <q-btn
-        flat
-        dense
-        no-caps
-        icon="troubleshoot"
-        :label="t('nav.diagnostic')"
-        :to="{ name: 'diagnostic' }"
-      />
+      <q-btn flat dense no-caps icon="troubleshoot" :label="t('nav.diagnostic')" :to="{ name: 'diagnostic' }" />
       <q-btn flat dense no-caps :label="t('common.refresh')" :disable="loading" @click="reload" />
     </header>
 
@@ -37,13 +25,7 @@
         </template>
       </i18n-t>
       <span v-if="report?.unpricedModels.length" class="us-caveat-unpriced">
-        {{
-          t(
-            'pages.usage.unpriced',
-            { n: report.unpricedModels.length, list: report.unpricedModels.join(', ') },
-            report.unpricedModels.length,
-          )
-        }}
+        {{ t('pages.usage.unpriced', { n: report.unpricedModels.length, list: report.unpricedModels.join(', ') }, report.unpricedModels.length) }}
       </span>
     </q-banner>
 
@@ -52,14 +34,7 @@
       <q-icon name="warning" size="lg" color="negative" aria-hidden="true" />
       <h2>{{ t('pages.usage.loadError') }}</h2>
       <p class="us-state-msg">{{ error }}</p>
-      <q-btn
-        unelevated
-        no-caps
-        color="primary"
-        :label="t('common.retry')"
-        :loading="loading"
-        @click="reload"
-      />
+      <q-btn unelevated no-caps color="primary" :label="t('common.retry')" :loading="loading" @click="reload" />
     </section>
 
     <template v-else>
@@ -131,11 +106,7 @@
             <tbody>
               <tr v-for="m in report.byModel" :key="m.model">
                 <th scope="row" class="us-row-head">
-                  <span
-                    class="us-swatch"
-                    :style="{ background: colorOf(m.model) }"
-                    aria-hidden="true"
-                  />
+                  <span class="us-swatch" :style="{ background: colorOf(m.model) }" aria-hidden="true" />
                   {{ shortModel(m.model) }}
                 </th>
                 <td class="us-num font-mono">{{ fmtNum(m.turns) }}</td>
@@ -192,10 +163,7 @@
               <span class="us-bar-value font-mono">{{ money(a.cost) }}</span>
             </div>
             <div class="us-bar-track">
-              <div
-                class="us-bar-fill us-bar-fill--agent"
-                :style="{ width: barWidth(a.cost, report.byAgent[0]?.cost) }"
-              />
+              <div class="us-bar-fill us-bar-fill--agent" :style="{ width: barWidth(a.cost, report.byAgent[0]?.cost) }" />
             </div>
           </li>
         </ul>
@@ -205,452 +173,448 @@
 </template>
 
 <script setup lang="ts">
-import { computed, onMounted, ref, watch } from 'vue';
-import { useI18n } from 'vue-i18n';
-import type { ChartConfiguration } from 'chart.js/auto';
-import { getUsage, resolveRange, type RangeKey, type UsageReport } from '@/services/usage';
-import { useChartTokens, seriesColor } from '@/composables/useChartTokens';
-import SegmentedControl from '@/components/ui/SegmentedControl.vue';
-import BaseChart from '@/components/usage/BaseChart.vue';
-import { fmtMoney, fmtNum } from '@/utils/format';
-
-const { t } = useI18n();
-const tokens = useChartTokens();
-
-const range = ref<RangeKey>('30d');
-const rangeOptions = computed(() => [
-  { label: t('pages.usage.ranges.d7'), value: '7d' as const },
-  { label: t('pages.usage.ranges.d30'), value: '30d' as const },
-  { label: t('pages.usage.ranges.d90'), value: '90d' as const },
-  { label: t('pages.usage.ranges.all'), value: 'all' as const },
-]);
-
-const report = ref<UsageReport | null>(null);
-const loading = ref(true);
-const error = ref('');
-
-/**
- * Colour is a property of the model, not of its rank: it is assigned once, from
- * the all-time ranking, and reused for every range. Recomputing it per range
- * would repaint the surviving series whenever a model drops out of the window.
- */
-const colorKeys = ref<string[]>([]);
-
-const money = fmtMoney;
-
-/** `claude-haiku-4-5-20251001` → `haiku-4-5`; a local model keeps its own name. */
-function shortModel(m: string): string {
-  return m.replace(/^claude-/, '').replace(/-\d{8}$/, '');
-}
-
-function projectName(slug: string): string {
-  const parts = slug.split('-').filter(Boolean);
-  return parts[parts.length - 1] ?? slug;
-}
-
-function colorOf(model: string): string {
-  const i = colorKeys.value.indexOf(model);
-  // Past the palette, entities share the muted ink rather than a recycled hue.
-  return i >= 0 && i < tokens.value.series.length
-    ? seriesColor(tokens.value, i)
-    : tokens.value.muted;
-}
-
-/** Models that get their own colour; the rest are folded into the muted tail. */
-const chartModels = computed(() =>
-  colorKeys.value
-    .slice(0, tokens.value.series.length)
-    .filter((m) => report.value?.byModel.some((x) => x.model === m)),
-);
-
-const topProjects = computed(() => report.value?.byProject.slice(0, 10) ?? []);
-
-const agentShare = computed(() => {
-  const r = report.value;
-  if (!r || !r.totals.cost) return null;
-  const sub = r.byAgent.reduce((s, a) => s + a.cost, 0);
-  return ((sub / r.totals.cost) * 100).toFixed(1);
-});
-
-const tiles = computed(() => {
-  const tot = report.value?.totals;
-  return [
-    {
-      label: t('pages.usage.tiles.cost'),
-      value: tot ? money(tot.cost) : '—',
-      hint: t('pages.usage.tiles.costHint'),
-      accent: true,
-    },
-    {
-      label: t('pages.usage.tiles.sessions'),
-      value: tot ? fmtNum(tot.sessions) : '—',
-      hint: t('pages.usage.tiles.sessionsHint'),
-    },
-    {
-      label: t('pages.usage.tiles.turns'),
-      value: tot ? fmtNum(tot.turns) : '—',
-      hint: t('pages.usage.tiles.turnsHint'),
-    },
-    {
-      label: t('pages.usage.tiles.input'),
-      value: tot ? fmtNum(tot.input) : '—',
-      hint: t('pages.usage.tiles.inputHint'),
-    },
-    {
-      label: t('pages.usage.tiles.output'),
-      value: tot ? fmtNum(tot.output) : '—',
-      hint: t('pages.usage.tiles.outputHint'),
-    },
-    {
-      label: t('pages.usage.tiles.cacheRead'),
-      value: tot ? fmtNum(tot.cacheRead) : '—',
-      hint: t('pages.usage.tiles.cacheReadHint'),
-    },
-  ];
-});
-
-function barWidth(v: number, max: number | undefined): string {
-  if (!max || max <= 0) return '0%';
-  return `${Math.max((v / max) * 100, 1.5)}%`;
-}
-
-// ── Charts ───────────────────────────────────────────────────────────────────
-
-/**
- * Stacked bars: one stack per day, one series per model. Single axis — every
- * series is dollars, so the stack totals to the day's cost and the segments
- * stay comparable. (Stacking tokens and cache on two axes would not be.)
- */
-const dailyConfig = computed<ChartConfiguration>(() => {
-  const r = report.value;
-  const tk = tokens.value;
-  const days = r?.byDay.map((d) => d.day) ?? [];
-  const models = chartModels.value;
-
-  const cost = new Map<string, number>();
-  for (const row of r?.byDayModel ?? []) cost.set(`${row.day}|${row.model}`, row.cost);
-
-  const datasets = models.map((m) => ({
-    label: shortModel(m),
-    data: days.map((d) => cost.get(`${d}|${m}`) ?? 0),
-    backgroundColor: colorOf(m),
-    // A 2px surface gap keeps adjacent stacked segments separable.
-    borderColor: tk.surface,
-    borderWidth: { top: 2, right: 0, bottom: 0, left: 0 },
-    borderRadius: 3,
-  }));
-
-  return {
-    type: 'bar',
-    data: { labels: days, datasets },
-    options: {
-      responsive: true,
-      maintainAspectRatio: false,
-      interaction: { mode: 'index', intersect: false },
-      plugins: {
-        // Identity is carried by the HTML legend below, which screen readers reach.
-        legend: { display: false },
-        tooltip: {
-          callbacks: {
-            label: (c) => ` ${c.dataset.label} — ${money(c.parsed.y ?? 0)}`,
-          },
-        },
+  import SegmentedControl from '@/components/ui/SegmentedControl.vue'
+  import BaseChart from '@/components/usage/BaseChart.vue'
+  import { useChartTokens, seriesColor } from '@/composables/useChartTokens'
+  import { getUsage, resolveRange, type RangeKey, type UsageReport } from '@/services/usage'
+  import { fmtMoney, fmtNum } from '@/utils/format'
+  import type { ChartConfiguration } from 'chart.js/auto'
+  import { computed, onMounted, ref, watch } from 'vue'
+  import { useI18n } from 'vue-i18n'
+
+  const { t } = useI18n()
+  const tokens = useChartTokens()
+
+  const range = ref<RangeKey>('30d')
+  const rangeOptions = computed(() => [
+    { label: t('pages.usage.ranges.d7'), value: '7d' as const },
+    { label: t('pages.usage.ranges.d30'), value: '30d' as const },
+    { label: t('pages.usage.ranges.d90'), value: '90d' as const },
+    { label: t('pages.usage.ranges.all'), value: 'all' as const },
+  ])
+
+  const report = ref<UsageReport | null>(null)
+  const loading = ref(true)
+  const error = ref('')
+
+  /**
+   * Colour is a property of the model, not of its rank: it is assigned once, from
+   * the all-time ranking, and reused for every range. Recomputing it per range
+   * would repaint the surviving series whenever a model drops out of the window.
+   */
+  const colorKeys = ref<string[]>([])
+
+  const money = fmtMoney
+
+  /** `claude-haiku-4-5-20251001` → `haiku-4-5`; a local model keeps its own name. */
+  function shortModel(m: string): string {
+    return m.replace(/^claude-/, '').replace(/-\d{8}$/, '')
+  }
+
+  function projectName(slug: string): string {
+    const parts = slug.split('-').filter(Boolean)
+    return parts[parts.length - 1] ?? slug
+  }
+
+  function colorOf(model: string): string {
+    const i = colorKeys.value.indexOf(model)
+    // Past the palette, entities share the muted ink rather than a recycled hue.
+    return i >= 0 && i < tokens.value.series.length ? seriesColor(tokens.value, i) : tokens.value.muted
+  }
+
+  /** Models that get their own colour; the rest are folded into the muted tail. */
+  const chartModels = computed(() =>
+    colorKeys.value.slice(0, tokens.value.series.length).filter((m) => report.value?.byModel.some((x) => x.model === m)),
+  )
+
+  const topProjects = computed(() => report.value?.byProject.slice(0, 10) ?? [])
+
+  const agentShare = computed(() => {
+    const r = report.value
+    if (!r || !r.totals.cost) return null
+    const sub = r.byAgent.reduce((s, a) => s + a.cost, 0)
+    return ((sub / r.totals.cost) * 100).toFixed(1)
+  })
+
+  const tiles = computed(() => {
+    const tot = report.value?.totals
+    return [
+      {
+        label: t('pages.usage.tiles.cost'),
+        value: tot ? money(tot.cost) : '—',
+        hint: t('pages.usage.tiles.costHint'),
+        accent: true,
+      },
+      {
+        label: t('pages.usage.tiles.sessions'),
+        value: tot ? fmtNum(tot.sessions) : '—',
+        hint: t('pages.usage.tiles.sessionsHint'),
+      },
+      {
+        label: t('pages.usage.tiles.turns'),
+        value: tot ? fmtNum(tot.turns) : '—',
+        hint: t('pages.usage.tiles.turnsHint'),
       },
-      scales: {
-        x: {
-          stacked: true,
-          grid: { display: false },
-          ticks: { color: tk.muted, maxRotation: 0, autoSkipPadding: 24 },
-          border: { color: tk.line },
+      {
+        label: t('pages.usage.tiles.input'),
+        value: tot ? fmtNum(tot.input) : '—',
+        hint: t('pages.usage.tiles.inputHint'),
+      },
+      {
+        label: t('pages.usage.tiles.output'),
+        value: tot ? fmtNum(tot.output) : '—',
+        hint: t('pages.usage.tiles.outputHint'),
+      },
+      {
+        label: t('pages.usage.tiles.cacheRead'),
+        value: tot ? fmtNum(tot.cacheRead) : '—',
+        hint: t('pages.usage.tiles.cacheReadHint'),
+      },
+    ]
+  })
+
+  function barWidth(v: number, max: number | undefined): string {
+    if (!max || max <= 0) return '0%'
+    return `${Math.max((v / max) * 100, 1.5)}%`
+  }
+
+  // ── Charts ───────────────────────────────────────────────────────────────────
+
+  /**
+   * Stacked bars: one stack per day, one series per model. Single axis — every
+   * series is dollars, so the stack totals to the day's cost and the segments
+   * stay comparable. (Stacking tokens and cache on two axes would not be.)
+   */
+  const dailyConfig = computed<ChartConfiguration>(() => {
+    const r = report.value
+    const tk = tokens.value
+    const days = r?.byDay.map((d) => d.day) ?? []
+    const models = chartModels.value
+
+    const cost = new Map<string, number>()
+    for (const row of r?.byDayModel ?? []) cost.set(`${row.day}|${row.model}`, row.cost)
+
+    const datasets = models.map((m) => ({
+      label: shortModel(m),
+      data: days.map((d) => cost.get(`${d}|${m}`) ?? 0),
+      backgroundColor: colorOf(m),
+      // A 2px surface gap keeps adjacent stacked segments separable.
+      borderColor: tk.surface,
+      borderWidth: { top: 2, right: 0, bottom: 0, left: 0 },
+      borderRadius: 3,
+    }))
+
+    return {
+      type: 'bar',
+      data: { labels: days, datasets },
+      options: {
+        responsive: true,
+        maintainAspectRatio: false,
+        interaction: { mode: 'index', intersect: false },
+        plugins: {
+          // Identity is carried by the HTML legend below, which screen readers reach.
+          legend: { display: false },
+          tooltip: {
+            callbacks: {
+              label: (c) => ` ${c.dataset.label} — ${money(c.parsed.y ?? 0)}`,
+            },
+          },
         },
-        y: {
-          stacked: true,
-          beginAtZero: true,
-          grid: { color: tk.line },
-          border: { display: false },
-          ticks: { color: tk.muted, callback: (v) => `$${v}` },
+        scales: {
+          x: {
+            stacked: true,
+            grid: { display: false },
+            ticks: { color: tk.muted, maxRotation: 0, autoSkipPadding: 24 },
+            border: { color: tk.line },
+          },
+          y: {
+            stacked: true,
+            beginAtZero: true,
+            grid: { color: tk.line },
+            border: { display: false },
+            ticks: { color: tk.muted, callback: (v) => `$${v}` },
+          },
         },
       },
-    },
-  };
-});
-
-const modelConfig = computed<ChartConfiguration>(() => {
-  const rows = (report.value?.byModel ?? []).filter((m) => m.cost > 0);
-  const tk = tokens.value;
-  return {
-    type: 'doughnut',
-    data: {
-      labels: rows.map((m) => shortModel(m.model)),
-      datasets: [
-        {
-          data: rows.map((m) => m.cost),
-          backgroundColor: rows.map((m) => colorOf(m.model)),
-          // A 2px surface gap between adjacent segments keeps them separable.
-          borderColor: tk.surface,
-          borderWidth: 2,
+    }
+  })
+
+  const modelConfig = computed<ChartConfiguration>(() => {
+    const rows = (report.value?.byModel ?? []).filter((m) => m.cost > 0)
+    const tk = tokens.value
+    return {
+      type: 'doughnut',
+      data: {
+        labels: rows.map((m) => shortModel(m.model)),
+        datasets: [
+          {
+            data: rows.map((m) => m.cost),
+            backgroundColor: rows.map((m) => colorOf(m.model)),
+            // A 2px surface gap between adjacent segments keeps them separable.
+            borderColor: tk.surface,
+            borderWidth: 2,
+          },
+        ],
+      },
+      options: {
+        responsive: true,
+        maintainAspectRatio: false,
+        cutout: '58%',
+        plugins: {
+          legend: { display: false },
+          tooltip: { callbacks: { label: (c) => ` ${money(c.parsed ?? 0)}` } },
         },
-      ],
-    },
-    options: {
-      responsive: true,
-      maintainAspectRatio: false,
-      cutout: '58%',
-      plugins: {
-        legend: { display: false },
-        tooltip: { callbacks: { label: (c) => ` ${money(c.parsed ?? 0)}` } },
       },
-    },
-  };
-});
-
-// ── Loading ──────────────────────────────────────────────────────────────────
-
-async function load(): Promise<void> {
-  loading.value = true;
-  error.value = '';
-  try {
-    const { from, to } = resolveRange(range.value);
-    const r = await getUsage(from, to);
-    report.value = r;
-    // Seed the stable colour order from the first (widest) load we ever make.
-    if (!colorKeys.value.length) colorKeys.value = r.byModel.map((m) => m.model);
-  } catch (e) {
-    error.value = e instanceof Error ? e.message : t('pages.usage.unknownError');
-    report.value = null;
-  } finally {
-    loading.value = false;
-  }
-}
-
-async function reload(): Promise<void> {
-  await load();
-}
-
-onMounted(async () => {
-  // Prime the colour order from the all-time ranking, so a model keeps its hue
-  // whatever range the user picks next.
-  try {
-    const all = await getUsage();
-    colorKeys.value = all.byModel.map((m) => m.model);
-  } catch {
-    /* the range load below will seed it instead */
-  }
-  await load();
-});
-
-watch(range, load);
+    }
+  })
+
+  // ── Loading ──────────────────────────────────────────────────────────────────
+
+  async function load(): Promise<void> {
+    loading.value = true
+    error.value = ''
+    try {
+      const { from, to } = resolveRange(range.value)
+      const r = await getUsage(from, to)
+      report.value = r
+      // Seed the stable colour order from the first (widest) load we ever make.
+      if (!colorKeys.value.length) colorKeys.value = r.byModel.map((m) => m.model)
+    } catch (e) {
+      error.value = e instanceof Error ? e.message : t('pages.usage.unknownError')
+      report.value = null
+    } finally {
+      loading.value = false
+    }
+  }
+
+  async function reload(): Promise<void> {
+    await load()
+  }
+
+  onMounted(async () => {
+    // Prime the colour order from the all-time ranking, so a model keeps its hue
+    // whatever range the user picks next.
+    try {
+      const all = await getUsage()
+      colorKeys.value = all.byModel.map((m) => m.model)
+    } catch {
+      /* the range load below will seed it instead */
+    }
+    await load()
+  })
+
+  watch(range, load)
 </script>
 
 <style scoped lang="scss">
-.us {
-  padding: var(--space-lg);
-  max-width: var(--page-max);
-  margin: 0 auto;
-}
-
-.us-header {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  margin-bottom: var(--space-md);
-  flex-wrap: wrap;
-}
-.us-head-icon {
-  color: var(--brand);
-}
-.us-sub {
-  color: var(--dim);
-  font-size: var(--fs-xs);
-  margin: 0;
-  flex: 1 1 auto;
-}
-.us-range {
-  flex: 0 0 auto;
-}
-
-.us-caveat {
-  background: var(--surface-2);
-  color: var(--muted);
-  border: 1px solid var(--line);
-  border-radius: var(--radius-md);
-  font-size: var(--fs-sm);
-  margin-bottom: var(--space-md);
-}
-.us-caveat-unpriced {
-  display: block;
-  margin-top: var(--space-xs);
-  color: var(--dim);
-}
-
-.us-state {
-  text-align: center;
-  padding: var(--space-xl);
-}
-.us-state-msg {
-  color: var(--muted);
-  margin: var(--space-xs) 0 var(--space-md);
-}
-
-.us-tiles {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
-  gap: var(--space-sm);
-  margin-bottom: var(--space-md);
-}
-.us-tile {
-  padding: var(--space-md);
-}
-.us-tile-label {
-  color: var(--dim);
-  margin: 0 0 var(--space-xs);
-}
-.us-tile-value {
-  font-size: var(--fs-lg);
-  color: var(--text);
-  margin: 0;
-}
-.us-tile-value--cost {
-  color: var(--brand);
-}
-.us-tile-hint {
-  color: var(--faint);
-  font-size: var(--fs-xs);
-  margin: var(--space-xs) 0 0;
-}
-
-.us-section {
-  padding: var(--space-md);
-  margin-bottom: var(--space-md);
-}
-.us-section-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  margin-bottom: var(--space-md);
-
-  h2 {
-    font-size: var(--fs-md);
+  .us {
+    padding: var(--space-lg);
+    max-width: var(--page-max);
+    margin: 0 auto;
+  }
+
+  .us-header {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    margin-bottom: var(--space-md);
+    flex-wrap: wrap;
+  }
+  .us-head-icon {
+    color: var(--brand);
+  }
+  .us-sub {
+    color: var(--dim);
+    font-size: var(--fs-xs);
     margin: 0;
     flex: 1 1 auto;
   }
-}
-.us-count {
-  color: var(--dim);
-  font-size: var(--fs-xs);
-}
-.us-empty {
-  color: var(--muted);
-  text-align: center;
-  padding: var(--space-xl) 0;
-  margin: 0;
-}
-
-.us-split {
-  display: grid;
-  grid-template-columns: minmax(200px, 280px) 1fr;
-  gap: var(--space-lg);
-  align-items: center;
-
-  @media (max-width: 700px) {
-    grid-template-columns: 1fr;
-  }
-}
-
-.us-legend {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--space-sm) var(--space-md);
-  list-style: none;
-  padding: 0;
-  margin: var(--space-md) 0 0;
-}
-.us-legend-item {
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-}
-.us-legend-label {
-  color: var(--muted);
-  font-size: var(--fs-xs);
-}
-.us-swatch {
-  width: 10px;
-  height: 10px;
-  border-radius: 3px;
-  display: inline-block;
-  flex: 0 0 auto;
-}
-
-.us-table {
-  width: 100%;
-  border-collapse: collapse;
-  font-size: var(--fs-sm);
-
-  th,
-  td {
-    padding: var(--space-xs) var(--space-sm);
-    border-bottom: 1px solid var(--line);
-    text-align: left;
-  }
-  thead th {
+  .us-range {
+    flex: 0 0 auto;
+  }
+
+  .us-caveat {
+    background: var(--surface-2);
+    color: var(--muted);
+    border: 1px solid var(--line);
+    border-radius: var(--radius-md);
+    font-size: var(--fs-sm);
+    margin-bottom: var(--space-md);
+  }
+  .us-caveat-unpriced {
+    display: block;
+    margin-top: var(--space-xs);
+    color: var(--dim);
+  }
+
+  .us-state {
+    text-align: center;
+    padding: var(--space-xl);
+  }
+  .us-state-msg {
+    color: var(--muted);
+    margin: var(--space-xs) 0 var(--space-md);
+  }
+
+  .us-tiles {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+    gap: var(--space-sm);
+    margin-bottom: var(--space-md);
+  }
+  .us-tile {
+    padding: var(--space-md);
+  }
+  .us-tile-label {
     color: var(--dim);
-    font-weight: 500;
+    margin: 0 0 var(--space-xs);
+  }
+  .us-tile-value {
+    font-size: var(--fs-lg);
+    color: var(--text);
+    margin: 0;
+  }
+  .us-tile-value--cost {
+    color: var(--brand);
+  }
+  .us-tile-hint {
+    color: var(--faint);
+    font-size: var(--fs-xs);
+    margin: var(--space-xs) 0 0;
+  }
+
+  .us-section {
+    padding: var(--space-md);
+    margin-bottom: var(--space-md);
+  }
+  .us-section-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    margin-bottom: var(--space-md);
+
+    h2 {
+      font-size: var(--fs-md);
+      margin: 0;
+      flex: 1 1 auto;
+    }
+  }
+  .us-count {
+    color: var(--dim);
+    font-size: var(--fs-xs);
+  }
+  .us-empty {
+    color: var(--muted);
+    text-align: center;
+    padding: var(--space-xl) 0;
+    margin: 0;
+  }
+
+  .us-split {
+    display: grid;
+    grid-template-columns: minmax(200px, 280px) 1fr;
+    gap: var(--space-lg);
+    align-items: center;
+
+    @media (max-width: 700px) {
+      grid-template-columns: 1fr;
+    }
+  }
+
+  .us-legend {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--space-sm) var(--space-md);
+    list-style: none;
+    padding: 0;
+    margin: var(--space-md) 0 0;
+  }
+  .us-legend-item {
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+  }
+  .us-legend-label {
+    color: var(--muted);
     font-size: var(--fs-xs);
   }
-  tbody tr:last-child th,
-  tbody tr:last-child td {
-    border-bottom: none;
-  }
-}
-.us-row-head {
-  display: flex;
-  align-items: center;
-  gap: var(--space-xs);
-  font-weight: 400;
-  color: var(--text);
-}
-.us-num {
-  text-align: right;
-}
-
-.us-bars {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-sm);
-}
-.us-bar-info {
-  display: flex;
-  justify-content: space-between;
-  gap: var(--space-sm);
-  font-size: var(--fs-sm);
-  margin-bottom: 4px;
-}
-.us-bar-label {
-  color: var(--text);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.us-bar-value {
-  color: var(--muted);
-  flex: 0 0 auto;
-}
-.us-bar-track {
-  height: 6px;
-  background: var(--surface-3);
-  border-radius: 3px;
-  overflow: hidden;
-}
-.us-bar-fill {
-  height: 100%;
-  border-radius: 3px;
-  background: var(--series-1);
-}
-.us-bar-fill--agent {
-  background: var(--series-4);
-}
+  .us-swatch {
+    width: 10px;
+    height: 10px;
+    border-radius: 3px;
+    display: inline-block;
+    flex: 0 0 auto;
+  }
+
+  .us-table {
+    width: 100%;
+    border-collapse: collapse;
+    font-size: var(--fs-sm);
+
+    th,
+    td {
+      padding: var(--space-xs) var(--space-sm);
+      border-bottom: 1px solid var(--line);
+      text-align: left;
+    }
+    thead th {
+      color: var(--dim);
+      font-weight: 500;
+      font-size: var(--fs-xs);
+    }
+    tbody tr:last-child th,
+    tbody tr:last-child td {
+      border-bottom: none;
+    }
+  }
+  .us-row-head {
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    font-weight: 400;
+    color: var(--text);
+  }
+  .us-num {
+    text-align: right;
+  }
+
+  .us-bars {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+  }
+  .us-bar-info {
+    display: flex;
+    justify-content: space-between;
+    gap: var(--space-sm);
+    font-size: var(--fs-sm);
+    margin-bottom: 4px;
+  }
+  .us-bar-label {
+    color: var(--text);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .us-bar-value {
+    color: var(--muted);
+    flex: 0 0 auto;
+  }
+  .us-bar-track {
+    height: 6px;
+    background: var(--surface-3);
+    border-radius: 3px;
+    overflow: hidden;
+  }
+  .us-bar-fill {
+    height: 100%;
+    border-radius: 3px;
+    background: var(--series-1);
+  }
+  .us-bar-fill--agent {
+    background: var(--series-4);
+  }
 </style>
diff --git a/src/router/index.ts b/src/router/index.ts
index 9de3f21..df587be 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,13 +1,8 @@
-import { defineRouter } from '#q-app';
-import {
-  createMemoryHistory,
-  createRouter,
-  createWebHashHistory,
-  createWebHistory,
-} from 'vue-router';
-import routes from './routes';
-import { documentTitle, titleForRouteName } from './titles';
-import { clearBreadcrumbs } from '@/composables/useBreadcrumbs';
+import { clearBreadcrumbs } from '@/composables/useBreadcrumbs'
+import { defineRouter } from '#q-app'
+import { createMemoryHistory, createRouter, createWebHashHistory, createWebHistory } from 'vue-router'
+import routes from './routes'
+import { documentTitle, titleForRouteName } from './titles'
 
 /*
  * If not building with SSR mode, you can
@@ -23,7 +18,7 @@ export default defineRouter(() => {
     ? createMemoryHistory
     : import.meta.env.QUASAR_VUE_ROUTER_MODE === 'history'
       ? createWebHistory
-      : createWebHashHistory;
+      : createWebHashHistory
 
   const Router = createRouter({
     // Changer d'écran remonte en haut ; réécrire sa propre query, non.
@@ -41,25 +36,24 @@ export default defineRouter(() => {
     // quasar.conf.js -> build -> vueRouterMode
     // quasar.conf.js -> build -> publicPath
     history: createHistory(import.meta.env.QUASAR_VUE_ROUTER_BASE),
-  });
+  })
 
   // Le fil d'Ariane repart de zéro à chaque navigation. Ce nettoyage vivait
   // dans MainLayout, qui ne le voyait donc pas quand il était lui-même démonté :
   // passer par la 404 gardait l'ancien fil, et l'écran suivant s'ouvrait sous le
   // nom du projet précédent. Le routeur, lui, est là à toutes les navigations.
   Router.beforeEach(() => {
-    clearBreadcrumbs();
-  });
+    clearBreadcrumbs()
+  })
 
   // Le titre de l'onglet suit la navigation. Ce n'est que le repli : dès que le
   // layout est monté, il réaccorde le titre sur le fil d'Ariane, qui sait le nom
   // du projet ou de la session. Ici on couvre l'arrivée directe et les écrans
   // hors layout (404), et on évite le clignotement d'un titre périmé.
   Router.afterEach((to) => {
-    if (typeof document === 'undefined') return;
-    document.title =
-      to.matched.length > 1 ? titleForRouteName(to.name) : documentTitle(['Page introuvable']);
-  });
+    if (typeof document === 'undefined') return
+    document.title = to.matched.length > 1 ? titleForRouteName(to.name) : documentTitle(['Page introuvable'])
+  })
 
-  return Router;
-});
+  return Router
+})
diff --git a/src/router/routes.ts b/src/router/routes.ts
index 1b4bf54..b20ec12 100644
--- a/src/router/routes.ts
+++ b/src/router/routes.ts
@@ -1,4 +1,4 @@
-import type { RouteRecordRaw } from 'vue-router';
+import type { RouteRecordRaw } from 'vue-router'
 
 const routes: RouteRecordRaw[] = [
   {
@@ -50,6 +50,6 @@ const routes: RouteRecordRaw[] = [
     path: '/:catchAll(.*)*',
     component: () => import('@/pages/ErrorNotFound.vue'),
   },
-];
+]
 
-export default routes;
+export default routes
diff --git a/src/router/titles.ts b/src/router/titles.ts
index c18c477..1db7830 100644
--- a/src/router/titles.ts
+++ b/src/router/titles.ts
@@ -6,9 +6,9 @@
 // Les libellés vivent dans `src/i18n/<langue>/nav.ts`, indexés par nom de route. Le nom de
 // route est l'identifiant stable ; ce qui s'affiche dépend de la langue.
 
-import { t, te } from '@/i18n';
+import { t, te } from '@/i18n'
 
-const APP_NAME = 'AURA';
+const APP_NAME = 'AURA'
 
 /**
  * Le nom d'écran d'une route, ou une chaîne vide si la route n'en a pas.
@@ -17,8 +17,8 @@ const APP_NAME = 'AURA';
  * d'entrée : elles ne figurent dans aucun fil d'Ariane.
  */
 export function routeTitle(name: unknown): string {
-  const key = typeof name === 'string' ? name : '';
-  return key && te(`nav.${key}`) ? t(`nav.${key}`) : '';
+  const key = typeof name === 'string' ? name : ''
+  return key && te(`nav.${key}`) ? t(`nav.${key}`) : ''
 }
 
 /**
@@ -29,12 +29,12 @@ export function routeTitle(name: unknown): string {
  * l'ordre du fil d'Ariane n'aurait laissé voir que « Projets… ».
  */
 export function documentTitle(labels: string[]): string {
-  const parts = labels.filter(Boolean).reverse();
-  return [...parts, APP_NAME].join(' · ');
+  const parts = labels.filter(Boolean).reverse()
+  return [...parts, APP_NAME].join(' · ')
 }
 
 /** Titre par défaut d'une route, avant qu'une page ne précise son fil. */
 export function titleForRouteName(name: unknown): string {
-  if (name === 'home') return documentTitle([]);
-  return documentTitle([routeTitle(name)]);
+  if (name === 'home') return documentTitle([])
+  return documentTitle([routeTitle(name)])
 }
diff --git a/src/services/agent/index.ts b/src/services/agent/index.ts
index 0b3e5fa..781bd10 100644
--- a/src/services/agent/index.ts
+++ b/src/services/agent/index.ts
@@ -19,17 +19,11 @@ export type {
   PromptAttachment,
   ShellOutput,
   SlashCommandInfo,
-} from 'shared/agent';
-export { IDLE_ACTIVITY, PERMISSION_MODES } from 'shared/agent';
+} from 'shared/agent'
+export { IDLE_ACTIVITY, PERMISSION_MODES } from 'shared/agent'
 
-import type {
-  AgentSession,
-  PermissionAnswer,
-  PromptAttachment,
-  ShellOutput,
-  SlashCommandInfo,
-} from 'shared/agent';
-import { apiHeaders } from '@/services/http';
+import { apiHeaders } from '@/services/http'
+import type { AgentSession, PermissionAnswer, PromptAttachment, ShellOutput, SlashCommandInfo } from 'shared/agent'
 
 async function send<T>(url: string, method: string, body?: unknown): Promise<T> {
   // `Content-Type` seulement quand il y a un corps : annoncer du JSON sans en
@@ -39,51 +33,43 @@ async function send<T>(url: string, method: string, body?: unknown): Promise<T>
     method,
     headers: apiHeaders(body === undefined ? {} : { 'Content-Type': 'application/json' }),
     ...(body === undefined ? {} : { body: JSON.stringify(body) }),
-  });
+  })
   if (!res.ok) {
-    let message = `HTTP ${res.status}`;
+    let message = `HTTP ${res.status}`
     try {
-      const parsed = (await res.json()) as { error?: string };
-      if (parsed.error) message = parsed.error;
+      const parsed = (await res.json()) as { error?: string }
+      if (parsed.error) message = parsed.error
     } catch {
       /* réponse non-JSON : le code HTTP suffira */
     }
-    const error = new Error(message) as Error & { status?: number };
-    error.status = res.status;
-    throw error;
+    const error = new Error(message) as Error & { status?: number }
+    error.status = res.status
+    throw error
   }
-  return (await res.json()) as T;
+  return (await res.json()) as T
 }
 
-export const listAgentSessions = (): Promise<{ sessions: AgentSession[] }> =>
-  send('/api/agent/sessions', 'GET');
+export const listAgentSessions = (): Promise<{ sessions: AgentSession[] }> => send('/api/agent/sessions', 'GET')
 
 export const createAgentSession = (body: {
-  cwd: string;
-  model?: string;
-  permissionMode?: string;
-  prompt?: string;
+  cwd: string
+  model?: string
+  permissionMode?: string
+  prompt?: string
   /** Les images du premier tour, quand la session s'ouvre sur un message. */
-  attachments?: PromptAttachment[];
+  attachments?: PromptAttachment[]
   /** Identifiant SDK d'une session à prolonger, en place. */
-  resume?: string;
-}): Promise<{ session: AgentSession }> => send('/api/agent/sessions', 'POST', body);
-
-export const setSessionPermissionMode = (
-  runId: string,
-  permissionMode: string,
-): Promise<{ ok: true }> =>
-  send(`/api/agent/sessions/${runId}/permission-mode`, 'POST', { permissionMode });
-
-export const sendPrompt = (
-  runId: string,
-  prompt: string,
-  attachments?: PromptAttachment[],
-): Promise<{ ok: true }> =>
+  resume?: string
+}): Promise<{ session: AgentSession }> => send('/api/agent/sessions', 'POST', body)
+
+export const setSessionPermissionMode = (runId: string, permissionMode: string): Promise<{ ok: true }> =>
+  send(`/api/agent/sessions/${runId}/permission-mode`, 'POST', { permissionMode })
+
+export const sendPrompt = (runId: string, prompt: string, attachments?: PromptAttachment[]): Promise<{ ok: true }> =>
   send(`/api/agent/sessions/${runId}/send`, 'POST', {
     prompt,
     ...(attachments?.length ? { attachments } : {}),
-  });
+  })
 
 /**
  * Les commandes `/` que la session accepte.
@@ -91,8 +77,7 @@ export const sendPrompt = (
  * Le premier appel démarre le processus du CLI s'il ne tourne pas encore : on
  * ne l'appelle donc qu'au premier `/` tapé, pas à l'ouverture de l'écran.
  */
-export const getSessionCommands = (runId: string): Promise<{ commands: SlashCommandInfo[] }> =>
-  send(`/api/agent/sessions/${runId}/commands`, 'GET');
+export const getSessionCommands = (runId: string): Promise<{ commands: SlashCommandInfo[] }> => send(`/api/agent/sessions/${runId}/commands`, 'GET')
 
 /**
  * Les fichiers du dossier de travail, pour l'autocomplétion du `@`.
@@ -102,8 +87,7 @@ export const getSessionCommands = (runId: string): Promise<{ commands: SlashComm
  * `truncated` dit qu'un dépôt trop grand a été coupé — l'écran le signale
  * plutôt que de laisser croire à une liste complète.
  */
-export const getSessionFiles = (runId: string): Promise<{ files: string[]; truncated: boolean }> =>
-  send(`/api/agent/sessions/${runId}/files`, 'GET');
+export const getSessionFiles = (runId: string): Promise<{ files: string[]; truncated: boolean }> => send(`/api/agent/sessions/${runId}/files`, 'GET')
 
 /**
  * La suite de la sortie d'un shell lancé en arrière-plan.
@@ -113,13 +97,11 @@ export const getSessionFiles = (runId: string): Promise<{ files: string[]; trunc
  * fichier à partir de l'identifiant du shell, comme pour les fichiers du `@`.
  */
 export const getShellOutput = (runId: string, shellId: string, from = 0): Promise<ShellOutput> =>
-  send(`/api/agent/sessions/${runId}/shells/${shellId}/output?from=${from}`, 'GET');
+  send(`/api/agent/sessions/${runId}/shells/${shellId}/output?from=${from}`, 'GET')
 
-export const interruptSession = (runId: string): Promise<{ ok: true }> =>
-  send(`/api/agent/sessions/${runId}/interrupt`, 'POST');
+export const interruptSession = (runId: string): Promise<{ ok: true }> => send(`/api/agent/sessions/${runId}/interrupt`, 'POST')
 
-export const stopSession = (runId: string): Promise<{ ok: true }> =>
-  send(`/api/agent/sessions/${runId}`, 'DELETE');
+export const stopSession = (runId: string): Promise<{ ok: true }> => send(`/api/agent/sessions/${runId}`, 'DELETE')
 
 /**
  * Répondre à une demande de permission.
@@ -128,21 +110,11 @@ export const stopSession = (runId: string): Promise<{ ok: true }> =>
  * l'échéance ou une interruption l'a déjà tranchée. L'appelant retire le bandeau
  * et n'affiche rien.
  */
-export const answerPermission = (
-  runId: string,
-  id: string,
-  answer: PermissionAnswer,
-  reason?: string,
-): Promise<{ ok: true }> =>
-  send(`/api/agent/sessions/${runId}/permissions/${id}`, 'POST', { answer, reason });
-
-export const answerAsk = (
-  runId: string,
-  id: string,
-  answers: Record<string, string>,
-  notes?: string,
-): Promise<{ ok: true }> =>
-  send(`/api/agent/sessions/${runId}/ask/${id}`, 'POST', { answers, notes });
+export const answerPermission = (runId: string, id: string, answer: PermissionAnswer, reason?: string): Promise<{ ok: true }> =>
+  send(`/api/agent/sessions/${runId}/permissions/${id}`, 'POST', { answer, reason })
+
+export const answerAsk = (runId: string, id: string, answers: Record<string, string>, notes?: string): Promise<{ ok: true }> =>
+  send(`/api/agent/sessions/${runId}/ask/${id}`, 'POST', { answers, notes })
 
 /**
  * Ouvre le sélecteur de dossier du système, sur la machine du BFF.
@@ -150,8 +122,7 @@ export const answerAsk = (
  * `path: null` = l'utilisateur a annulé. Un `501` = la plateforme n'a pas de
  * sélecteur ; l'appelant retombe alors sur la saisie du chemin.
  */
-export const pickFolder = (startFrom?: string): Promise<{ path: string | null }> =>
-  send('/api/agent/pick-folder', 'POST', { startFrom });
+export const pickFolder = (startFrom?: string): Promise<{ path: string | null }> => send('/api/agent/pick-folder', 'POST', { startFrom })
 
 /** L'adresse du flux ; l'`EventSource` est ouverte par `useLiveSession`. */
-export const streamUrl = (runId: string): string => `/api/agent/sessions/${runId}/stream`;
+export const streamUrl = (runId: string): string => `/api/agent/sessions/${runId}/stream`
diff --git a/src/services/backups/index.ts b/src/services/backups/index.ts
index 0886b25..e3feb88 100644
--- a/src/services/backups/index.ts
+++ b/src/services/backups/index.ts
@@ -1,38 +1,38 @@
-import { apiHeaders, type HeaderMap } from '@/services/http';
+import { apiHeaders, type HeaderMap } from '@/services/http'
 
 // Client for the safety-backups API (`/api/backups/*`). Restore itself reuses
 // the claude propose/apply flow (see BackupsPage), so it's not here.
 
 export interface BackupEntry {
-  stamp: string;
-  rel: string;
-  size: number;
-  mtime: number;
+  stamp: string
+  rel: string
+  size: number
+  mtime: number
 }
 
 async function req<T>(url: string, init?: RequestInit): Promise<T> {
   const res = await fetch(url, {
     ...init,
     headers: apiHeaders(init?.headers as HeaderMap | undefined),
-  });
+  })
   if (!res.ok) {
-    let msg = `HTTP ${res.status}`;
+    let msg = `HTTP ${res.status}`
     try {
-      const b = (await res.json()) as { error?: string };
-      if (b.error) msg = b.error;
+      const b = (await res.json()) as { error?: string }
+      if (b.error) msg = b.error
     } catch {
       /* non-JSON */
     }
-    throw new Error(msg);
+    throw new Error(msg)
   }
-  if (res.status === 204) return undefined as T;
-  return (await res.json()) as T;
+  if (res.status === 204) return undefined as T
+  return (await res.json()) as T
 }
 
-export const listBackups = (): Promise<{ entries: BackupEntry[] }> => req('/api/backups');
+export const listBackups = (): Promise<{ entries: BackupEntry[] }> => req('/api/backups')
 
 export const readBackup = (stamp: string, path: string): Promise<{ content: string }> =>
-  req(`/api/backups/content?stamp=${encodeURIComponent(stamp)}&path=${encodeURIComponent(path)}`);
+  req(`/api/backups/content?stamp=${encodeURIComponent(stamp)}&path=${encodeURIComponent(path)}`)
 
 /**
  * Efface un instantané, ou la totalité si `stamp` est omis.
@@ -46,4 +46,4 @@ export const purgeBackups = (stamp?: string): Promise<{ ok: true }> =>
     method: 'POST',
     headers: { 'Content-Type': 'application/json' },
     body: JSON.stringify(stamp ? { stamp } : { all: true }),
-  });
+  })
diff --git a/src/services/claude/index.ts b/src/services/claude/index.ts
index c7943cb..8e047ed 100644
--- a/src/services/claude/index.ts
+++ b/src/services/claude/index.ts
@@ -1,4 +1,4 @@
-import { apiHeaders, type HeaderMap } from '@/services/http';
+import { apiHeaders, type HeaderMap } from '@/services/http'
 
 // Client for the guarded .claude filesystem API (`/api/claude/*`).
 //
@@ -8,65 +8,65 @@ import { apiHeaders, type HeaderMap } from '@/services/http';
 // The UI diffs before/after between those calls and only applies on confirm.
 
 export interface DirEntry {
-  rel: string;
-  name: string;
-  kind: 'file' | 'dir';
-  size: number;
-  mtime: number;
+  rel: string
+  name: string
+  kind: 'file' | 'dir'
+  size: number
+  mtime: number
 }
 
 export interface ResourceItem {
-  rel: string;
-  name: string;
-  title: string;
-  description: string;
-  mtime: number;
+  rel: string
+  name: string
+  title: string
+  description: string
+  mtime: number
 }
 
 export interface Proposal {
-  rel: string;
-  exists: boolean;
-  before: string | null;
-  after: string;
+  rel: string
+  exists: boolean
+  before: string | null
+  after: string
 }
 
 export interface ApplyResult {
-  ok: true;
-  backupPath: string | null;
-  rel: string;
+  ok: true
+  backupPath: string | null
+  rel: string
 }
 
 export interface Overview {
-  settingsExists: boolean;
-  claudeMdExists: boolean;
-  agents: number;
-  skills: number;
-  plugins: number;
+  settingsExists: boolean
+  claudeMdExists: boolean
+  agents: number
+  skills: number
+  plugins: number
 }
 
 export interface MemoryItem {
-  rel: string;
-  name: string;
-  title: string;
-  description: string;
-  type: string;
+  rel: string
+  name: string
+  title: string
+  description: string
+  type: string
 }
 
 export interface MemoryProject {
-  slug: string;
-  memRel: string;
-  indexRel: string | null;
-  items: MemoryItem[];
+  slug: string
+  memRel: string
+  indexRel: string | null
+  items: MemoryItem[]
 }
 
 export interface MemoriesIndex {
-  global: { rel: string; exists: boolean };
-  projects: MemoryProject[];
+  global: { rel: string; exists: boolean }
+  projects: MemoryProject[]
 }
 
 export interface PluginsIndex {
-  installed: { id: string; version: string; scope: string }[];
-  marketplaces: { name: string; sourceType: string; location: string }[];
+  installed: { id: string; version: string; scope: string }[]
+  marketplaces: { name: string; sourceType: string; location: string }[]
 }
 
 /** Raised on any non-2xx response, carrying the HTTP status for the UI. */
@@ -75,7 +75,7 @@ export class ClaudeApiError extends Error {
     readonly status: number,
     message: string,
   ) {
-    super(message);
+    super(message)
   }
 }
 
@@ -83,49 +83,47 @@ async function req<T>(url: string, init?: RequestInit): Promise<T> {
   const res = await fetch(url, {
     ...init,
     headers: apiHeaders(init?.headers as HeaderMap | undefined),
-  });
+  })
   if (!res.ok) {
-    let msg = `HTTP ${res.status}`;
+    let msg = `HTTP ${res.status}`
     try {
-      const body = (await res.json()) as { error?: string };
-      if (body.error) msg = body.error;
+      const body = (await res.json()) as { error?: string }
+      if (body.error) msg = body.error
     } catch {
       /* non-JSON body */
     }
-    throw new ClaudeApiError(res.status, msg);
+    throw new ClaudeApiError(res.status, msg)
   }
-  if (res.status === 204) return undefined as T;
-  return (await res.json()) as T;
+  if (res.status === 204) return undefined as T
+  return (await res.json()) as T
 }
 
-const q = (path: string): string => `/api/claude`.concat(path);
+const q = (path: string): string => `/api/claude`.concat(path)
 
 // ── Reads ──────────────────────────────────────────────────────────────────
 
 export interface SystemInfo {
-  claudeDir: string;
-  version: string;
+  claudeDir: string
+  version: string
 }
 
-export const getSystem = (): Promise<SystemInfo> => req(q('/system'));
-export const getOverview = (): Promise<Overview> => req(q('/overview'));
+export const getSystem = (): Promise<SystemInfo> => req(q('/system'))
+export const getOverview = (): Promise<Overview> => req(q('/overview'))
 
-export const listDir = (path = ''): Promise<{ entries: DirEntry[] }> =>
-  req(q(`/list?path=${encodeURIComponent(path)}`));
+export const listDir = (path = ''): Promise<{ entries: DirEntry[] }> => req(q(`/list?path=${encodeURIComponent(path)}`))
 
-export const readFile = (path: string): Promise<{ rel: string; content: string }> =>
-  req(q(`/file?path=${encodeURIComponent(path)}`));
+export const readFile = (path: string): Promise<{ rel: string; content: string }> => req(q(`/file?path=${encodeURIComponent(path)}`))
 
-export const listAgents = (): Promise<{ items: ResourceItem[] }> => req(q('/agents'));
-export const listSkills = (): Promise<{ items: ResourceItem[] }> => req(q('/skills'));
-export const getMemories = (): Promise<MemoriesIndex> => req(q('/memories'));
-export const getPlugins = (): Promise<PluginsIndex> => req(q('/plugins'));
+export const listAgents = (): Promise<{ items: ResourceItem[] }> => req(q('/agents'))
+export const listSkills = (): Promise<{ items: ResourceItem[] }> => req(q('/skills'))
+export const getMemories = (): Promise<MemoriesIndex> => req(q('/memories'))
+export const getPlugins = (): Promise<PluginsIndex> => req(q('/plugins'))
 
 export interface PluginHooks {
-  plugin: string;
-  hooks: Record<string, { matcher?: string; hooks?: { type?: string; command?: string }[] }[]>;
+  plugin: string
+  hooks: Record<string, { matcher?: string; hooks?: { type?: string; command?: string }[] }[]>
 }
-export const getPluginHooks = (): Promise<PluginHooks[]> => req(q('/plugin-hooks'));
+export const getPluginHooks = (): Promise<PluginHooks[]> => req(q('/plugin-hooks'))
 
 // ── Writes (two-phase) ─────────────────────────────────────────────────────
 
@@ -134,35 +132,31 @@ export const propose = (path: string, content: string): Promise<Proposal> =>
     method: 'POST',
     headers: { 'Content-Type': 'application/json' },
     body: JSON.stringify({ path, content }),
-  });
+  })
 
-export const apply = (
-  path: string,
-  content: string,
-  expectedBefore: string | null,
-): Promise<ApplyResult> =>
+export const apply = (path: string, content: string, expectedBefore: string | null): Promise<ApplyResult> =>
   req(q('/apply'), {
     method: 'POST',
     headers: { 'Content-Type': 'application/json' },
     body: JSON.stringify({ path, content, expectedBefore }),
-  });
+  })
 
 export const deleteResource = (path: string): Promise<{ backupPath: string; rel: string }> =>
   req(q('/delete'), {
     method: 'POST',
     headers: { 'Content-Type': 'application/json' },
     body: JSON.stringify({ path }),
-  });
+  })
 
 export const syncMemoryIndex = (payload: {
-  memRel: string;
-  action: 'add' | 'remove';
-  file: string;
-  title?: string;
-  hook?: string;
+  memRel: string
+  action: 'add' | 'remove'
+  file: string
+  title?: string
+  hook?: string
 }): Promise<{ changed: boolean; rel: string }> =>
   req(q('/memory-index'), {
     method: 'POST',
     headers: { 'Content-Type': 'application/json' },
     body: JSON.stringify(payload),
-  });
+  })
diff --git a/src/services/diagnostics/index.ts b/src/services/diagnostics/index.ts
index e0dbfb6..ff34a48 100644
--- a/src/services/diagnostics/index.ts
+++ b/src/services/diagnostics/index.ts
@@ -1,4 +1,4 @@
-import { apiHeaders } from '@/services/http';
+import { apiHeaders } from '@/services/http'
 
 // Client for the cost-diagnostics API (`/api/diagnostics`).
 //
@@ -7,243 +7,243 @@ import { apiHeaders } from '@/services/http';
 // would drag the whole server module graph into the bundle. `shared/` exists for
 // types both sides *construct*; these the SPA only reads.
 
-export type Severity = 'info' | 'warn' | 'critical';
-export type Scope = 'session' | 'project' | 'global';
+export type Severity = 'info' | 'warn' | 'critical'
+export type Scope = 'session' | 'project' | 'global'
 
 export interface Impact {
-  usd?: number;
-  tokens?: number;
+  usd?: number
+  tokens?: number
   /** `measured` : lu dans le transcript. `estimated` : dérivé d'un chars/4. */
-  kind: 'measured' | 'estimated';
+  kind: 'measured' | 'estimated'
   /** D'où sort le chiffre, en une phrase. À rendre à l'utilisateur. */
-  basis: string;
+  basis: string
 }
 
 export interface Trigger {
-  metric: string;
-  value: number;
-  threshold: number;
-  calibrated: boolean;
-  bound: 'percentile' | 'guard';
+  metric: string
+  value: number
+  threshold: number
+  calibrated: boolean
+  bound: 'percentile' | 'guard'
 }
 
 export interface Finding {
-  id: string;
-  rule: string;
-  severity: Severity;
-  scope: Scope;
-  target: string;
-  project: string;
-  title: string;
-  message: string;
-  metrics: Record<string, number>;
-  impact: Impact;
-  trigger?: Trigger;
+  id: string
+  rule: string
+  severity: Severity
+  scope: Scope
+  target: string
+  project: string
+  title: string
+  message: string
+  metrics: Record<string, number>
+  impact: Impact
+  trigger?: Trigger
 }
 
 export interface Target {
-  id: string;
-  project: string;
-  label: string;
-  usd?: number;
-  tokens?: number;
-  severity: Severity;
+  id: string
+  project: string
+  label: string
+  usd?: number
+  tokens?: number
+  severity: Severity
 }
 
 export interface Recommendation {
-  id: string;
-  rule: string;
-  severity: Severity;
-  title: string;
-  body: string;
-  action: string;
-  affected: number;
-  impact: Impact;
-  targets: Target[];
-  findingIds: string[];
-  calibrated: boolean;
+  id: string
+  rule: string
+  severity: Severity
+  title: string
+  body: string
+  action: string
+  affected: number
+  impact: Impact
+  targets: Target[]
+  findingIds: string[]
+  calibrated: boolean
 }
 
 export interface TopAction {
-  recommendationId: string;
-  title: string;
-  problem: string;
-  action: string;
-  impact: Impact;
+  recommendationId: string
+  title: string
+  problem: string
+  action: string
+  impact: Impact
 }
 
 export interface ExecutiveSummary {
-  period: { from: string; to: string };
-  sessions: number;
-  cost: number;
-  findings: number;
-  top: TopAction[];
-  caveats: string[];
+  period: { from: string; to: string }
+  sessions: number
+  cost: number
+  findings: number
+  top: TopAction[]
+  caveats: string[]
 }
 
 /** `ratio` est une part (en %), `rate` un rapport (1,5 par modification). */
-export type Unit = 'usd' | 'tokens' | 'ratio' | 'count' | 'rate';
+export type Unit = 'usd' | 'tokens' | 'ratio' | 'count' | 'rate'
 
 export interface Calibration {
-  metric: string;
-  label: string;
+  metric: string
+  label: string
   /** Ce que le signal mesure — rédigé côté serveur, au plus près du calcul. */
-  help: string;
-  unit: Unit;
-  direction: 'high' | 'low';
-  value: number;
-  percentile: number | null;
-  rank: number;
-  guard: number;
+  help: string
+  unit: Unit
+  direction: 'high' | 'low'
+  value: number
+  percentile: number | null
+  rank: number
+  guard: number
   /** L'ordre de grandeur qui justifie le garde-fou — un percentile se relit, un plancher non. */
-  guardBasis: string;
-  bound: 'percentile' | 'guard';
-  sampleSize: number;
-  calibrated: boolean;
-  hits: number;
+  guardBasis: string
+  bound: 'percentile' | 'guard'
+  sampleSize: number
+  calibrated: boolean
+  hits: number
   /** Ce que pèsent les cas retenus. `null` si les coûts n'ont pas été fournis. */
-  hitsCost: number | null;
+  hitsCost: number | null
   /** Ce que le garde-fou fait taire — `null` quand c'est le percentile qui décide. */
   silenced: {
-    sessions: number;
-    cost: number | null;
+    sessions: number
+    cost: number | null
     /** La part que nul autre signal ne rattrape : le vrai prix du plancher. */
-    orphans: { sessions: number; cost: number } | null;
-  } | null;
-  quantiles: { p50: number; p75: number; p90: number; min: number; max: number };
+    orphans: { sessions: number; cost: number } | null
+  } | null
+  quantiles: { p50: number; p75: number; p90: number; min: number; max: number }
 }
 
 export interface Thresholds {
-  sessions: number;
-  reliable: boolean;
+  sessions: number
+  reliable: boolean
   /** Quand les garde-fous ont été revus à la main, et sur quel corpus. */
-  reviewed: { on: string; sessions: number; cost: number };
-  metrics: Record<string, Calibration>;
+  reviewed: { on: string; sessions: number; cost: number }
+  metrics: Record<string, Calibration>
 }
 
 // ── Le rythme (`/api/diagnostics/pace`) ──────────────────────────────────────
 
 export interface PaceWindows {
-  samples: number;
-  quantiles: { p50: number; p75: number; p90: number; max: number };
-  peak: { cost: number; at: string };
-  threshold: number;
-  calibrated: boolean;
+  samples: number
+  quantiles: { p50: number; p75: number; p90: number; max: number }
+  peak: { cost: number; at: string }
+  threshold: number
+  calibrated: boolean
 }
 
 export interface PaceCurrent {
-  cost: number;
-  from: string;
-  to: string;
-  sessions: number;
+  cost: number
+  from: string
+  to: string
+  sessions: number
   /** Place de cette fenêtre parmi les autres, entre 0 et 1. */
-  rank: number;
+  rank: number
 }
 
 export interface PaceConcurrency {
-  max: number;
-  hoursAtLeast2: number;
-  hoursByLevel: number[];
-  activeHours: number;
-  threshold: number;
+  max: number
+  hoursAtLeast2: number
+  hoursByLevel: number[]
+  activeHours: number
+  threshold: number
 }
 
 export interface Pace {
-  windowHours: number;
-  current: PaceCurrent;
-  windows: PaceWindows;
-  concurrency: PaceConcurrency;
+  windowHours: number
+  current: PaceCurrent
+  windows: PaceWindows
+  concurrency: PaceConcurrency
 }
 
 // ── Comment on travaille ─────────────────────────────────────────────────────
 
 /** Un geste, vu chez les deux extrêmes du rendement. Voir `behaviour.ts`. */
 export interface BehaviourStat {
-  median: number;
-  top: number;
-  bottom: number;
+  median: number
+  top: number
+  bottom: number
 }
 
 export interface Behaviour {
-  sessions: number;
+  sessions: number
   /** Faux quand l'échantillon est trop maigre pour opposer deux quarts. */
-  comparable: boolean;
-  editsPerHour: BehaviourStat;
-  explorationRatio: BehaviourStat;
-  turnsPerPrompt: BehaviourStat;
-  interruptedShare: { top: number; bottom: number };
+  comparable: boolean
+  editsPerHour: BehaviourStat
+  explorationRatio: BehaviourStat
+  turnsPerPrompt: BehaviourStat
+  interruptedShare: { top: number; bottom: number }
 }
 
 export interface DiagnosticReport {
-  summary: ExecutiveSummary;
-  recommendations: Recommendation[];
-  findings: Finding[];
-  thresholds: Thresholds;
-  pace: Pace;
-  behaviour: Behaviour;
+  summary: ExecutiveSummary
+  recommendations: Recommendation[]
+  findings: Finding[]
+  thresholds: Thresholds
+  pace: Pace
+  behaviour: Behaviour
 }
 
 // ── Diagnostic d'une session (lecteur de transcripts) ────────────────────────
 
 export interface CostBreakdown {
-  total: number;
-  input: number;
-  cacheCreate: number;
-  cacheRead: number;
-  output: number;
+  total: number
+  input: number
+  cacheCreate: number
+  cacheRead: number
+  output: number
   /** Un modèle sans tarif a servi : le total est un plancher. */
-  partial: boolean;
-  unpricedModels: string[];
+  partial: boolean
+  unpricedModels: string[]
 }
 
 export interface SessionRank {
-  metric: string;
-  label: string;
-  unit: Unit;
-  value: number;
+  metric: string
+  label: string
+  unit: Unit
+  value: number
   /** Place dans le parc, entre 0 et 1. */
-  rank: number;
-  median: number;
-  sampleSize: number;
-  direction: 'high' | 'low';
+  rank: number
+  median: number
+  sampleSize: number
+  direction: 'high' | 'low'
 }
 
 export interface SessionDiagnostic {
-  found: boolean;
-  sessionId: string;
-  project: string;
-  cost: CostBreakdown;
-  ranks: SessionRank[];
-  findings: Finding[];
-  parcSessions: number;
+  found: boolean
+  sessionId: string
+  project: string
+  cost: CostBreakdown
+  ranks: SessionRank[]
+  findings: Finding[]
+  parcSessions: number
 }
 
 async function req<T>(url: string): Promise<T> {
-  const res = await fetch(url, { headers: apiHeaders() });
+  const res = await fetch(url, { headers: apiHeaders() })
   if (!res.ok) {
-    let msg = `HTTP ${res.status}`;
+    let msg = `HTTP ${res.status}`
     try {
-      const b = (await res.json()) as { error?: string };
-      if (b.error) msg = b.error;
+      const b = (await res.json()) as { error?: string }
+      if (b.error) msg = b.error
     } catch {
       /* non-JSON */
     }
-    throw new Error(msg);
+    throw new Error(msg)
   }
-  return (await res.json()) as T;
+  return (await res.json()) as T
 }
 
 /** Le diagnostic d'une session : coût décomposé, rang dans le parc, constats. */
 export function getSessionDiagnostic(project: string, id: string): Promise<SessionDiagnostic> {
-  const q = new URLSearchParams({ project, id });
-  return req(`/api/diagnostics/session?${q.toString()}`);
+  const q = new URLSearchParams({ project, id })
+  return req(`/api/diagnostics/session?${q.toString()}`)
 }
 
 /** Inclusive `YYYY-MM-DD` bounds; omit both for all time. */
 export function getDiagnostics(from?: string, to?: string): Promise<DiagnosticReport> {
-  const q = new URLSearchParams();
-  if (from) q.set('from', from);
-  if (to) q.set('to', to);
-  const qs = q.toString();
-  return req(`/api/diagnostics${qs ? `?${qs}` : ''}`);
+  const q = new URLSearchParams()
+  if (from) q.set('from', from)
+  if (to) q.set('to', to)
+  const qs = q.toString()
+  return req(`/api/diagnostics${qs ? `?${qs}` : ''}`)
 }
diff --git a/src/services/diagnostics/severity.ts b/src/services/diagnostics/severity.ts
index 44eb5aa..7fa9da1 100644
--- a/src/services/diagnostics/severity.ts
+++ b/src/services/diagnostics/severity.ts
@@ -1,5 +1,5 @@
-import type { Severity } from './index';
-import { t } from '@/i18n';
+import { t } from '@/i18n'
+import type { Severity } from './index'
 
 // ── Gravité ──────────────────────────────────────────────────────────────────
 //
@@ -17,19 +17,16 @@ export const SEVERITY: Record<Severity, { icon: string; color: string }> = {
   critical: { icon: 'error', color: 'var(--danger)' },
   warn: { icon: 'warning', color: 'var(--warn)' },
   info: { icon: 'info', color: 'var(--series-1)' },
-};
+}
 
 /** Ordre de gravité : la pire l'emporte quand une seule peut être montrée. */
-export const SEVERITY_RANK: Record<Severity, number> = { critical: 3, warn: 2, info: 1 };
+export const SEVERITY_RANK: Record<Severity, number> = { critical: 3, warn: 2, info: 1 }
 
-export const severityIcon = (s: Severity): string => SEVERITY[s].icon;
-export const severityColor = (s: Severity): string => SEVERITY[s].color;
-export const severityLabel = (s: Severity): string => t(`diagnostics.severity.${s}`);
+export const severityIcon = (s: Severity): string => SEVERITY[s].icon
+export const severityColor = (s: Severity): string => SEVERITY[s].color
+export const severityLabel = (s: Severity): string => t(`diagnostics.severity.${s}`)
 
 /** La plus grave d'un lot, ou `null` s'il est vide. */
 export function worstSeverity(items: { severity: Severity }[]): Severity | null {
-  return items.reduce<Severity | null>(
-    (w, i) => (!w || SEVERITY_RANK[i.severity] > SEVERITY_RANK[w] ? i.severity : w),
-    null,
-  );
+  return items.reduce<Severity | null>((w, i) => (!w || SEVERITY_RANK[i.severity] > SEVERITY_RANK[w] ? i.severity : w), null)
 }
diff --git a/src/services/events.ts b/src/services/events.ts
index 5c68110..04d039d 100644
--- a/src/services/events.ts
+++ b/src/services/events.ts
@@ -9,41 +9,41 @@
 // Treat a notification as "look again", and keep a slow fallback poll for the
 // screens where missing a change would be visible.
 
-export type ClaudeEvent = { kind: 'sessions' } | { kind: 'transcript'; slug: string; id: string };
+export type ClaudeEvent = { kind: 'sessions' } | { kind: 'transcript'; slug: string; id: string }
 
-type Listener = (event: ClaudeEvent) => void;
+type Listener = (event: ClaudeEvent) => void
 
-const listeners = new Set<Listener>();
-let source: EventSource | null = null;
+const listeners = new Set<Listener>()
+let source: EventSource | null = null
 
 function dispatch(raw: MessageEvent<string>): void {
-  let event: ClaudeEvent;
+  let event: ClaudeEvent
   try {
-    event = JSON.parse(raw.data) as ClaudeEvent;
+    event = JSON.parse(raw.data) as ClaudeEvent
   } catch {
-    return;
+    return
   }
-  for (const l of [...listeners]) l(event);
+  for (const l of [...listeners]) l(event)
 }
 
 function open(): void {
-  source = new EventSource('/api/events');
-  source.addEventListener('sessions', dispatch as EventListener);
-  source.addEventListener('transcript', dispatch as EventListener);
+  source = new EventSource('/api/events')
+  source.addEventListener('sessions', dispatch as EventListener)
+  source.addEventListener('transcript', dispatch as EventListener)
 }
 
 function close(): void {
-  source?.close();
-  source = null;
+  source?.close()
+  source = null
 }
 
 /** Listen until the returned function is called. Safe to call from `onMounted`. */
 export function onClaudeChange(listener: Listener): () => void {
-  listeners.add(listener);
-  if (!source) open();
+  listeners.add(listener)
+  if (!source) open()
 
   return () => {
-    listeners.delete(listener);
-    if (listeners.size === 0) close();
-  };
+    listeners.delete(listener)
+    if (listeners.size === 0) close()
+  }
 }
diff --git a/src/services/http.ts b/src/services/http.ts
index cec10f9..fd81b8b 100644
--- a/src/services/http.ts
+++ b/src/services/http.ts
@@ -6,7 +6,7 @@
 // Oublier l'en-tête sur un service, c'est le voir répondre en français au milieu
 // d'une interface anglaise.
 
-import { currentLocale } from '@/i18n';
+import { currentLocale } from '@/i18n'
 
 /**
  * Une table d'en-têtes, sans passer par `HeadersInit`.
@@ -15,7 +15,7 @@ import { currentLocale } from '@/i18n';
  * BFF — Node, sans `lib: dom`. Un type DOM ici casserait `pnpm typecheck` sans
  * rien apporter : nos en-têtes sont des paires de chaînes, et rien d'autre.
  */
-export type HeaderMap = Record<string, string>;
+export type HeaderMap = Record<string, string>
 
 /**
  * Les en-têtes communs, fusionnés avec ceux de l'appelant.
@@ -29,5 +29,5 @@ export function apiHeaders(extra?: HeaderMap): HeaderMap {
     Accept: 'application/json',
     'Accept-Language': currentLocale(),
     ...extra,
-  };
+  }
 }
diff --git a/src/services/mcp/index.ts b/src/services/mcp/index.ts
index 0e91ee9..3944e7b 100644
--- a/src/services/mcp/index.ts
+++ b/src/services/mcp/index.ts
@@ -7,64 +7,61 @@
 // claude.ai-connected servers stay read-only. Errors reuse ClaudeApiError so a
 // 409 conflict renders the same message as the standard claude flow.
 
-import { ClaudeApiError } from '@/services/claude';
-import { apiHeaders, type HeaderMap } from '@/services/http';
+import { ClaudeApiError } from '@/services/claude'
+import { apiHeaders, type HeaderMap } from '@/services/http'
 
 /** A single MCP server entry as stored in ~/.claude.json. */
 export interface McpServerConfig {
-  type?: string;
-  command?: string;
-  args?: string[];
-  url?: string;
-  env?: Record<string, string>;
+  type?: string
+  command?: string
+  args?: string[]
+  url?: string
+  env?: Record<string, string>
 }
 
 export interface McpInventory {
-  connected: { name: string; id: string; timestamp: number }[];
-  fileServers: { name: string; scope: string; transport: string; detail: string }[];
+  connected: { name: string; id: string; timestamp: number }[]
+  fileServers: { name: string; scope: string; transport: string; detail: string }[]
   /** Raw global server configs (for lossless edit). Keyed by server name. */
-  globalServers: Record<string, McpServerConfig>;
+  globalServers: Record<string, McpServerConfig>
 }
 
 export interface McpWriteProposal {
   /** Current global mcpServers block, pretty-printed. */
-  before: string;
+  before: string
   /** Proposed global mcpServers block, pretty-printed. */
-  after: string;
+  after: string
   /** Hash of the whole ~/.claude.json (echoed back on apply for concurrency). */
-  expectedHash: string | null;
+  expectedHash: string | null
 }
 
 async function req<T>(url: string, init?: RequestInit): Promise<T> {
   const res = await fetch(url, {
     ...init,
     headers: apiHeaders(init?.headers as HeaderMap | undefined),
-  });
+  })
   if (!res.ok) {
-    let msg = `HTTP ${res.status}`;
+    let msg = `HTTP ${res.status}`
     try {
-      const body = (await res.json()) as { error?: string };
-      if (body.error) msg = body.error;
+      const body = (await res.json()) as { error?: string }
+      if (body.error) msg = body.error
     } catch {
       /* non-JSON body */
     }
-    throw new ClaudeApiError(res.status, msg);
+    throw new ClaudeApiError(res.status, msg)
   }
-  return (await res.json()) as T;
+  return (await res.json()) as T
 }
 
-export const getMcp = (): Promise<McpInventory> => req('/api/mcp');
+export const getMcp = (): Promise<McpInventory> => req('/api/mcp')
 
 /** `server === null` deletes the named global server; otherwise add/update it. */
-export const proposeMcp = (
-  name: string,
-  server: McpServerConfig | null,
-): Promise<McpWriteProposal> =>
+export const proposeMcp = (name: string, server: McpServerConfig | null): Promise<McpWriteProposal> =>
   req('/api/mcp/propose', {
     method: 'POST',
     headers: { 'Content-Type': 'application/json' },
     body: JSON.stringify({ name, server }),
-  });
+  })
 
 export const applyMcp = (
   name: string,
@@ -75,4 +72,4 @@ export const applyMcp = (
     method: 'POST',
     headers: { 'Content-Type': 'application/json' },
     body: JSON.stringify({ name, server, expectedHash }),
-  });
+  })
diff --git a/src/services/preferences/index.ts b/src/services/preferences/index.ts
index 705ddf9..534ac3b 100644
--- a/src/services/preferences/index.ts
+++ b/src/services/preferences/index.ts
@@ -1,4 +1,4 @@
-import { apiHeaders } from '@/services/http';
+import { apiHeaders } from '@/services/http'
 
 // Client for the server-side UI preferences (`/api/preferences`).
 //
@@ -6,21 +6,21 @@ import { apiHeaders } from '@/services/http';
 // `.local/preferences.json`. The store owns the shape; here we just read/write
 // the whole object.
 
-export type Preferences = Record<string, unknown>;
+export type Preferences = Record<string, unknown>
 
 /** Read the stored preferences ({} when none). Times out so boot never hangs. */
 export async function getPreferences(timeoutMs = 3000): Promise<Preferences> {
-  const ctrl = new AbortController();
-  const timer = setTimeout(() => ctrl.abort(), timeoutMs);
+  const ctrl = new AbortController()
+  const timer = setTimeout(() => ctrl.abort(), timeoutMs)
   try {
     const res = await fetch('/api/preferences', {
       headers: apiHeaders(),
       signal: ctrl.signal,
-    });
-    if (!res.ok) throw new Error(`HTTP ${res.status}`);
-    return (await res.json()) as Preferences;
+    })
+    if (!res.ok) throw new Error(`HTTP ${res.status}`)
+    return (await res.json()) as Preferences
   } finally {
-    clearTimeout(timer);
+    clearTimeout(timer)
   }
 }
 
@@ -30,6 +30,6 @@ export async function savePreferences(prefs: Preferences): Promise<void> {
     method: 'PUT',
     headers: apiHeaders({ 'Content-Type': 'application/json' }),
     body: JSON.stringify(prefs),
-  });
-  if (!res.ok && res.status !== 204) throw new Error(`HTTP ${res.status}`);
+  })
+  if (!res.ok && res.status !== 204) throw new Error(`HTTP ${res.status}`)
 }
diff --git a/src/services/projects/index.ts b/src/services/projects/index.ts
index e26181d..06e0671 100644
--- a/src/services/projects/index.ts
+++ b/src/services/projects/index.ts
@@ -4,8 +4,8 @@
 // keep importing them from `src/services/projects` while the BFF and the SPA
 // typecheck against the same declarations.
 
-import type { PlanInfo } from '@/services/system';
-import { apiHeaders } from '@/services/http';
+import type { PlanInfo } from '@/services/system'
+import { apiHeaders } from '@/services/http'
 
 export type {
   FolderCandidate,
@@ -16,7 +16,7 @@ export type {
   ProjectSummary,
   ResourceCategory,
   ResourceNode,
-} from 'shared/projects';
+} from 'shared/projects'
 
 export type {
   Block,
@@ -34,46 +34,34 @@ export type {
   TranscriptStats,
   TranscriptSummary,
   Usage,
-} from 'shared/transcript';
+} from 'shared/transcript'
 
-export type {
-  Compaction,
-  ContextCategory,
-  ContextInjection,
-  SessionContext,
-  TurnContext,
-} from 'shared/context';
+export type { Compaction, ContextCategory, ContextInjection, SessionContext, TurnContext } from 'shared/context'
 
-import type {
-  FolderCandidate,
-  ProjectDetail,
-  ProjectResources,
-  ProjectSummary,
-} from 'shared/projects';
-import type { ParsedTranscript, TranscriptImage, TranscriptSummary } from 'shared/transcript';
+import type { FolderCandidate, ProjectDetail, ProjectResources, ProjectSummary } from 'shared/projects'
+import type { ParsedTranscript, TranscriptImage, TranscriptSummary } from 'shared/transcript'
 
 async function request(url: string): Promise<Response> {
-  const res = await fetch(url, { headers: apiHeaders() });
+  const res = await fetch(url, { headers: apiHeaders() })
   if (!res.ok) {
-    let msg = `HTTP ${res.status}`;
+    let msg = `HTTP ${res.status}`
     try {
-      const b = (await res.json()) as { error?: string };
-      if (b.error) msg = b.error;
+      const b = (await res.json()) as { error?: string }
+      if (b.error) msg = b.error
     } catch {
       /* non-JSON */
     }
-    throw new Error(msg);
+    throw new Error(msg)
   }
-  return res;
+  return res
 }
 
 async function req<T>(url: string): Promise<T> {
-  return (await (await request(url)).json()) as T;
+  return (await (await request(url)).json()) as T
 }
 
-export const getProjects = (): Promise<{ projects: ProjectSummary[] }> => req('/api/projects');
-export const getProjectDetail = (slug: string): Promise<ProjectDetail> =>
-  req(`/api/projects/${encodeURIComponent(slug)}`);
+export const getProjects = (): Promise<{ projects: ProjectSummary[] }> => req('/api/projects')
+export const getProjectDetail = (slug: string): Promise<ProjectDetail> => req(`/api/projects/${encodeURIComponent(slug)}`)
 /**
  * Le même inventaire que `getProjectDetail`, sans les transcripts.
  *
@@ -81,22 +69,17 @@ export const getProjectDetail = (slug: string): Promise<ProjectDetail> =>
  * le détail complet résume chaque transcript du projet, ce qui se compte en
  * dizaines de méga-octets lus pour afficher un arbre de fichiers.
  */
-export const getProjectResources = (slug: string): Promise<ProjectResources> =>
-  req(`/api/projects/${encodeURIComponent(slug)}/resources`);
+export const getProjectResources = (slug: string): Promise<ProjectResources> => req(`/api/projects/${encodeURIComponent(slug)}/resources`)
 /** Les sessions d'un projet, du plus récent au plus ancien. Sans l'inventaire. */
 export const getProjectSessions = (slug: string): Promise<{ sessions: TranscriptSummary[] }> =>
-  req(`/api/projects/${encodeURIComponent(slug)}/sessions`);
+  req(`/api/projects/${encodeURIComponent(slug)}/sessions`)
 /** Plans this project produced — they live in ~/.claude/plans, not in the project. */
-export const getProjectPlans = (slug: string): Promise<{ plans: PlanInfo[] }> =>
-  req(`/api/projects/${encodeURIComponent(slug)}/plans`);
-export const readResource = (
-  slug: string,
-  path: string,
-): Promise<{ rel: string; content: string }> =>
-  req(`/api/projects/${encodeURIComponent(slug)}/resource?path=${encodeURIComponent(path)}`);
+export const getProjectPlans = (slug: string): Promise<{ plans: PlanInfo[] }> => req(`/api/projects/${encodeURIComponent(slug)}/plans`)
+export const readResource = (slug: string, path: string): Promise<{ rel: string; content: string }> =>
+  req(`/api/projects/${encodeURIComponent(slug)}/resource?path=${encodeURIComponent(path)}`)
 /** A CLAUDE.md of the source tree — a different sandbox than `readResource`. */
 export const readMemory = (slug: string, path: string): Promise<{ rel: string; content: string }> =>
-  req(`/api/projects/${encodeURIComponent(slug)}/memory?path=${encodeURIComponent(path)}`);
+  req(`/api/projects/${encodeURIComponent(slug)}/memory?path=${encodeURIComponent(path)}`)
 /**
  * Un document d'un dossier inclus.
  *
@@ -104,19 +87,16 @@ export const readMemory = (slug: string, path: string): Promise<{ rel: string; c
  * liste des dossiers inclus dans les préférences et n'ouvre que ce qu'elle
  * couvre. Rien d'inclus, rien de lisible.
  */
-export const readIncludedFile = (
-  slug: string,
-  path: string,
-): Promise<{ rel: string; content: string }> =>
-  req(`/api/projects/${encodeURIComponent(slug)}/included?path=${encodeURIComponent(path)}`);
+export const readIncludedFile = (slug: string, path: string): Promise<{ rel: string; content: string }> =>
+  req(`/api/projects/${encodeURIComponent(slug)}/included?path=${encodeURIComponent(path)}`)
 /** Les dossiers qu'AURA propose d'inclure, du plus fourni au moins fourni. */
 export const getFolderCandidates = (slug: string): Promise<{ candidates: FolderCandidate[] }> =>
-  req(`/api/projects/${encodeURIComponent(slug)}/folder-candidates`);
+  req(`/api/projects/${encodeURIComponent(slug)}/folder-candidates`)
 /** Un transcript, et l'empreinte du fichier dont il sort. */
 export interface TranscriptRead {
-  transcript: ParsedTranscript;
+  transcript: ParsedTranscript
   /** `''` si un intermédiaire a retiré l'en-tête : on ne peut alors rien déduire. */
-  etag: string;
+  etag: string
 }
 
 /**
@@ -129,13 +109,11 @@ export interface TranscriptRead {
  * toute la timeline pour rien. On la lui rend donc, à lui de comparer.
  */
 export async function readTranscript(slug: string, id: string): Promise<TranscriptRead> {
-  const res = await request(
-    `/api/projects/${encodeURIComponent(slug)}/transcript?id=${encodeURIComponent(id)}`,
-  );
+  const res = await request(`/api/projects/${encodeURIComponent(slug)}/transcript?id=${encodeURIComponent(id)}`)
   return {
     transcript: (await res.json()) as ParsedTranscript,
     etag: res.headers.get('ETag') ?? '',
-  };
+  }
 }
 /**
  * The full text of a tool result Claude Code spilled to disk.
@@ -153,14 +131,7 @@ export async function readTranscript(slug: string, id: string): Promise<Transcri
 export const transcriptImageUrl = (slug: string, id: string, img: TranscriptImage): string =>
   `/api/projects/${encodeURIComponent(slug)}/transcript/image` +
   `?id=${encodeURIComponent(id)}&uuid=${encodeURIComponent(img.uuid)}&index=${img.index}` +
-  (img.agentId ? `&agentId=${encodeURIComponent(img.agentId)}` : '');
+  (img.agentId ? `&agentId=${encodeURIComponent(img.agentId)}` : '')
 
-export const readToolResult = (
-  slug: string,
-  id: string,
-  toolUseId: string,
-): Promise<{ toolUseId: string; content: string; truncated: boolean }> =>
-  req(
-    `/api/projects/${encodeURIComponent(slug)}/tool-result` +
-      `?id=${encodeURIComponent(id)}&toolUseId=${encodeURIComponent(toolUseId)}`,
-  );
+export const readToolResult = (slug: string, id: string, toolUseId: string): Promise<{ toolUseId: string; content: string; truncated: boolean }> =>
+  req(`/api/projects/${encodeURIComponent(slug)}/tool-result` + `?id=${encodeURIComponent(id)}&toolUseId=${encodeURIComponent(toolUseId)}`)
diff --git a/src/services/system/index.ts b/src/services/system/index.ts
index 7a1f54b..06dcffc 100644
--- a/src/services/system/index.ts
+++ b/src/services/system/index.ts
@@ -1,75 +1,75 @@
-import { apiHeaders, type HeaderMap } from '@/services/http';
-import type { KillProcessResult, ProcessList } from 'shared/processes';
+import { apiHeaders, type HeaderMap } from '@/services/http'
+import type { KillProcessResult, ProcessList } from 'shared/processes'
 
-export type { ClaudeProcess, ClaudeProcessKind } from 'shared/processes';
+export type { ClaudeProcess, ClaudeProcessKind } from 'shared/processes'
 
 // Client for the observability & maintenance API (`/api/system/*`).
 
 export interface StorageArea {
-  key: string;
-  label: string;
-  size: number;
-  purgeable: boolean;
+  key: string
+  label: string
+  size: number
+  purgeable: boolean
 }
 export interface Storage {
-  areas: StorageArea[];
-  backups: number;
-  total: number;
+  areas: StorageArea[]
+  backups: number
+  total: number
 }
 export interface SessionInfo {
-  pid?: number;
-  sessionId: string;
-  cwd: string;
-  name?: string;
-  status?: string;
+  pid?: number
+  sessionId: string
+  cwd: string
+  name?: string
+  status?: string
   /** When `status` is `waiting`, what it's blocked on (e.g. `permission prompt`). */
-  waitingFor?: string;
-  kind?: string;
-  startedAt?: number;
-  updatedAt?: number;
-  version?: string;
+  waitingFor?: string
+  kind?: string
+  startedAt?: number
+  updatedAt?: number
+  version?: string
   /** Project dir slug holding this session's transcript; '' if not located. */
-  slug: string;
+  slug: string
 }
 export interface PlanInfo {
-  name: string;
-  title: string;
-  mtime: number;
-  size: number;
+  name: string
+  title: string
+  mtime: number
+  size: number
   /** Owning project slug + real path; both empty when the plan has no known project. */
-  projectSlug: string;
-  projectPath: string;
+  projectSlug: string
+  projectPath: string
 }
 
 async function req<T>(url: string, init?: RequestInit): Promise<T> {
   const res = await fetch(url, {
     ...init,
     headers: apiHeaders(init?.headers as HeaderMap | undefined),
-  });
+  })
   if (!res.ok) {
-    let msg = `HTTP ${res.status}`;
+    let msg = `HTTP ${res.status}`
     try {
-      const b = (await res.json()) as { error?: string };
-      if (b.error) msg = b.error;
+      const b = (await res.json()) as { error?: string }
+      if (b.error) msg = b.error
     } catch {
       /* non-JSON */
     }
-    throw new Error(msg);
+    throw new Error(msg)
   }
-  return (await res.json()) as T;
+  return (await res.json()) as T
 }
 
-export const getStorage = (): Promise<Storage> => req('/api/system/storage');
+export const getStorage = (): Promise<Storage> => req('/api/system/storage')
 export const purgeArea = (area: string): Promise<{ ok: true }> =>
   req('/api/system/purge', {
     method: 'POST',
     headers: { 'Content-Type': 'application/json' },
     body: JSON.stringify({ area }),
-  });
-export const getSessions = (): Promise<{ sessions: SessionInfo[] }> => req('/api/system/sessions');
+  })
+export const getSessions = (): Promise<{ sessions: SessionInfo[] }> => req('/api/system/sessions')
 
 /** Les processus Claude vivants — ce que le système exécute, pas ce que le disque déclare. */
-export const getProcesses = (): Promise<ProcessList> => req('/api/system/processes');
+export const getProcesses = (): Promise<ProcessList> => req('/api/system/processes')
 
 /**
  * Terminer un processus, `descendants` compris.
@@ -82,13 +82,12 @@ export const killProcess = (pid: number, descendants: boolean): Promise<KillProc
     method: 'POST',
     headers: { 'Content-Type': 'application/json' },
     body: JSON.stringify({ pid, descendants }),
-  });
-export const getPlans = (): Promise<{ plans: PlanInfo[] }> => req('/api/system/plans');
-export const readPlan = (name: string): Promise<{ name: string; content: string }> =>
-  req(`/api/system/plan?name=${encodeURIComponent(name)}`);
+  })
+export const getPlans = (): Promise<{ plans: PlanInfo[] }> => req('/api/system/plans')
+export const readPlan = (name: string): Promise<{ name: string; content: string }> => req(`/api/system/plan?name=${encodeURIComponent(name)}`)
 export const deletePlan = (name: string): Promise<{ ok: true }> =>
   req('/api/system/plan/delete', {
     method: 'POST',
     headers: { 'Content-Type': 'application/json' },
     body: JSON.stringify({ name }),
-  });
+  })
diff --git a/src/services/usage/index.ts b/src/services/usage/index.ts
index c71c67c..2371b41 100644
--- a/src/services/usage/index.ts
+++ b/src/services/usage/index.ts
@@ -1,68 +1,68 @@
-import { apiHeaders } from '@/services/http';
+import { apiHeaders } from '@/services/http'
 
 // Client for the token-usage API (`/api/usage`).
 
 export interface UsageTotals {
-  input: number;
-  output: number;
-  cacheRead: number;
-  cacheCreate: number;
-  turns: number;
-  cost: number;
-  sessions: number;
+  input: number
+  output: number
+  cacheRead: number
+  cacheCreate: number
+  turns: number
+  cost: number
+  sessions: number
 }
 
 export interface UsageReport {
-  totals: UsageTotals;
-  byDay: (UsageTotals & { day: string })[];
+  totals: UsageTotals
+  byDay: (UsageTotals & { day: string })[]
   /** Per (day, model) — the daily cost stacked by model, on a single axis. */
-  byDayModel: (UsageTotals & { day: string; model: string })[];
-  byModel: (UsageTotals & { model: string })[];
-  byProject: (UsageTotals & { project: string })[];
-  byAgent: (UsageTotals & { agentType: string })[];
+  byDayModel: (UsageTotals & { day: string; model: string })[]
+  byModel: (UsageTotals & { model: string })[]
+  byProject: (UsageTotals & { project: string })[]
+  byAgent: (UsageTotals & { agentType: string })[]
   /** Models with no known price — their tokens count, their cost doesn't. */
-  unpricedModels: string[];
-  from: string | null;
-  to: string | null;
-  filesScanned: number;
+  unpricedModels: string[]
+  from: string | null
+  to: string | null
+  filesScanned: number
 }
 
 async function req<T>(url: string): Promise<T> {
-  const res = await fetch(url, { headers: apiHeaders() });
+  const res = await fetch(url, { headers: apiHeaders() })
   if (!res.ok) {
-    let msg = `HTTP ${res.status}`;
+    let msg = `HTTP ${res.status}`
     try {
-      const b = (await res.json()) as { error?: string };
-      if (b.error) msg = b.error;
+      const b = (await res.json()) as { error?: string }
+      if (b.error) msg = b.error
     } catch {
       /* non-JSON */
     }
-    throw new Error(msg);
+    throw new Error(msg)
   }
-  return (await res.json()) as T;
+  return (await res.json()) as T
 }
 
 /** Inclusive `YYYY-MM-DD` bounds; omit both for all time. */
 export function getUsage(from?: string, to?: string): Promise<UsageReport> {
-  const q = new URLSearchParams();
-  if (from) q.set('from', from);
-  if (to) q.set('to', to);
-  const qs = q.toString();
-  return req(`/api/usage${qs ? `?${qs}` : ''}`);
+  const q = new URLSearchParams()
+  if (from) q.set('from', from)
+  if (to) q.set('to', to)
+  const qs = q.toString()
+  return req(`/api/usage${qs ? `?${qs}` : ''}`)
 }
 
 /** The date ranges offered by the page's filter, resolved against "today". */
-export type RangeKey = '7d' | '30d' | '90d' | 'all';
+export type RangeKey = '7d' | '30d' | '90d' | 'all'
 
 export function resolveRange(key: RangeKey, today = new Date()): { from?: string; to?: string } {
-  if (key === 'all') return {};
-  const days = key === '7d' ? 7 : key === '30d' ? 30 : 90;
-  const start = new Date(today);
-  start.setDate(start.getDate() - (days - 1));
-  return { from: isoDay(start), to: isoDay(today) };
+  if (key === 'all') return {}
+  const days = key === '7d' ? 7 : key === '30d' ? 30 : 90
+  const start = new Date(today)
+  start.setDate(start.getDate() - (days - 1))
+  return { from: isoDay(start), to: isoDay(today) }
 }
 
 function isoDay(d: Date): string {
-  const p = (n: number) => String(n).padStart(2, '0');
-  return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())}`;
+  const p = (n: number) => String(n).padStart(2, '0')
+  return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())}`
 }
diff --git a/src/stores/index.ts b/src/stores/index.ts
index 6d7c49d..5b4974b 100644
--- a/src/stores/index.ts
+++ b/src/stores/index.ts
@@ -1,5 +1,5 @@
-import { defineStore } from '#q-app';
-import { createPinia } from 'pinia';
+import { defineStore } from '#q-app'
+import { createPinia } from 'pinia'
 
 /*
  * When adding new properties to stores, you should also
@@ -23,10 +23,10 @@ declare module 'pinia' {
  */
 
 export default defineStore((/* { ssrContext } */) => {
-  const pinia = createPinia();
+  const pinia = createPinia()
 
   // You can add Pinia plugins here
   // pinia.use(SomePiniaPlugin)
 
-  return pinia;
-});
+  return pinia
+})
diff --git a/src/stores/settings.ts b/src/stores/settings.ts
index 683fce5..dca9dfe 100644
--- a/src/stores/settings.ts
+++ b/src/stores/settings.ts
@@ -1,9 +1,9 @@
-import { defineStore } from 'pinia';
-import { ref, watch } from 'vue';
-import { Dark } from 'quasar';
-import { getPreferences, savePreferences, type Preferences } from '@/services/preferences';
-import { isLocale, DEFAULT_LOCALE, type AppLocale } from '@/i18n';
-import { applyLocale } from '@/i18n/apply';
+import { isLocale, DEFAULT_LOCALE, type AppLocale } from '@/i18n'
+import { applyLocale } from '@/i18n/apply'
+import { getPreferences, savePreferences, type Preferences } from '@/services/preferences'
+import { defineStore } from 'pinia'
+import { Dark } from 'quasar'
+import { ref, watch } from 'vue'
 
 /**
  * UI preferences for AURA. Persisted **server-side** in the BFF
@@ -12,21 +12,21 @@ import { applyLocale } from '@/i18n/apply';
  */
 
 type PersistedSettings = {
-  darkMode?: boolean;
-  locale?: AppLocale;
+  darkMode?: boolean
+  locale?: AppLocale
   /** Dossiers inclus dans l'arbre d'un projet, par slug. Voir `includedFolders`. */
-  includedFolders?: Record<string, string[]>;
-};
+  includedFolders?: Record<string, string[]>
+}
 
 export const useSettingsStore = defineStore('settings', () => {
   // Dark vs light theme. Default dark (the app's native aesthetic), applied via
   // Quasar's Dark plugin which toggles body--dark / body--light (see app.scss).
-  const darkMode = ref(true);
+  const darkMode = ref(true)
 
   // Langue de l'interface. Le serveur lit cette même clé dans
   // `.local/preferences.json` pour rendre ses propres messages : c'est pourquoi
   // elle vit ici et non dans le navigateur.
-  const locale = ref<AppLocale>(DEFAULT_LOCALE);
+  const locale = ref<AppLocale>(DEFAULT_LOCALE)
 
   /**
    * Les dossiers d'un projet à montrer dans son arbre, par slug.
@@ -37,28 +37,27 @@ export const useSettingsStore = defineStore('settings', () => {
    * le fichier le déclare. Elle vit donc ici, dans le seul objet que le front
    * écrit, plutôt que dans une route à elle.
    */
-  const includedFolders = ref<Record<string, string[]>>({});
+  const includedFolders = ref<Record<string, string[]>>({})
 
   function snapshot(): PersistedSettings {
     return {
       darkMode: darkMode.value,
       locale: locale.value,
       includedFolders: includedFolders.value,
-    };
+    }
   }
 
   function apply(s: PersistedSettings): void {
-    darkMode.value = s.darkMode ?? true;
+    darkMode.value = s.darkMode ?? true
     // Une valeur inconnue sur le disque ne doit pas laisser l'interface sans
     // langue : on retombe sur la référence plutôt que de propager la surprise.
-    locale.value = isLocale(s.locale) ? s.locale : DEFAULT_LOCALE;
-    includedFolders.value =
-      s.includedFolders && typeof s.includedFolders === 'object' ? s.includedFolders : {};
+    locale.value = isLocale(s.locale) ? s.locale : DEFAULT_LOCALE
+    includedFolders.value = s.includedFolders && typeof s.includedFolders === 'object' ? s.includedFolders : {}
   }
 
   /** Les dossiers inclus d'un projet, jamais `undefined`. */
   function foldersOf(slug: string): string[] {
-    return includedFolders.value[slug] ?? [];
+    return includedFolders.value[slug] ?? []
   }
 
   /**
@@ -70,58 +69,56 @@ export const useSettingsStore = defineStore('settings', () => {
    * que de laisser un tableau vide s'accumuler.
    */
   async function setFolders(slug: string, folders: string[]): Promise<void> {
-    const next = { ...includedFolders.value };
-    if (folders.length) next[slug] = [...folders].sort((a, b) => a.localeCompare(b));
-    else delete next[slug];
-    includedFolders.value = next;
-    await savePreferences(snapshot());
+    const next = { ...includedFolders.value }
+    if (folders.length) next[slug] = [...folders].sort((a, b) => a.localeCompare(b))
+    else delete next[slug]
+    includedFolders.value = next
+    await savePreferences(snapshot())
   }
 
-  let ready = false;
+  let ready = false
 
   /** Load preferences from the server; seed the file on first run. */
   async function load(): Promise<void> {
-    let server: Preferences | null;
+    let server: Preferences | null
     try {
-      server = await getPreferences();
+      server = await getPreferences()
     } catch {
-      server = null;
+      server = null
     }
     if (server && Object.keys(server).length > 0) {
-      apply(server);
+      apply(server)
     } else if (server !== null) {
       try {
-        await savePreferences(snapshot());
+        await savePreferences(snapshot())
       } catch {
         /* retry on next change */
       }
     }
-    Dark.set(darkMode.value);
+    Dark.set(darkMode.value)
     // Awaité : le pack de langue de Quasar est un import dynamique, et le boot
     // n'a d'intérêt que s'il rend l'application prête *avant* le premier rendu.
-    await applyLocale(locale.value);
-    ready = true;
+    await applyLocale(locale.value)
+    ready = true
   }
 
   // Apply theme and language changes live (boot load handles the first paint).
-  watch(darkMode, (v) => Dark.set(v));
-  watch(locale, (l) => void applyLocale(l));
+  watch(darkMode, (v) => Dark.set(v))
+  watch(locale, (l) => void applyLocale(l))
 
   // Persist to the server on any change, debounced. Never fires before `load`.
-  let saveTimer: ReturnType<typeof setTimeout> | null = null;
+  let saveTimer: ReturnType<typeof setTimeout> | null = null
   watch(
     [darkMode, locale],
     () => {
-      if (!ready) return;
-      if (saveTimer) clearTimeout(saveTimer);
+      if (!ready) return
+      if (saveTimer) clearTimeout(saveTimer)
       saveTimer = setTimeout(() => {
-        void savePreferences(snapshot()).catch((e: unknown) =>
-          console.error('Sauvegarde des préférences échouée', e),
-        );
-      }, 400);
+        void savePreferences(snapshot()).catch((e: unknown) => console.error('Sauvegarde des préférences échouée', e))
+      }, 400)
     },
     { deep: true },
-  );
+  )
 
-  return { darkMode, locale, includedFolders, foldersOf, setFolders, load };
-});
+  return { darkMode, locale, includedFolders, foldersOf, setFolders, load }
+})
diff --git a/src/stores/system.ts b/src/stores/system.ts
index 01e45fd..d4c4bc3 100644
--- a/src/stores/system.ts
+++ b/src/stores/system.ts
@@ -1,7 +1,7 @@
-import { defineStore } from 'pinia';
-import { computed, ref } from 'vue';
-import { getSystem, getOverview, type Overview } from '@/services/claude';
-import { getSessions, type SessionInfo } from '@/services/system';
+import { getSystem, getOverview, type Overview } from '@/services/claude'
+import { getSessions, type SessionInfo } from '@/services/system'
+import { defineStore } from 'pinia'
+import { computed, ref } from 'vue'
 
 /**
  * Live "system" state for the OS-like status bar and the launchpad: whether the
@@ -15,38 +15,38 @@ import { getSessions, type SessionInfo } from '@/services/system';
  * (see MainLayout), which keeps the polling lifecycle out of Pinia.
  */
 export const useSystemStore = defineStore('system', () => {
-  const connected = ref(false);
-  const version = ref('');
-  const claudeDir = ref('~/.claude');
-  const overview = ref<Overview | null>(null);
-  const loaded = ref(false);
-  const sessions = ref<SessionInfo[]>([]);
+  const connected = ref(false)
+  const version = ref('')
+  const claudeDir = ref('~/.claude')
+  const overview = ref<Overview | null>(null)
+  const loaded = ref(false)
+  const sessions = ref<SessionInfo[]>([])
 
   /** Active = en train de tourner (busy) ou en attente d'une action (waiting). */
-  const isActive = (s: SessionInfo): boolean => !!s.status && s.status !== 'idle';
-  const activeSessions = computed(() => sessions.value.filter(isActive));
+  const isActive = (s: SessionInfo): boolean => !!s.status && s.status !== 'idle'
+  const activeSessions = computed(() => sessions.value.filter(isActive))
 
   async function refresh(): Promise<void> {
     try {
-      const [sys, ov] = await Promise.all([getSystem(), getOverview()]);
-      version.value = sys.version;
-      claudeDir.value = sys.claudeDir;
-      overview.value = ov;
-      connected.value = true;
+      const [sys, ov] = await Promise.all([getSystem(), getOverview()])
+      version.value = sys.version
+      claudeDir.value = sys.claudeDir
+      overview.value = ov
+      connected.value = true
     } catch {
-      connected.value = false;
+      connected.value = false
     } finally {
-      loaded.value = true;
+      loaded.value = true
     }
   }
 
   async function refreshSessions(): Promise<void> {
     try {
-      sessions.value = (await getSessions()).sessions;
+      sessions.value = (await getSessions()).sessions
     } catch {
       // BFF injoignable : on vide plutôt que de laisser une liste périmée
       // s'afficher comme vivante. La pastille de connexion signale la coupure.
-      sessions.value = [];
+      sessions.value = []
     }
   }
 
@@ -61,5 +61,5 @@ export const useSystemStore = defineStore('system', () => {
     isActive,
     refresh,
     refreshSessions,
-  };
-});
+  }
+})
diff --git a/src/utils/agentColors.ts b/src/utils/agentColors.ts
index 83b9fbc..4b12183 100644
--- a/src/utils/agentColors.ts
+++ b/src/utils/agentColors.ts
@@ -11,18 +11,9 @@
 // so wiring that override in later is a lookup, not a redesign.
 
 /** The eight names Claude Code accepts in an agent's `color:` frontmatter. */
-export const AGENT_HUES = [
-  'blue',
-  'green',
-  'yellow',
-  'purple',
-  'pink',
-  'orange',
-  'cyan',
-  'red',
-] as const;
+export const AGENT_HUES = ['blue', 'green', 'yellow', 'purple', 'pink', 'orange', 'cyan', 'red'] as const
 
-export type AgentHue = (typeof AGENT_HUES)[number];
+export type AgentHue = (typeof AGENT_HUES)[number]
 
 /**
  * FNV-1a, then murmur3's finalizer.
@@ -42,23 +33,23 @@ export type AgentHue = (typeof AGENT_HUES)[number];
  * repaints every agent in every past transcript.
  */
 function hashString(s: string): number {
-  let hash = 0xfced3cef;
+  let hash = 0xfced3cef
   for (let i = 0; i < s.length; i++) {
-    hash ^= s.charCodeAt(i);
-    hash = Math.imul(hash, 0x01000193);
+    hash ^= s.charCodeAt(i)
+    hash = Math.imul(hash, 0x01000193)
   }
   // murmur3 fmix32
-  hash ^= hash >>> 16;
-  hash = Math.imul(hash, 0x85ebca6b);
-  hash ^= hash >>> 13;
-  hash = Math.imul(hash, 0xc2b2ae35);
-  hash ^= hash >>> 16;
-  return hash >>> 0;
+  hash ^= hash >>> 16
+  hash = Math.imul(hash, 0x85ebca6b)
+  hash ^= hash >>> 13
+  hash = Math.imul(hash, 0xc2b2ae35)
+  hash ^= hash >>> 16
+  return hash >>> 0
 }
 
 /** The hue an agent name maps to. Same name, same hue, always. */
 export function agentHue(name: string): AgentHue {
-  return AGENT_HUES[hashString(name) % AGENT_HUES.length] as AgentHue;
+  return AGENT_HUES[hashString(name) % AGENT_HUES.length] as AgentHue
 }
 
 /**
@@ -66,7 +57,7 @@ export function agentHue(name: string): AgentHue {
  * A stroke or a dot — never a text color; see the note in `app.scss`.
  */
 export function agentColor(name: string): string {
-  return `var(--agent-${agentHue(name)})`;
+  return `var(--agent-${agentHue(name)})`
 }
 
 /**
@@ -79,5 +70,5 @@ export function agentColor(name: string): string {
  * c'est les laisser diverger le jour où l'une des deux gagne un cas.
  */
 export function agentColorOf(run: { agentType?: string; agentId?: string }): string {
-  return agentColor(run.agentType ?? run.agentId ?? '');
+  return agentColor(run.agentType ?? run.agentId ?? '')
 }
diff --git a/src/utils/ansi.ts b/src/utils/ansi.ts
index 415daad..f99e2f8 100644
--- a/src/utils/ansi.ts
+++ b/src/utils/ansi.ts
@@ -14,28 +14,28 @@
 
 /** Every escape sequence a terminal swallows: CSI (incl. SGR), OSC, and 2-byte. */
 // eslint-disable-next-line no-control-regex
-const ESCAPES = /\u001b(?:\[[0-9;:?]*[ -/]*[@-~]|\][\s\S]*?(?:\u0007|\u001b\\)|[@-Z\\-_])/g;
+const ESCAPES = /\u001b(?:\[[0-9;:?]*[ -/]*[@-~]|\][\s\S]*?(?:\u0007|\u001b\\)|[@-Z\\-_])/g
 
 /** Carriage returns and backspaces: a terminal redraws with them, HTML cannot. */
-const OTHER_CONTROLS = /\r(?!\n)|[\b]/g;
+const OTHER_CONTROLS = /\r(?!\n)|[\b]/g
 
 export function stripAnsi(text: string): string {
-  return text.replace(ESCAPES, '').replace(OTHER_CONTROLS, '');
+  return text.replace(ESCAPES, '').replace(OTHER_CONTROLS, '')
 }
 
-type Color = 'black' | 'red' | 'green' | 'yellow' | 'blue' | 'magenta' | 'cyan' | 'white';
+type Color = 'black' | 'red' | 'green' | 'yellow' | 'blue' | 'magenta' | 'cyan' | 'white'
 
-const COLORS: Color[] = ['black', 'red', 'green', 'yellow', 'blue', 'magenta', 'cyan', 'white'];
+const COLORS: Color[] = ['black', 'red', 'green', 'yellow', 'blue', 'magenta', 'cyan', 'white']
 
 interface State {
-  fg: Color | null;
-  bg: Color | null;
-  bold: boolean;
-  dim: boolean;
-  italic: boolean;
-  underline: boolean;
-  strike: boolean;
-  inverse: boolean;
+  fg: Color | null
+  bg: Color | null
+  bold: boolean
+  dim: boolean
+  italic: boolean
+  underline: boolean
+  strike: boolean
+  inverse: boolean
 }
 
 function blank(): State {
@@ -48,7 +48,7 @@ function blank(): State {
     underline: false,
     strike: false,
     inverse: false,
-  };
+  }
 }
 
 const ESC_HTML: Record<string, string> = {
@@ -56,10 +56,10 @@ const ESC_HTML: Record<string, string> = {
   '<': '&lt;',
   '>': '&gt;',
   '"': '&quot;',
-};
+}
 
 function escapeHtml(text: string): string {
-  return text.replace(/[&<>"]/g, (c) => ESC_HTML[c] ?? c);
+  return text.replace(/[&<>"]/g, (c) => ESC_HTML[c] ?? c)
 }
 
 /**
@@ -68,64 +68,64 @@ function escapeHtml(text: string): string {
  */
 function applySgr(state: State, params: number[]): void {
   for (let i = 0; i < params.length; i++) {
-    const p = params[i] ?? 0;
-    if (p === 0) Object.assign(state, blank());
-    else if (p === 1) state.bold = true;
-    else if (p === 2) state.dim = true;
-    else if (p === 3) state.italic = true;
-    else if (p === 4) state.underline = true;
-    else if (p === 7) state.inverse = true;
-    else if (p === 9) state.strike = true;
+    const p = params[i] ?? 0
+    if (p === 0) Object.assign(state, blank())
+    else if (p === 1) state.bold = true
+    else if (p === 2) state.dim = true
+    else if (p === 3) state.italic = true
+    else if (p === 4) state.underline = true
+    else if (p === 7) state.inverse = true
+    else if (p === 9) state.strike = true
     else if (p === 21 || p === 22) {
-      state.bold = false;
-      state.dim = false;
-    } else if (p === 23) state.italic = false;
-    else if (p === 24) state.underline = false;
-    else if (p === 27) state.inverse = false;
-    else if (p === 29) state.strike = false;
-    else if (p === 39) state.fg = null;
-    else if (p === 49) state.bg = null;
-    else if (p >= 30 && p <= 37) state.fg = COLORS[p - 30] ?? null;
-    else if (p >= 40 && p <= 47) state.bg = COLORS[p - 40] ?? null;
-    else if (p >= 90 && p <= 97) state.fg = COLORS[p - 90] ?? null;
-    else if (p >= 100 && p <= 107) state.bg = COLORS[p - 100] ?? null;
+      state.bold = false
+      state.dim = false
+    } else if (p === 23) state.italic = false
+    else if (p === 24) state.underline = false
+    else if (p === 27) state.inverse = false
+    else if (p === 29) state.strike = false
+    else if (p === 39) state.fg = null
+    else if (p === 49) state.bg = null
+    else if (p >= 30 && p <= 37) state.fg = COLORS[p - 30] ?? null
+    else if (p >= 40 && p <= 47) state.bg = COLORS[p - 40] ?? null
+    else if (p >= 90 && p <= 97) state.fg = COLORS[p - 90] ?? null
+    else if (p >= 100 && p <= 107) state.bg = COLORS[p - 100] ?? null
     else if (p === 38 || p === 48) {
       // `38;5;n` (256 colors) or `38;2;r;g;b` (truecolor) — keep only what maps
       // onto the base 16, and skip the arguments of the rest.
-      const mode = params[i + 1];
-      const target = p === 38 ? 'fg' : 'bg';
+      const mode = params[i + 1]
+      const target = p === 38 ? 'fg' : 'bg'
       if (mode === 5) {
-        const n = params[i + 2] ?? 0;
-        state[target] = n < 16 ? (COLORS[n % 8] ?? null) : null;
-        i += 2;
+        const n = params[i + 2] ?? 0
+        state[target] = n < 16 ? (COLORS[n % 8] ?? null) : null
+        i += 2
       } else if (mode === 2) {
-        state[target] = null;
-        i += 4;
+        state[target] = null
+        i += 4
       }
     }
   }
 }
 
 function classesOf(state: State): string {
-  const out: string[] = [];
+  const out: string[] = []
   // Inverse swaps the two ends rather than applying a filter, so an un-colored
   // inverted run still reads as a highlight.
-  const fg = state.inverse ? (state.bg ?? 'black') : state.fg;
-  const bg = state.inverse ? (state.fg ?? 'white') : state.bg;
-  if (fg) out.push(`ansi-fg-${fg}`);
-  if (bg) out.push(`ansi-bg-${bg}`);
-  if (state.bold) out.push('ansi-bold');
-  if (state.dim) out.push('ansi-dim');
-  if (state.italic) out.push('ansi-italic');
-  if (state.underline) out.push('ansi-underline');
-  if (state.strike) out.push('ansi-strike');
-  return out.join(' ');
+  const fg = state.inverse ? (state.bg ?? 'black') : state.fg
+  const bg = state.inverse ? (state.fg ?? 'white') : state.bg
+  if (fg) out.push(`ansi-fg-${fg}`)
+  if (bg) out.push(`ansi-bg-${bg}`)
+  if (state.bold) out.push('ansi-bold')
+  if (state.dim) out.push('ansi-dim')
+  if (state.italic) out.push('ansi-italic')
+  if (state.underline) out.push('ansi-underline')
+  if (state.strike) out.push('ansi-strike')
+  return out.join(' ')
 }
 
 /** True when `text` carries at least one escape sequence. */
 export function hasAnsi(text: string): boolean {
-  ESCAPES.lastIndex = 0;
-  return ESCAPES.test(text);
+  ESCAPES.lastIndex = 0
+  return ESCAPES.test(text)
 }
 
 /**
@@ -133,30 +133,30 @@ export function hasAnsi(text: string): boolean {
  * result is safe to hand to `v-html`.
  */
 export function ansiToHtml(text: string): string {
-  const state = blank();
-  let out = '';
-  let last = 0;
+  const state = blank()
+  let out = ''
+  let last = 0
 
   const push = (chunk: string): void => {
-    if (!chunk) return;
-    const cls = classesOf(state);
-    const safe = escapeHtml(chunk.replace(OTHER_CONTROLS, ''));
-    out += cls ? `<span class="${cls}">${safe}</span>` : safe;
-  };
+    if (!chunk) return
+    const cls = classesOf(state)
+    const safe = escapeHtml(chunk.replace(OTHER_CONTROLS, ''))
+    out += cls ? `<span class="${cls}">${safe}</span>` : safe
+  }
 
-  ESCAPES.lastIndex = 0;
-  let m: RegExpExecArray | null;
+  ESCAPES.lastIndex = 0
+  let m: RegExpExecArray | null
   while ((m = ESCAPES.exec(text)) !== null) {
-    push(text.slice(last, m.index));
-    last = m.index + m[0].length;
-    const seq = m[0];
+    push(text.slice(last, m.index))
+    last = m.index + m[0].length
+    const seq = m[0]
     if (seq.endsWith('m') && seq[1] === '[') {
       // `ESC[m` is a bare reset; `:` separates sub-parameters we don't read.
-      const body = seq.slice(2, -1);
-      const params = body === '' ? [0] : body.split(';').map((p) => Number(p.split(':')[0]) || 0);
-      applySgr(state, params);
+      const body = seq.slice(2, -1)
+      const params = body === '' ? [0] : body.split(';').map((p) => Number(p.split(':')[0]) || 0)
+      applySgr(state, params)
     }
   }
-  push(text.slice(last));
-  return out;
+  push(text.slice(last))
+  return out
 }
diff --git a/src/utils/diff.ts b/src/utils/diff.ts
index e0adf36..f7cf205 100644
--- a/src/utils/diff.ts
+++ b/src/utils/diff.ts
@@ -1,56 +1,55 @@
 // Minimal line-level diff (LCS) for the confirmation dialog. No dependency: we
 // only need to render added/removed/unchanged lines, not a full patch format.
 
-export type DiffOp = 'same' | 'add' | 'del';
+export type DiffOp = 'same' | 'add' | 'del'
 export interface DiffLine {
-  op: DiffOp;
-  text: string;
+  op: DiffOp
+  text: string
 }
 
 /** Compute a line diff between two texts. `null` is treated as empty. */
 export function diffLines(before: string | null, after: string): DiffLine[] {
-  const a = (before ?? '').split('\n');
-  const b = after.split('\n');
-  const n = a.length;
-  const m = b.length;
+  const a = (before ?? '').split('\n')
+  const b = after.split('\n')
+  const n = a.length
+  const m = b.length
 
   // LCS length table.
-  const lcs: number[][] = Array.from({ length: n + 1 }, () => new Array<number>(m + 1).fill(0));
+  const lcs: number[][] = Array.from({ length: n + 1 }, () => new Array<number>(m + 1).fill(0))
   for (let i = n - 1; i >= 0; i--) {
     for (let j = m - 1; j >= 0; j--) {
-      lcs[i]![j] =
-        a[i] === b[j] ? lcs[i + 1]![j + 1]! + 1 : Math.max(lcs[i + 1]![j]!, lcs[i]![j + 1]!);
+      lcs[i]![j] = a[i] === b[j] ? lcs[i + 1]![j + 1]! + 1 : Math.max(lcs[i + 1]![j]!, lcs[i]![j + 1]!)
     }
   }
 
-  const out: DiffLine[] = [];
-  let i = 0;
-  let j = 0;
+  const out: DiffLine[] = []
+  let i = 0
+  let j = 0
   while (i < n && j < m) {
     if (a[i] === b[j]) {
-      out.push({ op: 'same', text: a[i]! });
-      i++;
-      j++;
+      out.push({ op: 'same', text: a[i]! })
+      i++
+      j++
     } else if (lcs[i + 1]![j]! >= lcs[i]![j + 1]!) {
-      out.push({ op: 'del', text: a[i]! });
-      i++;
+      out.push({ op: 'del', text: a[i]! })
+      i++
     } else {
-      out.push({ op: 'add', text: b[j]! });
-      j++;
+      out.push({ op: 'add', text: b[j]! })
+      j++
     }
   }
-  while (i < n) out.push({ op: 'del', text: a[i++]! });
-  while (j < m) out.push({ op: 'add', text: b[j++]! });
-  return out;
+  while (i < n) out.push({ op: 'del', text: a[i++]! })
+  while (j < m) out.push({ op: 'add', text: b[j++]! })
+  return out
 }
 
 /** Count added/removed lines for a compact summary. */
 export function diffStat(lines: DiffLine[]): { added: number; removed: number } {
-  let added = 0;
-  let removed = 0;
+  let added = 0
+  let removed = 0
   for (const l of lines) {
-    if (l.op === 'add') added++;
-    else if (l.op === 'del') removed++;
+    if (l.op === 'add') added++
+    else if (l.op === 'del') removed++
   }
-  return { added, removed };
+  return { added, removed }
 }
diff --git a/src/utils/format.ts b/src/utils/format.ts
index 8f7e563..3dc0c11 100644
--- a/src/utils/format.ts
+++ b/src/utils/format.ts
@@ -10,10 +10,10 @@
 // `currentLocale()` y crée la dépendance réactive qui rafraîchit l'affichage
 // quand la langue change.
 
-import { currentLocale, t, type AppLocale } from '@/i18n';
+import { currentLocale, t, type AppLocale } from '@/i18n'
 
 /** Rien à afficher — un tiret cadratin, pas un vide qui ferait douter. */
-const EMPTY = '—';
+const EMPTY = '—'
 
 /**
  * Garde un formateur `Intl` tant que la langue ne bouge pas.
@@ -22,36 +22,36 @@ const EMPTY = '—';
  * événement affiché. La clé est la locale : elle change, le formateur suit.
  */
 function perLocale<T>(make: (locale: AppLocale) => T): () => T {
-  let key: AppLocale | null = null;
-  let value: T;
+  let key: AppLocale | null = null
+  let value: T
   return () => {
-    const locale = currentLocale();
+    const locale = currentLocale()
     if (locale !== key) {
-      key = locale;
-      value = make(locale);
+      key = locale
+      value = make(locale)
     }
-    return value;
-  };
+    return value
+  }
 }
 
 // Même mise en cache que `perLocale`, mais la clé porte aussi le nombre de
 // décimales : deux appelants qui n'en demandent pas autant ne doivent pas se
 // disputer une seule instance.
-const decimalFormats = new Map<string, Intl.NumberFormat>();
+const decimalFormats = new Map<string, Intl.NumberFormat>()
 
 /** Un nombre à décimales fixes, dans la ponctuation du pays. */
 function decimals(n: number, digits: number): string {
-  const locale = currentLocale();
-  const key = `${locale}:${digits}`;
-  let format = decimalFormats.get(key);
+  const locale = currentLocale()
+  const key = `${locale}:${digits}`
+  let format = decimalFormats.get(key)
   if (!format) {
     format = new Intl.NumberFormat(locale, {
       minimumFractionDigits: digits,
       maximumFractionDigits: digits,
-    });
-    decimalFormats.set(key, format);
+    })
+    decimalFormats.set(key, format)
   }
-  return format.format(n);
+  return format.format(n)
 }
 
 /**
@@ -62,11 +62,11 @@ function decimals(n: number, digits: number): string {
  * d'une interface française trahit tout de suite l'unité recollée à la main.
  */
 export function fmtBytes(n: number): string {
-  if (!n) return `0 ${t('formats.bytes.b')}`;
-  if (n < 1024) return `${fmtInt(n)} ${t('formats.bytes.b')}`;
-  if (n < 1024 * 1024) return `${decimals(n / 1024, 1)} ${t('formats.bytes.kb')}`;
-  if (n < 1024 * 1024 * 1024) return `${decimals(n / (1024 * 1024), 1)} ${t('formats.bytes.mb')}`;
-  return `${decimals(n / (1024 * 1024 * 1024), 2)} ${t('formats.bytes.gb')}`;
+  if (!n) return `0 ${t('formats.bytes.b')}`
+  if (n < 1024) return `${fmtInt(n)} ${t('formats.bytes.b')}`
+  if (n < 1024 * 1024) return `${decimals(n / 1024, 1)} ${t('formats.bytes.kb')}`
+  if (n < 1024 * 1024 * 1024) return `${decimals(n / (1024 * 1024), 1)} ${t('formats.bytes.mb')}`
+  return `${decimals(n / (1024 * 1024 * 1024), 2)} ${t('formats.bytes.gb')}`
 }
 
 /**
@@ -79,25 +79,25 @@ export function fmtBytes(n: number): string {
  * contredisent pas dans la même phrase.
  */
 export function fmtNum(n: number): string {
-  const space = currentLocale() === 'fr' ? ' ' : '';
-  if (n < 1000) return decimals(n, 0);
-  if (n < 1_000_000) return `${decimals(n / 1000, n < 10_000 ? 1 : 0)}${space}k`;
-  return `${decimals(n / 1_000_000, 1)}${space}M`;
+  const space = currentLocale() === 'fr' ? ' ' : ''
+  if (n < 1000) return decimals(n, 0)
+  if (n < 1_000_000) return `${decimals(n / 1000, n < 10_000 ? 1 : 0)}${space}k`
+  return `${decimals(n / 1_000_000, 1)}${space}M`
 }
 
 /** Un nombre à décimales fixes : `10,1` / `10.1`. */
 export function fmtDecimal(n: number, digits = 1): string {
-  return decimals(n, digits);
+  return decimals(n, digits)
 }
 
-const intFormat = perLocale((l) => new Intl.NumberFormat(l));
+const intFormat = perLocale((l) => new Intl.NumberFormat(l))
 
 /** Un entier avec ses séparateurs de milliers : `1 234 567` / `1,234,567`. */
 export function fmtInt(n: number): string {
-  return intFormat().format(n);
+  return intFormat().format(n)
 }
 
-const percentFormats = new Map<string, Intl.NumberFormat>();
+const percentFormats = new Map<string, Intl.NumberFormat>()
 
 /**
  * Une proportion, à partir d'un rapport : `77 %` / `77%`.
@@ -106,18 +106,18 @@ const percentFormats = new Map<string, Intl.NumberFormat>();
  * la chaîne — la recoller à la main donnerait `77 %` des deux côtés.
  */
 export function fmtPercent(ratio: number, digits = 0): string {
-  const locale = currentLocale();
-  const key = `${locale}:${digits}`;
-  let format = percentFormats.get(key);
+  const locale = currentLocale()
+  const key = `${locale}:${digits}`
+  let format = percentFormats.get(key)
   if (!format) {
     format = new Intl.NumberFormat(locale, {
       style: 'percent',
       minimumFractionDigits: digits,
       maximumFractionDigits: digits,
-    });
-    percentFormats.set(key, format);
+    })
+    percentFormats.set(key, format)
   }
-  return format.format(ratio);
+  return format.format(ratio)
 }
 
 const dateTimeFormat = perLocale(
@@ -129,61 +129,57 @@ const dateTimeFormat = perLocale(
       hour: '2-digit',
       minute: '2-digit',
     }),
-);
+)
 
 /** Absolute local date-time, e.g. "8 juil. 2026, 14:32". */
 export function fmtDate(ms: number): string {
-  if (!ms) return EMPTY;
-  return dateTimeFormat().format(new Date(ms));
+  if (!ms) return EMPTY
+  return dateTimeFormat().format(new Date(ms))
 }
 
-const dateShortFormat = perLocale((l) => new Intl.DateTimeFormat(l));
+const dateShortFormat = perLocale((l) => new Intl.DateTimeFormat(l))
 
 /** La date seule, au format court du pays : `08/07/2026` / `7/8/2026`. */
 export function fmtDateShort(ms: number): string {
-  if (!ms) return EMPTY;
-  const d = new Date(ms);
-  return Number.isNaN(d.getTime()) ? EMPTY : dateShortFormat().format(d);
+  if (!ms) return EMPTY
+  const d = new Date(ms)
+  return Number.isNaN(d.getTime()) ? EMPTY : dateShortFormat().format(d)
 }
 
-const dateLongFormat = perLocale(
-  (l) => new Intl.DateTimeFormat(l, { day: 'numeric', month: 'long', year: 'numeric' }),
-);
+const dateLongFormat = perLocale((l) => new Intl.DateTimeFormat(l, { day: 'numeric', month: 'long', year: 'numeric' }))
 
 /** La date écrite en toutes lettres : `8 juillet 2026` / `July 8, 2026`. */
 export function fmtDateLong(ms: number): string {
-  const d = new Date(ms);
-  return Number.isNaN(d.getTime()) ? EMPTY : dateLongFormat().format(d);
+  const d = new Date(ms)
+  return Number.isNaN(d.getTime()) ? EMPTY : dateLongFormat().format(d)
 }
 
-const monthFormat = perLocale((l) => new Intl.DateTimeFormat(l, { month: 'long' }));
+const monthFormat = perLocale((l) => new Intl.DateTimeFormat(l, { month: 'long' }))
 
 /** Le nom du mois seul, pour un regroupement par période. */
 export function fmtMonth(ms: number): string {
-  return monthFormat().format(new Date(ms));
+  return monthFormat().format(new Date(ms))
 }
 
-const timeFormat = perLocale(
-  (l) => new Intl.DateTimeFormat(l, { hour: '2-digit', minute: '2-digit', second: '2-digit' }),
-);
+const timeFormat = perLocale((l) => new Intl.DateTimeFormat(l, { hour: '2-digit', minute: '2-digit', second: '2-digit' }))
 
 /** L'heure seule, à la seconde — l'échelle du rejeu d'une session. */
 export function fmtTime(ms: number): string {
-  if (!ms) return '';
-  return timeFormat().format(new Date(ms));
+  if (!ms) return ''
+  return timeFormat().format(new Date(ms))
 }
 
-const relFormat = perLocale((l) => new Intl.RelativeTimeFormat(l, { style: 'narrow' }));
+const relFormat = perLocale((l) => new Intl.RelativeTimeFormat(l, { style: 'narrow' }))
 
 /** Relative time, e.g. "il y a 3 j". */
 export function relTime(ms: number): string {
-  if (!ms) return EMPTY;
-  const s = Math.max(0, (Date.now() - ms) / 1000);
-  if (s < 60) return t('formats.justNow');
-  if (s < 3600) return relFormat().format(-Math.floor(s / 60), 'minute');
-  if (s < 86400) return relFormat().format(-Math.floor(s / 3600), 'hour');
-  if (s < 2592000) return relFormat().format(-Math.floor(s / 86400), 'day');
-  return fmtDate(ms);
+  if (!ms) return EMPTY
+  const s = Math.max(0, (Date.now() - ms) / 1000)
+  if (s < 60) return t('formats.justNow')
+  if (s < 3600) return relFormat().format(-Math.floor(s / 60), 'minute')
+  if (s < 86400) return relFormat().format(-Math.floor(s / 3600), 'hour')
+  if (s < 2592000) return relFormat().format(-Math.floor(s / 86400), 'day')
+  return fmtDate(ms)
 }
 
 /**
@@ -200,7 +196,7 @@ export function fmtMoney(usd: number, maximumFractionDigits = 2): string {
     currency: 'USD',
     currencyDisplay: 'narrowSymbol',
     maximumFractionDigits,
-  }).format(usd);
+  }).format(usd)
 }
 
 /**
@@ -209,18 +205,18 @@ export function fmtMoney(usd: number, maximumFractionDigits = 2): string {
  * Deux décimales afficheraient « 0,00 $ » là où il s'est passé quelque chose.
  */
 export function fmtCost(usd: number): string {
-  if (usd >= 1) return fmtMoney(usd);
-  return `${decimals(usd * 100, 1)} ¢`;
+  if (usd >= 1) return fmtMoney(usd)
+  return `${decimals(usd * 100, 1)} ¢`
 }
 
 /** A duration in ms → "5 min 3 s" / "1 h 2 min" / "820 ms". */
 export function fmtDuration(ms: number): string {
-  if (ms <= 0) return EMPTY;
-  if (ms < 1000) return `${Math.round(ms)} ${t('formats.duration.ms')}`;
-  const s = Math.round(ms / 1000);
-  if (s < 60) return `${s} ${t('formats.duration.s')}`;
-  const m = Math.floor(s / 60);
-  if (m < 60) return `${m} ${t('formats.duration.min')} ${s % 60} ${t('formats.duration.s')}`;
-  const h = Math.floor(m / 60);
-  return `${h} ${t('formats.duration.h')} ${m % 60} ${t('formats.duration.min')}`;
+  if (ms <= 0) return EMPTY
+  if (ms < 1000) return `${Math.round(ms)} ${t('formats.duration.ms')}`
+  const s = Math.round(ms / 1000)
+  if (s < 60) return `${s} ${t('formats.duration.s')}`
+  const m = Math.floor(s / 60)
+  if (m < 60) return `${m} ${t('formats.duration.min')} ${s % 60} ${t('formats.duration.s')}`
+  const h = Math.floor(m / 60)
+  return `${h} ${t('formats.duration.h')} ${m % 60} ${t('formats.duration.min')}`
 }
diff --git a/src/utils/json-edit.ts b/src/utils/json-edit.ts
index 3a60190..3c14cff 100644
--- a/src/utils/json-edit.ts
+++ b/src/utils/json-edit.ts
@@ -2,45 +2,45 @@
 // document while preserving key order (we mutate the parsed object in place;
 // JSON.stringify then reproduces insertion order → minimal, meaningful diffs).
 
-export type Path = (string | number)[];
+export type Path = (string | number)[]
 
-type Json = Record<string, unknown> | unknown[];
+type Json = Record<string, unknown> | unknown[]
 
 /** Read a nested value; returns undefined if any segment is missing. */
 export function getAt(root: unknown, path: Path): unknown {
-  let cur: unknown = root;
+  let cur: unknown = root
   for (const key of path) {
-    if (cur == null || typeof cur !== 'object') return undefined;
-    cur = (cur as Record<string | number, unknown>)[key];
+    if (cur == null || typeof cur !== 'object') return undefined
+    cur = (cur as Record<string | number, unknown>)[key]
   }
-  return cur;
+  return cur
 }
 
 /** Set a nested value, creating intermediate objects/arrays as needed. */
 export function setAt(root: Json, path: Path, value: unknown): void {
-  if (!path.length) return;
-  let cur: Record<string | number, unknown> = root as Record<string | number, unknown>;
+  if (!path.length) return
+  let cur: Record<string | number, unknown> = root as Record<string | number, unknown>
   for (let i = 0; i < path.length - 1; i++) {
-    const key = path[i]!;
-    const next = cur[key];
+    const key = path[i]!
+    const next = cur[key]
     if (next == null || typeof next !== 'object') {
       // Create an array when the next segment is a number, else an object.
-      cur[key] = typeof path[i + 1] === 'number' ? [] : {};
+      cur[key] = typeof path[i + 1] === 'number' ? [] : {}
     }
-    cur = cur[key] as Record<string | number, unknown>;
+    cur = cur[key] as Record<string | number, unknown>
   }
-  cur[path[path.length - 1]!] = value;
+  cur[path[path.length - 1]!] = value
 }
 
 /** Delete a nested key (no-op if the path doesn't fully exist). */
 export function deleteAt(root: Json, path: Path): void {
-  if (!path.length) return;
-  const parent = getAt(root, path.slice(0, -1));
-  if (parent == null || typeof parent !== 'object') return;
-  const key = path[path.length - 1]!;
+  if (!path.length) return
+  const parent = getAt(root, path.slice(0, -1))
+  if (parent == null || typeof parent !== 'object') return
+  const key = path[path.length - 1]!
   if (Array.isArray(parent) && typeof key === 'number') {
-    parent.splice(key, 1);
+    parent.splice(key, 1)
   } else {
-    delete (parent as Record<string | number, unknown>)[key];
+    delete (parent as Record<string | number, unknown>)[key]
   }
 }
diff --git a/src/utils/markdown.ts b/src/utils/markdown.ts
index d20a80a..3f874d4 100644
--- a/src/utils/markdown.ts
+++ b/src/utils/markdown.ts
@@ -22,19 +22,18 @@
 // markdown-it 15 embarque ses déclarations et n'exporte plus la classe par
 // défaut : le défaut est une valeur appelable, et le type de l'instance est un
 // export nommé. D'où l'alias — sans lui, `MarkdownIt` ne désigne qu'une valeur.
-import MarkdownIt, { type MarkdownIt as MarkdownItInstance } from 'markdown-it';
-import DOMPurify, { type Config } from 'dompurify';
-import hljs from 'highlight.js/lib/common';
-import powershell from 'highlight.js/lib/languages/powershell';
+import DOMPurify, { type Config } from 'dompurify'
+import hljs from 'highlight.js/lib/common'
+import powershell from 'highlight.js/lib/languages/powershell'
+import MarkdownIt, { type MarkdownIt as MarkdownItInstance } from 'markdown-it'
 
 // `lib/common` ships the ~35 most used grammars, and PowerShell is not among
 // them — yet it is the shell of this machine, and 749 tool calls in the local
 // transcripts use it. Register it so those commands colour like Bash does.
-hljs.registerLanguage('powershell', powershell);
+hljs.registerLanguage('powershell', powershell)
 
 /** A link the browser would resolve against another origin: `https:`, `mailto:`, `//host`. */
-const isExternalHref = (href: string): boolean =>
-  href.startsWith('//') || /^[a-z][a-z0-9+.-]*:/i.test(href);
+const isExternalHref = (href: string): boolean => href.startsWith('//') || /^[a-z][a-z0-9+.-]*:/i.test(href)
 
 function createRenderer(allowHtml: boolean): MarkdownItInstance {
   const m: MarkdownItInstance = new MarkdownIt({
@@ -44,83 +43,64 @@ function createRenderer(allowHtml: boolean): MarkdownItInstance {
     highlight(str: string, lang: string): string {
       if (lang && hljs.getLanguage(lang)) {
         try {
-          return hljs.highlight(str, { language: lang, ignoreIllegals: true }).value;
+          return hljs.highlight(str, { language: lang, ignoreIllegals: true }).value
         } catch {
           /* fall through */
         }
       }
       try {
-        return hljs.highlightAuto(str).value;
+        return hljs.highlightAuto(str).value
       } catch {
-        return '';
+        return ''
       }
     },
-  });
+  })
 
   // Mermaid fences: instead of a highlighted code block, emit a container that
   // carries the raw diagram source. MarkdownView renders it client-side (lazy
   // mermaid import) once the HTML is in the DOM. The source is escaped here and
   // re-read as plain textContent by mermaid — no injection.
-  const defaultFence =
-    m.renderer.rules.fence ??
-    ((tokens, idx, options, _env, self) => self.renderToken(tokens, idx, options));
+  const defaultFence = m.renderer.rules.fence ?? ((tokens, idx, options, _env, self) => self.renderToken(tokens, idx, options))
   m.renderer.rules.fence = (tokens, idx, options, env, self) => {
-    const token = tokens[idx];
-    const info = token ? token.info.trim().split(/\s+/)[0]?.toLowerCase() : '';
+    const token = tokens[idx]
+    const info = token ? token.info.trim().split(/\s+/)[0]?.toLowerCase() : ''
     if (info === 'mermaid' && token) {
-      return `<div class="mermaid-block"><pre class="mermaid">${escapeHtml(token.content)}</pre></div>`;
+      return `<div class="mermaid-block"><pre class="mermaid">${escapeHtml(token.content)}</pre></div>`
     }
-    return defaultFence(tokens, idx, options, env, self);
-  };
+    return defaultFence(tokens, idx, options, env, self)
+  }
 
   // Open external links in a new tab (these point at external docs / repos). Relative
   // hrefs — MEMORY.md's `[Title](file.md)` pointers, say — stay in-document: the
   // browser would otherwise resolve them against the app's own origin. Views that
   // render such Markdown intercept the click and route it themselves.
-  const defaultLinkOpen =
-    m.renderer.rules.link_open ??
-    ((tokens, idx, options, _env, self) => self.renderToken(tokens, idx, options));
+  const defaultLinkOpen = m.renderer.rules.link_open ?? ((tokens, idx, options, _env, self) => self.renderToken(tokens, idx, options))
   m.renderer.rules.link_open = (tokens, idx, options, env, self) => {
     // `attrGet` rend `string | number | null` depuis la 15 : un attribut peut
     // porter un nombre (`width`, `colspan`). Un href n'en est jamais un, mais
     // le type l'admet — on ramène au texte plutôt que d'affirmer le contraire.
     if (isExternalHref(String(tokens[idx]?.attrGet('href') ?? ''))) {
-      tokens[idx]?.attrSet('target', '_blank');
-      tokens[idx]?.attrSet('rel', 'noopener noreferrer');
+      tokens[idx]?.attrSet('target', '_blank')
+      tokens[idx]?.attrSet('rel', 'noopener noreferrer')
     }
-    return defaultLinkOpen(tokens, idx, options, env, self);
-  };
+    return defaultLinkOpen(tokens, idx, options, env, self)
+  }
 
-  return m;
+  return m
 }
 
-const md = createRenderer(false);
-const mdHtml = createRenderer(true);
+const md = createRenderer(false)
+const mdHtml = createRenderer(true)
 
 // L'assainissement garde le balisage de mise en page d'un README — `<p align>`,
 // `<div>`, `<img>`, `<details>` — et laisse tomber le reste. `target="_blank"`
 // est ajouté par la règle ci-dessus, donc il figure dans les attributs permis ;
 // sans lui, DOMPurify le retirerait et un lien externe rouvrirait dans l'onglet.
 const PURIFY: Config = {
-  ALLOWED_ATTR: [
-    'href',
-    'src',
-    'alt',
-    'title',
-    'align',
-    'width',
-    'height',
-    'class',
-    'target',
-    'rel',
-    'colspan',
-    'rowspan',
-    'open',
-    'controls',
-  ],
+  ALLOWED_ATTR: ['href', 'src', 'alt', 'title', 'align', 'width', 'height', 'class', 'target', 'rel', 'colspan', 'rowspan', 'open', 'controls'],
   FORBID_TAGS: ['style', 'form', 'input', 'button'],
   ALLOW_DATA_ATTR: false,
-};
+}
 
 /**
  * Render a Markdown string to safe HTML.
@@ -131,13 +111,13 @@ const PURIFY: Config = {
  * output is sanitised, so the caller gains layout, not capability.
  */
 export function renderMarkdown(src: string, opts?: { html?: boolean }): string {
-  if (!opts?.html) return md.render(src ?? '');
-  return DOMPurify.sanitize(mdHtml.render(src ?? ''), PURIFY);
+  if (!opts?.html) return md.render(src ?? '')
+  return DOMPurify.sanitize(mdHtml.render(src ?? ''), PURIFY)
 }
 
 /** True when highlight.js has a grammar registered under this name. */
 export function hasLanguage(lang: string): boolean {
-  return Boolean(lang) && Boolean(hljs.getLanguage(lang));
+  return Boolean(lang) && Boolean(hljs.getLanguage(lang))
 }
 
 /**
@@ -151,12 +131,12 @@ export function hasLanguage(lang: string): boolean {
 export function highlightCode(src: string, lang?: string): string {
   if (lang && hasLanguage(lang)) {
     try {
-      return hljs.highlight(src, { language: lang, ignoreIllegals: true }).value;
+      return hljs.highlight(src, { language: lang, ignoreIllegals: true }).value
     } catch {
       /* fall through to plain text */
     }
   }
-  return escapeHtml(src);
+  return escapeHtml(src)
 }
 
 /**
@@ -168,42 +148,38 @@ export function highlightCode(src: string, lang?: string): string {
  * are open at the cut and reopening them on the next line.
  */
 export function highlightLines(src: string, lang?: string): string[] {
-  const html = highlightCode(src, lang);
-  const lines: string[] = [];
-  const open: string[] = [];
-  let current = '';
+  const html = highlightCode(src, lang)
+  const lines: string[] = []
+  const open: string[] = []
+  let current = ''
 
   // Text runs never contain `<`: highlight.js escapes them to `&lt;`.
-  const token = /(<span[^>]*>)|(<\/span>)|([^<]+)/g;
-  let m: RegExpExecArray | null;
+  const token = /(<span[^>]*>)|(<\/span>)|([^<]+)/g
+  let m: RegExpExecArray | null
   while ((m = token.exec(html)) !== null) {
     if (m[1]) {
-      open.push(m[1]);
-      current += m[1];
+      open.push(m[1])
+      current += m[1]
     } else if (m[2]) {
-      open.pop();
-      current += m[2];
+      open.pop()
+      current += m[2]
     } else if (m[3]) {
-      const parts = m[3].split('\n');
+      const parts = m[3].split('\n')
       for (let i = 0; i < parts.length; i++) {
         if (i > 0) {
-          current += '</span>'.repeat(open.length);
-          lines.push(current);
-          current = open.join('');
+          current += '</span>'.repeat(open.length)
+          lines.push(current)
+          current = open.join('')
         }
-        current += parts[i];
+        current += parts[i]
       }
     }
   }
-  lines.push(current);
-  return lines;
+  lines.push(current)
+  return lines
 }
 
 /** Minimal HTML escape for plain-text panes. */
 export function escapeHtml(s: string): string {
-  return s
-    .replace(/&/g, '&amp;')
-    .replace(/</g, '&lt;')
-    .replace(/>/g, '&gt;')
-    .replace(/"/g, '&quot;');
+  return s.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;')
 }
diff --git a/src/utils/pathMatch.ts b/src/utils/pathMatch.ts
index 8c89b71..cf9ecba 100644
--- a/src/utils/pathMatch.ts
+++ b/src/utils/pathMatch.ts
@@ -18,22 +18,22 @@
 
 /** Une ligne du menu : un dossier, ou un fichier. Les deux se choisissent. */
 export interface TreeRow {
-  kind: 'dir' | 'file';
+  kind: 'dir' | 'file'
   /** Le segment seul — `components`, `SessionComposer.vue` — jamais le chemin. */
-  label: string;
+  label: string
   /** Profondeur d'emboîtement, d'où vient le décrochage visuel. */
-  depth: number;
+  depth: number
   /** Le chemin complet : celui qui s'insère, et l'identité d'un dossier replié. */
-  path: string;
+  path: string
   /** Dossier seulement : est-il fermé, et combien de fichiers cache-t-il ? */
-  collapsed?: boolean;
-  count?: number;
+  collapsed?: boolean
+  count?: number
 }
 
 export interface TreeResults {
-  rows: TreeRow[];
+  rows: TreeRow[]
   /** Combien de fichiers correspondent, repliés ou non. */
-  total: number;
+  total: number
   /**
    * Le chemin le mieux classé, sur lequel la sélection se pose d'entrée.
    *
@@ -43,16 +43,16 @@ export interface TreeResults {
    * premier fichier de la première branche, et Entrée insérerait autre chose que
    * ce qu'on cherchait.
    */
-  best: string;
+  best: string
 }
 
 interface Node {
   /** Sous-dossiers, dans l'ordre où le meilleur chemin les a fait naître. */
-  dirs: Map<string, Node>;
-  files: string[];
+  dirs: Map<string, Node>
+  files: string[]
 }
 
-const node = (): Node => ({ dirs: new Map(), files: [] });
+const node = (): Node => ({ dirs: new Map(), files: [] })
 
 /**
  * Les chemins qui correspondent, montés en arbre.
@@ -75,55 +75,50 @@ const node = (): Node => ({ dirs: new Map(), files: [] });
  * `collapsed` porte les chemins des dossiers fermés ; leurs descendants ne sont
  * pas émis, et la ligne du dossier annonce combien de fichiers elle retient.
  */
-export function treeRows(
-  files: string[],
-  query: string,
-  collapsed: ReadonlySet<string> = new Set(),
-): TreeResults {
-  const q = query.toLowerCase().replace(/^\./, '');
-  const scored: { path: string; rank: number }[] = [];
+export function treeRows(files: string[], query: string, collapsed: ReadonlySet<string> = new Set()): TreeResults {
+  const q = query.toLowerCase().replace(/^\./, '')
+  const scored: { path: string; rank: number }[] = []
 
   for (const path of files) {
-    const rank = q ? rankOf(path.toLowerCase(), q) : 0;
-    if (rank >= 0) scored.push({ path, rank });
+    const rank = q ? rankOf(path.toLowerCase(), q) : 0
+    if (rank >= 0) scored.push({ path, rank })
   }
 
-  scored.sort((a, b) => a.rank - b.rank || a.path.length - b.path.length);
+  scored.sort((a, b) => a.rank - b.rank || a.path.length - b.path.length)
 
   // Une fois qu'on sait ce que la saisie trouve de mieux, ce qui est deux crans
   // en dessous n'est plus une réponse, c'est du remplissage : `composer`
   // ramenait 54 chemins, dont 53 pour la seule raison que ces lettres se
   // suivent quelque part dans leur dossier. On garde le meilleur rang et le
   // suivant — de quoi couvrir « le fichier » et « son voisinage », pas le dépôt.
-  const best = scored[0]?.rank ?? 0;
-  const kept = scored.filter((s) => s.rank <= best + 1);
+  const best = scored[0]?.rank ?? 0
+  const kept = scored.filter((s) => s.rank <= best + 1)
 
-  const root = node();
+  const root = node()
   for (const { path } of kept) {
-    const segments = path.split('/');
-    const name = segments.pop() as string;
-    let at = root;
+    const segments = path.split('/')
+    const name = segments.pop() as string
+    let at = root
     for (const segment of segments) {
-      let next = at.dirs.get(segment);
+      let next = at.dirs.get(segment)
       if (!next) {
-        next = node();
-        at.dirs.set(segment, next);
+        next = node()
+        at.dirs.set(segment, next)
       }
-      at = next;
+      at = next
     }
-    at.files.push(name);
+    at.files.push(name)
   }
 
   return {
     rows: flatten(root, '', 0, collapsed),
     total: kept.length,
     best: kept[0]?.path ?? '',
-  };
+  }
 }
 
 /** L'ordre d'un explorateur : insensible à la casse, chiffres en ordre naturel. */
-const byName = (a: string, b: string): number =>
-  a.localeCompare(b, undefined, { sensitivity: 'base', numeric: true });
+const byName = (a: string, b: string): number => a.localeCompare(b, undefined, { sensitivity: 'base', numeric: true })
 
 /**
  * L'arbre en lignes : les dossiers d'abord, les fichiers ensuite, chacun par
@@ -134,46 +129,41 @@ const byName = (a: string, b: string): number =>
  * explorateurs de code, et pour la même raison : l'emboîtement doit montrer une
  * ramification, pas un couloir.
  */
-function flatten(
-  at: Node,
-  prefix: string,
-  depth: number,
-  collapsed: ReadonlySet<string>,
-): TreeRow[] {
-  const rows: TreeRow[] = [];
+function flatten(at: Node, prefix: string, depth: number, collapsed: ReadonlySet<string>): TreeRow[] {
+  const rows: TreeRow[] = []
 
   for (const [name, child] of [...at.dirs].sort((a, b) => byName(a[0], b[0]))) {
     // Fusion des dossiers à enfant unique, tant qu'il n'y a rien d'autre à voir.
-    let label = name;
-    let folded = child;
+    let label = name
+    let folded = child
     while (folded.files.length === 0 && folded.dirs.size === 1) {
-      const [only, deeper] = [...folded.dirs][0] as [string, Node];
-      label += `/${only}`;
-      folded = deeper;
+      const [only, deeper] = [...folded.dirs][0] as [string, Node]
+      label += `/${only}`
+      folded = deeper
     }
-    const path = `${prefix}${label}`;
-    const shut = collapsed.has(path);
+    const path = `${prefix}${label}`
+    const shut = collapsed.has(path)
     rows.push({
       kind: 'dir',
       label,
       depth,
       path,
       ...(shut ? { collapsed: true, count: countFiles(folded) } : {}),
-    });
-    if (!shut) rows.push(...flatten(folded, `${path}/`, depth + 1, collapsed));
+    })
+    if (!shut) rows.push(...flatten(folded, `${path}/`, depth + 1, collapsed))
   }
 
   for (const name of [...at.files].sort(byName)) {
-    rows.push({ kind: 'file', label: name, depth, path: `${prefix}${name}` });
+    rows.push({ kind: 'file', label: name, depth, path: `${prefix}${name}` })
   }
-  return rows;
+  return rows
 }
 
 /** Tous les fichiers d'un sous-arbre : ce qu'un dossier fermé retient. */
 function countFiles(at: Node): number {
-  let total = at.files.length;
-  for (const child of at.dirs.values()) total += countFiles(child);
-  return total;
+  let total = at.files.length
+  for (const child of at.dirs.values()) total += countFiles(child)
+  return total
 }
 
 /**
@@ -188,26 +178,26 @@ function countFiles(at: Node): number {
  * Un chemin explicite échappe à la règle quelle que soit sa longueur : taper
  * `ui/` désigne sans ambiguïté un dossier, pas un nom de fichier.
  */
-const NARROW_MAX = 3;
+const NARROW_MAX = 3
 
 function rankOf(path: string, q: string): number {
-  const name = path.slice(path.lastIndexOf('/') + 1);
-  const dot = name.lastIndexOf('.');
-  if (dot > 0 && name.slice(dot + 1) === q) return 0;
-  if (name.startsWith(q)) return 0;
-  if (name.includes(q)) return 1;
-
-  if (q.length <= NARROW_MAX && !q.includes('/')) return -1;
-  if (path.includes(q)) return 2;
-  return subsequence(path, q) ? 3 : -1;
+  const name = path.slice(path.lastIndexOf('/') + 1)
+  const dot = name.lastIndexOf('.')
+  if (dot > 0 && name.slice(dot + 1) === q) return 0
+  if (name.startsWith(q)) return 0
+  if (name.includes(q)) return 1
+
+  if (q.length <= NARROW_MAX && !q.includes('/')) return -1
+  if (path.includes(q)) return 2
+  return subsequence(path, q) ? 3 : -1
 }
 
 /** Les lettres de `q` apparaissent-elles dans l'ordre, pas forcément côte à côte ? */
 function subsequence(path: string, q: string): boolean {
-  let at = 0;
+  let at = 0
   for (const char of q) {
-    at = path.indexOf(char, at) + 1;
-    if (at === 0) return false;
+    at = path.indexOf(char, at) + 1
+    if (at === 0) return false
   }
-  return true;
+  return true
 }
diff --git a/src/utils/resourceFrontmatter.ts b/src/utils/resourceFrontmatter.ts
index 79053bc..98e812a 100644
--- a/src/utils/resourceFrontmatter.ts
+++ b/src/utils/resourceFrontmatter.ts
@@ -12,34 +12,34 @@
 // `disable-model-invocation`, agents use `tools` / `permissionMode`. A key from
 // one is not valid in the other, and the cards flag it as ignored.
 
-import { parseTools } from './tools';
-import { t } from '@/i18n';
+import { t } from '@/i18n'
+import { parseTools } from './tools'
 
-const FENCE = /^---\r?\n([\s\S]*?)\r?\n---\r?\n?/;
+const FENCE = /^---\r?\n([\s\S]*?)\r?\n---\r?\n?/
 
 /** How a key's value should be rendered, and how it is read from YAML. */
-export type KeyKind = 'text' | 'tools' | 'bool' | 'globs' | 'enum' | 'list' | 'block';
+export type KeyKind = 'text' | 'tools' | 'bool' | 'globs' | 'enum' | 'list' | 'block'
 
 export interface FmEntry {
-  key: string;
+  key: string
   /** Scalar value, or the joined list, or '' for a nested block. */
-  value: string;
+  value: string
   /** Non-empty only for an explicit YAML list (`- item` or `[a, b]`). */
-  list: string[];
+  list: string[]
   /** Raw indented lines, for nested blocks (hooks) we do not model. */
-  raw: string;
+  raw: string
 }
 
 export interface ParsedDoc {
-  present: boolean;
-  entries: FmEntry[];
-  body: string;
+  present: boolean
+  entries: FmEntry[]
+  body: string
 }
 
 function unquote(v: string): string {
-  const t = v.trim();
-  const quoted = (t.startsWith('"') && t.endsWith('"')) || (t.startsWith("'") && t.endsWith("'"));
-  return quoted ? t.slice(1, -1) : t;
+  const t = v.trim()
+  const quoted = (t.startsWith('"') && t.endsWith('"')) || (t.startsWith("'") && t.endsWith("'"))
+  return quoted ? t.slice(1, -1) : t
 }
 
 /**
@@ -49,8 +49,8 @@ function unquote(v: string): string {
  * are split by the consumer via `entryTokens`, which respects `Bash(a, b)`.
  */
 function flowList(value: string): string[] {
-  if (!(value.startsWith('[') && value.endsWith(']'))) return [];
-  return parseTools(value.slice(1, -1)).map(unquote).filter(Boolean);
+  if (!(value.startsWith('[') && value.endsWith(']'))) return []
+  return parseTools(value.slice(1, -1)).map(unquote).filter(Boolean)
 }
 
 /**
@@ -58,8 +58,8 @@ function flowList(value: string): string[] {
  * on commas at paren depth 0 — so `Bash(git status, git log)` stays one token.
  */
 export function entryTokens(e: FmEntry): string[] {
-  if (e.list.length) return e.list;
-  return e.value ? parseTools(e.value) : [];
+  if (e.list.length) return e.list
+  return e.value ? parseTools(e.value) : []
 }
 
 /**
@@ -67,53 +67,53 @@ export function entryTokens(e: FmEntry): string[] {
  * keys only: a scalar, a `- item` list, or an indented block kept as raw text.
  */
 export function parseDoc(text: string): ParsedDoc {
-  const m = FENCE.exec(text);
-  if (!m) return { present: false, entries: [], body: text };
+  const m = FENCE.exec(text)
+  if (!m) return { present: false, entries: [], body: text }
 
-  const lines = (m[1] ?? '').split(/\r?\n/);
-  const entries: FmEntry[] = [];
+  const lines = (m[1] ?? '').split(/\r?\n/)
+  const entries: FmEntry[] = []
 
   for (let i = 0; i < lines.length; i++) {
-    const kv = /^([A-Za-z0-9_-]+)\s*:\s*(.*)$/.exec(lines[i] ?? '');
-    const key = kv?.[1];
-    if (!key) continue;
+    const kv = /^([A-Za-z0-9_-]+)\s*:\s*(.*)$/.exec(lines[i] ?? '')
+    const key = kv?.[1]
+    if (!key) continue
 
-    const scalar = (kv?.[2] ?? '').trim();
+    const scalar = (kv?.[2] ?? '').trim()
     if (scalar) {
-      const value = unquote(scalar);
-      const list = flowList(value);
-      entries.push({ key, value: list.length ? list.join(', ') : value, list, raw: '' });
-      continue;
+      const value = unquote(scalar)
+      const list = flowList(value)
+      entries.push({ key, value: list.length ? list.join(', ') : value, list, raw: '' })
+      continue
     }
 
     // No scalar: gather the indented lines that belong to this key.
-    const indented: string[] = [];
-    let j = i + 1;
+    const indented: string[] = []
+    let j = i + 1
     while (j < lines.length && /^\s+\S/.test(lines[j] ?? '')) {
-      indented.push(lines[j] ?? '');
-      j++;
+      indented.push(lines[j] ?? '')
+      j++
     }
-    i = j - 1;
-    if (!indented.length) continue; // a bare `key:` carries nothing to show
+    i = j - 1
+    if (!indented.length) continue // a bare `key:` carries nothing to show
 
-    const bullets = indented.map((l) => /^\s*-\s+(.*)$/.exec(l)?.[1]);
+    const bullets = indented.map((l) => /^\s*-\s+(.*)$/.exec(l)?.[1])
     if (bullets.every((b) => b !== undefined)) {
-      const list = bullets.map((b) => unquote((b ?? '').trim())).filter(Boolean);
-      entries.push({ key, value: list.join(', '), list, raw: '' });
+      const list = bullets.map((b) => unquote((b ?? '').trim())).filter(Boolean)
+      entries.push({ key, value: list.join(', '), list, raw: '' })
     } else {
-      entries.push({ key, value: '', list: [], raw: indented.join('\n') });
+      entries.push({ key, value: '', list: [], raw: indented.join('\n') })
     }
   }
 
-  return { present: true, entries, body: text.slice(m[0].length) };
+  return { present: true, entries, body: text.slice(m[0].length) }
 }
 
 /** Le vocabulaire auquel une clé appartient — voir `src/i18n/<langue>/frontmatter.ts`. */
-export type KeyNs = 'skill' | 'agent' | 'rule';
+export type KeyNs = 'skill' | 'agent' | 'rule'
 
 export interface KeySpec {
-  key: string;
-  kind: KeyKind;
+  key: string
+  kind: KeyKind
   /**
    * Où lire les mots de cette clé (nom, explication, valeur par défaut).
    *
@@ -122,35 +122,34 @@ export interface KeySpec {
    * cette clé — ce qui mérite d'être signalé ; `null`, quand la ressource n'a
    * pas de vocabulaire du tout, auquel cas se taire est la seule chose honnête.
    */
-  ns: KeyNs | 'unknown' | null;
+  ns: KeyNs | 'unknown' | null
   /** Documented values, for `enum` keys. */
-  values?: string[];
+  values?: string[]
   /** The resource is invalid without it — flagged when missing. */
-  required?: boolean;
+  required?: boolean
 }
 
 /** Rattache tout un vocabulaire à son catalogue, sans l'annoter clé par clé. */
 function vocabulary(ns: KeyNs, specs: Omit<KeySpec, 'ns'>[]): KeySpec[] {
-  return specs.map((s) => ({ ...s, ns }));
+  return specs.map((s) => ({ ...s, ns }))
 }
 
-const documented = (spec: KeySpec): spec is KeySpec & { ns: KeyNs } =>
-  spec.ns !== null && spec.ns !== 'unknown';
+const documented = (spec: KeySpec): spec is KeySpec & { ns: KeyNs } => spec.ns !== null && spec.ns !== 'unknown'
 
 /** Le nom d'affichage d'une clé — son propre nom si rien ne la documente. */
 export function keyLabel(spec: KeySpec): string {
-  return documented(spec) ? t(`frontmatter.${spec.ns}.${spec.key}.label`) : spec.key;
+  return documented(spec) ? t(`frontmatter.${spec.ns}.${spec.key}.label`) : spec.key
 }
 
 /** Ce que la clé fait — rendu en infobulle. Vide quand il n'y a rien à en dire. */
 export function keyInfo(spec: KeySpec): string {
-  if (documented(spec)) return t(`frontmatter.${spec.ns}.${spec.key}.info`);
-  return spec.ns === 'unknown' ? t('frontmatter.unknown') : '';
+  if (documented(spec)) return t(`frontmatter.${spec.ns}.${spec.key}.info`)
+  return spec.ns === 'unknown' ? t('frontmatter.unknown') : ''
 }
 
 /** Ce que Claude Code suppose quand la clé est absente. */
 export function keyFallback(spec: KeySpec): string {
-  return documented(spec) ? t(`frontmatter.${spec.ns}.${spec.key}.fallback`) : '';
+  return documented(spec) ? t(`frontmatter.${spec.ns}.${spec.key}.fallback`) : ''
 }
 
 /** The keys Claude Code reads from a SKILL.md, in the order we present them. */
@@ -224,7 +223,7 @@ export const SKILL_KEYS: KeySpec[] = vocabulary('skill', [
     key: 'hooks',
     kind: 'block',
   },
-]);
+])
 
 /**
  * The keys Claude Code reads from an agents/<name>.md. Note the camelCase —
@@ -305,7 +304,7 @@ export const AGENT_KEYS: KeySpec[] = vocabulary('agent', [
     key: 'initialPrompt',
     kind: 'text',
   },
-]);
+])
 
 /**
  * A `rules/*.md` file declares which files it applies to, and nothing else. This
@@ -318,7 +317,7 @@ export const RULE_KEYS: KeySpec[] = vocabulary('rule', [
     key: 'paths',
     kind: 'globs',
   },
-]);
+])
 
 /** The documented spec for a key, or a generic one for keys we don't know. */
 export function keySpec(keys: KeySpec[], key: string): KeySpec {
@@ -328,9 +327,8 @@ export function keySpec(keys: KeySpec[], key: string): KeySpec {
       kind: 'text',
       ns: 'unknown',
     }
-  );
+  )
 }
 
 /** True when Claude Code documents this key for the given resource type. */
-export const isKnownKey = (keys: KeySpec[], key: string): boolean =>
-  keys.some((s) => s.key === key);
+export const isKnownKey = (keys: KeySpec[], key: string): boolean => keys.some((s) => s.key === key)
diff --git a/src/utils/slug.ts b/src/utils/slug.ts
index f5b37ae..4d0de64 100644
--- a/src/utils/slug.ts
+++ b/src/utils/slug.ts
@@ -2,25 +2,16 @@
 // replaced by "-", e.g. "C--Users-jean-dupont-Documents-devl-aura").
 // We can't perfectly recover the original folder (hyphens are ambiguous), so we
 // cut after a known workspace-root marker and keep the deepest (shortest) tail.
-const ROOT_MARKERS = [
-  '-devl-',
-  '-Desktop-',
-  '-Documents-',
-  '-Downloads-',
-  '-source-',
-  '-repos-',
-  '-Projects-',
-  '-projects-',
-];
+const ROOT_MARKERS = ['-devl-', '-Desktop-', '-Documents-', '-Downloads-', '-source-', '-repos-', '-Projects-', '-projects-']
 export function prettyProjectSlug(s: string): string {
-  let best: string | null = null;
+  let best: string | null = null
   for (const m of ROOT_MARKERS) {
-    const i = s.lastIndexOf(m);
-    if (i < 0) continue;
-    const cand = s.slice(i + m.length);
-    if (cand && (best === null || cand.length < best.length)) best = cand;
+    const i = s.lastIndexOf(m)
+    if (i < 0) continue
+    const cand = s.slice(i + m.length)
+    if (cand && (best === null || cand.length < best.length)) best = cand
   }
-  return best ?? s;
+  return best ?? s
 }
 
 // Kebab-case a free-text name for use in a filename (agents/skills/commands).
@@ -30,5 +21,5 @@ export function slug(name: string): string {
     .replace(/\p{Diacritic}/gu, '') // strip accents
     .toLowerCase()
     .replace(/[^a-z0-9]+/g, '-')
-    .replace(/^-+|-+$/g, '');
+    .replace(/^-+|-+$/g, '')
 }
diff --git a/src/utils/tools.ts b/src/utils/tools.ts
index a2cf4c4..27fb77d 100644
--- a/src/utils/tools.ts
+++ b/src/utils/tools.ts
@@ -1,4 +1,4 @@
-import { t, te } from '@/i18n';
+import { t, te } from '@/i18n'
 
 // Read the tools fields of skills (`allowed-tools`) and agents (`tools`), and
 // explain each token. The value is a comma-separated list, but a token can carry
@@ -7,29 +7,29 @@ import { t, te } from '@/i18n';
 
 /** Split a tools string into trimmed tokens, respecting parentheses. */
 export function parseTools(value: string): string[] {
-  const out: string[] = [];
-  let depth = 0;
-  let cur = '';
+  const out: string[] = []
+  let depth = 0
+  let cur = ''
   for (const ch of value) {
-    if (ch === '(') depth++;
-    else if (ch === ')') depth = Math.max(0, depth - 1);
+    if (ch === '(') depth++
+    else if (ch === ')') depth = Math.max(0, depth - 1)
     if (ch === ',' && depth === 0) {
-      const t = cur.trim();
-      if (t) out.push(t);
-      cur = '';
+      const t = cur.trim()
+      if (t) out.push(t)
+      cur = ''
     } else {
-      cur += ch;
+      cur += ch
     }
   }
-  const last = cur.trim();
-  if (last) out.push(last);
-  return out;
+  const last = cur.trim()
+  if (last) out.push(last)
+  return out
 }
 
 /** The base name of a token, ignoring any (…) argument — `Bash(x)` → `Bash`. */
 export function toolBase(token: string): string {
-  const i = token.indexOf('(');
-  return (i === -1 ? token : token.slice(0, i)).trim();
+  const i = token.indexOf('(')
+  return (i === -1 ? token : token.slice(0, i)).trim()
 }
 
 /**
@@ -41,22 +41,20 @@ export function toolBase(token: string): string {
  * sans quoi un outil inconnu afficherait sa propre clé.
  */
 export function describeToolToken(token: string): string {
-  const base = toolBase(token);
+  const base = toolBase(token)
   const arg = token
     .slice(base.length)
     .replace(/^\(|\)$/g, '')
-    .trim();
+    .trim()
 
   if (base.startsWith('mcp__')) {
-    const [, server, tool] = base.split('__');
-    return tool
-      ? t('tools.mcpTool', { tool, server: server ?? '?' })
-      : t('tools.mcpAll', { server: server ?? '?' });
+    const [, server, tool] = base.split('__')
+    return tool ? t('tools.mcpTool', { tool, server: server ?? '?' }) : t('tools.mcpAll', { server: server ?? '?' })
   }
-  if (arg && base === 'Bash') return t('tools.bashRestricted', { arg });
-  if (arg && base === 'Agent') return t('tools.agentRestricted', { arg });
-  if (arg) return t('tools.restricted', { base, arg });
+  if (arg && base === 'Bash') return t('tools.bashRestricted', { arg })
+  if (arg && base === 'Agent') return t('tools.agentRestricted', { arg })
+  if (arg) return t('tools.restricted', { base, arg })
 
-  const key = `tools.info.${base}`;
-  return te(key) ? t(key) : t('tools.unknown');
+  const key = `tools.info.${base}`
+  return te(key) ? t(key) : t('tools.unknown')
 }
diff --git a/test/agent-activity.test.ts b/test/agent-activity.test.ts
index 2db1272..fb38e98 100644
--- a/test/agent-activity.test.ts
+++ b/test/agent-activity.test.ts
@@ -9,74 +9,72 @@
 // Ces messages ne produisent aucun événement de transcript : rien, en aval, ne
 // remarquerait leur disparition. D'où ces cas gelés ici.
 
-import { describe, expect, it } from 'vitest';
-import { repairJson } from '../server/agent/partial.ts';
-import { ActivityTracker } from '../server/agent/activity.ts';
+import { describe, expect, it } from 'vitest'
+import { ActivityTracker } from '../server/agent/activity.ts'
+import { repairJson } from '../server/agent/partial.ts'
 
 describe('repairJson', () => {
   it('rend tel quel un fragment déjà complet', () => {
-    expect(repairJson('{"command":"ls -la"}')).toEqual({ command: 'ls -la' });
-  });
+    expect(repairJson('{"command":"ls -la"}')).toEqual({ command: 'ls -la' })
+  })
 
   it('garde une valeur textuelle en cours de frappe', () => {
     // Le cas qui justifie tout : c'est cette chaîne-là qu'on veut voir grandir.
-    expect(repairJson('{"command": "git sta')).toEqual({ command: 'git sta' });
-  });
+    expect(repairJson('{"command": "git sta')).toEqual({ command: 'git sta' })
+  })
 
   it('jette une clé à demi tapée plutôt que d’inventer un argument', () => {
-    expect(repairJson('{"command": "ls", "descrip')).toEqual({ command: 'ls' });
-  });
+    expect(repairJson('{"command": "ls", "descrip')).toEqual({ command: 'ls' })
+  })
 
   it('coupe une virgule laissée en suspens', () => {
-    expect(repairJson('{"a": "b", ')).toEqual({ a: 'b' });
-  });
+    expect(repairJson('{"a": "b", ')).toEqual({ a: 'b' })
+  })
 
   it('referme les conteneurs imbriqués dans le bon ordre', () => {
-    expect(repairJson('{"edits":[{"old":"x')).toEqual({ edits: [{ old: 'x' }] });
-  });
+    expect(repairJson('{"edits":[{"old":"x')).toEqual({ edits: [{ old: 'x' }] })
+  })
 
   it('ne clôt pas sur un antislash d’échappement', () => {
     // Fermer ici produirait `\"`, qui rouvrirait la chaîne au lieu de la finir.
-    expect(repairJson('{"a":"b\\')).toEqual({ a: 'b' });
-  });
+    expect(repairJson('{"a":"b\\')).toEqual({ a: 'b' })
+  })
 
   it('recule jusqu’au dernier point sûr quand une valeur non textuelle traîne', () => {
     // `12` peut être le début de `123` : mieux vaut ne rien dire qu’un chiffre faux.
-    expect(repairJson('{"count": 12')).toEqual({});
-  });
+    expect(repairJson('{"count": 12')).toEqual({})
+  })
 
   it('rend null sur ce dont on ne peut rien tirer', () => {
-    expect(repairJson('')).toBeNull();
-    expect(repairJson('   ')).toBeNull();
+    expect(repairJson('')).toBeNull()
+    expect(repairJson('   ')).toBeNull()
     // Une entrée d’outil est un objet ; une racine de tableau n’en est pas une.
-    expect(repairJson('[1, 2')).toBeNull();
-  });
-});
+    expect(repairJson('[1, 2')).toBeNull()
+  })
+})
 
 describe('ActivityTracker', () => {
   const blockStart = (type: string) => ({
     type: 'stream_event',
     event: { type: 'content_block_start', index: 0, content_block: { type } },
-  });
+  })
 
   it('suit le raisonnement et son estimation de tokens', () => {
-    const tracker = new ActivityTracker();
-    expect(tracker.consume(blockStart('thinking'))).toBe('major');
-    expect(tracker.snapshot().phase).toBe('thinking');
+    const tracker = new ActivityTracker()
+    expect(tracker.consume(blockStart('thinking'))).toBe('major')
+    expect(tracker.snapshot().phase).toBe('thinking')
 
     // Le compteur seul ne vaut pas une trame immédiate : voir `Change`.
-    expect(
-      tracker.consume({ type: 'system', subtype: 'thinking_tokens', estimated_tokens: 1240 }),
-    ).toBe('minor');
-    expect(tracker.snapshot().thinkingTokens).toBe(1240);
+    expect(tracker.consume({ type: 'system', subtype: 'thinking_tokens', estimated_tokens: 1240 })).toBe('minor')
+    expect(tracker.snapshot().thinkingTokens).toBe(1240)
 
-    expect(tracker.consume(blockStart('text'))).toBe('major');
-    expect(tracker.snapshot().phase).toBe('writing');
-  });
+    expect(tracker.consume(blockStart('text'))).toBe('major')
+    expect(tracker.snapshot().phase).toBe('writing')
+  })
 
   it('inscrit un outil dès que sa carte paraît, et n’en change la phase qu’à l’exécution', () => {
-    const tracker = new ActivityTracker();
-    tracker.consume(blockStart('text'));
+    const tracker = new ActivityTracker()
+    tracker.consume(blockStart('text'))
 
     // L'appel s'écrit : sa carte est déjà à l'écran, donc l'outil compte comme
     // parti — sinon elle s'annoncerait « sans résultat » le temps qu'il se
@@ -90,23 +88,23 @@ describe('ActivityTracker', () => {
           content_block: { type: 'tool_use', id: 'toolu_1', name: 'Bash' },
         },
       }),
-    ).toBe('major');
-    expect(tracker.snapshot()).toMatchObject({ phase: 'writing' });
-    expect(tracker.snapshot().tools.map((t) => t.name)).toEqual(['Bash']);
+    ).toBe('major')
+    expect(tracker.snapshot()).toMatchObject({ phase: 'writing' })
+    expect(tracker.snapshot().tools.map((t) => t.name)).toEqual(['Bash'])
 
     // La réponse est close : l'appel part.
     tracker.consume({
       type: 'assistant',
       message: { content: [{ type: 'tool_use', id: 'toolu_1', name: 'Bash' }] },
-    });
-    const running = tracker.snapshot();
-    expect(running.phase).toBe('tool');
+    })
+    const running = tracker.snapshot()
+    expect(running.phase).toBe('tool')
     // Inscrit une fois, pas deux.
-    expect(running.tools.map((t) => t.name)).toEqual(['Bash']);
-  });
+    expect(running.tools.map((t) => t.name)).toEqual(['Bash'])
+  })
 
   it('rend la main à l’API quand le dernier résultat est revenu', () => {
-    const tracker = new ActivityTracker();
+    const tracker = new ActivityTracker()
     tracker.consume({
       type: 'assistant',
       message: {
@@ -115,36 +113,36 @@ describe('ActivityTracker', () => {
           { type: 'tool_use', id: 'toolu_2', name: 'Read' },
         ],
       },
-    });
+    })
 
     tracker.consume({
       type: 'user',
       message: { content: [{ type: 'tool_result', tool_use_id: 'toolu_1' }] },
-    });
+    })
     // Il en reste un : la phase ne bouge pas.
-    expect(tracker.snapshot().phase).toBe('tool');
-    expect(tracker.snapshot().tools.map((t) => t.id)).toEqual(['toolu_2']);
+    expect(tracker.snapshot().phase).toBe('tool')
+    expect(tracker.snapshot().tools.map((t) => t.id)).toEqual(['toolu_2'])
 
     tracker.consume({
       type: 'user',
       message: { content: [{ type: 'tool_result', tool_use_id: 'toolu_2' }] },
-    });
-    expect(tracker.snapshot().phase).toBe('requesting');
-    expect(tracker.snapshot().tools).toEqual([]);
-  });
+    })
+    expect(tracker.snapshot().phase).toBe('requesting')
+    expect(tracker.snapshot().tools).toEqual([])
+  })
 
   it('laisse l’outil en vol primer sur une requête annoncée', () => {
-    const tracker = new ActivityTracker();
+    const tracker = new ActivityTracker()
     tracker.consume({
       type: 'assistant',
       message: { content: [{ type: 'tool_use', id: 'toolu_1', name: 'Bash' }] },
-    });
-    expect(tracker.consume({ type: 'system', subtype: 'status', status: 'requesting' })).toBeNull();
-    expect(tracker.snapshot().phase).toBe('tool');
-  });
+    })
+    expect(tracker.consume({ type: 'system', subtype: 'status', status: 'requesting' })).toBeNull()
+    expect(tracker.snapshot().phase).toBe('tool')
+  })
 
   it('adopte un outil que seul son chrono a signalé', () => {
-    const tracker = new ActivityTracker();
+    const tracker = new ActivityTracker()
     expect(
       tracker.consume({
         type: 'tool_progress',
@@ -153,14 +151,14 @@ describe('ActivityTracker', () => {
         parent_tool_use_id: null,
         elapsed_time_seconds: 8,
       }),
-    ).toBe('major');
-    expect(tracker.snapshot().tools[0]).toMatchObject({ name: 'WebFetch', elapsedSeconds: 8 });
-  });
+    ).toBe('major')
+    expect(tracker.snapshot().tools[0]).toMatchObject({ name: 'WebFetch', elapsedSeconds: 8 })
+  })
 
   it('tait les outils d’un sous-agent', () => {
     // L’appel `Agent` qui les a lancés figure déjà dans la liste ; empiler sa
     // descendance ferait défiler des lignes qui ne parlent plus de ce tour-ci.
-    const tracker = new ActivityTracker();
+    const tracker = new ActivityTracker()
     expect(
       tracker.consume({
         type: 'tool_progress',
@@ -169,91 +167,91 @@ describe('ActivityTracker', () => {
         parent_tool_use_id: 'toolu_1',
         elapsed_time_seconds: 2,
       }),
-    ).toBeNull();
-    expect(tracker.snapshot().tools).toEqual([]);
-  });
+    ).toBeNull()
+    expect(tracker.snapshot().tools).toEqual([])
+  })
 
   it('porte la tentative en cours quand l’API a refusé', () => {
-    const tracker = new ActivityTracker();
+    const tracker = new ActivityTracker()
     tracker.consume({
       type: 'system',
       subtype: 'api_retry',
       attempt: 2,
       max_retries: 5,
       retry_delay_ms: 4000,
-    });
+    })
     expect(tracker.snapshot()).toMatchObject({
       phase: 'retrying',
       retry: { attempt: 2, maxRetries: 5, delayMs: 4000 },
-    });
-  });
+    })
+  })
 
   it('ne laisse aucun trou entre deux actions', () => {
     // Le reproche d'origine : entre deux `Edit`, le modèle réfléchit une, deux,
     // dix secondes, et l'écran ne montrait rien. Chaque instant du parcours doit
     // porter une phase — de l'envoi jusqu'au résultat.
-    const tracker = new ActivityTracker();
+    const tracker = new ActivityTracker()
 
-    expect(tracker.beginTurn()).toBe('major');
-    expect(tracker.snapshot().phase).toBe('requesting');
+    expect(tracker.beginTurn()).toBe('major')
+    expect(tracker.snapshot().phase).toBe('requesting')
 
     tracker.consume({
       type: 'assistant',
       message: { content: [{ type: 'tool_use', id: 'toolu_1', name: 'Edit' }] },
-    });
-    expect(tracker.snapshot().phase).toBe('tool');
+    })
+    expect(tracker.snapshot().phase).toBe('tool')
 
     // L'outil rend la main : c'est ici que commençait le silence.
     tracker.consume({
       type: 'user',
       message: { content: [{ type: 'tool_result', tool_use_id: 'toolu_1' }] },
-    });
-    expect(tracker.snapshot().phase).toBe('requesting');
+    })
+    expect(tracker.snapshot().phase).toBe('requesting')
 
-    tracker.consume(blockStart('thinking'));
-    expect(tracker.snapshot().phase).toBe('thinking');
+    tracker.consume(blockStart('thinking'))
+    expect(tracker.snapshot().phase).toBe('thinking')
 
     tracker.consume({
       type: 'assistant',
       message: { content: [{ type: 'tool_use', id: 'toolu_2', name: 'Edit' }] },
-    });
-    expect(tracker.snapshot().phase).toBe('tool');
-  });
+    })
+    expect(tracker.snapshot().phase).toBe('tool')
+  })
 
   it('date le tour une fois, et cumule ce qu’il fait écrire', () => {
     // Ce que le CLI met entre parenthèses : une durée qui ne repart pas à chaque
     // phase, et un total de tokens qui ne repart pas à chaque réponse.
-    const tracker = new ActivityTracker();
-    tracker.consume(blockStart('thinking'));
-    const opened = tracker.snapshot().turnStartedAt;
-    expect(opened).toBeGreaterThan(0);
+    const tracker = new ActivityTracker()
+    tracker.consume(blockStart('thinking'))
+    const opened = tracker.snapshot().turnStartedAt
+    expect(opened).toBeGreaterThan(0)
 
     tracker.consume({
       type: 'assistant',
       message: { content: [{ type: 'text', text: 'ok' }], usage: { output_tokens: 900 } },
-    });
-    tracker.consume(blockStart('text'));
+    })
+    tracker.consume(blockStart('text'))
     tracker.consume({
       type: 'assistant',
       message: { content: [{ type: 'text', text: 'ok' }], usage: { output_tokens: 340 } },
-    });
+    })
 
-    expect(tracker.snapshot().turnStartedAt).toBe(opened);
-    expect(tracker.snapshot().outputTokens).toBe(1240);
+    expect(tracker.snapshot().turnStartedAt).toBe(opened)
+    expect(tracker.snapshot().outputTokens).toBe(1240)
 
-    tracker.consume({ type: 'result' });
-    expect(tracker.snapshot().turnStartedAt).toBe(0);
-    expect(tracker.snapshot().outputTokens).toBeUndefined();
-  });
+    tracker.consume({ type: 'result' })
+    expect(tracker.snapshot().turnStartedAt).toBe(0)
+    expect(tracker.snapshot().outputTokens).toBeUndefined()
+  })
 
   it('efface tout à la fin du tour', () => {
-    const tracker = new ActivityTracker();
-    tracker.consume(blockStart('thinking'));
-    tracker.consume({ type: 'system', subtype: 'thinking_tokens', estimated_tokens: 500 });
-    expect(tracker.consume({ type: 'result' })).toBe('major');
-    expect(tracker.snapshot()).toMatchObject({ phase: null, tools: [] });
-    expect(tracker.snapshot().thinkingTokens).toBeUndefined();
+    const tracker = new ActivityTracker()
+    tracker.consume(blockStart('thinking'))
+    tracker.consume({ type: 'system', subtype: 'thinking_tokens', estimated_tokens: 500 })
+    expect(tracker.consume({ type: 'result' })).toBe('major')
+    expect(tracker.snapshot()).toMatchObject({ phase: null, tools: [] })
+    expect(tracker.snapshot().thinkingTokens).toBeUndefined()
     // Rien à effacer deux fois : le second passage ne diffuse pas de trame.
-    expect(tracker.consume({ type: 'result' })).toBeNull();
-  });
-});
+    expect(tracker.consume({ type: 'result' })).toBeNull()
+  })
+})
diff --git a/test/agent-shells.test.ts b/test/agent-shells.test.ts
index a4baa0b..6c4c01a 100644
--- a/test/agent-shells.test.ts
+++ b/test/agent-shells.test.ts
@@ -13,31 +13,31 @@
 // de chemin résiste à la forme courte de Windows, qui a précisément de quoi
 // faire échouer un `startsWith`.
 
-import { mkdtemp, rm, stat, writeFile } from 'node:fs/promises';
-import { tmpdir } from 'node:os';
-import { join } from 'node:path';
-import { afterEach, beforeEach, describe, expect, it } from 'vitest';
-import { isOutputPath, readSince, readTail, ShellTracker } from '../server/agent/shells.ts';
+import { mkdtemp, rm, stat, writeFile } from 'node:fs/promises'
+import { tmpdir } from 'node:os'
+import { join } from 'node:path'
+import { afterEach, beforeEach, describe, expect, it } from 'vitest'
+import { isOutputPath, readSince, readTail, ShellTracker } from '../server/agent/shells.ts'
 
-const TOOL_USE = 'toolu_01AaBbCcDdEeFfGgHhIiJjKk';
-const SHELL = 'btt4xdjh2';
-const COMMAND = 'for i in $(seq 1 60); do echo "tick $i"; sleep 2; done';
+const TOOL_USE = 'toolu_01AaBbCcDdEeFfGgHhIiJjKk'
+const SHELL = 'btt4xdjh2'
+const COMMAND = 'for i in $(seq 1 60); do echo "tick $i"; sleep 2; done'
 
 /** Le chemin tel que le CLI l'écrit : forme courte, séparateurs Windows. */
 const OUTPUT =
   'C:\\Users\\JEANDU~1.DUP\\AppData\\Local\\Temp\\claude\\' +
   'C--Users-jean-dupont-Documents-devl-aura\\0f1e2d3c-4b5a-6978-8796-a5b4c3d2e1f0\\' +
-  'tasks\\btt4xdjh2.output';
+  'tasks\\btt4xdjh2.output'
 
 const lance = (input: Record<string, unknown>): Record<string, unknown> => ({
   type: 'assistant',
   message: { content: [{ type: 'tool_use', id: TOOL_USE, name: 'Bash', input }] },
-});
+})
 
 const repond = (text: string): Record<string, unknown> => ({
   type: 'user',
   message: { content: [{ type: 'tool_result', tool_use_id: TOOL_USE, content: text }] },
-});
+})
 
 /**
  * La forme sous laquelle le harnais injecte réellement sa nouvelle.
@@ -50,19 +50,19 @@ const repond = (text: string): Record<string, unknown> => ({
 const notifie = (text: string): Record<string, unknown> => ({
   type: 'user',
   message: { content: text },
-});
+})
 
 /** La même nouvelle, en liste de blocs — l'autre forme que le SDK sait rendre. */
 const notifieEnBlocs = (text: string): Record<string, unknown> => ({
   type: 'user',
   message: { content: [{ type: 'text', text }] },
-});
+})
 
 /** La réponse du CLI, mot pour mot. */
 const PROMESSE =
   `Command running in background with ID: ${SHELL}. ` +
   `Output is being written to: ${OUTPUT}. ` +
-  'You will be notified when it completes. To check interim output, use Read on that file path.';
+  'You will be notified when it completes. To check interim output, use Read on that file path.'
 
 /** La notification de fin, mot pour mot. */
 const FIN = [
@@ -72,191 +72,183 @@ const FIN = [
   '<status>completed</status>',
   '<summary>Background command "Lancer un shell de test" completed (exit code 0)</summary>',
   '</task-notification>',
-].join('\n');
+].join('\n')
 
 describe('ShellTracker', () => {
   it('retient un shell une fois que la réponse le nomme', () => {
-    const suiveur = new ShellTracker();
+    const suiveur = new ShellTracker()
 
     // L'appel seul ne suffit pas : il porte la commande, pas l'identifiant. Une
     // ligne posée ici serait une ligne qu'on ne saurait pas relire.
-    expect(suiveur.consume(lance({ command: COMMAND, run_in_background: true }))).toBe(false);
-    expect(suiveur.snapshot()).toEqual([]);
+    expect(suiveur.consume(lance({ command: COMMAND, run_in_background: true }))).toBe(false)
+    expect(suiveur.snapshot()).toEqual([])
 
-    expect(suiveur.consume(repond(PROMESSE))).toBe(true);
-    const [shell] = suiveur.snapshot();
-    expect(shell?.id).toBe(SHELL);
-    expect(shell?.command).toBe(COMMAND);
-    expect(shell?.state).toBe('running');
-    expect(suiveur.outputPath(SHELL)).toBe(OUTPUT);
-  });
+    expect(suiveur.consume(repond(PROMESSE))).toBe(true)
+    const [shell] = suiveur.snapshot()
+    expect(shell?.id).toBe(SHELL)
+    expect(shell?.command).toBe(COMMAND)
+    expect(shell?.state).toBe('running')
+    expect(suiveur.outputPath(SHELL)).toBe(OUTPUT)
+  })
 
   it('reçoit la fin du harnais, avec son code de sortie', () => {
-    const suiveur = new ShellTracker();
-    suiveur.consume(lance({ command: COMMAND, run_in_background: true }));
-    suiveur.consume(repond(PROMESSE));
-
-    expect(suiveur.consume(notifie(FIN))).toBe(true);
-    const [shell] = suiveur.snapshot();
-    expect(shell?.state).toBe('done');
-    expect(shell?.exitCode).toBe(0);
+    const suiveur = new ShellTracker()
+    suiveur.consume(lance({ command: COMMAND, run_in_background: true }))
+    suiveur.consume(repond(PROMESSE))
+
+    expect(suiveur.consume(notifie(FIN))).toBe(true)
+    const [shell] = suiveur.snapshot()
+    expect(shell?.state).toBe('done')
+    expect(shell?.exitCode).toBe(0)
     // Terminé, donc plus rien à relire sur le disque : c'est ce que le runner
     // interroge pour savoir s'il doit garder un minuteur armé.
-    expect(suiveur.running()).toEqual([]);
-  });
+    expect(suiveur.running()).toEqual([])
+  })
 
   it("distingue l'arrêt de la fin, sur le seul `status`", () => {
-    const suiveur = new ShellTracker();
-    suiveur.consume(lance({ command: COMMAND, run_in_background: true }));
-    suiveur.consume(repond(PROMESSE));
+    const suiveur = new ShellTracker()
+    suiveur.consume(lance({ command: COMMAND, run_in_background: true }))
+    suiveur.consume(repond(PROMESSE))
 
     // Même enveloppe, même `task-id` : seul le `<status>` dit qu'on a coupé.
     // Sans lui, la ligne annoncerait « terminé, code 0 » d'un shell arrêté.
-    const coupe = FIN.replace('<status>completed</status>', '<status>killed</status>').replace(
-      'exit code 0',
-      'exit code 143',
-    );
-    expect(suiveur.consume(notifie(coupe))).toBe(true);
-    const [shell] = suiveur.snapshot();
-    expect(shell?.state).toBe('killed');
-    expect(shell?.exitCode).toBe(143);
-  });
+    const coupe = FIN.replace('<status>completed</status>', '<status>killed</status>').replace('exit code 0', 'exit code 143')
+    expect(suiveur.consume(notifie(coupe))).toBe(true)
+    const [shell] = suiveur.snapshot()
+    expect(shell?.state).toBe('killed')
+    expect(shell?.exitCode).toBe(143)
+  })
 
   it('garde une fin en échec du côté des fins', () => {
-    const suiveur = new ShellTracker();
-    suiveur.consume(lance({ command: COMMAND, run_in_background: true }));
-    suiveur.consume(repond(PROMESSE));
+    const suiveur = new ShellTracker()
+    suiveur.consume(lance({ command: COMMAND, run_in_background: true }))
+    suiveur.consume(repond(PROMESSE))
 
     // `failed` est une fin, pas un arrêt : la commande est allée jusqu'au bout,
     // c'est son code de sortie qui porte la mauvaise nouvelle.
-    const rate = FIN.replace('<status>completed</status>', '<status>failed</status>').replace(
-      'exit code 0',
-      'exit code 1',
-    );
-    suiveur.consume(notifie(rate));
-    expect(suiveur.snapshot()[0]?.state).toBe('done');
-    expect(suiveur.snapshot()[0]?.exitCode).toBe(1);
-  });
+    const rate = FIN.replace('<status>completed</status>', '<status>failed</status>').replace('exit code 0', 'exit code 1')
+    suiveur.consume(notifie(rate))
+    expect(suiveur.snapshot()[0]?.state).toBe('done')
+    expect(suiveur.snapshot()[0]?.exitCode).toBe(1)
+  })
 
   /** L'appel d'arrêt, tel qu'il passe dans le flux assistant. */
   const arrete = (name: string, input: Record<string, unknown>): Record<string, unknown> => ({
     type: 'assistant',
     message: { content: [{ type: 'tool_use', id: 'toolu_kill', name, input }] },
-  });
+  })
 
   it("marque coupé le shell qu'un TaskStop arrête", () => {
-    const suiveur = new ShellTracker();
-    suiveur.consume(lance({ command: COMMAND, run_in_background: true }));
-    suiveur.consume(repond(PROMESSE));
+    const suiveur = new ShellTracker()
+    suiveur.consume(lance({ command: COMMAND, run_in_background: true }))
+    suiveur.consume(repond(PROMESSE))
 
     // La forme mesurée dans le transcript d'une session de l'Atelier :
     // `{"name":"TaskStop","input":{"task_id":"bil0wfua2"}}`. C'est la seule
     // trace d'un arrêt — le harnais n'écrit aucune `<task-notification>` pour
     // un shell coupé, contre deux par shell arrivé à son terme.
-    expect(suiveur.consume(arrete('TaskStop', { task_id: SHELL }))).toBe(true);
-    expect(suiveur.snapshot()[0]?.state).toBe('killed');
+    expect(suiveur.consume(arrete('TaskStop', { task_id: SHELL }))).toBe(true)
+    expect(suiveur.snapshot()[0]?.state).toBe('killed')
     // Coupé, donc plus rien à relire : le runner désarme son minuteur.
-    expect(suiveur.running()).toEqual([]);
-  });
+    expect(suiveur.running()).toEqual([])
+  })
 
   it("accepte l'ancienne forme de l'appel d'arrêt", () => {
-    const suiveur = new ShellTracker();
-    suiveur.consume(lance({ command: COMMAND, run_in_background: true }));
-    suiveur.consume(repond(PROMESSE));
+    const suiveur = new ShellTracker()
+    suiveur.consume(lance({ command: COMMAND, run_in_background: true }))
+    suiveur.consume(repond(PROMESSE))
 
     // `KillShell`/`shell_id` — le schéma de l'outil donne encore `shell_id`
     // pour déprécié, donc le repli se garde tant qu'il y est.
-    expect(suiveur.consume(arrete('KillShell', { shell_id: SHELL }))).toBe(true);
-    expect(suiveur.snapshot()[0]?.state).toBe('killed');
-  });
+    expect(suiveur.consume(arrete('KillShell', { shell_id: SHELL }))).toBe(true)
+    expect(suiveur.snapshot()[0]?.state).toBe('killed')
+  })
 
   it("ignore l'arrêt d'une tâche qui n'est pas un shell", () => {
-    const suiveur = new ShellTracker();
-    suiveur.consume(lance({ command: COMMAND, run_in_background: true }));
-    suiveur.consume(repond(PROMESSE));
+    const suiveur = new ShellTracker()
+    suiveur.consume(lance({ command: COMMAND, run_in_background: true }))
+    suiveur.consume(repond(PROMESSE))
 
     // `TaskStop` arrête aussi les sous-agents, dont l'identifiant n'est pas un
     // shell connu. La liste ne bouge pas, et le shell en cours reste vivant.
-    expect(suiveur.consume(arrete('TaskStop', { task_id: 'a64d37e991db110c5' }))).toBe(false);
-    expect(suiveur.snapshot()[0]?.state).toBe('running');
-  });
+    expect(suiveur.consume(arrete('TaskStop', { task_id: 'a64d37e991db110c5' }))).toBe(false)
+    expect(suiveur.snapshot()[0]?.state).toBe('running')
+  })
 
   it('reçoit la fin quand elle arrive en blocs', () => {
-    const suiveur = new ShellTracker();
-    suiveur.consume(lance({ command: COMMAND, run_in_background: true }));
-    suiveur.consume(repond(PROMESSE));
+    const suiveur = new ShellTracker()
+    suiveur.consume(lance({ command: COMMAND, run_in_background: true }))
+    suiveur.consume(repond(PROMESSE))
 
-    expect(suiveur.consume(notifieEnBlocs(FIN))).toBe(true);
-    expect(suiveur.snapshot()[0]?.state).toBe('done');
-  });
+    expect(suiveur.consume(notifieEnBlocs(FIN))).toBe(true)
+    expect(suiveur.snapshot()[0]?.state).toBe('done')
+  })
 
   it('reçoit la fin par le transcript, faute de la recevoir par le flux', () => {
-    const suiveur = new ShellTracker();
-    suiveur.consume(lance({ command: COMMAND, run_in_background: true }));
-    suiveur.consume(repond(PROMESSE));
+    const suiveur = new ShellTracker()
+    suiveur.consume(lance({ command: COMMAND, run_in_background: true }))
+    suiveur.consume(repond(PROMESSE))
 
     // La ligne telle que le CLI l'écrit dans son `.jsonl` : la notification y
     // est un `content` de message `user`, échappée dans du JSON. C'est la seule
     // source qui l'apporte — le SDK, lui, ne relaie pas ce message.
-    const ligne = JSON.stringify({ type: 'user', message: { role: 'user', content: FIN } });
-    expect(suiveur.fromTranscript(`${ligne}\n`)).toBe(true);
-    expect(suiveur.snapshot()[0]?.state).toBe('done');
-    expect(suiveur.snapshot()[0]?.exitCode).toBe(0);
-  });
+    const ligne = JSON.stringify({ type: 'user', message: { role: 'user', content: FIN } })
+    expect(suiveur.fromTranscript(`${ligne}\n`)).toBe(true)
+    expect(suiveur.snapshot()[0]?.state).toBe('done')
+    expect(suiveur.snapshot()[0]?.exitCode).toBe(0)
+  })
 
   it('traverse une ligne de transcript tronquée sans broncher', () => {
-    const suiveur = new ShellTracker();
-    suiveur.consume(lance({ command: COMMAND, run_in_background: true }));
-    suiveur.consume(repond(PROMESSE));
+    const suiveur = new ShellTracker()
+    suiveur.consume(lance({ command: COMMAND, run_in_background: true }))
+    suiveur.consume(repond(PROMESSE))
 
     // Le fichier est lu pendant qu'il s'écrit : la dernière ligne peut être
     // coupée en plein JSON. Elle ne doit ni jeter ni faire perdre la suivante.
-    const coupee = '{"type":"user","message":{"content":"<task-notification>\\n<task-i';
-    expect(suiveur.fromTranscript(coupee)).toBe(false);
-    expect(suiveur.snapshot()[0]?.state).toBe('running');
-  });
+    const coupee = '{"type":"user","message":{"content":"<task-notification>\\n<task-i'
+    expect(suiveur.fromTranscript(coupee)).toBe(false)
+    expect(suiveur.snapshot()[0]?.state).toBe('running')
+  })
 
   it("ignore la notification d'un sous-agent", () => {
-    const suiveur = new ShellTracker();
-    suiveur.consume(lance({ command: COMMAND, run_in_background: true }));
-    suiveur.consume(repond(PROMESSE));
+    const suiveur = new ShellTracker()
+    suiveur.consume(lance({ command: COMMAND, run_in_background: true }))
+    suiveur.consume(repond(PROMESSE))
 
     // Même enveloppe, autre population : les sous-agents s'annoncent ainsi
     // aussi, et leur identifiant n'est celui d'aucun shell.
-    const autre = FIN.replace(SHELL, 'a4d3206f88842d979');
-    expect(suiveur.consume(notifie(autre))).toBe(false);
-    expect(suiveur.snapshot()[0]?.state).toBe('running');
-  });
+    const autre = FIN.replace(SHELL, 'a4d3206f88842d979')
+    expect(suiveur.consume(notifie(autre))).toBe(false)
+    expect(suiveur.snapshot()[0]?.state).toBe('running')
+  })
 
   it('laisse dehors un appel qui n’a jamais tourné', () => {
-    const suiveur = new ShellTracker();
-    suiveur.consume(lance({ command: COMMAND, run_in_background: true }));
+    const suiveur = new ShellTracker()
+    suiveur.consume(lance({ command: COMMAND, run_in_background: true }))
 
     // 447 des 1 123 échecs du parc sont de cette nature : la commande n'est
     // jamais partie. Sans identifiant, il n'y a ni ligne ni fichier.
-    expect(
-      suiveur.consume(repond("Permission to use Bash with command … hasn't been granted")),
-    ).toBe(false);
-    expect(suiveur.snapshot()).toEqual([]);
-  });
+    expect(suiveur.consume(repond("Permission to use Bash with command … hasn't been granted"))).toBe(false)
+    expect(suiveur.snapshot()).toEqual([])
+  })
 
   it('ne retient pas un Bash de premier plan', () => {
-    const suiveur = new ShellTracker();
-    expect(suiveur.consume(lance({ command: 'git status' }))).toBe(false);
-    expect(suiveur.consume(repond(PROMESSE))).toBe(false);
-    expect(suiveur.snapshot()).toEqual([]);
-  });
+    const suiveur = new ShellTracker()
+    expect(suiveur.consume(lance({ command: 'git status' }))).toBe(false)
+    expect(suiveur.consume(repond(PROMESSE))).toBe(false)
+    expect(suiveur.snapshot()).toEqual([])
+  })
 
   it('ne rediffuse que si la sortie a bougé', () => {
-    const suiveur = new ShellTracker();
-    suiveur.consume(lance({ command: COMMAND, run_in_background: true }));
-    suiveur.consume(repond(PROMESSE));
+    const suiveur = new ShellTracker()
+    suiveur.consume(lance({ command: COMMAND, run_in_background: true }))
+    suiveur.consume(repond(PROMESSE))
 
-    expect(suiveur.observe(SHELL, 351, 1_786_498_243_000)).toBe(true);
-    expect(suiveur.observe(SHELL, 351, 1_786_498_243_000)).toBe(false);
-    expect(suiveur.snapshot()[0]?.size).toBe(351);
-  });
-});
+    expect(suiveur.observe(SHELL, 351, 1_786_498_243_000)).toBe(true)
+    expect(suiveur.observe(SHELL, 351, 1_786_498_243_000)).toBe(false)
+    expect(suiveur.snapshot()[0]?.size).toBe(351)
+  })
+})
 
 describe('isOutputPath', () => {
   it('accepte le chemin que le CLI annonce', () => {
@@ -264,20 +256,20 @@ describe('isOutputPath', () => {
     // préfixe rendu par `os.tmpdir()` échouerait sur le poste même où tout
     // fonctionne, puisque Node rend `jean.dupont` là où le CLI écrit
     // `JEANDU~1.DUP`.
-    expect(isOutputPath(OUTPUT, SHELL)).toBe(true);
-  });
+    expect(isOutputPath(OUTPUT, SHELL)).toBe(true)
+  })
 
   it('refuse un autre fichier, fût-il au bon endroit', () => {
-    expect(isOutputPath(OUTPUT, 'bq55159a')).toBe(false);
-    expect(isOutputPath(OUTPUT.replace('tasks', 'autre'), SHELL)).toBe(false);
-    expect(isOutputPath('C:\\Users\\jean.dupont\\.claude\\settings.json', SHELL)).toBe(false);
-  });
+    expect(isOutputPath(OUTPUT, 'bq55159a')).toBe(false)
+    expect(isOutputPath(OUTPUT.replace('tasks', 'autre'), SHELL)).toBe(false)
+    expect(isOutputPath('C:\\Users\\jean.dupont\\.claude\\settings.json', SHELL)).toBe(false)
+  })
 
   it('refuse un identifiant qui n’en est pas un', () => {
-    expect(isOutputPath(OUTPUT, '../../settings')).toBe(false);
-    expect(isOutputPath(OUTPUT, '')).toBe(false);
-  });
-});
+    expect(isOutputPath(OUTPUT, '../../settings')).toBe(false)
+    expect(isOutputPath(OUTPUT, '')).toBe(false)
+  })
+})
 
 /**
  * La lecture qui rattrape le transcript.
@@ -288,78 +280,78 @@ describe('isOutputPath', () => {
  * ne la réécrit pas — manquée une fois, manquée pour toujours.
  */
 describe('readSince', () => {
-  let dossier = '';
+  let dossier = ''
 
   beforeEach(async () => {
-    dossier = await mkdtemp(join(tmpdir(), 'aura-shells-'));
-  });
+    dossier = await mkdtemp(join(tmpdir(), 'aura-shells-'))
+  })
 
   afterEach(async () => {
-    await rm(dossier, { recursive: true, force: true });
-  });
+    await rm(dossier, { recursive: true, force: true })
+  })
 
   /** Un transcript : la notification en tête, puis beaucoup de bruit derrière. */
   const ecrire = async (bruit: number): Promise<string> => {
-    const path = join(dossier, 'transcript.jsonl');
-    const ligne = JSON.stringify({ type: 'user', message: { role: 'user', content: FIN } });
+    const path = join(dossier, 'transcript.jsonl')
+    const ligne = JSON.stringify({ type: 'user', message: { role: 'user', content: FIN } })
     const remplissage = Array.from({ length: bruit }, (_, i) =>
       JSON.stringify({ type: 'assistant', message: { content: [{ type: 'text', text: `${i}` }] } }),
-    );
-    await writeFile(path, [ligne, ...remplissage, ''].join('\n'), 'utf8');
-    return path;
-  };
+    )
+    await writeFile(path, [ligne, ...remplissage, ''].join('\n'), 'utf8')
+    return path
+  }
 
   it('rend la ligne du début, que la queue aurait sautée', async () => {
-    const path = await ecrire(2_000);
-    const { size } = await stat(path);
-    expect(size).toBeGreaterThan(64 * 1024);
+    const path = await ecrire(2_000)
+    const { size } = await stat(path)
+    expect(size).toBeGreaterThan(64 * 1024)
 
     // La queue seule ne verrait que les derniers 64 Ko : la notification est en
     // tête, donc hors de sa fenêtre.
-    expect((await readTail(path, 0)).text).not.toContain('task-notification');
+    expect((await readTail(path, 0)).text).not.toContain('task-notification')
 
-    const page = await readSince(path, 0);
-    expect(page.text).toContain('task-notification');
+    const page = await readSince(path, 0)
+    expect(page.text).toContain('task-notification')
 
     // Et ce qu'elle rend suffit au suiveur à conclure.
-    const suiveur = new ShellTracker();
-    suiveur.consume(lance({ command: COMMAND, run_in_background: true }));
-    suiveur.consume(repond(PROMESSE));
-    expect(suiveur.fromTranscript(page.text)).toBe(true);
-    expect(suiveur.snapshot()[0]?.state).toBe('done');
-  });
+    const suiveur = new ShellTracker()
+    suiveur.consume(lance({ command: COMMAND, run_in_background: true }))
+    suiveur.consume(repond(PROMESSE))
+    expect(suiveur.fromTranscript(page.text)).toBe(true)
+    expect(suiveur.snapshot()[0]?.state).toBe('done')
+  })
 
   it('ne coupe jamais une ligne en deux, et reprend où il s’est arrêté', async () => {
-    const path = await ecrire(20_000);
-    const { size } = await stat(path);
+    const path = await ecrire(20_000)
+    const { size } = await stat(path)
 
-    let curseur = 0;
-    let tout = '';
-    let pages = 0;
+    let curseur = 0
+    let tout = ''
+    let pages = 0
     while (curseur < size) {
-      const page = await readSince(path, curseur);
-      expect(page.next).toBeGreaterThan(curseur);
+      const page = await readSince(path, curseur)
+      expect(page.next).toBeGreaterThan(curseur)
       // Une page rendue au milieu du fichier finit sur une ligne entière.
-      if (page.next < size) expect(page.text.endsWith('\n')).toBe(true);
-      tout += page.text;
-      curseur = page.next;
-      pages += 1;
+      if (page.next < size) expect(page.text.endsWith('\n')).toBe(true)
+      tout += page.text
+      curseur = page.next
+      pages += 1
     }
 
     // Le fichier est bien passé en plusieurs fois, et rien ne s'est perdu.
-    expect(pages).toBeGreaterThan(1);
-    expect(tout.length).toBe(size);
+    expect(pages).toBeGreaterThan(1)
+    expect(tout).toHaveLength(size)
     expect(
       tout
         .split('\n')
         .filter(Boolean)
         .every((l) => l.startsWith('{')),
-    ).toBe(true);
-  });
+    ).toBe(true)
+  })
 
   it('ne rend rien tant que le fichier n’a pas grossi', async () => {
-    const path = await ecrire(1);
-    const { size } = await stat(path);
-    expect((await readSince(path, size)).text).toBe('');
-  });
-});
+    const path = await ecrire(1)
+    const { size } = await stat(path)
+    expect((await readSince(path, size)).text).toBe('')
+  })
+})
diff --git a/test/agent-tracks.test.ts b/test/agent-tracks.test.ts
index 660f060..549d8e7 100644
--- a/test/agent-tracks.test.ts
+++ b/test/agent-tracks.test.ts
@@ -5,9 +5,9 @@
 // exactement le flux de départ — sans quoi un événement peut n'apparaître nulle
 // part, ce qu'aucun écran ne signalerait.
 
-import { describe, expect, it } from 'vitest';
-import { eventsOfTrack, trackOfEvent, MAIN_TRACK } from '../src/composables/useAgentTracks.ts';
-import type { TranscriptEvent } from '../shared/transcript.ts';
+import { describe, expect, it } from 'vitest'
+import type { TranscriptEvent } from '../shared/transcript.ts'
+import { eventsOfTrack, trackOfEvent, MAIN_TRACK } from '../src/composables/useAgentTracks.ts'
 
 /** Un événement réduit à ce que le découpage regarde. */
 function ev(uuid: string, extra: Partial<TranscriptEvent> = {}): TranscriptEvent {
@@ -20,7 +20,7 @@ function ev(uuid: string, extra: Partial<TranscriptEvent> = {}): TranscriptEvent
     isMeta: false,
     blocks: [],
     ...extra,
-  };
+  }
 }
 
 /**
@@ -35,45 +35,42 @@ const flux: TranscriptEvent[] = [
   ev('a2', { isSidechain: true, agentId: 'alpha' }),
   ev('c1', { agentId: 'aside' }),
   ev('m3'),
-];
+]
 
 describe('eventsOfTrack', () => {
   it('rend au fil principal ce qu’aucun agent n’a écrit', () => {
-    expect(eventsOfTrack(flux, MAIN_TRACK).map((e) => e.uuid)).toEqual(['m1', 'm2', 'm3']);
-  });
+    expect(eventsOfTrack(flux, MAIN_TRACK).map((e) => e.uuid)).toEqual(['m1', 'm2', 'm3'])
+  })
 
   it('rend à une piste ses seuls événements, dans l’ordre du flux', () => {
-    expect(eventsOfTrack(flux, 'alpha').map((e) => e.uuid)).toEqual(['a1', 'a2']);
-    expect(eventsOfTrack(flux, 'beta').map((e) => e.uuid)).toEqual(['b1']);
-  });
+    expect(eventsOfTrack(flux, 'alpha').map((e) => e.uuid)).toEqual(['a1', 'a2'])
+    expect(eventsOfTrack(flux, 'beta').map((e) => e.uuid)).toEqual(['b1'])
+  })
 
   it('sort du fil principal une ligne qui porte un `agentId` sans être une sidechain', () => {
-    expect(eventsOfTrack(flux, MAIN_TRACK).map((e) => e.uuid)).not.toContain('c1');
-    expect(eventsOfTrack(flux, 'aside').map((e) => e.uuid)).toEqual(['c1']);
-  });
+    expect(eventsOfTrack(flux, MAIN_TRACK).map((e) => e.uuid)).not.toContain('c1')
+    expect(eventsOfTrack(flux, 'aside').map((e) => e.uuid)).toEqual(['c1'])
+  })
 
   it('partitionne le flux sans perte ni doublon', () => {
-    const pistes = ['alpha', 'beta', 'aside'];
-    const repartis = [
-      ...eventsOfTrack(flux, MAIN_TRACK),
-      ...pistes.flatMap((p) => eventsOfTrack(flux, p)),
-    ].map((e) => e.uuid);
+    const pistes = ['alpha', 'beta', 'aside']
+    const repartis = [...eventsOfTrack(flux, MAIN_TRACK), ...pistes.flatMap((p) => eventsOfTrack(flux, p))].map((e) => e.uuid)
 
-    expect(repartis).toHaveLength(flux.length);
-    expect([...repartis].sort()).toEqual(flux.map((e) => e.uuid).sort());
-  });
+    expect(repartis).toHaveLength(flux.length)
+    expect([...repartis].sort()).toEqual(flux.map((e) => e.uuid).sort())
+  })
 
   it('rend une piste vide pour un agent qui n’a rien écrit', () => {
-    expect(eventsOfTrack(flux, 'inconnu')).toEqual([]);
-  });
-});
+    expect(eventsOfTrack(flux, 'inconnu')).toEqual([])
+  })
+})
 
 describe('trackOfEvent', () => {
   it('situe chaque événement dans sa piste', () => {
-    const où = trackOfEvent(flux);
-    expect(où.get('m2')).toBe(MAIN_TRACK);
-    expect(où.get('a2')).toBe('alpha');
-    expect(où.get('c1')).toBe('aside');
-    expect(où.get('absent')).toBeUndefined();
-  });
-});
+    const où = trackOfEvent(flux)
+    expect(où.get('m2')).toBe(MAIN_TRACK)
+    expect(où.get('a2')).toBe('alpha')
+    expect(où.get('c1')).toBe('aside')
+    expect(où.get('absent')).toBeUndefined()
+  })
+})
diff --git a/test/ansi.test.ts b/test/ansi.test.ts
index c8bdc00..f410658 100644
--- a/test/ansi.test.ts
+++ b/test/ansi.test.ts
@@ -1,78 +1,72 @@
-import { describe, it, expect } from 'vitest';
-import { ansiToHtml, stripAnsi, hasAnsi } from '../src/utils/ansi';
+import { describe, it, expect } from 'vitest'
+import { ansiToHtml, stripAnsi, hasAnsi } from '../src/utils/ansi'
 
-const ESC = '\u001b';
+const ESC = '\u001b'
 
 describe('stripAnsi', () => {
   it('supprime les séquences SGR', () => {
-    expect(stripAnsi(`${ESC}[2m  - waiting${ESC}[22m`)).toBe('  - waiting');
-  });
+    expect(stripAnsi(`${ESC}[2m  - waiting${ESC}[22m`)).toBe('  - waiting')
+  })
 
   it('supprime les déplacements de curseur et les titres OSC', () => {
-    expect(stripAnsi(`a${ESC}[2Kb${ESC}]0;titre${ESC}\\c`)).toBe('abc');
-  });
+    expect(stripAnsi(`a${ESC}[2Kb${ESC}]0;titre${ESC}\\c`)).toBe('abc')
+  })
 
   it('laisse un texte ordinaire intact', () => {
-    expect(stripAnsi('netstat -ano | grep LISTENING')).toBe('netstat -ano | grep LISTENING');
-  });
-});
+    expect(stripAnsi('netstat -ano | grep LISTENING')).toBe('netstat -ano | grep LISTENING')
+  })
+})
 
 describe('ansiToHtml', () => {
   it('rend un passage grisé', () => {
-    expect(ansiToHtml(`${ESC}[2mwaiting${ESC}[22m ok`)).toBe(
-      '<span class="ansi-dim">waiting</span> ok',
-    );
-  });
+    expect(ansiToHtml(`${ESC}[2mwaiting${ESC}[22m ok`)).toBe('<span class="ansi-dim">waiting</span> ok')
+  })
 
   it('échappe le HTML de la source', () => {
-    const html = ansiToHtml(`${ESC}[31m<a href="x">${ESC}[0m`);
-    expect(html).toBe('<span class="ansi-fg-red">&lt;a href=&quot;x&quot;&gt;</span>');
-  });
+    const html = ansiToHtml(`${ESC}[31m<a href="x">${ESC}[0m`)
+    expect(html).toBe('<span class="ansi-fg-red">&lt;a href=&quot;x&quot;&gt;</span>')
+  })
 
   it('échappe aussi le texte non stylé', () => {
-    expect(ansiToHtml('<script>')).toBe('&lt;script&gt;');
-  });
+    expect(ansiToHtml('<script>')).toBe('&lt;script&gt;')
+  })
 
   it('cumule les attributs et remet à zéro sur 0', () => {
-    expect(ansiToHtml(`${ESC}[1m${ESC}[31mgras rouge${ESC}[0mnormal`)).toBe(
-      '<span class="ansi-fg-red ansi-bold">gras rouge</span>normal',
-    );
-  });
+    expect(ansiToHtml(`${ESC}[1m${ESC}[31mgras rouge${ESC}[0mnormal`)).toBe('<span class="ansi-fg-red ansi-bold">gras rouge</span>normal')
+  })
 
   it('ramène les couleurs vives sur la teinte de base', () => {
-    expect(ansiToHtml(`${ESC}[92mok${ESC}[39m`)).toBe('<span class="ansi-fg-green">ok</span>');
-  });
+    expect(ansiToHtml(`${ESC}[92mok${ESC}[39m`)).toBe('<span class="ansi-fg-green">ok</span>')
+  })
 
   it('ignore les couleurs 256 et truecolor hors des 16 de base', () => {
-    expect(ansiToHtml(`${ESC}[38;5;208mx${ESC}[0m`)).toBe('x');
-    expect(ansiToHtml(`${ESC}[38;2;10;20;30my${ESC}[0m`)).toBe('y');
-    expect(ansiToHtml(`${ESC}[38;5;1mz${ESC}[0m`)).toBe('<span class="ansi-fg-red">z</span>');
-  });
+    expect(ansiToHtml(`${ESC}[38;5;208mx${ESC}[0m`)).toBe('x')
+    expect(ansiToHtml(`${ESC}[38;2;10;20;30my${ESC}[0m`)).toBe('y')
+    expect(ansiToHtml(`${ESC}[38;5;1mz${ESC}[0m`)).toBe('<span class="ansi-fg-red">z</span>')
+  })
 
   it('interprète ESC[m comme une remise à zéro', () => {
-    expect(ansiToHtml(`${ESC}[31ma${ESC}[mb`)).toBe('<span class="ansi-fg-red">a</span>b');
-  });
+    expect(ansiToHtml(`${ESC}[31ma${ESC}[mb`)).toBe('<span class="ansi-fg-red">a</span>b')
+  })
 
   it('inverse la vidéo en échangeant les deux plans', () => {
-    expect(ansiToHtml(`${ESC}[7minv${ESC}[27m`)).toBe(
-      '<span class="ansi-fg-black ansi-bg-white">inv</span>',
-    );
-  });
+    expect(ansiToHtml(`${ESC}[7minv${ESC}[27m`)).toBe('<span class="ansi-fg-black ansi-bg-white">inv</span>')
+  })
 
   it('supprime les retours chariot que HTML ne sait pas rejouer', () => {
-    expect(ansiToHtml('50%\r100%')).toBe('50%100%');
-    expect(ansiToHtml('a\r\nb')).toBe('a\r\nb');
-  });
-});
+    expect(ansiToHtml('50%\r100%')).toBe('50%100%')
+    expect(ansiToHtml('a\r\nb')).toBe('a\r\nb')
+  })
+})
 
 describe('hasAnsi', () => {
   it('repart de zéro entre deux appels malgré le drapeau global', () => {
-    const s = `${ESC}[2mx${ESC}[22m`;
-    expect(hasAnsi(s)).toBe(true);
-    expect(hasAnsi(s)).toBe(true);
-  });
+    const s = `${ESC}[2mx${ESC}[22m`
+    expect(hasAnsi(s)).toBe(true)
+    expect(hasAnsi(s)).toBe(true)
+  })
 
   it('est faux sur du texte nu', () => {
-    expect(hasAnsi('rien à signaler')).toBe(false);
-  });
-});
+    expect(hasAnsi('rien à signaler')).toBe(false)
+  })
+})
diff --git a/test/ask-schema.test.ts b/test/ask-schema.test.ts
index 789c2ba..3520d69 100644
--- a/test/ask-schema.test.ts
+++ b/test/ask-schema.test.ts
@@ -8,30 +8,30 @@
 // Ces trois cas gardent la propriété qui compte : le schéma décrit ce qu'on sait
 // rendre, il ne décide pas de ce qui passe.
 
-import { describe, expect, it } from 'vitest';
-import { z } from 'zod';
-import { QUESTION_SHAPE } from '../server/agent/ask.ts';
+import { describe, expect, it } from 'vitest'
+import { z } from 'zod'
+import { QUESTION_SHAPE } from '../server/agent/ask.ts'
 
-const schema = z.object(QUESTION_SHAPE);
+const schema = z.object(QUESTION_SHAPE)
 
 /** Une question minimale, à laquelle chaque cas ajoute ce qu'il éprouve. */
 const question = (options: unknown[]): unknown => ({
   questions: [{ question: 'Quelle mise en page ?', header: 'Layout', options }],
-});
+})
 
 describe('schéma des questions de l’Atelier', () => {
   it('laisse passer la maquette ASCII d’une option', () => {
-    const preview = '┌────────┐\n│  Titre │\n└────────┘';
+    const preview = '┌────────┐\n│  Titre │\n└────────┘'
     const parsed = schema.parse(
       question([
         { label: 'Encadrée', description: 'Un cadre autour du titre.', preview },
         { label: 'Nue', description: 'Sans cadre.' },
       ]),
-    );
-    expect(parsed.questions[0]?.options[0]?.preview).toBe(preview);
+    )
+    expect(parsed.questions[0]?.options[0]?.preview).toBe(preview)
     // Les retours à la ligne sont la maquette : la coller sur une ligne la perd.
-    expect(parsed.questions[0]?.options[0]?.preview?.split('\n')).toHaveLength(3);
-  });
+    expect(parsed.questions[0]?.options[0]?.preview?.split('\n')).toHaveLength(3)
+  })
 
   it('laisse passer un champ que nous ne connaissons pas encore', () => {
     const parsed = schema.parse(
@@ -39,11 +39,11 @@ describe('schéma des questions de l’Atelier', () => {
         { label: 'A', description: 'a', futurChamp: { forme: 'inconnue' } },
         { label: 'B', description: 'b' },
       ]),
-    ) as { questions: { options: Record<string, unknown>[] }[] };
-    expect(parsed.questions[0]?.options[0]?.futurChamp).toEqual({ forme: 'inconnue' });
-  });
+    ) as { questions: { options: Record<string, unknown>[] }[] }
+    expect(parsed.questions[0]?.options[0]?.futurChamp).toEqual({ forme: 'inconnue' })
+  })
 
   it('refuse toujours une option sans libellé', () => {
-    expect(() => schema.parse(question([{ description: 'sans label' }]))).toThrow();
-  });
-});
+    expect(() => schema.parse(question([{ description: 'sans label' }]))).toThrow()
+  })
+})
diff --git a/test/assistant-message-blocks.test.ts b/test/assistant-message-blocks.test.ts
index 506bb7d..fba72dc 100644
--- a/test/assistant-message-blocks.test.ts
+++ b/test/assistant-message-blocks.test.ts
@@ -11,51 +11,44 @@
 // Ces tests tiennent la propriété que le direct doit désormais partager : ce qui
 // est arrivé reste, et seul le bloc que le message décrit est recouvert.
 
-import { describe, expect, it } from 'vitest';
-import { Translator } from '../server/agent/translate.ts';
+import { describe, expect, it } from 'vitest'
+import { Translator } from '../server/agent/translate.ts'
 
-const ID = 'msg_1';
+const ID = 'msg_1'
 
 /** Un message complet tel que le SDK le passe au traducteur. */
-const assistant = (
-  content: unknown[],
-  extra: Record<string, unknown> = {},
-): Record<string, unknown> => ({
+const assistant = (content: unknown[], extra: Record<string, unknown> = {}): Record<string, unknown> => ({
   message: { id: ID, model: 'opus', content, ...extra },
-});
+})
 
-const thinking = { type: 'thinking', thinking: 'Le fichier est un vestige.' };
-const prose = { type: 'text', text: 'Non — et voici pourquoi.' };
+const thinking = { type: 'thinking', thinking: 'Le fichier est un vestige.' }
+const prose = { type: 'text', text: 'Non — et voici pourquoi.' }
 const edit = {
   type: 'tool_use',
   id: 'toolu_1',
   name: 'Edit',
   input: { file_path: 'docs/nuget.md', old_string: 'a', new_string: 'b' },
-};
+}
 
 describe('onAssistant, réponse fragmentée en plusieurs messages', () => {
   it('garde la prose qu’un appel d’outil suit', () => {
-    const t = new Translator();
-    t.onAssistant(assistant([thinking]));
-    t.onAssistant(assistant([prose]));
-    t.onAssistant(assistant([edit]));
+    const t = new Translator()
+    t.onAssistant(assistant([thinking]))
+    t.onAssistant(assistant([prose]))
+    t.onAssistant(assistant([edit]))
 
-    expect(t.events).toHaveLength(1);
-    const blocks = t.events[0]!.blocks;
-    expect(blocks.map((b) => b.kind)).toEqual(['thinking', 'text', 'tool_use']);
-    expect(blocks[1]!.text).toBe(prose.text);
-    expect(blocks[2]!.input).toEqual(edit.input);
-  });
+    expect(t.events).toHaveLength(1)
+    const blocks = t.events[0]!.blocks
+    expect(blocks.map((b) => b.kind)).toEqual(['thinking', 'text', 'tool_use'])
+    expect(blocks[1]!.text).toBe(prose.text)
+    expect(blocks[2]!.input).toEqual(edit.input)
+  })
 
   it('recouvre le bloc frappé en direct sans effacer les précédents', () => {
-    const t = new Translator();
-    t.onStreamEvent({ event: { type: 'message_start', message: { id: ID, model: 'opus' } } });
-    for (const [index, block] of [
-      { type: 'thinking' },
-      { type: 'text' },
-      { type: 'tool_use', id: edit.id, name: edit.name },
-    ].entries()) {
-      t.onStreamEvent({ event: { type: 'content_block_start', index, content_block: block } });
+    const t = new Translator()
+    t.onStreamEvent({ event: { type: 'message_start', message: { id: ID, model: 'opus' } } })
+    for (const [index, block] of [{ type: 'thinking' }, { type: 'text' }, { type: 'tool_use', id: edit.id, name: edit.name }].entries()) {
+      t.onStreamEvent({ event: { type: 'content_block_start', index, content_block: block } })
     }
     t.onStreamEvent({
       event: {
@@ -63,7 +56,7 @@ describe('onAssistant, réponse fragmentée en plusieurs messages', () => {
         index: 1,
         delta: { type: 'text_delta', text: 'Non —' },
       },
-    });
+    })
     // L'entrée tronquée que le streaming montrait : le message complet la remplace.
     t.onStreamEvent({
       event: {
@@ -71,39 +64,39 @@ describe('onAssistant, réponse fragmentée en plusieurs messages', () => {
         index: 2,
         delta: { type: 'input_json_delta', partial_json: '{"file_path":"docs' },
       },
-    });
+    })
 
-    t.onAssistant(assistant([thinking]));
-    t.onAssistant(assistant([prose]));
-    t.onAssistant(assistant([edit]));
+    t.onAssistant(assistant([thinking]))
+    t.onAssistant(assistant([prose]))
+    t.onAssistant(assistant([edit]))
 
-    expect(t.events).toHaveLength(1);
-    const blocks = t.events[0]!.blocks;
-    expect(blocks.map((b) => b.kind)).toEqual(['thinking', 'text', 'tool_use']);
-    expect(blocks[1]!.text).toBe(prose.text);
-    expect(blocks[2]!.input).toEqual(edit.input);
-  });
+    expect(t.events).toHaveLength(1)
+    const blocks = t.events[0]!.blocks
+    expect(blocks.map((b) => b.kind)).toEqual(['thinking', 'text', 'tool_use'])
+    expect(blocks[1]!.text).toBe(prose.text)
+    expect(blocks[2]!.input).toEqual(edit.input)
+  })
 
   it('colle le résultat sur l’appel, où que le fragment l’ait posé', () => {
-    const t = new Translator();
-    t.onAssistant(assistant([prose]));
-    t.onAssistant(assistant([edit]));
+    const t = new Translator()
+    t.onAssistant(assistant([prose]))
+    t.onAssistant(assistant([edit]))
     t.onUser({
       message: { content: [{ type: 'tool_result', tool_use_id: edit.id, content: 'ok' }] },
-    });
+    })
 
-    const blocks = t.events[0]!.blocks;
-    expect(blocks.map((b) => b.kind)).toEqual(['text', 'tool_use']);
-    expect(blocks[1]!.result?.content).toContain('ok');
-  });
+    const blocks = t.events[0]!.blocks
+    expect(blocks.map((b) => b.kind)).toEqual(['text', 'tool_use'])
+    expect(blocks[1]!.result?.content).toContain('ok')
+  })
 
   it('repart de zéro pour la réponse suivante', () => {
-    const t = new Translator();
-    t.onAssistant(assistant([prose]));
-    t.onAssistant({ message: { id: 'msg_2', content: [{ type: 'text', text: 'Suite.' }] } });
+    const t = new Translator()
+    t.onAssistant(assistant([prose]))
+    t.onAssistant({ message: { id: 'msg_2', content: [{ type: 'text', text: 'Suite.' }] } })
 
-    expect(t.events).toHaveLength(2);
-    expect(t.events[1]!.blocks.map((b) => b.kind)).toEqual(['text']);
-    expect(t.events[1]!.blocks[0]!.text).toBe('Suite.');
-  });
-});
+    expect(t.events).toHaveLength(2)
+    expect(t.events[1]!.blocks.map((b) => b.kind)).toEqual(['text'])
+    expect(t.events[1]!.blocks[0]!.text).toBe('Suite.')
+  })
+})
diff --git a/test/atelier-seam.test.ts b/test/atelier-seam.test.ts
index 336a56f..2a3634c 100644
--- a/test/atelier-seam.test.ts
+++ b/test/atelier-seam.test.ts
@@ -7,16 +7,14 @@
 // provoque — et si le harnais finissait d'écrire le fichier après la dernière
 // relecture, elle n'y revenait qu'au tour suivant ou au rechargement de la page.
 
-import { describe, expect, it } from 'vitest';
-import { diskCaughtUp, stitch } from '../src/components/replay/seam.ts';
-import type { TranscriptEvent } from '../shared/transcript.ts';
+import { describe, expect, it } from 'vitest'
+import type { TranscriptEvent } from '../shared/transcript.ts'
+import { diskCaughtUp, stitch } from '../src/components/replay/seam.ts'
 
-let clock = 0;
+let clock = 0
 
-function event(
-  part: Partial<TranscriptEvent> & { kind: TranscriptEvent['kind'] },
-): TranscriptEvent {
-  clock += 1000;
+function event(part: Partial<TranscriptEvent> & { kind: TranscriptEvent['kind'] }): TranscriptEvent {
+  clock += 1000
   return {
     uuid: `e${clock}`,
     parentUuid: null,
@@ -25,20 +23,19 @@ function event(
     isMeta: false,
     blocks: [],
     ...part,
-  };
+  }
 }
 
-const human = (text: string) =>
-  event({ kind: 'user', origin: 'human', blocks: [{ kind: 'text', text }] });
+const human = (text: string) => event({ kind: 'user', origin: 'human', blocks: [{ kind: 'text', text }] })
 
-const answer = (text: string) => event({ kind: 'assistant', blocks: [{ kind: 'text', text }] });
+const answer = (text: string) => event({ kind: 'assistant', blocks: [{ kind: 'text', text }] })
 
 const command = (name: string) =>
   event({
     kind: 'user',
     origin: 'slash-command',
     blocks: [{ kind: 'slash_command', name, text: '' }],
-  });
+  })
 
 const boundary = (uuid: string) =>
   event({
@@ -53,59 +50,58 @@ const boundary = (uuid: string) =>
       postTokens: 0,
       durationMs: 0,
     },
-  });
+  })
 
 /** Ce que le harnais écrit après une compaction, et que le direct ne porte pas. */
-const kept = () =>
-  event({ kind: 'user', origin: 'compact-summary', blocks: [{ kind: 'text', text: 'résumé' }] });
+const kept = () => event({ kind: 'user', origin: 'compact-summary', blocks: [{ kind: 'text', text: 'résumé' }] })
 
 describe('la couture du fil', () => {
   it('montre le direct seul tant que le fichier n’existe pas', () => {
-    const live = [human('bonjour'), answer('voilà')];
-    expect(stitch([], live, 0)).toEqual(live);
-  });
+    const live = [human('bonjour'), answer('voilà')]
+    expect(stitch([], live, 0)).toEqual(live)
+  })
 
   it('prolonge le fichier du tour en cours', () => {
-    const disk = [human('un'), answer('un')];
-    const live = [human('un'), answer('un'), human('deux'), answer('deux')];
-    expect(stitch(disk, live, 1)).toEqual([...disk, live[2], live[3]]);
-  });
+    const disk = [human('un'), answer('un')]
+    const live = [human('un'), answer('un'), human('deux'), answer('deux')]
+    expect(stitch(disk, live, 1)).toEqual([...disk, live[2], live[3]])
+  })
 
   it('garde à l’écran une commande que le fichier n’a pas encore', () => {
-    const disk = [human('un'), answer('un')];
-    const compact = command('/compact');
-    expect(stitch(disk, [...disk, compact], 1)).toEqual([...disk, compact]);
-  });
+    const disk = [human('un'), answer('un')]
+    const compact = command('/compact')
+    expect(stitch(disk, [...disk, compact], 1)).toEqual([...disk, compact])
+  })
 
   it('montre la frontière de compaction dès que le direct l’annonce', () => {
-    const disk = [human('un'), answer('un')];
-    const compact = command('/compact');
-    const mark = boundary('c1');
-    expect(stitch(disk, [...disk, compact, mark], 1)).toEqual([...disk, compact, mark]);
-  });
+    const disk = [human('un'), answer('un')]
+    const compact = command('/compact')
+    const mark = boundary('c1')
+    expect(stitch(disk, [...disk, compact, mark], 1)).toEqual([...disk, compact, mark])
+  })
 
   it('ne la montre pas deux fois une fois le fichier rattrapé', () => {
-    const compact = command('/compact');
-    const mark = boundary('c1');
-    const written = [human('un'), answer('un'), boundary('c1'), kept(), command('/compact')];
-    const live = [human('un'), answer('un'), compact, mark];
-    expect(stitch(written, live, 1)).toEqual(written);
-  });
-});
+    const compact = command('/compact')
+    const mark = boundary('c1')
+    const written = [human('un'), answer('un'), boundary('c1'), kept(), command('/compact')]
+    const live = [human('un'), answer('un'), compact, mark]
+    expect(stitch(written, live, 1)).toEqual(written)
+  })
+})
 
 describe('le disque a-t-il rattrapé le direct', () => {
-  const live = [human('un'), answer('un'), command('/compact'), boundary('c1')];
+  const live = [human('un'), answer('un'), command('/compact'), boundary('c1')]
 
   it('non tant que la frontière n’est pas écrite', () => {
-    expect(diskCaughtUp([human('un'), answer('un')], live)).toBe(false);
-  });
+    expect(diskCaughtUp([human('un'), answer('un')], live)).toBe(false)
+  })
 
   it('oui quand elle l’est', () => {
-    const disk = [human('un'), answer('un'), boundary('c1'), kept()];
-    expect(diskCaughtUp(disk, live)).toBe(true);
-  });
+    const disk = [human('un'), answer('un'), boundary('c1'), kept()]
+    expect(diskCaughtUp(disk, live)).toBe(true)
+  })
 
   it('non tant qu’un tour humain manque', () => {
-    expect(diskCaughtUp([human('un')], [human('un'), human('deux')])).toBe(false);
-  });
-});
+    expect(diskCaughtUp([human('un')], [human('un'), human('deux')])).toBe(false)
+  })
+})
diff --git a/test/backups-stamp.test.ts b/test/backups-stamp.test.ts
index cc39b01..05119a7 100644
--- a/test/backups-stamp.test.ts
+++ b/test/backups-stamp.test.ts
@@ -14,15 +14,15 @@
 // que ce fichier crée et retire lui-même. Les refus, eux, ne touchent rien —
 // c'est tout leur objet.
 
-import { mkdir, rm, writeFile, readdir, access } from 'node:fs/promises';
-import { join } from 'node:path';
-import { afterEach, beforeEach, describe, expect, it } from 'vitest';
-import { BACKUPS_DIR, LOCAL_DIR } from '../server/paths.ts';
-import { purgeBackup, readBackup } from '../server/backups.ts';
+import { mkdir, rm, writeFile, readdir, access } from 'node:fs/promises'
+import { join } from 'node:path'
+import { afterEach, beforeEach, describe, expect, it } from 'vitest'
+import { purgeBackup, readBackup } from '../server/backups.ts'
+import { BACKUPS_DIR, LOCAL_DIR } from '../server/paths.ts'
 
 /** Une date d'instantané que le parc ne peut pas porter : elle est inventée. */
-const STAMP = '1999-01-01T00-00-00-001Z';
-const stampDir = join(BACKUPS_DIR, STAMP);
+const STAMP = '1999-01-01T00-00-00-001Z'
+const stampDir = join(BACKUPS_DIR, STAMP)
 
 /**
  * Le voisin des sauvegardes, celui qu'une évasion d'un cran emporterait.
@@ -32,53 +32,53 @@ const stampDir = join(BACKUPS_DIR, STAMP);
  * sur un clone neuf comme sur un exécuteur de CI — le cas passerait au rouge
  * sans qu'aucune garde ait cédé.
  */
-const temoin = join(LOCAL_DIR, 'temoin-purge.txt');
+const temoin = join(LOCAL_DIR, 'temoin-purge.txt')
 
 const existe = async (p: string): Promise<boolean> =>
   access(p).then(
     () => true,
     () => false,
-  );
+  )
 
 beforeEach(async () => {
-  await mkdir(stampDir, { recursive: true });
-  await writeFile(join(stampDir, 'settings.json'), '{"ancien":true}');
-  await writeFile(temoin, 'à ne pas emporter');
-});
+  await mkdir(stampDir, { recursive: true })
+  await writeFile(join(stampDir, 'settings.json'), '{"ancien":true}')
+  await writeFile(temoin, 'à ne pas emporter')
+})
 
 afterEach(async () => {
-  await rm(stampDir, { recursive: true, force: true });
-  await rm(temoin, { force: true });
-});
+  await rm(stampDir, { recursive: true, force: true })
+  await rm(temoin, { force: true })
+})
 
 describe('purgeBackup', () => {
   it('refuse un nom qui n’est pas un instantané', async () => {
-    const avant = await readdir(BACKUPS_DIR);
+    const avant = await readdir(BACKUPS_DIR)
     // `''` compte parmi eux : il valait « tout effacer » par omission, et c'est
     // ainsi que les sauvegardes de ce poste ont disparu en écrivant ce fichier.
     for (const nom of ['..', '.', 'backups', '2026-08-13', '..\\..\\autre', 'a.b', '']) {
-      await expect(purgeBackup(nom)).rejects.toThrow();
+      await expect(purgeBackup(nom)).rejects.toThrow()
     }
     // Rien n'a bougé : ni les instantanés, ni ce qui vit à côté d'eux.
-    expect(await readdir(BACKUPS_DIR)).toEqual(avant);
-    expect(await existe(temoin)).toBe(true);
-  });
+    await expect(readdir(BACKUPS_DIR)).resolves.toEqual(avant)
+    await expect(existe(temoin)).resolves.toBe(true)
+  })
 
   it('efface l’instantané qu’on lui nomme, et lui seul', async () => {
-    const voisins = (await readdir(BACKUPS_DIR)).filter((d) => d !== STAMP);
-    await purgeBackup(STAMP);
-    expect(await existe(stampDir)).toBe(false);
-    expect((await readdir(BACKUPS_DIR)).sort()).toEqual(voisins.sort());
-  });
-});
+    const voisins = (await readdir(BACKUPS_DIR)).filter((d) => d !== STAMP)
+    await purgeBackup(STAMP)
+    await expect(existe(stampDir)).resolves.toBe(false)
+    expect((await readdir(BACKUPS_DIR)).sort()).toEqual(voisins.sort())
+  })
+})
 
 describe('readBackup', () => {
   it('refuse de lire hors du dossier des instantanés', async () => {
-    await expect(readBackup('..', 'preferences.json')).rejects.toThrow();
-    await expect(readBackup(STAMP, '../../preferences.json')).rejects.toThrow();
-  });
+    await expect(readBackup('..', 'preferences.json')).rejects.toThrow()
+    await expect(readBackup(STAMP, '../../preferences.json')).rejects.toThrow()
+  })
 
   it('lit le fichier sauvegardé', async () => {
-    expect(await readBackup(STAMP, 'settings.json')).toBe('{"ancien":true}');
-  });
-});
+    await expect(readBackup(STAMP, 'settings.json')).resolves.toBe('{"ancien":true}')
+  })
+})
diff --git a/test/context.test.ts b/test/context.test.ts
index 7cbb431..6b296f7 100644
--- a/test/context.test.ts
+++ b/test/context.test.ts
@@ -11,351 +11,343 @@
 // Les nombres attendus sont écrits en clair. S'ils changent, c'est que le modèle
 // a changé — et il faut alors relire ce fichier, pas l'ajuster.
 
-import { describe, expect, it } from 'vitest';
-import { fileURLToPath } from 'node:url';
-import { parseTranscript } from '../server/transcript.ts';
-import { contextLimitFor } from '../server/context.ts';
-import { t } from '../server/i18n/index.ts';
-import { CONTEXT_CATEGORIES, turnDeltas, type TurnContext } from '../shared/context.ts';
-import { cardContext } from '../src/components/replay/contextRows.ts';
+import { fileURLToPath } from 'node:url'
+import { describe, expect, it } from 'vitest'
+import { contextLimitFor } from '../server/context.ts'
+import { t } from '../server/i18n/index.ts'
+import { parseTranscript } from '../server/transcript.ts'
+import { CONTEXT_CATEGORIES, turnDeltas, type TurnContext } from '../shared/context.ts'
+import { cardContext } from '../src/components/replay/contextRows.ts'
 
-const fixture = (name: string): string =>
-  fileURLToPath(new URL(`./fixtures/${name}.jsonl`, import.meta.url));
+const fixture = (name: string): string => fileURLToPath(new URL(`./fixtures/${name}.jsonl`, import.meta.url))
 
-const attributed = (turn: TurnContext): number =>
-  CONTEXT_CATEGORIES.reduce((sum, c) => sum + turn.byCategory[c], 0);
+const attributed = (turn: TurnContext): number => CONTEXT_CATEGORIES.reduce((sum, c) => sum + turn.byCategory[c], 0)
 
 describe('basic — un tour, un Read, un Edit', () => {
   it('ancre chaque tour sur la fenêtre exacte que le harness a relevée', async () => {
-    const { context } = await parseTranscript(fixture('basic'), 'basic');
-    expect(context.turns.map((t) => t.total)).toEqual([30_000, 35_000, 38_600]);
-  });
+    const { context } = await parseTranscript(fixture('basic'), 'basic')
+    expect(context.turns.map((t) => t.total)).toEqual([30_000, 35_000, 38_600])
+  })
 
   it('déduit le socle du premier tour, et de lui seul', async () => {
-    const { context } = await parseTranscript(fixture('basic'), 'basic');
-    const first = context.turns[0]!;
+    const { context } = await parseTranscript(fixture('basic'), 'basic')
+    const first = context.turns[0]!
 
     // 30 000 de fenêtre, moins le CLAUDE.md (100), la liste de skills (200) et le
     // message tapé (10) : ce que le harness y avait mis avant que rien n'arrive.
-    expect(context.baseline).toBe(29_690);
-    expect(context.baseline).toBe(first.total - attributed(first));
-  });
+    expect(context.baseline).toBe(29_690)
+    expect(context.baseline).toBe(first.total - attributed(first))
+  })
 
   it("compte l'entrée d'un outil autant que sa sortie", async () => {
-    const { context } = await parseTranscript(fixture('basic'), 'basic');
-    const tools = context.injections.filter((i) => i.category === 'tools');
-    expect(tools).toHaveLength(2);
+    const { context } = await parseTranscript(fixture('basic'), 'basic')
+    const tools = context.injections.filter((i) => i.category === 'tools')
+    expect(tools).toHaveLength(2)
 
     // Un Read : presque rien à l'aller, tout au retour.
-    expect(tools[0]).toMatchObject({ toolCount: 1, inputTokens: 6, outputTokens: 1000 });
+    expect(tools[0]).toMatchObject({ toolCount: 1, inputTokens: 6, outputTokens: 1000 })
     // Un Edit : l'inverse exact. Avant que les entrées soient comptées, cette
     // ligne pesait 5 tokens — la seule taille de son accusé de réception.
-    expect(tools[1]).toMatchObject({ toolCount: 1, inputTokens: 314, outputTokens: 5 });
-    expect(tools[1]!.inputTokens!).toBeGreaterThan(tools[1]!.outputTokens!);
-  });
+    expect(tools[1]).toMatchObject({ toolCount: 1, inputTokens: 314, outputTokens: 5 })
+    expect(tools[1]!.inputTokens!).toBeGreaterThan(tools[1]!.outputTokens!)
+  })
 
   it("n'estime jamais plus que la fenêtre exacte", async () => {
-    const { context } = await parseTranscript(fixture('basic'), 'basic');
+    const { context } = await parseTranscript(fixture('basic'), 'basic')
     for (const turn of context.turns) {
-      expect(attributed(turn)).toBeLessThanOrEqual(turn.total);
-      expect(turn.unattributed).toBe(turn.total - attributed(turn));
+      expect(attributed(turn)).toBeLessThanOrEqual(turn.total)
+      expect(turn.unattributed).toBe(turn.total - attributed(turn))
     }
-  });
+  })
 
   it('nomme les outils d’un tour, du plus lourd au plus léger', async () => {
-    const { context } = await parseTranscript(fixture('basic'), 'basic');
-    const tools = context.injections.filter((i) => i.category === 'tools');
+    const { context } = await parseTranscript(fixture('basic'), 'basic')
+    const tools = context.injections.filter((i) => i.category === 'tools')
     // « 1 appel d'outil au tour 7 » ne dit pas lequel ; le détail, si.
-    expect(tools[0]!.tools).toEqual([{ name: 'Read', tokens: 1006, count: 1, isError: false }]);
-    expect(tools[1]!.tools).toEqual([{ name: 'Edit', tokens: 319, count: 1, isError: false }]);
-  });
+    expect(tools[0]!.tools).toEqual([{ name: 'Read', tokens: 1006, count: 1, isError: false }])
+    expect(tools[1]!.tools).toEqual([{ name: 'Edit', tokens: 319, count: 1, isError: false }])
+  })
 
   it('sépare le raisonnement de la réponse', async () => {
-    const { context } = await parseTranscript(fixture('basic'), 'basic');
-    const thinking = context.injections.filter((i) => i.category === 'thinking');
+    const { context } = await parseTranscript(fixture('basic'), 'basic')
+    const thinking = context.injections.filter((i) => i.category === 'thinking')
     // Le premier tour ne porte que du raisonnement ; le dernier, que du texte.
     // Seul le premier se raccourcit en demandant moins de réflexion.
-    expect(thinking[0]).toMatchObject({ thinkingTokens: 50, textTokens: 0 });
-    expect(thinking.at(-1)).toMatchObject({ thinkingTokens: 0, textTokens: 30 });
-  });
-});
+    expect(thinking[0]).toMatchObject({ thinkingTokens: 50, textTokens: 0 })
+    expect(thinking.at(-1)).toMatchObject({ thinkingTokens: 0, textTokens: 30 })
+  })
+})
 
 describe('compacted — une compaction vide la fenêtre', () => {
   it('relève la compaction telle que le harness l’a écrite', async () => {
-    const { context } = await parseTranscript(fixture('compacted'), 'compacted');
-    expect(context.compactions).toHaveLength(1);
+    const { context } = await parseTranscript(fixture('compacted'), 'compacted')
+    expect(context.compactions).toHaveLength(1)
     expect(context.compactions[0]).toMatchObject({
       trigger: 'manual',
       preTokens: 38_600,
       postTokens: 9_000,
-    });
-  });
+    })
+  })
 
   it('repart de zéro après la frontière, sans oublier le socle', async () => {
-    const { context } = await parseTranscript(fixture('compacted'), 'compacted');
-    const after = context.turns.at(-1)!;
+    const { context } = await parseTranscript(fixture('compacted'), 'compacted')
+    const after = context.turns.at(-1)!
 
-    expect(after.phase).toBe(1);
+    expect(after.phase).toBe(1)
     // Rien n'a encore été réinjecté : tout ce que la fenêtre contient est le
     // prompt système, les schémas d'outils et le résumé que le harness renvoie.
-    expect(attributed(after)).toBe(0);
-    expect(after.unattributed).toBe(9_000);
+    expect(attributed(after)).toBe(0)
+    expect(after.unattributed).toBe(9_000)
 
     // Le prompt système ne disparaît pas à la compaction : le socle est celui de
     // la session, pas celui de la phase.
-    expect(context.baseline).toBe(29_690);
-  });
-});
+    expect(context.baseline).toBe(29_690)
+  })
+})
 
 describe('turnDeltas — ce que chaque tour ajoute, exact', () => {
   it('mesure la croissance depuis le socle au premier tour, puis de tour à tour', async () => {
-    const { context } = await parseTranscript(fixture('basic'), 'basic');
-    const deltas = turnDeltas(context, 0);
-    expect(deltas.map((d) => d.total)).toEqual([30_000, 35_000, 38_600]);
+    const { context } = await parseTranscript(fixture('basic'), 'basic')
+    const deltas = turnDeltas(context, 0)
+    expect(deltas.map((d) => d.total)).toEqual([30_000, 35_000, 38_600])
     // Le premier tour ne part pas de zéro : sa croissance se mesure depuis le
     // socle (29 690), sinon il s'attribuerait toute la fenêtre de démarrage.
-    expect(deltas[0]!.delta).toBe(30_000 - 29_690);
-    expect(deltas[1]!.delta).toBe(5_000);
-    expect(deltas[2]!.delta).toBe(3_600);
-  });
+    expect(deltas[0]!.delta).toBe(30_000 - 29_690)
+    expect(deltas[1]!.delta).toBe(5_000)
+    expect(deltas[2]!.delta).toBe(3_600)
+  })
 
   it('repart de la taille post-compaction, pas du socle, après une phase', async () => {
-    const { context } = await parseTranscript(fixture('compacted'), 'compacted');
-    const after = turnDeltas(context, 1);
+    const { context } = await parseTranscript(fixture('compacted'), 'compacted')
+    const after = turnDeltas(context, 1)
     // La phase 1 s'ouvre à 12 000 (postTokens) ; son unique tour y est à 9 000.
     // Le premier tour d'une phase se mesure depuis ce point, pas depuis le socle.
-    expect(context.compactions[0]!.postTokens).toBe(9_000);
-    expect(after[0]!.delta).toBe(9_000 - 9_000);
-  });
+    expect(context.compactions[0]!.postTokens).toBe(9_000)
+    expect(after[0]!.delta).toBe(9_000 - 9_000)
+  })
 
   it('reste dans l’ordre des tours, jamais trié par taille', async () => {
-    const { context } = await parseTranscript(fixture('basic'), 'basic');
-    const idx = turnDeltas(context, 0).map((d) => d.turnIndex);
-    expect(idx).toEqual([...idx].sort((a, b) => a - b));
-  });
-});
+    const { context } = await parseTranscript(fixture('basic'), 'basic')
+    const idx = turnDeltas(context, 0).map((d) => d.turnIndex)
+    expect(idx).toEqual([...idx].sort((a, b) => a - b))
+  })
+})
 
 describe('cardContext — le contexte d’une carte du fil', () => {
   it('agrège la carte : bornes, fenêtre, croissance totale', async () => {
-    const { context } = await parseTranscript(fixture('basic'), 'basic');
+    const { context } = await parseTranscript(fixture('basic'), 'basic')
     // La carte couvre les tours 0 à 2 (turnIndex 0..2).
-    const card = cardContext(context, [0, 1, 2])!;
-    expect(card.turnStart).toBe(0);
-    expect(card.turnEnd).toBe(2);
-    expect(card.window).toBe(38_600); // fenêtre au dernier tour
+    const card = cardContext(context, [0, 1, 2])!
+    expect(card.turnStart).toBe(0)
+    expect(card.turnEnd).toBe(2)
+    expect(card.window).toBe(38_600) // fenêtre au dernier tour
     // Croissance = 310 (depuis le socle) + 5000 + 3600.
-    expect(card.delta).toBe(310 + 5_000 + 3_600);
-  });
+    expect(card.delta).toBe(310 + 5_000 + 3_600)
+  })
 
   it('donne le détail par tour, indexé par l’uuid de la réponse', async () => {
-    const { context } = await parseTranscript(fixture('basic'), 'basic');
-    const card = cardContext(context, [0, 1, 2])!;
-    const first = context.turns[0]!;
-    const detail = card.byUuid[first.uuid]!;
-    expect(detail.turnIndex).toBe(0);
+    const { context } = await parseTranscript(fixture('basic'), 'basic')
+    const card = cardContext(context, [0, 1, 2])!
+    const first = context.turns[0]!
+    const detail = card.byUuid[first.uuid]!
+    expect(detail.turnIndex).toBe(0)
     // Le détail ne montre que l'invisible : mémoire, skills, fichiers, harnais —
     // jamais un outil ou un raisonnement, déjà rendus dans le corps de la carte.
-    expect(detail.rows.every((r) => r.category !== 'tools' && r.category !== 'thinking')).toBe(
-      true,
-    );
+    expect(detail.rows.every((r) => r.category !== 'tools' && r.category !== 'thinking')).toBe(true)
     // Au tour 0 de `basic`, le CLAUDE.md et le catalogue de skills sont entrés.
-    expect(detail.rows.some((r) => r.category === 'memory')).toBe(true);
-    expect(detail.rows.every((r) => r.uuid === undefined)).toBe(true); // on est déjà sur la carte
-  });
+    expect(detail.rows.some((r) => r.category === 'memory')).toBe(true)
+    expect(detail.rows.every((r) => r.uuid === undefined)).toBe(true) // on est déjà sur la carte
+  })
 
   it('renvoie null quand aucun tour ne correspond', async () => {
-    const { context } = await parseTranscript(fixture('basic'), 'basic');
-    expect(cardContext(context, [999])).toBeNull();
-    expect(cardContext(context, [])).toBeNull();
-  });
-});
+    const { context } = await parseTranscript(fixture('basic'), 'basic')
+    expect(cardContext(context, [999])).toBeNull()
+    expect(cardContext(context, [])).toBeNull()
+  })
+})
 
 describe('mémoire — CLAUDE.md et règles chargées par glob', () => {
   it('capte une règle de .claude/rules, et la nomme comme telle', async () => {
-    const { context } = await parseTranscript(fixture('rules'), 'rules');
-    const memory = context.injections.filter((i) => i.category === 'memory');
+    const { context } = await parseTranscript(fixture('rules'), 'rules')
+    const memory = context.injections.filter((i) => i.category === 'memory')
     // Une règle chargée par glob arrive comme une mémoire ; sans label parlant
     // elle se confondait avec un CLAUDE.md et passait pour absente.
-    const labels = memory.map((i) => i.label);
-    expect(labels).toContain('front/CLAUDE.md');
-    expect(labels).toContain('rules/front/permissions.md');
+    const labels = memory.map((i) => i.label)
+    expect(labels).toContain('front/CLAUDE.md')
+    expect(labels).toContain('rules/front/permissions.md')
     // Elle porte bien du contenu compté, pas une simple référence.
-    const rule = memory.find((i) => i.label.startsWith('rules/'))!;
-    expect(rule.tokens).toBeGreaterThan(0);
-  });
-});
+    const rule = memory.find((i) => i.label.startsWith('rules/'))!
+    expect(rule.tokens).toBeGreaterThan(0)
+  })
+})
 
 describe('coût — prix catalogue de l’API', () => {
   it('chiffre une session sur un modèle tarifé', async () => {
-    const { stats } = await parseTranscript(fixture('basic'), 'basic');
+    const { stats } = await parseTranscript(fixture('basic'), 'basic')
     // opus-4-8 : 5 $/M entrée, 25 $/M sortie, 0,5 $/M cache-read, 6,25 $/M
     // cache-write. Sommé par réponse, à son propre modèle.
-    expect(stats.costUsd).toBeCloseTo(0.07275, 5);
-    expect(stats.costPartial).toBe(false);
-  });
+    expect(stats.costUsd).toBeCloseTo(0.07275, 5)
+    expect(stats.costPartial).toBe(false)
+  })
 
   it("n'invente aucun prix pour un modèle qu'on ne tarife pas", async () => {
-    const { stats } = await parseTranscript(fixture('unpriced'), 'unpriced');
+    const { stats } = await parseTranscript(fixture('unpriced'), 'unpriced')
     // `<synthetic>` n'a pas de tarif : rien n'est chiffré, et le drapeau le dit.
-    expect(stats.costUsd).toBe(0);
-    expect(stats.costPartial).toBe(true);
-  });
-});
+    expect(stats.costUsd).toBe(0)
+    expect(stats.costPartial).toBe(true)
+  })
+})
 
 describe('catalogue — le listing des skills disponibles', () => {
   it('nomme chaque skill et le dit chargé au démarrage, pas invoqué', async () => {
-    const { context } = await parseTranscript(fixture('catalogue'), 'catalogue');
-    const skills = context.injections.find((i) => i.category === 'skills')!;
+    const { context } = await parseTranscript(fixture('catalogue'), 'catalogue')
+    const skills = context.injections.find((i) => i.category === 'skills')!
     // Le libellé doit dire « catalogue » : c'est un menu, pas une consommation.
-    expect(skills.label).toContain('Catalogue');
-    expect(skills.entries?.map((e) => e.label)).toEqual(['alpha', 'beta', 'gamma']);
-  });
+    expect(skills.label).toContain('Catalogue')
+    expect(skills.entries?.map((e) => e.label)).toEqual(['alpha', 'beta', 'gamma'])
+  })
 
   it('replie une description multi-ligne sur son skill, sans ligne fantôme', async () => {
-    const { context } = await parseTranscript(fixture('catalogue'), 'catalogue');
-    const skills = context.injections.find((i) => i.category === 'skills')!;
+    const { context } = await parseTranscript(fixture('catalogue'), 'catalogue')
+    const skills = context.injections.find((i) => i.category === 'skills')!
     // `beta` a une continuation : elle compte pour beta, pas pour un « préambule ».
     //
     // L'assertion porte sur le libellé traduit, et non sur le mot français : le
     // serveur rend ses textes dans la langue réglée dans l'interface, si bien
     // qu'un `préambule` en dur ferait passer ce test selon la préférence de qui
     // le lance.
-    const entries = skills.entries ?? [];
-    expect(entries.some((e) => e.label === t('context.preamble'))).toBe(false);
-    const beta = entries.find((e) => e.label === 'beta')!;
-    const alpha = entries.find((e) => e.label === 'alpha')!;
-    expect(beta.tokens).toBeGreaterThan(alpha.tokens); // grossi par sa continuation
-  });
-});
+    const entries = skills.entries ?? []
+    expect(entries.some((e) => e.label === t('context.preamble'))).toBe(false)
+    const beta = entries.find((e) => e.label === 'beta')!
+    const alpha = entries.find((e) => e.label === 'alpha')!
+    expect(beta.tokens).toBeGreaterThan(alpha.tokens) // grossi par sa continuation
+  })
+})
 
 describe('tools — plusieurs appels dans un tour', () => {
   it('regroupe par nom, garde le compte, propage l’erreur', async () => {
-    const { context } = await parseTranscript(fixture('tools'), 'tools');
-    const tools = context.injections.find((i) => i.category === 'tools')!;
-    expect(tools.toolCount).toBe(3);
+    const { context } = await parseTranscript(fixture('tools'), 'tools')
+    const tools = context.injections.find((i) => i.category === 'tools')!
+    expect(tools.toolCount).toBe(3)
     // Deux Bash fondus en une ligne — dont un a échoué, ce que la ligne dit —, un
     // Grep à part, l'ensemble du plus lourd au plus léger.
     expect(tools.tools).toEqual([
       { name: 'Bash', tokens: 148, count: 2, isError: true },
       { name: 'Grep', tokens: 54, count: 1, isError: false },
-    ]);
-  });
-});
+    ])
+  })
+})
 
 describe('attachments — ce que le harness pousse dans la fenêtre', () => {
-  const load = () => parseTranscript(fixture('attachments'), 'attachments');
+  const load = () => parseTranscript(fixture('attachments'), 'attachments')
   const sum = (c: Awaited<ReturnType<typeof load>>['context'], cat: string, phase = 0): number =>
-    c.injections
-      .filter((i) => i.category === cat && i.phase === phase)
-      .reduce((s, i) => s + i.tokens, 0);
+    c.injections.filter((i) => i.category === cat && i.phase === phase).reduce((s, i) => s + i.tokens, 0)
 
   it('ne compte qu’une fois un CLAUDE.md référencé deux fois', async () => {
-    const { context } = await load();
+    const { context } = await load()
     // Deux lignes `nested_memory` pour le même chemin. Le harness le redit ; il
     // ne le renvoie pas.
-    expect(sum(context, 'memory')).toBe(100);
-  });
+    expect(sum(context, 'memory')).toBe(100)
+  })
 
   it('le recompte après une compaction, qui a vidé la fenêtre', async () => {
-    const { context } = await load();
-    expect(context.compactions).toHaveLength(1);
+    const { context } = await load()
+    expect(context.compactions).toHaveLength(1)
     // Réinjecté dans une fenêtre neuve : payé une seconde fois.
-    expect(sum(context, 'memory', 1)).toBe(100);
-  });
+    expect(sum(context, 'memory', 1)).toBe(100)
+  })
 
   it('absorbe `already_read_file` dans le `file` du même chemin', async () => {
-    const { context } = await load();
+    const { context } = await load()
     // 200 pour le fichier lu, puis 100 + 100 pour ses deux extraits d'édition :
     // un snippet est du texte neuf à chaque fois, il ne se dédoublonne pas.
-    expect(sum(context, 'files')).toBe(400);
-  });
+    expect(sum(context, 'files')).toBe(400)
+  })
 
   it('ne compte pas deux fois le contexte qu’un hook injecte', async () => {
-    const { context } = await load();
+    const { context } = await load()
     // `hook_success.stdout` réécrit l'`additionalContext` que
     // `hook_additional_context` porte déjà. 42 paires dans le corpus.
-    const hooks = context.injections.filter((i) => i.label.startsWith('Hook '));
-    expect(hooks).toHaveLength(1);
-    expect(hooks[0]!.tokens).toBe(300);
-  });
+    const hooks = context.injections.filter((i) => i.label.startsWith('Hook '))
+    expect(hooks).toHaveLength(1)
+    expect(hooks[0]!.tokens).toBe(300)
+  })
 
   it('range la machinerie du harness à part du contenu', async () => {
-    const { context } = await load();
+    const { context } = await load()
     // 300 (hook) + 500 (notification de tâche) + 25 (noms des outils différés).
-    expect(sum(context, 'harness')).toBe(825);
-  });
+    expect(sum(context, 'harness')).toBe(825)
+  })
 
   it('compte le corps d’un skill invoqué, pas seulement son nom', async () => {
-    const { context } = await load();
-    expect(sum(context, 'skills')).toBe(400);
-  });
+    const { context } = await load()
+    expect(sum(context, 'skills')).toBe(400)
+  })
 
   it("n'invente rien pour les lignes qui ne portent aucun texte", async () => {
-    const { context } = await load();
+    const { context } = await load()
     // `plan_mode` ne garde qu'un chemin et un booléen : le rappel que le harness
     // en compose n'est écrit nulle part. Il reste dans `unattributed`.
-    expect(context.injections.some((i) => i.label.includes('plan'))).toBe(false);
-    expect(context.baseline).toBe(38_265);
-  });
-});
+    expect(context.injections.some((i) => i.label.includes('plan'))).toBe(false)
+    expect(context.baseline).toBe(38_265)
+  })
+})
 
 describe('withsub — un sous-agent tourne dans sa propre fenêtre', () => {
   it("n'ouvre aucun tour dans la fenêtre du parent", async () => {
-    const { context } = await parseTranscript(fixture('withsub'), 'withsub');
+    const { context } = await parseTranscript(fixture('withsub'), 'withsub')
     // Trois réponses dans le fichier principal ; le sous-agent en a une de plus,
     // qui ne regarde que lui.
-    expect(context.turns).toHaveLength(3);
-  });
+    expect(context.turns).toHaveLength(3)
+  })
 
   it('ne fait jamais s’effondrer la fenêtre du parent', async () => {
-    const { context } = await parseTranscript(fixture('withsub'), 'withsub');
-    const totals = context.turns.map((t) => t.total);
+    const { context } = await parseTranscript(fixture('withsub'), 'withsub')
+    const totals = context.turns.map((t) => t.total)
     // La fenêtre d'un sous-agent est petite. Repliée dans celle du parent, elle
     // s'y voyait comme un décrochement, sur la quasi-totalité des sessions.
-    for (let i = 1; i < totals.length; i++) expect(totals[i]!).toBeGreaterThan(totals[i - 1]!);
-  });
+    for (let i = 1; i < totals.length; i++) expect(totals[i]!).toBeGreaterThan(totals[i - 1]!)
+  })
 
   it("n'injecte pas les attachements du sous-agent dans le parent", async () => {
-    const { context } = await parseTranscript(fixture('withsub'), 'withsub');
-    const memory = context.injections
-      .filter((i) => i.category === 'memory')
-      .reduce((sum, i) => sum + i.tokens, 0);
+    const { context } = await parseTranscript(fixture('withsub'), 'withsub')
+    const memory = context.injections.filter((i) => i.category === 'memory').reduce((sum, i) => sum + i.tokens, 0)
     // Le seul CLAUDE.md de la session vaut 100 tokens. Celui du sous-agent en
     // vaut 500, et n'est jamais entré ici.
-    expect(memory).toBe(100);
-  });
+    expect(memory).toBe(100)
+  })
 
   it("compte l'appel Agent lui-même, des deux côtés", async () => {
-    const { context } = await parseTranscript(fixture('withsub'), 'withsub');
+    const { context } = await parseTranscript(fixture('withsub'), 'withsub')
     // Ce que le parent paie pour un sous-agent : la consigne qu'il lui donne et
     // le rapport qu'il en reçoit. Rien d'autre ne traverse.
-    const agent = context.injections.filter((i) => i.category === 'tools').at(-1)!;
-    expect(agent).toMatchObject({ inputTokens: 116, outputTokens: 10 });
-  });
+    const agent = context.injections.filter((i) => i.category === 'tools').at(-1)!
+    expect(agent).toMatchObject({ inputTokens: 116, outputTokens: 10 })
+  })
 
   it('montre tout de même le sous-agent dans la timeline', async () => {
-    const t = await parseTranscript(fixture('withsub'), 'withsub');
+    const t = await parseTranscript(fixture('withsub'), 'withsub')
     // L'exclure du contexte n'est pas l'effacer : le lecteur veut voir ce qu'il
     // a fait.
-    expect(t.hasSidechain).toBe(true);
-    expect(t.events.filter((e) => e.isSidechain)).toHaveLength(2);
-  });
-});
+    expect(t.hasSidechain).toBe(true)
+    expect(t.events.filter((e) => e.isSidechain)).toHaveLength(2)
+  })
+})
 
 describe('taille de la fenêtre', () => {
   it("conclut à la grande fenêtre dès qu'un contexte l'a dépassée", () => {
-    expect(contextLimitFor(['claude-opus-5'], 333_000)).toBe(1_000_000);
-    expect(contextLimitFor(['claude-opus-5'], 120_000)).toBe(200_000);
-  });
+    expect(contextLimitFor(['claude-opus-5'], 333_000)).toBe(1_000_000)
+    expect(contextLimitFor(['claude-opus-5'], 120_000)).toBe(200_000)
+  })
 
   it('lit le suffixe `[1m]` quand il survit dans l’id de modèle', () => {
-    expect(contextLimitFor(['claude-opus-5[1m]'], 12_000)).toBe(1_000_000);
-  });
+    expect(contextLimitFor(['claude-opus-5[1m]'], 12_000)).toBe(1_000_000)
+  })
 
   it("croit le modèle configuré avant que la session ne l'ait prouvé", () => {
     // Le cas du direct : la session vient de démarrer, aucune preuve encore, et
     // pourtant sa fenêtre est bien celle du modèle choisi dans les settings.
-    expect(contextLimitFor(['claude-opus-5'], 12_000, true)).toBe(1_000_000);
-    expect(contextLimitFor(['claude-opus-5'], 12_000, false)).toBe(200_000);
-  });
-});
+    expect(contextLimitFor(['claude-opus-5'], 12_000, true)).toBe(1_000_000)
+    expect(contextLimitFor(['claude-opus-5'], 12_000, false)).toBe(200_000)
+  })
+})
diff --git a/test/conversation-reset.test.ts b/test/conversation-reset.test.ts
index a8bab51..86cb68b 100644
--- a/test/conversation-reset.test.ts
+++ b/test/conversation-reset.test.ts
@@ -7,64 +7,64 @@
 // précédent. Garder les tours d'avant à l'écran laisserait donc lire, juste
 // au-dessus du curseur, une conversation dont l'agent n'a plus aucun souvenir.
 
-import { describe, expect, it } from 'vitest';
-import { Translator } from '../server/agent/translate.ts';
+import { describe, expect, it } from 'vitest'
+import { Translator } from '../server/agent/translate.ts'
 
 const assistant = (id: string, text: string): Record<string, unknown> => ({
   type: 'assistant',
   parent_tool_use_id: null,
   message: { id, model: 'claude-opus-5', content: [{ type: 'text', text }] },
-});
+})
 
 describe('remise à zéro du fil', () => {
   it('oublie tout ce qui précède', () => {
-    const t = new Translator();
-    t.appendUserPrompt('Réponds : alpha.');
-    t.onAssistant(assistant('msg_1', 'alpha.'));
-    expect(t.events).toHaveLength(2);
+    const t = new Translator()
+    t.appendUserPrompt('Réponds : alpha.')
+    t.onAssistant(assistant('msg_1', 'alpha.'))
+    expect(t.events).toHaveLength(2)
 
-    t.reset();
-    expect(t.events).toEqual([]);
-  });
+    t.reset()
+    expect(t.events).toEqual([])
+  })
 
   it('ne laisse pas un identifiant d’avant capturer un message d’après', () => {
-    const t = new Translator();
-    t.onAssistant(assistant('msg_1', 'alpha.'));
-    t.reset();
+    const t = new Translator()
+    t.onAssistant(assistant('msg_1', 'alpha.'))
+    t.reset()
     // Même `id` de message après la coupure : sans vider `byUuid`, le translator
     // le reconnaîtrait comme déjà connu et rendrait l'ancien événement.
-    t.onAssistant(assistant('msg_1', 'beta.'));
+    t.onAssistant(assistant('msg_1', 'beta.'))
 
-    expect(t.events).toHaveLength(1);
-    expect(t.events[0]?.blocks[0]?.text).toBe('beta.');
-  });
+    expect(t.events).toHaveLength(1)
+    expect(t.events[0]?.blocks[0]?.text).toBe('beta.')
+  })
 
   it('le fil repart de la ligne qui annonce la coupure', () => {
-    const t = new Translator();
-    t.appendUserPrompt('Réponds : alpha.');
-    t.reset();
-    t.appendSystem('J’ouvre une nouvelle session.', 'warn');
+    const t = new Translator()
+    t.appendUserPrompt('Réponds : alpha.')
+    t.reset()
+    t.appendSystem('J’ouvre une nouvelle session.', 'warn')
 
-    expect(t.events).toHaveLength(1);
-    expect(t.events[0]?.kind).toBe('system');
+    expect(t.events).toHaveLength(1)
+    expect(t.events[0]?.kind).toBe('system')
     // Rien avant elle : c'est le premier événement, pas un enfant de l'ancien fil.
-    expect(t.events[0]?.parentUuid).toBeNull();
-  });
-});
+    expect(t.events[0]?.parentUuid).toBeNull()
+  })
+})
 
 describe('tour muet', () => {
   it('n’ouvre pas de bulle vide — c’est la réponse de /clear', () => {
-    const t = new Translator();
-    const upserts = t.onAssistant(assistant('msg_vide', '(no content)'));
+    const t = new Translator()
+    const upserts = t.onAssistant(assistant('msg_vide', '(no content)'))
 
-    expect(upserts).toEqual([]);
-    expect(t.events).toEqual([]);
-  });
+    expect(upserts).toEqual([])
+    expect(t.events).toEqual([])
+  })
 
   it('laisse passer un texte qui contient la formule sans s’y réduire', () => {
-    const t = new Translator();
-    t.onAssistant(assistant('msg_1', 'Le CLI écrit (no content) quand il n’a rien à dire.'));
+    const t = new Translator()
+    t.onAssistant(assistant('msg_1', 'Le CLI écrit (no content) quand il n’a rien à dire.'))
 
-    expect(t.events).toHaveLength(1);
-  });
-});
+    expect(t.events).toHaveLength(1)
+  })
+})
diff --git a/test/corpus.test.ts b/test/corpus.test.ts
index 38ac990..e031986 100644
--- a/test/corpus.test.ts
+++ b/test/corpus.test.ts
@@ -10,124 +10,121 @@
 // que soit le contenu. Sur une machine sans corpus, il se saute — c'est un filet,
 // pas une porte.
 
-import { describe, expect, it } from 'vitest';
-import { existsSync, readFileSync, readdirSync, statSync } from 'node:fs';
-import { homedir } from 'node:os';
-import { dirname, join } from 'node:path';
-import { eachImage, parseTranscript } from '../server/transcript.ts';
-import { CONTEXT_CATEGORIES, type SessionContext } from '../shared/context.ts';
+import { existsSync, readFileSync, readdirSync, statSync } from 'node:fs'
+import { homedir } from 'node:os'
+import { dirname, join } from 'node:path'
+import { describe, expect, it } from 'vitest'
+import { eachImage, parseTranscript } from '../server/transcript.ts'
+import { CONTEXT_CATEGORIES, type SessionContext } from '../shared/context.ts'
 
-const PROJECTS = join(homedir(), '.claude', 'projects');
-const HAS_CORPUS = existsSync(PROJECTS);
+const PROJECTS = join(homedir(), '.claude', 'projects')
+const HAS_CORPUS = existsSync(PROJECTS)
 
 /** Assez pour que les propriétés mordent, assez peu pour rester une seconde. */
-const SAMPLE = 60;
+const SAMPLE = 60
 
 interface Session {
-  name: string;
-  path: string;
+  name: string
+  path: string
   /** Ce transcript a-t-il des sous-agents ? Eux seuls exercent l'isolation. */
-  hasSubagents: boolean;
+  hasSubagents: boolean
 }
 
 function sample(): Session[] {
-  const out: Session[] = [];
+  const out: Session[] = []
   for (const project of readdirSync(PROJECTS)) {
-    const dir = join(PROJECTS, project);
-    if (!statSync(dir).isDirectory()) continue;
+    const dir = join(PROJECTS, project)
+    if (!statSync(dir).isDirectory()) continue
     for (const file of readdirSync(dir)) {
-      if (!file.endsWith('.jsonl')) continue;
-      const id = file.slice(0, -6);
+      if (!file.endsWith('.jsonl')) continue
+      const id = file.slice(0, -6)
       out.push({
         name: `${project}/${id.slice(0, 8)}`,
         path: join(dir, file),
         hasSubagents: existsSync(join(dir, id, 'subagents')),
-      });
+      })
     }
   }
   // Les sessions à sous-agents d'abord : ce sont elles qui portent l'invariant
   // le plus fragile, et elles sont minoritaires.
-  out.sort((a, b) => Number(b.hasSubagents) - Number(a.hasSubagents));
-  return out.slice(0, SAMPLE);
+  out.sort((a, b) => Number(b.hasSubagents) - Number(a.hasSubagents))
+  return out.slice(0, SAMPLE)
 }
 
-const attributedAt = (c: SessionContext, i: number): number =>
-  CONTEXT_CATEGORIES.reduce((sum, cat) => sum + c.turns[i]!.byCategory[cat], 0);
+const attributedAt = (c: SessionContext, i: number): number => CONTEXT_CATEGORIES.reduce((sum, cat) => sum + c.turns[i]!.byCategory[cat], 0)
 
 describe.skipIf(!HAS_CORPUS)('invariants sur ~/.claude', () => {
-  const sessions = HAS_CORPUS ? sample() : [];
+  const sessions = HAS_CORPUS ? sample() : []
 
   it('trouve des sessions à examiner', () => {
-    expect(sessions.length).toBeGreaterThan(0);
-  });
+    expect(sessions.length).toBeGreaterThan(0)
+  })
 
   it("n'attribue jamais plus que la fenêtre exacte", async () => {
     for (const s of sessions) {
-      const { context } = await parseTranscript(s.path, '');
+      const { context } = await parseTranscript(s.path, '')
       context.turns.forEach((turn, i) => {
-        if (!turn.total) return;
+        if (!turn.total) return
         // Une estimation qui dépasse son ancre ne dit plus rien : `unattributed`
         // serait négatif, et le panneau dessinerait une barre à l'envers.
-        expect(attributedAt(context, i), `${s.name} tour ${i}`).toBeLessThanOrEqual(turn.total);
-      });
+        expect(attributedAt(context, i), `${s.name} tour ${i}`).toBeLessThanOrEqual(turn.total)
+      })
     }
-  });
+  })
 
   it('déduit un socle plausible dès que le premier tour est ancré', async () => {
     for (const s of sessions) {
-      const { context } = await parseTranscript(s.path, '');
-      const first = context.turns[0];
-      if (!first?.total) continue;
+      const { context } = await parseTranscript(s.path, '')
+      const first = context.turns[0]
+      if (!first?.total) continue
       // Le prompt système et les schémas d'outils de Claude Code. Mesuré sur 488
       // sessions : médiane 26 441, p10 17 863, p90 32 156. Ces bornes sont larges
       // exprès — elles attrapent un socle tombé à zéro ou parti à la dérive, pas
       // une évolution du prompt d'Anthropic.
-      expect(context.baseline, `${s.name}`).toBeGreaterThan(5_000);
-      expect(context.baseline, `${s.name}`).toBeLessThan(80_000);
+      expect(context.baseline, `${s.name}`).toBeGreaterThan(5_000)
+      expect(context.baseline, `${s.name}`).toBeLessThan(80_000)
     }
-  });
+  })
 
   it('adresse chaque image assez précisément pour la relire', async () => {
-    let seen = 0;
+    let seen = 0
     for (const s of sessions) {
-      const id = s.path.split(/[\\/]/).at(-1)!.slice(0, -6);
-      const { events } = await parseTranscript(s.path, id);
+      const id = s.path.split(/[\\/]/).at(-1)!.slice(0, -6)
+      const { events } = await parseTranscript(s.path, id)
       for (const ev of events) {
         for (const b of ev.blocks) {
           for (const img of b.images ?? b.result?.images ?? []) {
-            seen++;
+            seen++
             // L'adresse est tout ce que le front reçoit : sans `uuid`, la ligne
             // est introuvable ; sans le rang, l'image l'est dans sa ligne.
-            expect(img.uuid, s.name).toMatch(/^[A-Za-z0-9-]{1,64}$/);
-            expect(img.index, s.name).toBeGreaterThanOrEqual(0);
-            expect(img.mediaType, s.name).toMatch(/^image\//);
-            expect(img.bytes, s.name).toBeGreaterThan(0);
+            expect(img.uuid, s.name).toMatch(/^[A-Za-z0-9-]{1,64}$/)
+            expect(img.index, s.name).toBeGreaterThanOrEqual(0)
+            expect(img.mediaType, s.name).toMatch(/^image\//)
+            expect(img.bytes, s.name).toBeGreaterThan(0)
 
             // Et elle doit désigner les octets, pas seulement exister : on relit
             // le fichier comme le fera le BFF, en repartant de l'adresse seule.
-            const file = img.agentId
-              ? join(dirname(s.path), id, 'subagents', `agent-${img.agentId}.jsonl`)
-              : s.path;
+            const file = img.agentId ? join(dirname(s.path), id, 'subagents', `agent-${img.agentId}.jsonl`) : s.path
             const row = readFileSync(file, 'utf8')
               .split('\n')
               .filter((l) => l.includes(`"uuid":"${img.uuid}"`))
               .map((l) => JSON.parse(l) as Record<string, unknown>)
-              .find((r) => r.uuid === img.uuid);
-            expect(row, `${s.name} ligne ${img.uuid}`).toBeDefined();
+              .find((r) => r.uuid === img.uuid)
+            expect(row, `${s.name} ligne ${img.uuid}`).toBeDefined()
 
-            let data = '';
+            let data = ''
             eachImage((row!.message as { content?: unknown }).content, (source, _tool, at) => {
-              if (at === img.index && typeof source.data === 'string') data = source.data;
-            });
-            expect(data.length, `${s.name} image ${img.uuid}#${img.index}`).toBeGreaterThan(0);
+              if (at === img.index && typeof source.data === 'string') data = source.data
+            })
+            expect(data.length, `${s.name} image ${img.uuid}#${img.index}`).toBeGreaterThan(0)
           }
         }
       }
     }
     // Le corpus en contient (captures Playwright, `Read` de PNG) ; zéro voudrait
     // dire que l'extraction ne trouve plus rien, pas qu'il n'y a rien à trouver.
-    expect(seen, 'aucune image dans l’échantillon').toBeGreaterThan(0);
-  });
+    expect(seen, 'aucune image dans l’échantillon').toBeGreaterThan(0)
+  })
 
   /**
    * Le contrat sur lequel repose le découpage du flux en pistes.
@@ -139,56 +136,52 @@ describe.skipIf(!HAS_CORPUS)('invariants sur ~/.claude', () => {
    * piste et rien à l'écran ne le dirait.
    */
   it('annonce un run pour chaque agent que le flux porte, et pas un de plus', async () => {
-    const withSub = sessions.filter((s) => s.hasSubagents);
-    expect(withSub.length, 'aucune session à sous-agents dans l’échantillon').toBeGreaterThan(0);
+    const withSub = sessions.filter((s) => s.hasSubagents)
+    expect(withSub.length, 'aucune session à sous-agents dans l’échantillon').toBeGreaterThan(0)
 
-    let runs = 0;
+    let runs = 0
     for (const s of withSub) {
-      const id = s.path.split(/[\\/]/).at(-1)!.slice(0, -6);
-      const { subagents, events } = await parseTranscript(s.path, id);
-      runs += subagents.length;
+      const id = s.path.split(/[\\/]/).at(-1)!.slice(0, -6)
+      const { subagents, events } = await parseTranscript(s.path, id)
+      runs += subagents.length
 
-      const inStream = new Set(events.flatMap((e) => (e.agentId ? [e.agentId] : [])));
-      expect([...inStream].sort(), s.name).toEqual(subagents.map((r) => r.agentId).sort());
+      const inStream = new Set(events.flatMap((e) => (e.agentId ? [e.agentId] : [])))
+      expect([...inStream].sort(), s.name).toEqual(subagents.map((r) => r.agentId).sort())
 
-      const announced = subagents.reduce((n, r) => n + r.events, 0);
-      expect(announced, s.name).toBe(events.filter((e) => e.agentId).length);
+      const announced = subagents.reduce((n, r) => n + r.events, 0)
+      expect(announced, s.name).toBe(events.filter((e) => e.agentId).length)
 
       for (const run of subagents) {
-        expect(run.events, `${s.name} ${run.agentId}`).toBeGreaterThan(0);
-        expect(run.lastActivityAt, `${s.name} ${run.agentId}`).toBeGreaterThanOrEqual(
-          run.startedAt,
-        );
-        expect(['running', 'completed', 'failed', 'unknown'], s.name).toContain(run.status);
+        expect(run.events, `${s.name} ${run.agentId}`).toBeGreaterThan(0)
+        expect(run.lastActivityAt, `${s.name} ${run.agentId}`).toBeGreaterThanOrEqual(run.startedAt)
+        expect(['running', 'completed', 'failed', 'unknown'], s.name).toContain(run.status)
         // Une fin datée est une fin avérée, et réciproquement.
-        const terminal = run.status === 'completed' || run.status === 'failed';
-        expect(run.endedAt !== undefined, `${s.name} ${run.agentId}`).toBe(terminal);
+        const terminal = run.status === 'completed' || run.status === 'failed'
+        expect(run.endedAt !== undefined, `${s.name} ${run.agentId}`).toBe(terminal)
       }
     }
-    expect(runs, 'aucun run dans l’échantillon').toBeGreaterThan(0);
-  });
+    expect(runs, 'aucun run dans l’échantillon').toBeGreaterThan(0)
+  })
 
   it('ne replie jamais la fenêtre d’un sous-agent dans celle de son parent', async () => {
-    const withSub = sessions.filter((s) => s.hasSubagents);
-    expect(withSub.length, 'aucune session à sous-agents dans l’échantillon').toBeGreaterThan(0);
+    const withSub = sessions.filter((s) => s.hasSubagents)
+    expect(withSub.length, 'aucune session à sous-agents dans l’échantillon').toBeGreaterThan(0)
 
     for (const s of withSub) {
-      const { context } = await parseTranscript(s.path, s.path.split(/[\\/]/).at(-1)!.slice(0, -6));
+      const { context } = await parseTranscript(s.path, s.path.split(/[\\/]/).at(-1)!.slice(0, -6))
       // Une fenêtre grandit, tour après tour, jusqu'à ce qu'une compaction la
       // vide — et une compaction ouvre une phase. Un effondrement *au sein* d'une
       // phase n'a donc qu'une explication : deux fenêtres se sont mélangées.
-      const byPhase = new Map<number, number[]>();
+      const byPhase = new Map<number, number[]>()
       for (const t of context.turns) {
-        if (!t.total) continue;
-        (byPhase.get(t.phase) ?? byPhase.set(t.phase, []).get(t.phase)!).push(t.total);
+        if (!t.total) continue
+        ;(byPhase.get(t.phase) ?? byPhase.set(t.phase, []).get(t.phase)!).push(t.total)
       }
       for (const [phase, totals] of byPhase) {
         for (let i = 1; i < totals.length; i++) {
-          expect(totals[i], `${s.name} phase ${phase} tour ${i}`).toBeGreaterThan(
-            totals[i - 1]! * 0.7,
-          );
+          expect(totals[i], `${s.name} phase ${phase} tour ${i}`).toBeGreaterThan(totals[i - 1]! * 0.7)
         }
       }
     }
-  });
-});
+  })
+})
diff --git a/test/folder-picker.test.ts b/test/folder-picker.test.ts
index 2b7bfbb..b94bc3b 100644
--- a/test/folder-picker.test.ts
+++ b/test/folder-picker.test.ts
@@ -12,37 +12,37 @@
 // Le symptôme observé — « ça ouvre Documents, mais pas le sous-dossier devl » —
 // ne dit rien de sa cause. Ce test la fixe.
 
-import { describe, expect, it } from 'vitest';
-import { homedir } from 'node:os';
-import { join, sep } from 'node:path';
-import { normalizeStart } from '../server/agent/folder.ts';
+import { homedir } from 'node:os'
+import { join, sep } from 'node:path'
+import { describe, expect, it } from 'vitest'
+import { normalizeStart } from '../server/agent/folder.ts'
 
-const HOME = homedir();
+const HOME = homedir()
 
 describe('normalizeStart', () => {
   it('convertit les barres obliques en séparateurs natifs', () => {
-    const posix = HOME.replace(/\\/g, '/');
-    expect(normalizeStart(posix)).toBe(HOME);
-    expect(normalizeStart(posix)).not.toContain('/');
-  });
+    const posix = HOME.replace(/\\/g, '/')
+    expect(normalizeStart(posix)).toBe(HOME)
+    expect(normalizeStart(posix)).not.toContain('/')
+  })
 
   it('remonte au premier parent qui existe', () => {
-    const ghost = join(HOME, 'ce-dossier-nexiste-pas-xyz', 'ni-celui-ci');
-    expect(normalizeStart(ghost)).toBe(HOME);
-  });
+    const ghost = join(HOME, 'ce-dossier-nexiste-pas-xyz', 'ni-celui-ci')
+    expect(normalizeStart(ghost)).toBe(HOME)
+  })
 
   it('garde un dossier existant tel quel', () => {
-    expect(normalizeStart(HOME)).toBe(HOME);
-  });
+    expect(normalizeStart(HOME)).toBe(HOME)
+  })
 
   it('rend `undefined` plutôt qu’un départ vide, pour laisser le défaut du système', () => {
-    expect(normalizeStart(undefined)).toBeUndefined();
-    expect(normalizeStart('')).toBeUndefined();
-    expect(normalizeStart('   ')).toBeUndefined();
-  });
+    expect(normalizeStart(undefined)).toBeUndefined()
+    expect(normalizeStart('')).toBeUndefined()
+    expect(normalizeStart('   ')).toBeUndefined()
+  })
 
   it('ne rend jamais un chemin relatif : la boîte n’en veut pas', () => {
-    const out = normalizeStart('..');
-    expect(out === undefined || out.includes(sep)).toBe(true);
-  });
-});
+    const out = normalizeStart('..')
+    expect(out === undefined || out.includes(sep)).toBe(true)
+  })
+})
diff --git a/test/guard.test.ts b/test/guard.test.ts
index 3e15ce2..e1e9c32 100644
--- a/test/guard.test.ts
+++ b/test/guard.test.ts
@@ -6,55 +6,55 @@
 // passe par une requête `POST` sans corps — « simple » au sens du navigateur,
 // donc envoyée sans rien demander — et c'est `Sec-Fetch-Site` qui le nomme.
 
-import Fastify, { type FastifyInstance } from 'fastify';
-import { afterEach, beforeEach, describe, expect, it } from 'vitest';
-import { registerGuard } from '../server/guard.ts';
+import Fastify, { type FastifyInstance } from 'fastify'
+import { afterEach, beforeEach, describe, expect, it } from 'vitest'
+import { registerGuard } from '../server/guard.ts'
 
-let app: FastifyInstance;
+let app: FastifyInstance
 
 beforeEach(async () => {
-  app = Fastify();
-  registerGuard(app);
-  app.get('/api/lecture', () => ({ ok: true }));
-  app.post('/api/ecriture', () => ({ ok: true }));
-  app.get('/rien', () => ({ ok: true }));
-  await app.ready();
-});
+  app = Fastify()
+  registerGuard(app)
+  app.get('/api/lecture', () => ({ ok: true }))
+  app.post('/api/ecriture', () => ({ ok: true }))
+  app.get('/rien', () => ({ ok: true }))
+  await app.ready()
+})
 
 afterEach(async () => {
-  await app.close();
-});
+  await app.close()
+})
 
 describe('Host', () => {
   it('accepte les noms de cette machine', async () => {
     for (const host of ['127.0.0.1:8800', 'localhost:8800', '[::1]:8800', 'LOCALHOST:9100']) {
-      const r = await app.inject({ method: 'GET', url: '/api/lecture', headers: { host } });
-      expect(r.statusCode).toBe(200);
+      const r = await app.inject({ method: 'GET', url: '/api/lecture', headers: { host } })
+      expect(r.statusCode).toBe(200)
     }
-  });
+  })
 
   it('refuse un domaine rebindé sur la boucle locale', async () => {
     const r = await app.inject({
       method: 'GET',
       url: '/api/lecture',
       headers: { host: 'evil.example:8800' },
-    });
-    expect(r.statusCode).toBe(403);
-  });
+    })
+    expect(r.statusCode).toBe(403)
+  })
 
   it('ne garde que /api', async () => {
     const r = await app.inject({
       method: 'GET',
       url: '/rien',
       headers: { host: 'evil.example' },
-    });
-    expect(r.statusCode).toBe(200);
-  });
-});
+    })
+    expect(r.statusCode).toBe(200)
+  })
+})
 
 describe('Sec-Fetch-Site', () => {
-  const url = '/api/ecriture';
-  const host = '127.0.0.1:8800';
+  const url = '/api/ecriture'
+  const host = '127.0.0.1:8800'
 
   it('refuse une écriture demandée par un autre site', async () => {
     for (const site of ['cross-site', 'same-site']) {
@@ -62,28 +62,24 @@ describe('Sec-Fetch-Site', () => {
         method: 'POST',
         url,
         headers: { host, 'sec-fetch-site': site },
-      });
-      expect(r.statusCode).toBe(403);
+      })
+      expect(r.statusCode).toBe(403)
     }
-  });
+  })
 
   it('accepte l’interface elle-même, la barre d’adresse et les clients hors navigateur', async () => {
-    for (const headers of [
-      { host, 'sec-fetch-site': 'same-origin' },
-      { host, 'sec-fetch-site': 'none' },
-      { host },
-    ]) {
-      const r = await app.inject({ method: 'POST', url, headers });
-      expect(r.statusCode).toBe(200);
+    for (const headers of [{ host, 'sec-fetch-site': 'same-origin' }, { host, 'sec-fetch-site': 'none' }, { host }]) {
+      const r = await app.inject({ method: 'POST', url, headers })
+      expect(r.statusCode).toBe(200)
     }
-  });
+  })
 
   it('ne s’applique pas à une lecture', async () => {
     const r = await app.inject({
       method: 'GET',
       url: '/api/lecture',
       headers: { host, 'sec-fetch-site': 'cross-site' },
-    });
-    expect(r.statusCode).toBe(200);
-  });
-});
+    })
+    expect(r.statusCode).toBe(200)
+  })
+})
diff --git a/test/images.test.ts b/test/images.test.ts
index 858561e..ad6c166 100644
--- a/test/images.test.ts
+++ b/test/images.test.ts
@@ -6,8 +6,8 @@
 // résolution est apparu avec Claude 4.7 — c'est ici que ça se verra, plutôt que
 // dans un chiffre discrètement faux au coin d'un appel d'outil.
 
-import { describe, expect, it } from 'vitest';
-import { visualTokens } from '../server/transcript.ts';
+import { describe, expect, it } from 'vitest'
+import { visualTokens } from '../server/transcript.ts'
 
 /** `[largeur, hauteur, tokens en palier standard, tokens en haute résolution]`. */
 const PUBLISHED: [number, number, number, number][] = [
@@ -17,21 +17,21 @@ const PUBLISHED: [number, number, number, number][] = [
   [1920, 1080, 1560, 2691],
   [2000, 1500, 1564, 3888],
   [3840, 2160, 1560, 4784],
-];
+]
 
 describe('coût en tokens visuels', () => {
   it('reproduit les valeurs publiées à 1 % près', () => {
     for (const [w, h, std, hi] of PUBLISHED) {
       // Une image qui tient dans son palier n'est pas redimensionnée : le calcul
       // est alors exact, et on l'exige tel quel.
-      expect(visualTokens(w, h, true), `${w}×${h} haute résolution`).toBe(hi);
+      expect(visualTokens(w, h, true), `${w}×${h} haute résolution`).toBe(hi)
 
       // Une image réduite atterrit quelques tokens sous le plafond, que nous
       // approchons par le plafond lui-même. L'écart est borné, pas ignoré.
-      const got = visualTokens(w, h, false);
-      expect(Math.abs(got - std) / std, `${w}×${h} standard`).toBeLessThan(0.01);
+      const got = visualTokens(w, h, false)
+      expect(Math.abs(got - std) / std, `${w}×${h} standard`).toBeLessThan(0.01)
     }
-  });
+  })
 
   it('ne dépasse jamais le plafond de son palier', () => {
     for (const [w, h] of [
@@ -39,12 +39,12 @@ describe('coût en tokens visuels', () => {
       [8000, 100],
       [100, 8000],
     ]) {
-      expect(visualTokens(w!, h!, false)).toBeLessThanOrEqual(1568);
-      expect(visualTokens(w!, h!, true)).toBeLessThanOrEqual(4784);
+      expect(visualTokens(w!, h!, false)).toBeLessThanOrEqual(1568)
+      expect(visualTokens(w!, h!, true)).toBeLessThanOrEqual(4784)
     }
-  });
+  })
 
   it('compte au moins un pavé, même pour une image d’un pixel', () => {
-    expect(visualTokens(1, 1, false)).toBe(1);
-  });
-});
+    expect(visualTokens(1, 1, false)).toBe(1)
+  })
+})
diff --git a/test/included-folders.test.ts b/test/included-folders.test.ts
index 50215d4..472d0c7 100644
--- a/test/included-folders.test.ts
+++ b/test/included-folders.test.ts
@@ -7,110 +7,104 @@
 // hypothétiques — c'est la seule chose qui sépare « voir mon dossier docs » de
 // « lire n'importe quel fichier du projet ».
 
-import { describe, expect, it, beforeAll, afterAll } from 'vitest';
-import { mkdtemp, mkdir, writeFile, rm } from 'node:fs/promises';
-import { tmpdir } from 'node:os';
-import { join } from 'node:path';
-import {
-  folderCandidates,
-  listIncludedFolders,
-  normalizeFolderRel,
-  resolveIncludedFile,
-  sanitizeFolders,
-} from '../server/project-folders.ts';
+import { mkdtemp, mkdir, writeFile, rm } from 'node:fs/promises'
+import { tmpdir } from 'node:os'
+import { join } from 'node:path'
+import { describe, expect, it, beforeAll, afterAll } from 'vitest'
+import { folderCandidates, listIncludedFolders, normalizeFolderRel, resolveIncludedFile, sanitizeFolders } from '../server/project-folders.ts'
 
 describe('normalizeFolderRel', () => {
   it('accepte un chemin relatif, à plat ou imbriqué', () => {
-    expect(normalizeFolderRel('docs')).toBe('docs');
-    expect(normalizeFolderRel('docs/specs')).toBe('docs/specs');
-    expect(normalizeFolderRel('docs\\specs')).toBe('docs/specs');
-    expect(normalizeFolderRel('  docs/  ')).toBe('docs');
-  });
+    expect(normalizeFolderRel('docs')).toBe('docs')
+    expect(normalizeFolderRel('docs/specs')).toBe('docs/specs')
+    expect(normalizeFolderRel('docs\\specs')).toBe('docs/specs')
+    expect(normalizeFolderRel('  docs/  ')).toBe('docs')
+  })
 
   it('refuse toute forme qui pourrait sortir du projet', () => {
-    expect(normalizeFolderRel('..')).toBeNull();
-    expect(normalizeFolderRel('../secrets')).toBeNull();
-    expect(normalizeFolderRel('docs/../..')).toBeNull();
-    expect(normalizeFolderRel('/etc')).toBeNull();
-    expect(normalizeFolderRel('C:/Windows')).toBeNull();
-    expect(normalizeFolderRel('')).toBeNull();
-  });
+    expect(normalizeFolderRel('..')).toBeNull()
+    expect(normalizeFolderRel('../secrets')).toBeNull()
+    expect(normalizeFolderRel('docs/../..')).toBeNull()
+    expect(normalizeFolderRel('/etc')).toBeNull()
+    expect(normalizeFolderRel('C:/Windows')).toBeNull()
+    expect(normalizeFolderRel('')).toBeNull()
+  })
 
   // Le dossier a déjà son propre arbre : l'inclure en ferait un second.
   it('refuse .claude', () => {
-    expect(normalizeFolderRel('.claude')).toBeNull();
-    expect(normalizeFolderRel('.claude/agents')).toBeNull();
-  });
-});
+    expect(normalizeFolderRel('.claude')).toBeNull()
+    expect(normalizeFolderRel('.claude/agents')).toBeNull()
+  })
+})
 
 describe('sanitizeFolders', () => {
   it('garde ce qui passe, jette le reste, et dédoublonne', () => {
-    expect(sanitizeFolders(['docs', '../x', 'docs', 42, 'specs'])).toEqual(['docs', 'specs']);
-  });
+    expect(sanitizeFolders(['docs', '../x', 'docs', 42, 'specs'])).toEqual(['docs', 'specs'])
+  })
 
   it('rend une liste vide de ce qui n’est pas une liste', () => {
-    expect(sanitizeFolders(undefined)).toEqual([]);
-    expect(sanitizeFolders('docs')).toEqual([]);
-    expect(sanitizeFolders({ 0: 'docs' })).toEqual([]);
-  });
-});
+    expect(sanitizeFolders(undefined)).toEqual([])
+    expect(sanitizeFolders('docs')).toEqual([])
+    expect(sanitizeFolders({ 0: 'docs' })).toEqual([])
+  })
+})
 
 describe('resolveIncludedFile', () => {
-  const root = join(tmpdir(), 'projet');
-  const folders = ['docs', 'notes/2026'];
+  const root = join(tmpdir(), 'projet')
+  const folders = ['docs', 'notes/2026']
 
   it('ouvre un document sous un dossier inclus', () => {
-    expect(resolveIncludedFile(root, 'docs/guide.md', folders)).toContain('guide.md');
-    expect(resolveIncludedFile(root, 'docs/api/routes.md', folders)).toContain('routes.md');
-    expect(resolveIncludedFile(root, 'notes/2026/janvier.txt', folders)).toContain('janvier.txt');
-  });
+    expect(resolveIncludedFile(root, 'docs/guide.md', folders)).toContain('guide.md')
+    expect(resolveIncludedFile(root, 'docs/api/routes.md', folders)).toContain('routes.md')
+    expect(resolveIncludedFile(root, 'notes/2026/janvier.txt', folders)).toContain('janvier.txt')
+  })
 
   // Le dossier lui-même n'est pas un document, et un dossier dont le nom commence
   // pareil n'est pas le dossier inclus.
   it('n’ouvre rien hors des dossiers inclus', () => {
-    expect(resolveIncludedFile(root, 'src/index.ts', folders)).toBeNull();
-    expect(resolveIncludedFile(root, 'documentation/guide.md', folders)).toBeNull();
-    expect(resolveIncludedFile(root, 'notes/2025/janvier.md', folders)).toBeNull();
-    expect(resolveIncludedFile(root, 'docs', folders)).toBeNull();
-  });
+    expect(resolveIncludedFile(root, 'src/index.ts', folders)).toBeNull()
+    expect(resolveIncludedFile(root, 'documentation/guide.md', folders)).toBeNull()
+    expect(resolveIncludedFile(root, 'notes/2025/janvier.md', folders)).toBeNull()
+    expect(resolveIncludedFile(root, 'docs', folders)).toBeNull()
+  })
 
   it('n’ouvre que des documents', () => {
-    expect(resolveIncludedFile(root, 'docs/build.sh', folders)).toBeNull();
-    expect(resolveIncludedFile(root, 'docs/secrets.env', folders)).toBeNull();
-    expect(resolveIncludedFile(root, 'docs/schema.json', folders)).toBeNull();
-  });
+    expect(resolveIncludedFile(root, 'docs/build.sh', folders)).toBeNull()
+    expect(resolveIncludedFile(root, 'docs/secrets.env', folders)).toBeNull()
+    expect(resolveIncludedFile(root, 'docs/schema.json', folders)).toBeNull()
+  })
 
   it('refuse une évasion, même déguisée en document', () => {
-    expect(resolveIncludedFile(root, 'docs/../../.ssh/id_rsa.md', folders)).toBeNull();
-    expect(resolveIncludedFile(root, '../docs/guide.md', folders)).toBeNull();
-  });
+    expect(resolveIncludedFile(root, 'docs/../../.ssh/id_rsa.md', folders)).toBeNull()
+    expect(resolveIncludedFile(root, '../docs/guide.md', folders)).toBeNull()
+  })
 
   // Sans inclusion, la route ne peut rien ouvrir : c'est l'état par défaut de
   // tout projet.
   it('n’ouvre rien quand rien n’est inclus', () => {
-    expect(resolveIncludedFile(root, 'docs/guide.md', [])).toBeNull();
-  });
-});
+    expect(resolveIncludedFile(root, 'docs/guide.md', [])).toBeNull()
+  })
+})
 
 describe('parcours d’un projet', () => {
-  let root = '';
+  let root = ''
 
   beforeAll(async () => {
-    root = await mkdtemp(join(tmpdir(), 'aura-folders-'));
-    await mkdir(join(root, 'docs', 'api'), { recursive: true });
-    await mkdir(join(root, 'src'), { recursive: true });
-    await mkdir(join(root, 'node_modules', 'paquet'), { recursive: true });
-    await writeFile(join(root, 'docs', 'guide.md'), '# Guide');
-    await writeFile(join(root, 'docs', 'api', 'routes.md'), '# Routes');
-    await writeFile(join(root, 'docs', 'logo.png'), 'binaire');
-    await writeFile(join(root, 'src', 'index.ts'), 'export {};');
-    await writeFile(join(root, 'node_modules', 'paquet', 'README.md'), '# Paquet');
-    await writeFile(join(root, 'README.md'), '# Projet');
-  });
+    root = await mkdtemp(join(tmpdir(), 'aura-folders-'))
+    await mkdir(join(root, 'docs', 'api'), { recursive: true })
+    await mkdir(join(root, 'src'), { recursive: true })
+    await mkdir(join(root, 'node_modules', 'paquet'), { recursive: true })
+    await writeFile(join(root, 'docs', 'guide.md'), '# Guide')
+    await writeFile(join(root, 'docs', 'api', 'routes.md'), '# Routes')
+    await writeFile(join(root, 'docs', 'logo.png'), 'binaire')
+    await writeFile(join(root, 'src', 'index.ts'), 'export {};')
+    await writeFile(join(root, 'node_modules', 'paquet', 'README.md'), '# Paquet')
+    await writeFile(join(root, 'README.md'), '# Projet')
+  })
 
   afterAll(async () => {
-    if (root) await rm(root, { recursive: true, force: true });
-  });
+    if (root) await rm(root, { recursive: true, force: true })
+  })
 
   /**
    * `~/.claude.json` range les chemins de projet en barres obliques, et c'est de
@@ -119,32 +113,32 @@ describe('parcours d’un projet', () => {
    * annonçait le dossier et le montrait vide.
    */
   it('accepte une racine en barres obliques', async () => {
-    const posix = root.replace(/\\/g, '/');
-    const [folder] = await listIncludedFolders(posix, ['docs']);
-    expect(folder?.files).toHaveLength(2);
-    expect(resolveIncludedFile(posix, 'docs/guide.md', ['docs'])).toContain('guide.md');
-  });
+    const posix = root.replace(/\\/g, '/')
+    const [folder] = await listIncludedFolders(posix, ['docs'])
+    expect(folder?.files).toHaveLength(2)
+    expect(resolveIncludedFile(posix, 'docs/guide.md', ['docs'])).toContain('guide.md')
+  })
 
   it('ne rend que les documents, avec un rel parti de la racine', async () => {
-    const [folder] = await listIncludedFolders(root, ['docs']);
-    expect(folder?.files.map((f) => f.rel)).toEqual(['docs/api/routes.md', 'docs/guide.md']);
-    expect(folder?.files.every((f) => f.category === 'included')).toBe(true);
-  });
+    const [folder] = await listIncludedFolders(root, ['docs'])
+    expect(folder?.files.map((f) => f.rel)).toEqual(['docs/api/routes.md', 'docs/guide.md'])
+    expect(folder?.files.every((f) => f.category === 'included')).toBe(true)
+  })
 
   it('rend un groupe vide pour un dossier disparu, pour qu’on puisse le retirer', async () => {
-    const [folder] = await listIncludedFolders(root, ['disparu']);
-    expect(folder).toEqual({ rel: 'disparu', files: [] });
-  });
+    const [folder] = await listIncludedFolders(root, ['disparu'])
+    expect(folder).toEqual({ rel: 'disparu', files: [] })
+  })
 
   it('propose les dossiers à documents, parents compris, et compte le sous-arbre', async () => {
-    const candidates = await folderCandidates(root, new Set(['node_modules']), ['docs']);
-    const byRel = new Map(candidates.map((c) => [c.rel, c]));
-    expect(byRel.get('docs')?.docs).toBe(2); // guide.md + api/routes.md
-    expect(byRel.get('docs/api')?.docs).toBe(1);
-    expect(byRel.get('docs')?.included).toBe(true);
+    const candidates = await folderCandidates(root, new Set(['node_modules']), ['docs'])
+    const byRel = new Map(candidates.map((c) => [c.rel, c]))
+    expect(byRel.get('docs')?.docs).toBe(2) // guide.md + api/routes.md
+    expect(byRel.get('docs/api')?.docs).toBe(1)
+    expect(byRel.get('docs')?.included).toBe(true)
     // Ni le code, ni les dossiers lourds, ni la racine elle-même.
-    expect(byRel.has('src')).toBe(false);
-    expect(byRel.has('node_modules')).toBe(false);
-    expect(byRel.has('')).toBe(false);
-  });
-});
+    expect(byRel.has('src')).toBe(false)
+    expect(byRel.has('node_modules')).toBe(false)
+    expect(byRel.has('')).toBe(false)
+  })
+})
diff --git a/test/inline-reasoning.test.ts b/test/inline-reasoning.test.ts
index 4e8b643..c42f96f 100644
--- a/test/inline-reasoning.test.ts
+++ b/test/inline-reasoning.test.ts
@@ -7,50 +7,50 @@
 // 84 % des caractères produits y tenaient : sans extraction, le fil affiche les
 // balises en clair et le raisonnement au même rang que la réponse.
 
-import { describe, expect, it } from 'vitest';
-import { join } from 'node:path';
-import { parseTranscript, type Block } from '../server/transcript.ts';
+import { join } from 'node:path'
+import { describe, expect, it } from 'vitest'
+import { parseTranscript, type Block } from '../server/transcript.ts'
 
-const FIXTURE = join(import.meta.dirname, 'fixtures', 'inline-think.jsonl');
+const FIXTURE = join(import.meta.dirname, 'fixtures', 'inline-think.jsonl')
 
 /** Les blocs d'un tour, désigné par l'uuid de sa ligne. */
 async function blocksOf(uuid: string): Promise<Block[]> {
-  const { events } = await parseTranscript(FIXTURE, '');
-  return events.find((e) => e.uuid === uuid)?.blocks ?? [];
+  const { events } = await parseTranscript(FIXTURE, '')
+  return events.find((e) => e.uuid === uuid)?.blocks ?? []
 }
 
 describe('raisonnement en ligne', () => {
   it('sépare le <think> de la réponse qui le suit', async () => {
-    const blocks = await blocksOf('s1');
-    expect(blocks.map((b) => b.kind)).toEqual(['thinking', 'text']);
-    expect(blocks[0]?.text).toBe('The user asks about the tag. Let me answer plainly.');
-    expect(blocks[1]?.text).toBe('La balise encadre le raisonnement.');
-  });
+    const blocks = await blocksOf('s1')
+    expect(blocks.map((b) => b.kind)).toEqual(['thinking', 'text'])
+    expect(blocks[0]?.text).toBe('The user asks about the tag. Let me answer plainly.')
+    expect(blocks[1]?.text).toBe('La balise encadre le raisonnement.')
+  })
 
   it('n’invente pas de réponse quand le tour n’en porte pas', async () => {
-    const blocks = await blocksOf('s2');
-    expect(blocks.map((b) => b.kind)).toEqual(['thinking', 'tool_use']);
-    expect(blocks[0]?.text).toBe('No answer this turn, straight to the tool.');
-  });
+    const blocks = await blocksOf('s2')
+    expect(blocks.map((b) => b.kind)).toEqual(['thinking', 'tool_use'])
+    expect(blocks[0]?.text).toBe('No answer this turn, straight to the tool.')
+  })
 
   it('laisse le texte intact si la balise n’est pas refermée', async () => {
     // Un tour coupé : sans fermeture, aucun découpage n'est sûr.
-    const blocks = await blocksOf('s3');
-    expect(blocks.map((b) => b.kind)).toEqual(['text']);
-    expect(blocks[0]?.text).toContain('<think>');
-  });
+    const blocks = await blocksOf('s3')
+    expect(blocks.map((b) => b.kind)).toEqual(['text'])
+    expect(blocks[0]?.text).toContain('<think>')
+  })
 
   it('ne touche pas au prompt de l’utilisateur', async () => {
     // Qui écrit <think> dans sa question le dit littéralement.
-    const blocks = await blocksOf('u1');
-    expect(blocks.map((b) => b.kind)).toEqual(['text']);
-    expect(blocks[0]?.text).toContain('<think>');
-  });
+    const blocks = await blocksOf('u1')
+    expect(blocks.map((b) => b.kind)).toEqual(['text'])
+    expect(blocks[0]?.text).toContain('<think>')
+  })
 
   it('laisse le bloc thinking de Claude à son sort', async () => {
-    const blocks = await blocksOf('s4');
-    expect(blocks.map((b) => b.kind)).toEqual(['thinking', 'text']);
-    expect(blocks[0]?.redacted).toBe(true);
-    expect(blocks[0]?.text).toBe('');
-  });
-});
+    const blocks = await blocksOf('s4')
+    expect(blocks.map((b) => b.kind)).toEqual(['thinking', 'text'])
+    expect(blocks[0]?.redacted).toBe(true)
+    expect(blocks[0]?.text).toBe('')
+  })
+})
diff --git a/test/live-session.test.ts b/test/live-session.test.ts
index c31300a..061fccb 100644
--- a/test/live-session.test.ts
+++ b/test/live-session.test.ts
@@ -10,24 +10,24 @@
 // pour toujours. C'est exactement le fantôme observé : trois fichiers sur le
 // disque, un seul processus réel.
 
-import { describe, expect, it } from 'vitest';
-import { alive } from '../server/maintenance.ts';
+import { describe, expect, it } from 'vitest'
+import { alive } from '../server/maintenance.ts'
 
 describe('alive', () => {
   it('reconnaît un processus qui tourne', () => {
-    expect(alive(process.pid)).toBe(true);
-  });
+    expect(alive(process.pid)).toBe(true)
+  })
 
   it('écarte un PID qui ne désigne plus rien', () => {
     // Au-delà du maximum de Windows comme de Linux : aucun processus ne peut
     // porter ce numéro, donc le cas est stable et n'attend la mort de personne.
-    expect(alive(2 ** 31 - 1)).toBe(false);
-  });
+    expect(alive(2 ** 31 - 1)).toBe(false)
+  })
 
   it('garde une entrée sans PID plutôt que de la faire disparaître', () => {
     // On ne peut rien conclure : mieux vaut une session de trop qu'un écran qui
     // efface en silence ce qu'il ne sait pas expliquer.
-    expect(alive(undefined)).toBe(true);
-    expect(alive(0)).toBe(true);
-  });
-});
+    expect(alive(undefined)).toBe(true)
+    expect(alive(0)).toBe(true)
+  })
+})
diff --git a/test/live-slash-command.test.ts b/test/live-slash-command.test.ts
index 4bee734..fc6429d 100644
--- a/test/live-slash-command.test.ts
+++ b/test/live-slash-command.test.ts
@@ -7,44 +7,44 @@
 // compaction tombait alors des deux côtés de la couture et le fil affichait une
 // phase de plus que la session n'en avait vécu.
 
-import { describe, expect, it } from 'vitest';
-import { Translator } from '../server/agent/translate.ts';
-import { isHumanMessage } from '../src/composables/useTranscriptTurns.ts';
-import type { TranscriptEvent } from '../shared/transcript.ts';
+import { describe, expect, it } from 'vitest'
+import { Translator } from '../server/agent/translate.ts'
+import type { TranscriptEvent } from '../shared/transcript.ts'
+import { isHumanMessage } from '../src/composables/useTranscriptTurns.ts'
 
 function prompt(text: string, images: never[] = []): TranscriptEvent {
-  const t = new Translator();
-  t.appendUserPrompt(text, images);
-  return t.events[0]!;
+  const t = new Translator()
+  t.appendUserPrompt(text, images)
+  return t.events[0]!
 }
 
 describe('un tour tapé au composeur', () => {
   it('donne à la commande la forme que le disque lui donnera', () => {
-    const e = prompt('/compact');
-    expect(e.origin).toBe('slash-command');
-    expect(e.blocks).toEqual([{ kind: 'slash_command', name: '/compact', text: '' }]);
-  });
+    const e = prompt('/compact')
+    expect(e.origin).toBe('slash-command')
+    expect(e.blocks).toEqual([{ kind: 'slash_command', name: '/compact', text: '' }])
+  })
 
   it('garde les arguments à part du nom', () => {
     expect(prompt('/compact garde les décisions').blocks[0]).toEqual({
       kind: 'slash_command',
       name: '/compact',
       text: 'garde les décisions',
-    });
-  });
+    })
+  })
 
   it('accepte le nom d’une commande de plugin', () => {
-    expect(prompt('/aura:revue').blocks[0]?.name).toBe('/aura:revue');
-  });
+    expect(prompt('/aura:revue').blocks[0]?.name).toBe('/aura:revue')
+  })
 
   it('ne compte pas la commande comme un tour humain', () => {
-    expect(isHumanMessage(prompt('/compact'))).toBe(false);
-    expect(isHumanMessage(prompt('relis ce fichier'))).toBe(true);
-  });
+    expect(isHumanMessage(prompt('/compact'))).toBe(false)
+    expect(isHumanMessage(prompt('relis ce fichier'))).toBe(true)
+  })
 
   it('laisse un chemin collé être ce qu’il est : du texte', () => {
-    const e = prompt('/home/jean/notes.md à relire');
-    expect(e.origin).toBe('human');
-    expect(e.blocks[0]?.kind).toBe('text');
-  });
-});
+    const e = prompt('/home/jean/notes.md à relire')
+    expect(e.origin).toBe('human')
+    expect(e.blocks[0]?.kind).toBe('text')
+  })
+})
diff --git a/test/loopback.test.ts b/test/loopback.test.ts
index 40622b6..0460bce 100644
--- a/test/loopback.test.ts
+++ b/test/loopback.test.ts
@@ -1,39 +1,39 @@
 // La garde d'extinction ne tient qu'à cette fonction : si elle laisse passer une
 // adresse du réseau, n'importe quelle machine du salon peut éteindre AURA.
 
-import { describe, it, expect } from 'vitest';
-import { isLoopback } from '../server/net.ts';
+import { describe, it, expect } from 'vitest'
+import { isLoopback } from '../server/net.ts'
 
 describe('isLoopback', () => {
   it('reconnaît la boucle locale sous ses trois écritures', () => {
-    expect(isLoopback('127.0.0.1')).toBe(true);
-    expect(isLoopback('::1')).toBe(true);
-    expect(isLoopback('::ffff:127.0.0.1')).toBe(true);
-  });
+    expect(isLoopback('127.0.0.1')).toBe(true)
+    expect(isLoopback('::1')).toBe(true)
+    expect(isLoopback('::ffff:127.0.0.1')).toBe(true)
+  })
 
   it('accepte tout le bloc 127.0.0.0/8', () => {
-    expect(isLoopback('127.0.0.53')).toBe(true);
-    expect(isLoopback('127.255.255.254')).toBe(true);
-  });
+    expect(isLoopback('127.0.0.53')).toBe(true)
+    expect(isLoopback('127.255.255.254')).toBe(true)
+  })
 
   it('refuse les adresses du réseau local', () => {
-    expect(isLoopback('192.168.1.79')).toBe(false);
-    expect(isLoopback('172.31.128.1')).toBe(false);
-    expect(isLoopback('10.0.0.1')).toBe(false);
-    expect(isLoopback('0.0.0.0')).toBe(false);
-  });
+    expect(isLoopback('192.168.1.79')).toBe(false)
+    expect(isLoopback('172.31.128.1')).toBe(false)
+    expect(isLoopback('10.0.0.1')).toBe(false)
+    expect(isLoopback('0.0.0.0')).toBe(false)
+  })
 
   it('refuse ce qui ressemble à la boucle locale sans en être', () => {
     // Le piège classique : un préfixe qui n'en est pas un.
-    expect(isLoopback('127.0.0.1.evil.com')).toBe(false);
-    expect(isLoopback('1270.0.0.1')).toBe(false);
-    expect(isLoopback('227.0.0.1')).toBe(false);
-    expect(isLoopback('127.0.0')).toBe(false);
-    expect(isLoopback('127.0.0.999')).toBe(false);
-  });
+    expect(isLoopback('127.0.0.1.evil.com')).toBe(false)
+    expect(isLoopback('1270.0.0.1')).toBe(false)
+    expect(isLoopback('227.0.0.1')).toBe(false)
+    expect(isLoopback('127.0.0')).toBe(false)
+    expect(isLoopback('127.0.0.999')).toBe(false)
+  })
 
   it("refuse l'absence d'adresse", () => {
-    expect(isLoopback(undefined)).toBe(false);
-    expect(isLoopback('')).toBe(false);
-  });
-});
+    expect(isLoopback(undefined)).toBe(false)
+    expect(isLoopback('')).toBe(false)
+  })
+})
diff --git a/test/mcp-secrets.test.ts b/test/mcp-secrets.test.ts
index 9e72583..778760e 100644
--- a/test/mcp-secrets.test.ts
+++ b/test/mcp-secrets.test.ts
@@ -10,15 +10,15 @@
 // reconduction côté serveur, changer la commande d'un serveur effacerait ses
 // clés — une perte silencieuse, que rien à l'écran n'annoncerait.
 
-import { mkdtemp, rm, readFile, writeFile } from 'node:fs/promises';
-import { tmpdir } from 'node:os';
-import { dirname, join } from 'node:path';
-import { afterAll, beforeAll, beforeEach, describe, expect, it } from 'vitest';
-import type * as Mcp from '../server/mcp.ts';
+import { mkdtemp, rm, readFile, writeFile } from 'node:fs/promises'
+import { tmpdir } from 'node:os'
+import { dirname, join } from 'node:path'
+import { afterAll, beforeAll, beforeEach, describe, expect, it } from 'vitest'
+import type * as Mcp from '../server/mcp.ts'
 
-let home: string;
-let claudeJson: string;
-let mcp: typeof Mcp;
+let home: string
+let claudeJson: string
+let mcp: typeof Mcp
 
 const CONFIG = {
   mcpServers: {
@@ -30,7 +30,7 @@ const CONFIG = {
     sansEnv: { command: 'node', args: ['serveur.js'] },
   },
   autreCle: { intacte: true },
-};
+}
 
 /**
  * Les instantanés que l'écriture laisse derrière elle.
@@ -41,80 +41,80 @@ const CONFIG = {
  * déposerait trois copies du `.claude.json` de test dans les sauvegardes de la
  * machine — jeton d'exemple compris.
  */
-const laisses: string[] = [];
+const laisses: string[] = []
 
 beforeAll(async () => {
-  home = await mkdtemp(join(tmpdir(), 'aura-mcp-'));
-  claudeJson = join(home, '.claude.json');
+  home = await mkdtemp(join(tmpdir(), 'aura-mcp-'))
+  claudeJson = join(home, '.claude.json')
   // `mcp.ts` situe `~/.claude.json` à côté du dossier géré.
-  process.env.AURA_CLAUDE_DIR = join(home, '.claude');
-  mcp = await import('../server/mcp.ts');
-});
+  process.env.AURA_CLAUDE_DIR = join(home, '.claude')
+  mcp = await import('../server/mcp.ts')
+})
 
 afterAll(async () => {
-  delete process.env.AURA_CLAUDE_DIR;
-  await rm(home, { recursive: true, force: true });
-  for (const dir of laisses) await rm(dir, { recursive: true, force: true });
-});
+  delete process.env.AURA_CLAUDE_DIR
+  await rm(home, { recursive: true, force: true })
+  for (const dir of laisses) await rm(dir, { recursive: true, force: true })
+})
 
 /** Applique, et retient l'instantané pour le retirer à la fin. */
 async function applique(name: string, server: Parameters<typeof mcp.applyMcpWrite>[1]) {
-  const { expectedHash } = await mcp.proposeMcpWrite(name, server);
-  const { backupPath } = await mcp.applyMcpWrite(name, server, expectedHash);
-  if (backupPath) laisses.push(dirname(backupPath));
+  const { expectedHash } = await mcp.proposeMcpWrite(name, server)
+  const { backupPath } = await mcp.applyMcpWrite(name, server, expectedHash)
+  if (backupPath) laisses.push(dirname(backupPath))
 }
 
 beforeEach(async () => {
-  await writeFile(claudeJson, JSON.stringify(CONFIG, null, 2));
-});
+  await writeFile(claudeJson, JSON.stringify(CONFIG, null, 2))
+})
 
 describe('inventaire', () => {
   it('ne sert pas les valeurs d’environnement, seulement leurs noms', async () => {
-    const inv = await mcp.getMcpInventory();
-    const github = inv.globalServers.github;
-    expect(github?.env).toBeUndefined();
-    expect(github?.envKeys).toEqual(['GITHUB_TOKEN', 'REGION']);
-    expect(JSON.stringify(inv)).not.toContain('ghp_secret_a_ne_pas_servir');
-  });
+    const inv = await mcp.getMcpInventory()
+    const github = inv.globalServers.github
+    expect(github?.env).toBeUndefined()
+    expect(github?.envKeys).toEqual(['GITHUB_TOKEN', 'REGION'])
+    expect(JSON.stringify(inv)).not.toContain('ghp_secret_a_ne_pas_servir')
+  })
 
   it('laisse intact un serveur qui n’a pas d’environnement', async () => {
-    const inv = await mcp.getMcpInventory();
-    expect(inv.globalServers.sansEnv).toEqual({ command: 'node', args: ['serveur.js'] });
-  });
-});
+    const inv = await mcp.getMcpInventory()
+    expect(inv.globalServers.sansEnv).toEqual({ command: 'node', args: ['serveur.js'] })
+  })
+})
 
 describe('écriture', () => {
   /** Ce que le formulaire renvoie : ce qu'il a reçu, donc sans `env`. */
-  const commeLeFront = { command: 'npx', args: ['-y', 'autre-serveur'], envKeys: ['GITHUB_TOKEN'] };
+  const commeLeFront = { command: 'npx', args: ['-y', 'autre-serveur'], envKeys: ['GITHUB_TOKEN'] }
 
   const relire = async (): Promise<Record<string, Record<string, unknown>>> =>
-    (JSON.parse(await readFile(claudeJson, 'utf8')) as { mcpServers: never }).mcpServers;
+    (JSON.parse(await readFile(claudeJson, 'utf8')) as { mcpServers: never }).mcpServers
 
   it('reconduit l’environnement que le client n’a pas reçu', async () => {
-    await applique('github', commeLeFront);
+    await applique('github', commeLeFront)
 
-    const servers = await relire();
+    const servers = await relire()
     expect(servers.github?.env).toEqual({
       GITHUB_TOKEN: 'ghp_secret_a_ne_pas_servir',
       REGION: 'eu',
-    });
-    expect(servers.github?.args).toEqual(['-y', 'autre-serveur']);
+    })
+    expect(servers.github?.args).toEqual(['-y', 'autre-serveur'])
     // `envKeys` est une vue : elle ne descend pas sur le disque.
-    expect(servers.github).not.toHaveProperty('envKeys');
-  });
+    expect(servers.github).not.toHaveProperty('envKeys')
+  })
 
   it('laisse écrire un environnement neuf quand il en vient un', async () => {
-    const avecEnv = { command: 'npx', env: { GITHUB_TOKEN: 'nouveau' } };
-    await applique('github', avecEnv);
+    const avecEnv = { command: 'npx', env: { GITHUB_TOKEN: 'nouveau' } }
+    await applique('github', avecEnv)
 
-    expect((await relire()).github?.env).toEqual({ GITHUB_TOKEN: 'nouveau' });
-  });
+    expect((await relire()).github?.env).toEqual({ GITHUB_TOKEN: 'nouveau' })
+  })
 
   it('ne touche pas au reste du fichier', async () => {
-    await applique('sansEnv', null);
+    await applique('sansEnv', null)
 
-    const obj = JSON.parse(await readFile(claudeJson, 'utf8')) as Record<string, unknown>;
-    expect(obj.autreCle).toEqual({ intacte: true });
-    expect(await relire()).not.toHaveProperty('sansEnv');
-  });
-});
+    const obj = JSON.parse(await readFile(claudeJson, 'utf8')) as Record<string, unknown>
+    expect(obj.autreCle).toEqual({ intacte: true })
+    await expect(relire()).resolves.not.toHaveProperty('sansEnv')
+  })
+})
diff --git a/test/pace.test.ts b/test/pace.test.ts
index dcf08be..e05b59e 100644
--- a/test/pace.test.ts
+++ b/test/pace.test.ts
@@ -7,171 +7,166 @@
 // dans une autre. Le reste vérifie que, branché sur le vrai parc, l'ensemble
 // reste cohérent avec les relevés dont il sort.
 
-import { describe, expect, it } from 'vitest';
-import { existsSync } from 'node:fs';
-import { homedir } from 'node:os';
-import { join } from 'node:path';
-import { buildPace, concurrency, rollingWindows, WINDOW_MS } from '../server/diagnostics/pace.ts';
-import { getSignals } from '../server/diagnostics/signals.ts';
-import { detect } from '../server/diagnostics/rules.ts';
-import { calibrate } from '../server/diagnostics/thresholds.ts';
-import type { CostPoint } from '../server/diagnostics/signals.ts';
-
-const HAS_CORPUS = existsSync(join(homedir(), '.claude', 'projects'));
-const TIMEOUT = 300_000;
-
-const HOUR = 3_600_000;
-const T0 = Date.parse('2026-01-01T00:00:00.000Z');
+import { existsSync } from 'node:fs'
+import { homedir } from 'node:os'
+import { join } from 'node:path'
+import { describe, expect, it } from 'vitest'
+import { buildPace, concurrency, rollingWindows, WINDOW_MS } from '../server/diagnostics/pace.ts'
+import { detect } from '../server/diagnostics/rules.ts'
+import { getSignals } from '../server/diagnostics/signals.ts'
+import type { CostPoint } from '../server/diagnostics/signals.ts'
+import { calibrate } from '../server/diagnostics/thresholds.ts'
+
+const HAS_CORPUS = existsSync(join(homedir(), '.claude', 'projects'))
+const TIMEOUT = 300_000
+
+const HOUR = 3_600_000
+const T0 = Date.parse('2026-01-01T00:00:00.000Z')
 
 /** Des points à `hours` heures de T0, chacun à 1 $. */
-const points = (...hours: number[]): CostPoint[] =>
-  hours.map((h, i) => ({ t: T0 + h * HOUR, cost: 1, sessionId: `s${i}` }));
+const points = (...hours: number[]): CostPoint[] => hours.map((h, i) => ({ t: T0 + h * HOUR, cost: 1, sessionId: `s${i}` }))
 
 describe('fenêtre glissante', () => {
   it('additionne ce qui est dans la fenêtre, et rien d’autre', () => {
     // Un point par heure sur douze heures : au bout de cinq heures la fenêtre est
     // pleine (5 points, celui d'il y a exactement 5 h étant sorti) et le reste.
-    const sums = rollingWindows(points(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11));
-    expect(sums.slice(0, 5)).toEqual([1, 2, 3, 4, 5]);
-    expect(sums.slice(5)).toEqual([5, 5, 5, 5, 5, 5, 5]);
-  });
+    const sums = rollingWindows(points(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11))
+    expect(sums.slice(0, 5)).toEqual([1, 2, 3, 4, 5])
+    expect(sums.slice(5)).toEqual([5, 5, 5, 5, 5, 5, 5])
+  })
 
   it('exclut le point vieux d’exactement cinq heures', () => {
     // Le bord qui décide de tout : la fenêtre est ouverte à gauche. Un point à
     // t=0 et un à t=5 h ne sont jamais comptés ensemble.
-    expect(rollingWindows(points(0, 5))).toEqual([1, 1]);
+    expect(rollingWindows(points(0, 5))).toEqual([1, 1])
     // Une seconde de moins, et ils le sont.
     const serre: CostPoint[] = [
       { t: T0, cost: 1, sessionId: 'a' },
       { t: T0 + WINDOW_MS - 1000, cost: 1, sessionId: 'b' },
-    ];
-    expect(rollingWindows(serre)).toEqual([1, 2]);
-  });
+    ]
+    expect(rollingWindows(serre)).toEqual([1, 2])
+  })
 
   it('survit à l’absence de point', () => {
-    expect(rollingWindows([])).toEqual([]);
-  });
+    expect(rollingWindows([])).toEqual([])
+  })
 
   it('situe la fenêtre courante parmi les autres', () => {
     // Douze heures de dépense régulière, puis on regarde à la fin.
-    const pts = points(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11);
-    const pace = buildPace([], pts, T0 + 11 * HOUR);
+    const pts = points(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11)
+    const pace = buildPace([], pts, T0 + 11 * HOUR)
     // Les cinq dernières heures : les points à 7, 8, 9, 10 et 11 h — celui de
     // 6 h est sorti par le bord gauche.
-    expect(pace.current.cost).toBe(5);
-    expect(pace.current.sessions).toBe(5);
-    expect(pace.windows.peak.cost).toBe(5);
-  });
+    expect(pace.current.cost).toBe(5)
+    expect(pace.current.sessions).toBe(5)
+    expect(pace.windows.peak.cost).toBe(5)
+  })
 
   it('ne compte rien quand la dernière dépense est ancienne', () => {
-    const pace = buildPace([], points(0, 1, 2), T0 + 48 * HOUR);
-    expect(pace.current.cost).toBe(0);
-    expect(pace.current.sessions).toBe(0);
+    const pace = buildPace([], points(0, 1, 2), T0 + 48 * HOUR)
+    expect(pace.current.cost).toBe(0)
+    expect(pace.current.sessions).toBe(0)
     // Les fenêtres passées, elles, restent mesurées : c'est l'état qui est nul,
     // pas l'historique.
-    expect(pace.windows.samples).toBe(3);
-  });
-});
+    expect(pace.windows.samples).toBe(3)
+  })
+})
 
 describe('sessions de front', () => {
   const span = (start: number, end: number): { start: number; end: number } => ({
     start: T0 + start * HOUR,
     end: T0 + end * HOUR,
-  });
+  })
 
   it('compte le recouvrement, pas les durées', () => {
     // [0,4] et [2,6] : deux heures à deux, quatre heures à une.
-    const c = concurrency([span(0, 4), span(2, 6)]);
-    expect(c.max).toBe(2);
-    expect(c.hoursAtLeast2).toBe(2);
-    expect(c.hoursByLevel[0]).toBe(4);
-    expect(c.activeHours).toBe(6);
-  });
+    const c = concurrency([span(0, 4), span(2, 6)])
+    expect(c.max).toBe(2)
+    expect(c.hoursAtLeast2).toBe(2)
+    expect(c.hoursByLevel[0]).toBe(4)
+    expect(c.activeHours).toBe(6)
+  })
 
   it('ne voit aucun parallélisme entre deux sessions bord à bord', () => {
-    const c = concurrency([span(0, 2), span(2, 4)]);
-    expect(c.max).toBe(1);
-    expect(c.hoursAtLeast2).toBe(0);
-  });
+    const c = concurrency([span(0, 2), span(2, 4)])
+    expect(c.max).toBe(1)
+    expect(c.hoursAtLeast2).toBe(0)
+  })
 
   it('gère une session entièrement incluse dans une autre', () => {
-    const c = concurrency([span(0, 10), span(3, 5)]);
-    expect(c.max).toBe(2);
-    expect(c.hoursAtLeast2).toBe(2);
-    expect(c.hoursByLevel[0]).toBe(8);
-  });
+    const c = concurrency([span(0, 10), span(3, 5)])
+    expect(c.max).toBe(2)
+    expect(c.hoursAtLeast2).toBe(2)
+    expect(c.hoursByLevel[0]).toBe(8)
+  })
 
   it('empile trois sessions imbriquées', () => {
-    const c = concurrency([span(0, 9), span(1, 8), span(2, 3)]);
-    expect(c.max).toBe(3);
-    expect(c.hoursByLevel[2]).toBe(1);
-    expect(c.hoursAtLeast2).toBe(7);
-  });
+    const c = concurrency([span(0, 9), span(1, 8), span(2, 3)])
+    expect(c.max).toBe(3)
+    expect(c.hoursByLevel[2]).toBe(1)
+    expect(c.hoursAtLeast2).toBe(7)
+  })
 
   it('écarte une borne illisible plutôt que de la corriger', () => {
     // Une durée négative fausserait tous les niveaux à la fois.
-    const c = concurrency([
-      { start: Number.NaN, end: T0 },
-      { start: T0 + 5 * HOUR, end: T0 },
-      span(0, 2),
-    ]);
-    expect(c.max).toBe(1);
-    expect(c.activeHours).toBe(2);
-  });
-});
+    const c = concurrency([{ start: Number.NaN, end: T0 }, { start: T0 + 5 * HOUR, end: T0 }, span(0, 2)])
+    expect(c.max).toBe(1)
+    expect(c.activeHours).toBe(2)
+  })
+})
 
 describe.skipIf(!HAS_CORPUS)('rythme sur le vrai parc', () => {
   it(
     'chiffre les fenêtres comme les relevés chiffrent les sessions',
     async () => {
-      const { signals, points: pts } = await getSignals();
-      expect(pts.length).toBeGreaterThan(0);
+      const { signals, points: pts } = await getSignals()
+      expect(pts.length).toBeGreaterThan(0)
 
       // Les points sont l'autre face des mêmes réponses : leur somme est celle
       // du parc. Toute divergence serait un pliage par `message.id` fait deux
       // fois de deux façons.
-      const total = pts.reduce((n, p) => n + p.cost, 0);
-      const fromSessions = signals.reduce((n, s) => n + s.cost, 0);
-      expect(total).toBeCloseTo(fromSessions, 2);
+      const total = pts.reduce((n, p) => n + p.cost, 0)
+      const fromSessions = signals.reduce((n, s) => n + s.cost, 0)
+      expect(total).toBeCloseTo(fromSessions, 2)
 
       // Et ils sont triés : toute somme mobile en dépend.
-      for (let i = 1; i < pts.length; i++) expect(pts[i]!.t).toBeGreaterThanOrEqual(pts[i - 1]!.t);
+      for (let i = 1; i < pts.length; i++) expect(pts[i]!.t).toBeGreaterThanOrEqual(pts[i - 1]!.t)
     },
     TIMEOUT,
-  );
+  )
 
   it(
     'ne fabrique ni fenêtre plus chère que le parc ni parallélisme impossible',
     async () => {
-      const { signals, points: pts } = await getSignals();
-      const pace = buildPace(signals, pts, Date.now());
-      const total = pts.reduce((n, p) => n + p.cost, 0);
-
-      expect(pace.windows.peak.cost).toBeLessThanOrEqual(total + 1e-9);
-      expect(pace.windows.quantiles.p50).toBeLessThanOrEqual(pace.windows.quantiles.p90);
-      expect(pace.windows.quantiles.p90).toBeLessThanOrEqual(pace.windows.peak.cost + 1e-9);
-      expect(pace.concurrency.max).toBeGreaterThanOrEqual(1);
-      expect(pace.concurrency.max).toBeLessThanOrEqual(signals.length);
-      expect(pace.concurrency.hoursAtLeast2).toBeLessThanOrEqual(pace.concurrency.activeHours);
+      const { signals, points: pts } = await getSignals()
+      const pace = buildPace(signals, pts, Date.now())
+      const total = pts.reduce((n, p) => n + p.cost, 0)
+
+      expect(pace.windows.peak.cost).toBeLessThanOrEqual(total + 1e-9)
+      expect(pace.windows.quantiles.p50).toBeLessThanOrEqual(pace.windows.quantiles.p90)
+      expect(pace.windows.quantiles.p90).toBeLessThanOrEqual(pace.windows.peak.cost + 1e-9)
+      expect(pace.concurrency.max).toBeGreaterThanOrEqual(1)
+      expect(pace.concurrency.max).toBeLessThanOrEqual(signals.length)
+      expect(pace.concurrency.hoursAtLeast2).toBeLessThanOrEqual(pace.concurrency.activeHours)
     },
     TIMEOUT,
-  );
+  )
 
   it(
     'porte au plus un constat par règle de rythme',
     async () => {
-      const { signals, points: pts } = await getSignals();
-      const pace = buildPace(signals, pts, Date.now());
-      const findings = detect(signals, calibrate(signals), { pace });
+      const { signals, points: pts } = await getSignals()
+      const pace = buildPace(signals, pts, Date.now())
+      const findings = detect(signals, calibrate(signals), { pace })
 
       for (const rule of ['rythme-5h', 'sessions-paralleles']) {
-        expect(findings.filter((f) => f.rule === rule).length).toBeLessThanOrEqual(1);
+        expect(findings.filter((f) => f.rule === rule).length).toBeLessThanOrEqual(1)
       }
       for (const f of findings.filter((f) => f.scope === 'global')) {
-        expect(f.target).toBe('');
-        expect(f.impact.basis.length).toBeGreaterThan(20);
+        expect(f.target).toBe('')
+        expect(f.impact.basis.length).toBeGreaterThan(20)
       }
     },
     TIMEOUT,
-  );
-});
+  )
+})
diff --git a/test/parse-pool.test.ts b/test/parse-pool.test.ts
index 6c650a4..7e560b6 100644
--- a/test/parse-pool.test.ts
+++ b/test/parse-pool.test.ts
@@ -11,45 +11,43 @@
 // assertions valent dans les deux cas — c'est précisément ce qu'on veut d'un
 // repli.
 
-import { describe, expect, it } from 'vitest';
-import { fileURLToPath } from 'node:url';
-import { join } from 'node:path';
-import { parseTranscript } from '../server/transcript.ts';
-import { serialiseTranscript } from '../server/transcript-worker.ts';
-import { serialiseInPool, poolState } from '../server/parse-pool.ts';
-import { readTranscriptCached } from '../server/transcript-cache.ts';
+import { join } from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { describe, expect, it } from 'vitest'
+import { serialiseInPool, poolState } from '../server/parse-pool.ts'
+import { readTranscriptCached } from '../server/transcript-cache.ts'
+import { serialiseTranscript } from '../server/transcript-worker.ts'
+import { parseTranscript } from '../server/transcript.ts'
 
-const fixtures = fileURLToPath(new URL('./fixtures/', import.meta.url));
-const abs = join(fixtures, 'withsub.jsonl');
-const id = 'withsub';
+const fixtures = fileURLToPath(new URL('./fixtures/', import.meta.url))
+const abs = join(fixtures, 'withsub.jsonl')
+const id = 'withsub'
 
 describe('lecture de transcript hors boucle', () => {
   it('sérialise exactement ce que le parse produit', async () => {
-    const expected = JSON.stringify(await parseTranscript(abs, id));
-    const bytes = await serialiseTranscript(abs, id);
-    expect(Buffer.from(bytes).toString('utf8')).toBe(expected);
-  });
+    const expected = JSON.stringify(await parseTranscript(abs, id))
+    const bytes = await serialiseTranscript(abs, id)
+    expect(Buffer.from(bytes).toString('utf8')).toBe(expected)
+  })
 
   it('rend les mêmes octets quel que soit le chemin emprunté', async () => {
-    const direct = await serialiseTranscript(abs, id);
-    const pooled = await serialiseInPool(abs, id);
-    expect(Buffer.from(pooled).equals(Buffer.from(direct))).toBe(true);
-  });
+    const direct = await serialiseTranscript(abs, id)
+    const pooled = await serialiseInPool(abs, id)
+    expect(Buffer.from(pooled).equals(Buffer.from(direct))).toBe(true)
+  })
 
   it('rend un `Buffer`, seule forme que Fastify écrit telle quelle', async () => {
     // Un `Uint8Array` nu passerait pour un objet ordinaire et serait sérialisé
     // en JSON — un tableau de nombres à la place du transcript.
-    const { body } = await readTranscriptCached(abs, id);
-    expect(Buffer.isBuffer(body)).toBe(true);
-    expect(() => JSON.parse(body.toString('utf8'))).not.toThrow();
-  });
+    const { body } = await readTranscriptCached(abs, id)
+    expect(Buffer.isBuffer(body)).toBe(true)
+    expect(() => JSON.parse(body.toString('utf8'))).not.toThrow()
+  })
 
   it('remonte l’échec d’un transcript absent, sans le confondre avec une panne de thread', async () => {
-    await expect(
-      serialiseInPool(join(fixtures, 'nexistepas.jsonl'), 'nexistepas'),
-    ).rejects.toThrow();
+    await expect(serialiseInPool(join(fixtures, 'nexistepas.jsonl'), 'nexistepas')).rejects.toThrow()
     // Un fichier manquant ne condamne pas le pool : c'est le transcript qui a
     // échoué, pas le mécanisme.
-    expect(poolState().size).toBeGreaterThan(0);
-  });
-});
+    expect(poolState().size).toBeGreaterThan(0)
+  })
+})
diff --git a/test/passerelle-activite.test.ts b/test/passerelle-activite.test.ts
index 4f18e33..b08cf89 100644
--- a/test/passerelle-activite.test.ts
+++ b/test/passerelle-activite.test.ts
@@ -5,131 +5,129 @@
 // — un brouillon expire au bout de trente secondes, et une phase d'outil change
 // toutes les deux ou trois. Entre les deux, il y a une décision.
 
-import { describe, expect, it, vi } from 'vitest';
-import { BATTEMENT_MS, Battement, ligne, PAS_MINIMAL_MS } from '../server/passerelle/activite.ts';
-import { IDLE_ACTIVITY, type AgentActivity } from '../shared/agent.ts';
+import { describe, expect, it, vi } from 'vitest'
+import { BATTEMENT_MS, Battement, ligne, PAS_MINIMAL_MS } from '../server/passerelle/activite.ts'
+import { IDLE_ACTIVITY, type AgentActivity } from '../shared/agent.ts'
 
-const T0 = 1_700_000_000_000;
+const T0 = 1_700_000_000_000
 
 const activite = (partiel: Partial<AgentActivity>): AgentActivity => ({
   ...IDLE_ACTIVITY,
   turnStartedAt: T0,
   ...partiel,
-});
+})
 
 describe('ligne', () => {
   it('ne dit rien au repos', () => {
-    expect(ligne(IDLE_ACTIVITY, T0)).toBeNull();
-  });
+    expect(ligne(IDLE_ACTIVITY, T0)).toBeNull()
+  })
 
   it('nomme la phase quand elle n’a pas d’outil', () => {
-    expect(ligne(activite({ phase: 'thinking' }), T0)).toBe('Réflexion');
-  });
+    expect(ligne(activite({ phase: 'thinking' }), T0)).toBe('Réflexion')
+  })
 
   it('se tait sur la durée pendant les premières secondes', () => {
     // Un chrono qui démarre à « 1 s » n'apprend rien et attire l'œil sur le seul
     // moment où il n'y a rien à s'expliquer.
-    expect(ligne(activite({ phase: 'writing' }), T0 + 3_000)).toBe('Rédaction');
-    expect(ligne(activite({ phase: 'writing' }), T0 + 12_000)).toBe('Rédaction — 12 s');
-  });
+    expect(ligne(activite({ phase: 'writing' }), T0 + 3_000)).toBe('Rédaction')
+    expect(ligne(activite({ phase: 'writing' }), T0 + 12_000)).toBe('Rédaction — 12 s')
+  })
 
   it('compte la durée du tour, pas celle de la phase', () => {
     // `since` bouge à chaque phase ; `turnStartedAt` répond à « depuis combien
     // de temps ça mouline », qui est la question qu'on se pose vraiment.
-    const a = activite({ phase: 'requesting', since: T0 + 90_000 });
-    expect(ligne(a, T0 + 95_000)).toBe('Requête en cours — 1 min 35 s');
-  });
+    const a = activite({ phase: 'requesting', since: T0 + 90_000 })
+    expect(ligne(a, T0 + 95_000)).toBe('Requête en cours — 1 min 35 s')
+  })
 
   it('se nomme de ses outils, et compte au-delà de deux', () => {
-    const outil = (name: string) => ({ id: name, name, startedAt: T0 });
-    expect(ligne(activite({ phase: 'tool', tools: [outil('Read')] }), T0)).toBe('Read');
-    expect(
-      ligne(activite({ phase: 'tool', tools: [outil('Read'), outil('Bash'), outil('Grep')] }), T0),
-    ).toBe('Read, Bash +1');
-  });
+    const outil = (name: string) => ({ id: name, name, startedAt: T0 })
+    expect(ligne(activite({ phase: 'tool', tools: [outil('Read')] }), T0)).toBe('Read')
+    expect(ligne(activite({ phase: 'tool', tools: [outil('Read'), outil('Bash'), outil('Grep')] }), T0)).toBe('Read, Bash +1')
+  })
 
   it('dit le rang d’une nouvelle tentative', () => {
     const a = activite({
       phase: 'retrying',
       retry: { attempt: 2, maxRetries: 5, delayMs: 4_000 },
-    });
-    expect(ligne(a, T0)).toBe('Nouvelle tentative 2/5');
-  });
-});
+    })
+    expect(ligne(a, T0)).toBe('Nouvelle tentative 2/5')
+  })
+})
 
 describe('Battement', () => {
   const monte = () => {
-    const emis: string[] = [];
-    const saisies: number[] = [];
+    const emis: string[] = []
+    const saisies: number[] = []
     const battement = new Battement(
       {
         brouillon: (_chat, _draft, texte) => {
-          emis.push(texte);
-          return Promise.resolve();
+          emis.push(texte)
+          return Promise.resolve()
         },
         saisie: (chat) => {
-          saisies.push(chat);
-          return Promise.resolve();
+          saisies.push(chat)
+          return Promise.resolve()
         },
       },
       42,
       7,
-    );
-    return { emis, saisies, battement };
-  };
+    )
+    return { emis, saisies, battement }
+  }
 
   it('émet la première activité tout de suite, et signale la saisie', () => {
-    const { emis, saisies, battement } = monte();
-    battement.montre(activite({ phase: 'thinking' }), T0);
-    expect(emis).toEqual(['Réflexion']);
+    const { emis, saisies, battement } = monte()
+    battement.montre(activite({ phase: 'thinking' }), T0)
+    expect(emis).toEqual(['Réflexion'])
     // Le brouillon ne s'affiche qu'en conversation privée et sur mobile ;
     // l'action de saisie, elle, passe partout. Les deux vont ensemble.
-    expect(saisies).toEqual([42]);
-    battement.arrete();
-  });
+    expect(saisies).toEqual([42])
+    battement.arrete()
+  })
 
   it('ne réémet pas un texte inchangé', () => {
-    const { emis, battement } = monte();
-    const a = activite({ phase: 'writing' });
-    battement.montre(a, T0);
-    battement.montre(a, T0 + PAS_MINIMAL_MS + 1);
-    expect(emis).toEqual(['Rédaction']);
-    battement.arrete();
-  });
+    const { emis, battement } = monte()
+    const a = activite({ phase: 'writing' })
+    battement.montre(a, T0)
+    battement.montre(a, T0 + PAS_MINIMAL_MS + 1)
+    expect(emis).toEqual(['Rédaction'])
+    battement.arrete()
+  })
 
   it('borne le rythme d’un libellé qui change trop vite', () => {
     // Une phase d'outil se remplace toutes les deux ou trois secondes : suivre
     // chaque changement ferait une requête par seconde pour un gain nul.
-    const { emis, battement } = monte();
-    const outil = (name: string) => ({ id: name, name, startedAt: T0 });
-    battement.montre(activite({ phase: 'tool', tools: [outil('Read')] }), T0);
-    battement.montre(activite({ phase: 'tool', tools: [outil('Grep')] }), T0 + 200);
-    battement.montre(activite({ phase: 'tool', tools: [outil('Bash')] }), T0 + 400);
-    expect(emis).toEqual(['Read']);
-    battement.arrete();
-  });
+    const { emis, battement } = monte()
+    const outil = (name: string) => ({ id: name, name, startedAt: T0 })
+    battement.montre(activite({ phase: 'tool', tools: [outil('Read')] }), T0)
+    battement.montre(activite({ phase: 'tool', tools: [outil('Grep')] }), T0 + 200)
+    battement.montre(activite({ phase: 'tool', tools: [outil('Bash')] }), T0 + 400)
+    expect(emis).toEqual(['Read'])
+    battement.arrete()
+  })
 
   it('tient la bulle en vie avant qu’elle n’expire', async () => {
-    vi.useFakeTimers();
+    vi.useFakeTimers()
     try {
-      const { emis, battement } = monte();
-      battement.montre(activite({ phase: 'thinking' }), T0);
-      expect(emis).toHaveLength(1);
+      const { emis, battement } = monte()
+      battement.montre(activite({ phase: 'thinking' }), T0)
+      expect(emis).toHaveLength(1)
       // Trente secondes est l'expiration ; le battement doit tomber avant.
-      await vi.advanceTimersByTimeAsync(BATTEMENT_MS + 100);
-      expect(emis).toHaveLength(2);
-      battement.arrete();
-      await vi.advanceTimersByTimeAsync(BATTEMENT_MS * 3);
-      expect(emis).toHaveLength(2);
+      await vi.advanceTimersByTimeAsync(BATTEMENT_MS + 100)
+      expect(emis).toHaveLength(2)
+      battement.arrete()
+      await vi.advanceTimersByTimeAsync(BATTEMENT_MS * 3)
+      expect(emis).toHaveLength(2)
     } finally {
-      vi.useRealTimers();
+      vi.useRealTimers()
     }
-  });
+  })
 
   it('s’arrête de lui-même quand l’activité retombe au repos', () => {
-    const { emis, battement } = monte();
-    battement.montre(activite({ phase: 'thinking' }), T0);
-    battement.montre(IDLE_ACTIVITY, T0 + 10_000);
-    expect(emis).toEqual(['Réflexion']);
-  });
-});
+    const { emis, battement } = monte()
+    battement.montre(activite({ phase: 'thinking' }), T0)
+    battement.montre(IDLE_ACTIVITY, T0 + 10_000)
+    expect(emis).toEqual(['Réflexion'])
+  })
+})
diff --git a/test/passerelle-commandes.test.ts b/test/passerelle-commandes.test.ts
index 60cb538..7f11dc7 100644
--- a/test/passerelle-commandes.test.ts
+++ b/test/passerelle-commandes.test.ts
@@ -5,11 +5,11 @@
 // `/`. Les deux dernières viennent maintenant de la table ; ce test tient la
 // première. Sans lui, la table redeviendrait une quatrième liste à entretenir.
 
-import { readFileSync } from 'node:fs';
-import { describe, expect, it } from 'vitest';
-import { aide, COMMANDES, pourTelegram } from '../server/passerelle/commandes.ts';
-import { parseIntention } from '../server/passerelle/routage.ts';
-import { SUPPORTED_LOCALES, withLocale } from '../server/i18n/index.ts';
+import { readFileSync } from 'node:fs'
+import { describe, expect, it } from 'vitest'
+import { SUPPORTED_LOCALES, withLocale } from '../server/i18n/index.ts'
+import { aide, COMMANDES, pourTelegram } from '../server/passerelle/commandes.ts'
+import { parseIntention } from '../server/passerelle/routage.ts'
 
 /**
  * Reconnues, mais volontairement hors de la table.
@@ -17,63 +17,60 @@ import { SUPPORTED_LOCALES, withLocale } from '../server/i18n/index.ts';
  * `/help` double `/aide`, et Telegram propose `/start` de lui-même à qui ouvre
  * la conversation. Les annoncer ferait une liste qui se répète.
  */
-const ALIAS = ['/start', '/help'];
+const ALIAS = ['/start', '/help']
 
 describe('COMMANDES', () => {
   it('ne déclare que des commandes que le routage reconnaît', () => {
     for (const c of COMMANDES) {
-      const intention = parseIntention(`/${c.nom}`);
-      expect(intention.kind, `/${c.nom}`).not.toBe('ignorer');
+      const intention = parseIntention(`/${c.nom}`)
+      expect(intention.kind, `/${c.nom}`).not.toBe('ignorer')
     }
-  });
+  })
 
   it('déclare toutes celles que le routage reconnaît, alias exceptés', () => {
     // La lecture inverse, et c'est elle qui attrape le vrai oubli : une commande
     // ajoutée au `switch` et jamais annoncée reste invisible sous le `/`.
-    const source = readFileSync(
-      new URL('../server/passerelle/routage.ts', import.meta.url),
-      'utf8',
-    );
-    const reconnues = [...source.matchAll(/case '(\/[a-z]+)':/g)].map((m) => m[1] ?? '');
-    const declarees = new Set(COMMANDES.map((c) => `/${c.nom}`));
+    const source = readFileSync(new URL('../server/passerelle/routage.ts', import.meta.url), 'utf8')
+    const reconnues = [...source.matchAll(/case '(\/[a-z]+)':/g)].map((m) => m[1] ?? '')
+    const declarees = new Set(COMMANDES.map((c) => `/${c.nom}`))
     for (const mot of reconnues) {
-      if (ALIAS.includes(mot)) continue;
-      expect(declarees.has(mot), `${mot} est routée mais pas déclarée`).toBe(true);
+      if (ALIAS.includes(mot)) continue
+      expect(declarees.has(mot), `${mot} est routée mais pas déclarée`).toBe(true)
     }
-  });
+  })
 
   it('respecte ce que Telegram accepte comme nom', () => {
     // Minuscules, chiffres et soulignés, 32 caractères au plus — et jamais la
     // barre oblique, que `setMyCommands` refuse.
     for (const { command, description } of pourTelegram()) {
-      expect(command, command).toMatch(/^[a-z0-9_]{1,32}$/);
-      expect(description.length, command).toBeGreaterThan(0);
-      expect(description.length, command).toBeLessThanOrEqual(256);
+      expect(command, command).toMatch(/^[a-z0-9_]{1,32}$/)
+      expect(description.length, command).toBeGreaterThan(0)
+      expect(description.length, command).toBeLessThanOrEqual(256)
     }
-  });
+  })
 
   it('a une description dans chaque langue', () => {
     for (const langue of SUPPORTED_LOCALES) {
       for (const { command, description } of withLocale(langue, pourTelegram)) {
         // `t` rend le chemin quand la clé manque : c'est ce qu'on refuse ici.
-        expect(description, `${langue}/${command}`).not.toContain('passerelle.commandes');
+        expect(description, `${langue}/${command}`).not.toContain('passerelle.commandes')
       }
     }
-  });
-});
+  })
+})
 
 describe('aide', () => {
   it('nomme chaque commande de la table, dans chaque langue', () => {
     for (const langue of SUPPORTED_LOCALES) {
-      const texte = withLocale(langue, aide);
-      for (const c of COMMANDES) expect(texte, `${langue}//${c.nom}`).toContain(`/${c.nom}`);
-      expect(texte).not.toContain('passerelle.aide');
+      const texte = withLocale(langue, aide)
+      for (const c of COMMANDES) expect(texte, `${langue}//${c.nom}`).toContain(`/${c.nom}`)
+      expect(texte).not.toContain('passerelle.aide')
     }
-  });
+  })
 
   it('montre l’argument des commandes qui en prennent un', () => {
-    const texte = withLocale('fr', aide);
-    expect(texte).toContain('/voir <n>');
-    expect(texte).toContain('/sessions —');
-  });
-});
+    const texte = withLocale('fr', aide)
+    expect(texte).toContain('/voir <n>')
+    expect(texte).toContain('/sessions —')
+  })
+})
diff --git a/test/passerelle-etat.test.ts b/test/passerelle-etat.test.ts
index a75f410..7d7f12a 100644
--- a/test/passerelle-etat.test.ts
+++ b/test/passerelle-etat.test.ts
@@ -4,118 +4,115 @@
 // modèle, ce que `/etat` écrit, et quand la fenêtre mérite qu'on en parle sans
 // qu'on ait demandé. `index.ts` ne fait qu'émettre ce que ces fonctions rendent.
 
-import { readFileSync } from 'node:fs';
-import { describe, expect, it } from 'vitest';
-import { alerte, lignes, part, SEUIL_ALERTE, type Fenetre } from '../server/passerelle/etat.ts';
-import { contextLimitFor } from '../server/context.ts';
+import { readFileSync } from 'node:fs'
+import { describe, expect, it } from 'vitest'
+import { contextLimitFor } from '../server/context.ts'
+import { alerte, lignes, part, SEUIL_ALERTE, type Fenetre } from '../server/passerelle/etat.ts'
 
-const PETITE = 200_000;
+const PETITE = 200_000
 
 function fenetre(tokens: number, limite = PETITE): Fenetre {
-  return { tokens, limite };
+  return { tokens, limite }
 }
 
 describe('la part occupée', () => {
   it('rend zéro tant qu’aucun tour n’a répondu', () => {
-    expect(part(fenetre(0))).toBe(0);
-  });
+    expect(part(fenetre(0))).toBe(0)
+  })
 
   it('ne divise jamais par zéro', () => {
     // Une limite nulle ne devrait pas arriver — mais un `Infinity` affiché en
     // pourcentage serait un défaut bien plus visible que la cause.
-    expect(part({ tokens: 1_000, limite: 0 })).toBe(0);
-  });
+    expect(part({ tokens: 1_000, limite: 0 })).toBe(0)
+  })
 
   it('se borne à un', () => {
     // La fenêtre déduite peut être la petite alors que la session tourne sur la
     // grande, le temps qu'une preuve arrive : « 118 % » ferait douter du reste
     // de l'écran là où « 100 % » dit déjà tout.
-    expect(part(fenetre(236_000))).toBe(1);
-  });
+    expect(part(fenetre(236_000))).toBe(1)
+  })
 
   it('rapporte le relevé à la limite', () => {
-    expect(part(fenetre(100_000))).toBeCloseTo(0.5);
-  });
-});
+    expect(part(fenetre(100_000))).toBeCloseTo(0.5)
+  })
+})
 
 describe('le seuil', () => {
   it('vaut le garde-fou du signal `contextFill`', () => {
     // Recopié et non importé — `SPECS` est privé dans `thresholds.ts`, et les
     // deux mesures ne portent pas sur la même chose. Ce test est ce qui empêche
     // les deux surfaces d'annoncer deux remplissages différents.
-    const source = readFileSync(
-      new URL('../server/diagnostics/thresholds.ts', import.meta.url),
-      'utf8',
-    );
-    const bloc = /contextFill:\s*\{[^}]*\}/s.exec(source)?.[0] ?? '';
-    const garde = /guard:\s*([\d.]+)/.exec(bloc)?.[1];
-    expect(garde, 'le garde-fou de contextFill est introuvable').toBeDefined();
-    expect(Number(garde)).toBe(SEUIL_ALERTE);
-  });
+    const source = readFileSync(new URL('../server/diagnostics/thresholds.ts', import.meta.url), 'utf8')
+    const bloc = /contextFill:\s*\{[^}]*\}/s.exec(source)?.[0] ?? ''
+    const garde = /guard:\s*([\d.]+)/.exec(bloc)?.[1]
+    expect(garde, 'le garde-fou de contextFill est introuvable').toBeDefined()
+    expect(Number(garde)).toBe(SEUIL_ALERTE)
+  })
 
   it('alerte une fois, puis se tait', () => {
-    expect(alerte(false, SEUIL_ALERTE)).toBe(true);
-    expect(alerte(true, SEUIL_ALERTE)).toBe(false);
-    expect(alerte(true, 0.99)).toBe(false);
-  });
+    expect(alerte(false, SEUIL_ALERTE)).toBe(true)
+    expect(alerte(true, SEUIL_ALERTE)).toBe(false)
+    expect(alerte(true, 0.99)).toBe(false)
+  })
 
   it('ne dit rien sous le seuil', () => {
-    expect(alerte(false, SEUIL_ALERTE - 0.01)).toBe(false);
-    expect(alerte(false, 0)).toBe(false);
-  });
-});
+    expect(alerte(false, SEUIL_ALERTE - 0.01)).toBe(false)
+    expect(alerte(false, 0)).toBe(false)
+  })
+})
 
 describe('ce que /etat écrit', () => {
   it('donne le dénominateur, pas seulement le pourcentage', () => {
     // Un pourcentage seul ne se vérifie pas : la limite dépend du modèle, et
     // c'est justement ce qu'on ne peut pas deviner de loin.
-    const texte = lignes(fenetre(100_000), 'C:\\devl\\tos', 'Opus 5', 'default').join('\n');
-    expect(texte).toContain('50 %');
-    expect(texte).toContain('200');
-    expect(texte).toContain('C:\\devl\\tos');
-    expect(texte).toContain('Opus 5');
-    expect(texte).toContain('default');
-  });
+    const texte = lignes(fenetre(100_000), 'C:\\devl\\tos', 'Opus 5', 'default').join('\n')
+    expect(texte).toContain('50 %')
+    expect(texte).toContain('200')
+    expect(texte).toContain('C:\\devl\\tos')
+    expect(texte).toContain('Opus 5')
+    expect(texte).toContain('default')
+  })
 
   it('ne montre aucun chiffre quand il n’y a pas de relevé', () => {
     // Un zéro se lirait comme une mesure, alors que c'est l'absence de mesure.
-    const texte = lignes(fenetre(0), 'C:\\devl\\tos', 'Opus 5', 'default').join('\n');
-    expect(texte).not.toContain('%');
-    expect(texte).toContain('C:\\devl\\tos');
-  });
+    const texte = lignes(fenetre(0), 'C:\\devl\\tos', 'Opus 5', 'default').join('\n')
+    expect(texte).not.toContain('%')
+    expect(texte).toContain('C:\\devl\\tos')
+  })
 
   it('abrège les nombres plutôt que de les faire compter', () => {
     // `30 527 / 1 000 000` demande de compter les chiffres des deux côtés pour
     // saisir le rapport ; `31 k / 1 M` le donne. C'est lu sur un téléphone.
-    const texte = lignes(fenetre(30_527, 1_000_000), 'x', 'y', 'default').join('\n');
-    expect(texte).toContain('31 k');
-    expect(texte).toContain('1 M');
-    expect(texte).not.toContain('30527');
-    expect(texte).not.toContain('1000000');
-  });
+    const texte = lignes(fenetre(30_527, 1_000_000), 'x', 'y', 'default').join('\n')
+    expect(texte).toContain('31 k')
+    expect(texte).toContain('1 M')
+    expect(texte).not.toContain('30527')
+    expect(texte).not.toContain('1000000')
+  })
 
   it('n’affiche aucune décimale : les limites sont exactes', () => {
     // Un « 1,0 M » laisserait croire à un arrondi qui n'a pas eu lieu.
-    const texte = lignes(fenetre(100_000, 200_000), 'x', 'y', 'default').join('\n');
-    expect(texte).toContain('200 k');
-    expect(texte).not.toMatch(/[.,]0/);
-  });
-});
+    const texte = lignes(fenetre(100_000, 200_000), 'x', 'y', 'default').join('\n')
+    expect(texte).toContain('200 k')
+    expect(texte).not.toMatch(/[.,]0/)
+  })
+})
 
 describe('la limite du modèle', () => {
   it('déduit la grande fenêtre d’un contexte qui dépasse la petite', () => {
     // Le piège que `contextLimitFor` existe pour éviter : un modèle à fenêtre
     // longue s'enregistre **sans** son suffixe `[1m]`. Seule la preuve compte.
-    expect(contextLimitFor(['claude-opus-5'], 0, false)).toBe(200_000);
-    expect(contextLimitFor(['claude-opus-5'], 236_000, false)).toBe(1_000_000);
-    expect(contextLimitFor(['claude-opus-5'], 0, true)).toBe(1_000_000);
-  });
+    expect(contextLimitFor(['claude-opus-5'], 0, false)).toBe(200_000)
+    expect(contextLimitFor(['claude-opus-5'], 236_000, false)).toBe(1_000_000)
+    expect(contextLimitFor(['claude-opus-5'], 0, true)).toBe(1_000_000)
+  })
 
   it('rend un pourcentage cohérent sur la grande fenêtre', () => {
-    const limite = contextLimitFor(['claude-opus-5'], 300_000, false);
-    expect(Math.round(part(fenetre(500_000, limite)) * 100)).toBe(50);
-  });
-});
+    const limite = contextLimitFor(['claude-opus-5'], 300_000, false)
+    expect(Math.round(part(fenetre(500_000, limite)) * 100)).toBe(50)
+  })
+})
 
 describe('le total d’une fenêtre', () => {
   it('compte le cache, qui occupe la place autant que le reste', () => {
@@ -128,10 +125,9 @@ describe('le total d’une fenêtre', () => {
       cache_read_input_tokens: 98_000,
       cache_creation_input_tokens: 13_200,
       output_tokens: 900,
-    };
-    const total =
-      usage.input_tokens + usage.cache_read_input_tokens + usage.cache_creation_input_tokens;
-    expect(total).toBe(112_400);
-    expect(part(fenetre(total))).toBeCloseTo(0.562);
-  });
-});
+    }
+    const total = usage.input_tokens + usage.cache_read_input_tokens + usage.cache_creation_input_tokens
+    expect(total).toBe(112_400)
+    expect(part(fenetre(total))).toBeCloseTo(0.562)
+  })
+})
diff --git a/test/passerelle-markdown.test.ts b/test/passerelle-markdown.test.ts
index 7c8fbb2..92d8cd4 100644
--- a/test/passerelle-markdown.test.ts
+++ b/test/passerelle-markdown.test.ts
@@ -5,56 +5,56 @@
 // le fermer — et tout le reste du document part en code. C'est ce que ces tests
 // tiennent.
 
-import { describe, expect, it } from 'vitest';
-import { paginer } from '../server/passerelle/markdown.ts';
+import { describe, expect, it } from 'vitest'
+import { paginer } from '../server/passerelle/markdown.ts'
 
 /** Une page d'essai : assez petite pour que les cas tiennent en peu de lignes. */
-const PAGE = 2_600;
+const PAGE = 2_600
 
 describe('paginer', () => {
   it('rend une seule page pour un document court', () => {
-    expect(paginer('court', PAGE)).toEqual(['court']);
-  });
+    expect(paginer('court', PAGE)).toEqual(['court'])
+  })
 
   it('rend une page même pour un document vide', () => {
-    expect(paginer('', PAGE)).toEqual(['']);
-  });
+    expect(paginer('', PAGE)).toEqual([''])
+  })
 
   it('coupe sur des frontières de lignes', () => {
-    const doc = Array.from({ length: 400 }, (_, i) => `ligne ${i}`).join('\n');
-    const pages = paginer(doc, PAGE);
-    expect(pages.length).toBeGreaterThan(1);
-    for (const p of pages) expect(p.length).toBeLessThanOrEqual(PAGE);
+    const doc = Array.from({ length: 400 }, (_, i) => `ligne ${i}`).join('\n')
+    const pages = paginer(doc, PAGE)
+    expect(pages.length).toBeGreaterThan(1)
+    for (const p of pages) expect(p.length).toBeLessThanOrEqual(PAGE)
     // Rien ne se perd et rien ne se duplique.
-    expect(pages.join('\n').split('\n')).toEqual(doc.split('\n'));
-  });
+    expect(pages.join('\n').split('\n')).toEqual(doc.split('\n'))
+  })
 
   it('referme et rouvre un bloc de code à cheval sur deux pages', () => {
-    const gros = Array.from({ length: 400 }, (_, i) => `code ${i}`).join('\n');
-    const pages = paginer('```ts\n' + gros + '\n```', PAGE);
-    expect(pages.length).toBeGreaterThan(1);
-    expect(pages[0]?.endsWith('```')).toBe(true);
-    expect(pages[1]?.startsWith('```ts')).toBe(true);
+    const gros = Array.from({ length: 400 }, (_, i) => `code ${i}`).join('\n')
+    const pages = paginer('```ts\n' + gros + '\n```', PAGE)
+    expect(pages.length).toBeGreaterThan(1)
+    expect(pages[0]?.endsWith('```')).toBe(true)
+    expect(pages[1]?.startsWith('```ts')).toBe(true)
     // Chaque page porte autant d'ouvertures que de fermetures : aucune ne laisse
     // un bloc en l'air pour la suivante.
     for (const p of pages) {
-      expect(p.split('\n').filter((l) => /^\s*```/.test(l)).length % 2).toBe(0);
+      expect(p.split('\n').filter((l) => /^\s*```/.test(l)).length % 2).toBe(0)
     }
-  });
+  })
 
   it('n’ouvre pas un bloc vide quand seule la clôture déborde', () => {
     // La fermeture est rattachée à la page qui a ouvert le bloc, même si elle
     // dépasse. La renvoyer à la suivante y ouvrait un bloc aussitôt refermé —
     // visible, et sans contenu.
-    const doc = '```ts\n' + 'a'.repeat(40) + '\n' + 'b'.repeat(12) + '\n```\nsuite';
-    const pages = paginer(doc, 60);
-    expect(pages.some((p) => p.startsWith('```ts\n```'))).toBe(false);
-    expect(pages.join('\n').split('\n')).toEqual(doc.split('\n'));
-  });
+    const doc = '```ts\n' + 'a'.repeat(40) + '\n' + 'b'.repeat(12) + '\n```\nsuite'
+    const pages = paginer(doc, 60)
+    expect(pages.some((p) => p.startsWith('```ts\n```'))).toBe(false)
+    expect(pages.join('\n').split('\n')).toEqual(doc.split('\n'))
+  })
 
   it('coupe une ligne plus longue qu’une page entière', () => {
-    const pages = paginer('x'.repeat(PAGE * 2 + 10), PAGE);
-    expect(pages.length).toBeGreaterThanOrEqual(3);
-    for (const p of pages) expect(p.length).toBeLessThanOrEqual(PAGE);
-  });
-});
+    const pages = paginer('x'.repeat(PAGE * 2 + 10), PAGE)
+    expect(pages.length).toBeGreaterThanOrEqual(3)
+    for (const p of pages) expect(p.length).toBeLessThanOrEqual(PAGE)
+  })
+})
diff --git a/test/passerelle-plan.test.ts b/test/passerelle-plan.test.ts
index e8293ae..61061b4 100644
--- a/test/passerelle-plan.test.ts
+++ b/test/passerelle-plan.test.ts
@@ -1,6 +1,6 @@
-import { describe, expect, it } from 'vitest';
-import { planPropose } from '../server/passerelle/plan.ts';
-import type { PermissionRequest } from '../shared/agent.ts';
+import { describe, expect, it } from 'vitest'
+import { planPropose } from '../server/passerelle/plan.ts'
+import type { PermissionRequest } from '../shared/agent.ts'
 
 function demande(over: Partial<PermissionRequest>): PermissionRequest {
   return {
@@ -10,14 +10,14 @@ function demande(over: Partial<PermissionRequest>): PermissionRequest {
     toolUseId: 't1',
     askedAt: 0,
     ...over,
-  };
+  }
 }
 
 describe('planPropose', () => {
   it('rend le markdown du plan', () => {
-    const plan = '# Plan\n\nUne étape.';
-    expect(planPropose(demande({ input: { plan } }))).toBe(plan);
-  });
+    const plan = '# Plan\n\nUne étape.'
+    expect(planPropose(demande({ input: { plan } }))).toBe(plan)
+  })
 
   /**
    * La forme mesurée sur le parc : `plan` **et** `planFilePath`. Le fichier
@@ -25,17 +25,17 @@ describe('planPropose', () => {
    * ne doit pas dépendre de l'autre champ.
    */
   it('ignore le fichier qui accompagne le plan', () => {
-    const entree = { plan: 'Le plan.', planFilePath: 'C:\\plans\\x.md' };
-    expect(planPropose(demande({ input: entree }))).toBe('Le plan.');
-  });
+    const entree = { plan: 'Le plan.', planFilePath: 'C:\\plans\\x.md' }
+    expect(planPropose(demande({ input: entree }))).toBe('Le plan.')
+  })
 
   it('se tait pour tout autre outil', () => {
-    expect(planPropose(demande({ toolName: 'Write', input: { plan: 'Le plan.' } }))).toBe('');
-  });
+    expect(planPropose(demande({ toolName: 'Write', input: { plan: 'Le plan.' } }))).toBe('')
+  })
 
   it('se tait sur un plan vide, pour retomber sur le bandeau ordinaire', () => {
-    expect(planPropose(demande({ input: { plan: '   ' } }))).toBe('');
-    expect(planPropose(demande({ input: {} }))).toBe('');
-    expect(planPropose(demande({ input: { plan: 42 } }))).toBe('');
-  });
-});
+    expect(planPropose(demande({ input: { plan: '   ' } }))).toBe('')
+    expect(planPropose(demande({ input: {} }))).toBe('')
+    expect(planPropose(demande({ input: { plan: 42 } }))).toBe('')
+  })
+})
diff --git a/test/passerelle-questions.test.ts b/test/passerelle-questions.test.ts
index c1f9f06..1f21d12 100644
--- a/test/passerelle-questions.test.ts
+++ b/test/passerelle-questions.test.ts
@@ -4,21 +4,13 @@
 // et la forme des réponses remises au modèle. `index.ts` ne fait qu'émettre ce
 // que ces fonctions rendent — le tester ici, c'est le tester en entier.
 
-import { describe, expect, it } from 'vitest';
-import type { AskQuestion } from '../shared/agent.ts';
-import type { InlineKeyboardMarkup } from 'node-telegram-bot-api';
-import {
-  clavier,
-  courante,
-  ecran,
-  formulaire,
-  presse,
-  repondLibre,
-  reponses,
-} from '../server/passerelle/questions.ts';
+import type { InlineKeyboardMarkup } from 'node-telegram-bot-api'
+import { describe, expect, it } from 'vitest'
+import { clavier, courante, ecran, formulaire, presse, repondLibre, reponses } from '../server/passerelle/questions.ts'
+import type { AskQuestion } from '../shared/agent.ts'
 
 /** Un identifiant de la forme que `randomUUID` produit — 36 caractères. */
-const ID = '0f1e2d3c-4b5a-6978-8796-a5b4c3d2e1f0';
+const ID = '0f1e2d3c-4b5a-6978-8796-a5b4c3d2e1f0'
 
 const simple: AskQuestion = {
   question: 'Quel dossier ouvrir ?',
@@ -27,7 +19,7 @@ const simple: AskQuestion = {
     { label: 'tos', description: 'Le dépôt courant' },
     { label: 'cronos', description: 'Le socle visuel' },
   ],
-};
+}
 
 const multiple: AskQuestion = {
   question: 'Quelles surfaces couvrir ?',
@@ -38,137 +30,133 @@ const multiple: AskQuestion = {
     { label: 'Rejeu', description: 'La timeline' },
     { label: 'Manuel', description: "L'aide" },
   ],
-};
+}
 
 function rangs(clavier: InlineKeyboardMarkup): string[] {
-  return clavier.inline_keyboard
-    .flat()
-    .map((b) => ('callback_data' in b ? (b.callback_data ?? '') : ''));
+  return clavier.inline_keyboard.flat().map((b) => ('callback_data' in b ? (b.callback_data ?? '') : ''))
 }
 
 function libelles(clavier: InlineKeyboardMarkup): string[] {
-  return clavier.inline_keyboard.flat().map((b) => b.text);
+  return clavier.inline_keyboard.flat().map((b) => b.text)
 }
 
 describe('un choix simple', () => {
   it('avance d’une étape, et conclut à la dernière', () => {
-    const f = formulaire(ID, [simple, { ...simple, question: 'Et ensuite ?' }]);
-    expect(presse(f, '0')).toBe('suivant');
-    expect(f.etape).toBe(1);
-    expect(presse(f, '1')).toBe('fini');
+    const f = formulaire(ID, [simple, { ...simple, question: 'Et ensuite ?' }])
+    expect(presse(f, '0')).toBe('suivant')
+    expect(f.etape).toBe(1)
+    expect(presse(f, '1')).toBe('fini')
     expect(reponses(f)).toEqual({
       'Quel dossier ouvrir ?': 'tos',
       'Et ensuite ?': 'cronos',
-    });
-  });
+    })
+  })
 
   it('garde le message de l’étape quittée, pour qu’on puisse la désarmer', () => {
     // Sans cela, les boutons d'une question déjà répondue restent pressables et
     // s'appliquent à la suivante — ils ne portent qu'un rang.
-    const f = formulaire(ID, [simple, multiple]);
-    f.messageId = 42;
-    presse(f, '0');
-    expect(f.messageId).toBe(42);
-  });
+    const f = formulaire(ID, [simple, multiple])
+    f.messageId = 42
+    presse(f, '0')
+    expect(f.messageId).toBe(42)
+  })
 
   it('ignore un rang qui ne désigne aucune option', () => {
-    const f = formulaire(ID, [simple]);
-    expect(presse(f, '9')).toBe('rien');
-    expect(presse(f, 'ok')).toBe('rien');
-    expect(f.etape).toBe(0);
-  });
+    const f = formulaire(ID, [simple])
+    expect(presse(f, '9')).toBe('rien')
+    expect(presse(f, 'ok')).toBe('rien')
+    expect(f.etape).toBe(0)
+  })
 
   it('n’offre pas de validation : le clic suffit', () => {
-    const f = formulaire(ID, [simple]);
-    expect(rangs(clavier(f))).toEqual([`q:${ID}:0`, `q:${ID}:1`]);
-  });
-});
+    const f = formulaire(ID, [simple])
+    expect(rangs(clavier(f))).toEqual([`q:${ID}:0`, `q:${ID}:1`])
+  })
+})
 
 describe('un choix multiple', () => {
   it('coche sans avancer, et ne conclut que sur validation', () => {
-    const f = formulaire(ID, [multiple]);
-    expect(presse(f, '0')).toBe('coche');
-    expect(presse(f, '2')).toBe('coche');
-    expect(f.etape).toBe(0);
-    expect(presse(f, 'ok')).toBe('fini');
+    const f = formulaire(ID, [multiple])
+    expect(presse(f, '0')).toBe('coche')
+    expect(presse(f, '2')).toBe('coche')
+    expect(f.etape).toBe(0)
+    expect(presse(f, 'ok')).toBe('fini')
     // La forme du harnais : les choix joints par `, `, celle que le rejeu relit.
-    expect(reponses(f)).toEqual({ 'Quelles surfaces couvrir ?': 'Atelier, Manuel' });
-  });
+    expect(reponses(f)).toEqual({ 'Quelles surfaces couvrir ?': 'Atelier, Manuel' })
+  })
 
   it('décoche ce qui était coché', () => {
-    const f = formulaire(ID, [multiple]);
-    presse(f, '1');
-    presse(f, '1');
-    expect(f.choix[0]).toEqual([]);
-  });
+    const f = formulaire(ID, [multiple])
+    presse(f, '1')
+    presse(f, '1')
+    expect(f.choix[0]).toEqual([])
+  })
 
   it('refuse de valider une réponse vide', () => {
-    const f = formulaire(ID, [multiple]);
-    expect(presse(f, 'ok')).toBe('rien');
-    expect(f.etape).toBe(0);
-  });
+    const f = formulaire(ID, [multiple])
+    expect(presse(f, 'ok')).toBe('rien')
+    expect(f.etape).toBe(0)
+  })
 
   it('montre l’état dans le libellé, faute d’autre endroit où le mettre', () => {
-    const f = formulaire(ID, [multiple]);
+    const f = formulaire(ID, [multiple])
     // La dernière rangée porte la validation, pas une option.
-    const cases = libelles(clavier(f)).slice(0, multiple.options.length);
-    expect(cases.every((l) => l.startsWith('☐'))).toBe(true);
-    presse(f, '0');
-    expect(libelles(clavier(f))[0]).toBe('☑ Atelier');
-    expect(rangs(clavier(f))).toContain(`q:${ID}:ok`);
-  });
-});
+    const cases = libelles(clavier(f)).slice(0, multiple.options.length)
+    expect(cases.every((l) => l.startsWith('☐'))).toBe(true)
+    presse(f, '0')
+    expect(libelles(clavier(f))[0]).toBe('☑ Atelier')
+    expect(rangs(clavier(f))).toContain(`q:${ID}:ok`)
+  })
+})
 
 describe('la réponse écrite', () => {
   it('remplace les cases cochées et avance', () => {
-    const f = formulaire(ID, [multiple]);
-    presse(f, '0');
-    expect(repondLibre(f, 'aucune des trois')).toBe('fini');
-    expect(reponses(f)).toEqual({ 'Quelles surfaces couvrir ?': 'aucune des trois' });
-  });
+    const f = formulaire(ID, [multiple])
+    presse(f, '0')
+    expect(repondLibre(f, 'aucune des trois')).toBe('fini')
+    expect(reponses(f)).toEqual({ 'Quelles surfaces couvrir ?': 'aucune des trois' })
+  })
 
   it('ne fait rien quand il n’y a plus de question', () => {
-    const f = formulaire(ID, [simple]);
-    presse(f, '0');
-    expect(courante(f)).toBeUndefined();
-    expect(repondLibre(f, 'trop tard')).toBe('rien');
-  });
-});
+    const f = formulaire(ID, [simple])
+    presse(f, '0')
+    expect(courante(f)).toBeUndefined()
+    expect(repondLibre(f, 'trop tard')).toBe('rien')
+  })
+})
 
 describe('l’écran', () => {
   it('tient dans les 64 octets d’un callback_data', () => {
-    const f = formulaire(ID, [multiple]);
+    const f = formulaire(ID, [multiple])
     for (const donnee of rangs(clavier(f))) {
-      expect(Buffer.byteLength(donnee, 'utf8'), donnee).toBeLessThanOrEqual(64);
+      expect(Buffer.byteLength(donnee, 'utf8'), donnee).toBeLessThanOrEqual(64)
     }
-  });
+  })
 
   it('numérote les options, pour relier le bouton rogné à son texte', () => {
-    const { brut } = ecran(formulaire(ID, [simple]));
-    expect(brut).toContain('1. tos — Le dépôt courant');
-    expect(brut).toContain('2. cronos — Le socle visuel');
-  });
+    const { brut } = ecran(formulaire(ID, [simple]))
+    expect(brut).toContain('1. tos — Le dépôt courant')
+    expect(brut).toContain('2. cronos — Le socle visuel')
+  })
 
   it('ne compte les étapes que s’il y en a plusieurs', () => {
-    expect(ecran(formulaire(ID, [simple])).brut).not.toContain('question 1');
-    expect(ecran(formulaire(ID, [simple, multiple])).brut).toContain('question 1 sur 2');
-  });
+    expect(ecran(formulaire(ID, [simple])).brut).not.toContain('question 1')
+    expect(ecran(formulaire(ID, [simple, multiple])).brut).toContain('question 1 sur 2')
+  })
 
   it('rend une maquette dans son propre bloc, et la borne', () => {
-    const maquette = 'x'.repeat(5_000);
-    const f = formulaire(ID, [
-      { ...simple, options: [{ label: 'a', description: '', preview: maquette }] },
-    ]);
-    const pre = ecran(f).blocs.filter((b) => b.type === 'pre');
-    expect(pre).toHaveLength(1);
+    const maquette = 'x'.repeat(5_000)
+    const f = formulaire(ID, [{ ...simple, options: [{ label: 'a', description: '', preview: maquette }] }])
+    const pre = ecran(f).blocs.filter((b) => b.type === 'pre')
+    expect(pre).toHaveLength(1)
     // Quatre maquettes démesurées feraient échouer le message entier : mieux
     // vaut couper l'une que perdre tout le formatage.
-    const texte = pre[0]?.text;
-    expect(typeof texte === 'string' && texte.length < maquette.length).toBe(true);
-  });
+    const texte = pre[0]?.text
+    expect(typeof texte === 'string' && texte.length < maquette.length).toBe(true)
+  })
 
   it('dit qu’on peut répondre autre chose que ce qui est offert', () => {
     // Sans cette ligne, la réponse libre existe sans que personne ne la trouve.
-    expect(ecran(formulaire(ID, [simple])).brut).toContain('écrivez votre réponse');
-  });
-});
+    expect(ecran(formulaire(ID, [simple])).brut).toContain('écrivez votre réponse')
+  })
+})
diff --git a/test/passerelle-riche.test.ts b/test/passerelle-riche.test.ts
index 2301252..81af995 100644
--- a/test/passerelle-riche.test.ts
+++ b/test/passerelle-riche.test.ts
@@ -6,80 +6,70 @@
 // rien pour dire pourquoi. Les noms de champs sont donc gelés ici, contre la
 // spec, parce que rien à l'exécution ne les défendra.
 
-import { describe, expect, it } from 'vitest';
-import { enBlocs, fragments } from '../server/passerelle/riche.ts';
+import { describe, expect, it } from 'vitest'
+import { enBlocs, fragments } from '../server/passerelle/riche.ts'
 
 describe('fragments', () => {
   it('rend une ligne sans balisage en un seul morceau', () => {
-    expect(fragments('du texte')).toEqual(['du texte']);
-  });
+    expect(fragments('du texte')).toEqual(['du texte'])
+  })
 
   it('mêle le nu et l’enrichi dans l’ordre de lecture', () => {
-    expect(fragments('avant **gras** après')).toEqual([
-      'avant ',
-      { type: 'bold', text: 'gras' },
-      ' après',
-    ]);
-  });
+    expect(fragments('avant **gras** après')).toEqual(['avant ', { type: 'bold', text: 'gras' }, ' après'])
+  })
 
   it('garde le code littéral hors des autres transformations', () => {
-    expect(fragments('`a**b`')).toEqual([{ type: 'marked', text: { type: 'code', text: 'a**b' } }]);
-  });
+    expect(fragments('`a**b`')).toEqual([{ type: 'marked', text: { type: 'code', text: 'a**b' } }])
+  })
 
   it('surligne le code, faute d’une teinte qui survive au téléphone', () => {
     // `code` seul est rendu en chasse fixe teintée : lisible sur un grand
     // écran, perdu sur un petit. `marked` y ajoute un fond — une différence de
     // surface, non de couleur. Mesuré : l'emboîtement se cumule.
-    expect(fragments('`x`')).toEqual([{ type: 'marked', text: { type: 'code', text: 'x' } }]);
-  });
+    expect(fragments('`x`')).toEqual([{ type: 'marked', text: { type: 'code', text: 'x' } }])
+  })
 
   it('n’échappe rien : ces morceaux voyagent en JSON', () => {
     // Contrairement au rendu HTML, `<` et `&` sont du texte et le restent.
-    expect(fragments('a < b & c')).toEqual(['a < b & c']);
-  });
+    expect(fragments('a < b & c')).toEqual(['a < b & c'])
+  })
 
   it('ne prend pas les soulignés d’un nom de fichier pour de l’italique', () => {
-    expect(fragments('SPEC-014_notes_projet.md')).toEqual(['SPEC-014_notes_projet.md']);
-  });
+    expect(fragments('SPEC-014_notes_projet.md')).toEqual(['SPEC-014_notes_projet.md'])
+  })
 
   it('relit le libellé d’un lien, dont la cible est écartée', () => {
     // `[`chemin.md`](../ailleurs.md)` gardait ses accents graves à l'écran : le
     // libellé n'était jamais analysé. Une cible relative reste refusée, mais
     // son texte ne doit pas s'en trouver appauvri.
-    expect(fragments('[`0.livraison.md`](../livraison/0.livraison.md)')).toEqual([
-      { type: 'marked', text: { type: 'code', text: '0.livraison.md' } },
-    ]);
+    expect(fragments('[`0.livraison.md`](../livraison/0.livraison.md)')).toEqual([{ type: 'marked', text: { type: 'code', text: '0.livraison.md' } }])
     expect(fragments('[le **guide**](https://exemple.fr)')).toEqual([
       { type: 'url', text: ['le ', { type: 'bold', text: 'guide' }], url: 'https://exemple.fr' },
-    ]);
-  });
+    ])
+  })
 
   it('rend un lien, et refuse les protocoles qu’on ne relaie pas', () => {
-    expect(fragments('[doc](https://exemple.fr)')).toEqual([
-      { type: 'url', text: 'doc', url: 'https://exemple.fr' },
-    ]);
-    expect(fragments('[piège](javascript:alert)')).toEqual(['piège']);
-  });
-});
+    expect(fragments('[doc](https://exemple.fr)')).toEqual([{ type: 'url', text: 'doc', url: 'https://exemple.fr' }])
+    expect(fragments('[piège](javascript:alert)')).toEqual(['piège'])
+  })
+})
 
 describe('enBlocs', () => {
   it('donne aux titres les six tailles, dans le même sens que le Markdown', () => {
     // 1 est le plus grand des deux côtés : la correspondance est directe.
-    expect(enBlocs('# un')).toEqual([{ type: 'heading', text: ['un'], size: 1 }]);
-    expect(enBlocs('###### six')).toEqual([{ type: 'heading', text: ['six'], size: 6 }]);
-  });
+    expect(enBlocs('# un')).toEqual([{ type: 'heading', text: ['un'], size: 1 }])
+    expect(enBlocs('###### six')).toEqual([{ type: 'heading', text: ['six'], size: 6 }])
+  })
 
   it('regroupe les lignes consécutives en un paragraphe', () => {
-    expect(enBlocs('une ligne\net sa suite')).toEqual([
-      { type: 'paragraph', text: ['une ligne et sa suite'] },
-    ]);
-  });
+    expect(enBlocs('une ligne\net sa suite')).toEqual([{ type: 'paragraph', text: ['une ligne et sa suite'] }])
+  })
 
   it('borde le tableau et marque son en-tête', () => {
     // Les deux champs qui manquaient au premier essai. Sans `is_bordered` le
     // tableau se lit comme des mots posés côte à côte ; sans `is_header` sa
     // première ligne ne se distingue pas des autres.
-    const blocs = enBlocs('| a | b |\n| --- | --- |\n| 1 | 2 |');
+    const blocs = enBlocs('| a | b |\n| --- | --- |\n| 1 | 2 |')
     expect(blocs).toEqual([
       {
         type: 'table',
@@ -92,96 +82,88 @@ describe('enBlocs', () => {
           [{ text: ['1'] }, { text: ['2'] }],
         ],
       },
-    ]);
-  });
+    ])
+  })
 
   it('ne déclare pas d’en-tête sans ligne d’alignement', () => {
     // C'est elle qui, en Markdown, distingue un en-tête d'une ligne ordinaire.
-    const blocs = enBlocs('| a | b |\n| 1 | 2 |');
-    const table = blocs[0] as { cells: { is_header?: true }[][] };
-    expect(table.cells[0]?.[0]?.is_header).toBeUndefined();
-  });
+    const blocs = enBlocs('| a | b |\n| 1 | 2 |')
+    const table = blocs[0] as { cells: { is_header?: true }[][] }
+    expect(table.cells[0]?.[0]?.is_header).toBeUndefined()
+  })
 
   it('écrit la case à cocher dans le texte, faute d’être rendue', () => {
     // `has_checkbox` existe dans la spec mais aucun client ne l'affiche : sans
     // ce préfixe, une liste de tâches perdrait l'état de chacune.
-    const blocs = enBlocs('- [x] fait\n- [ ] à faire');
-    const items = (blocs[0] as { items: { blocks: { text: string[] }[] }[] }).items;
-    expect(items[0]?.blocks[0]?.text[0]).toBe('☑︎ fait');
-    expect(items[1]?.blocks[0]?.text[0]).toBe('☐︎ à faire');
-  });
+    const blocs = enBlocs('- [x] fait\n- [ ] à faire')
+    const items = (blocs[0] as { items: { blocks: { text: string[] }[] }[] }).items
+    expect(items[0]?.blocks[0]?.text[0]).toBe('☑︎ fait')
+    expect(items[1]?.blocks[0]?.text[0]).toBe('☐︎ à faire')
+  })
 
   it('garde le numéro d’une liste ordonnée dans le texte', () => {
-    const blocs = enBlocs('1. premier');
-    const items = (blocs[0] as { items: { blocks: { text: string[] }[] }[] }).items;
-    expect(items[0]?.blocks[0]?.text[0]).toBe('1. premier');
-  });
+    const blocs = enBlocs('1. premier')
+    const items = (blocs[0] as { items: { blocks: { text: string[] }[] }[] }).items
+    expect(items[0]?.blocks[0]?.text[0]).toBe('1. premier')
+  })
 
   it('rend un bloc de code avec sa langue', () => {
-    expect(enBlocs('```ts\nconst a = 1;\n```')).toEqual([
-      { type: 'pre', text: 'const a = 1;', language: 'ts' },
-    ]);
-  });
+    expect(enBlocs('```ts\nconst a = 1;\n```')).toEqual([{ type: 'pre', text: 'const a = 1;', language: 'ts' }])
+  })
 
   it('referme un bloc de code que la coupure d’une page a laissé ouvert', () => {
-    expect(enBlocs('```\ndu code')).toEqual([{ type: 'pre', text: 'du code' }]);
-  });
+    expect(enBlocs('```\ndu code')).toEqual([{ type: 'pre', text: 'du code' }])
+  })
 
   it('rend une citation et un séparateur', () => {
-    expect(enBlocs('> cité')).toEqual([
-      { type: 'blockquote', blocks: [{ type: 'paragraph', text: ['cité'] }] },
-    ]);
-    expect(enBlocs('a\n\n---\n\nb')).toEqual([
-      { type: 'paragraph', text: ['a'] },
-      { type: 'divider' },
-      { type: 'paragraph', text: ['b'] },
-    ]);
-  });
+    expect(enBlocs('> cité')).toEqual([{ type: 'blockquote', blocks: [{ type: 'paragraph', text: ['cité'] }] }])
+    expect(enBlocs('a\n\n---\n\nb')).toEqual([{ type: 'paragraph', text: ['a'] }, { type: 'divider' }, { type: 'paragraph', text: ['b'] }])
+  })
 
   it('lit l’alignement des colonnes dans la ligne de séparation', () => {
     // Les deux-points portent une intention : une colonne de nombres alignée à
     // droite dans la source doit l'être à l'écran. Une colonne sans eux
     // n'impose rien.
-    const blocs = enBlocs('| a | b | c | d |\n|:---|---:|:---:|---|\n| 1 | 2 | 3 | 4 |');
-    const table = blocs[0] as { cells: { align?: string }[][] };
-    expect(table.cells[0]?.map((c) => c.align)).toEqual(['left', 'right', 'center', undefined]);
-  });
+    const blocs = enBlocs('| a | b | c | d |\n|:---|---:|:---:|---|\n| 1 | 2 | 3 | 4 |')
+    const table = blocs[0] as { cells: { align?: string }[][] }
+    expect(table.cells[0]?.map((c) => c.align)).toEqual(['left', 'right', 'center', undefined])
+  })
 
   it('ne fait qu’une citation de lignes consécutives, et relit ce qu’elle porte', () => {
     // Ligne à ligne, chaque ligne prenait son propre cadre — et une consigne
     // numérotée à recopier perdait sa numérotation.
-    const blocs = enBlocs('> Bonjour.\n>\n> 1. premier\n> 2. second');
-    expect(blocs).toHaveLength(1);
-    const dedans = (blocs[0] as { blocks: { type: string }[] }).blocks;
-    expect(dedans.map((b) => b.type)).toEqual(['paragraph', 'list']);
-  });
+    const blocs = enBlocs('> Bonjour.\n>\n> 1. premier\n> 2. second')
+    expect(blocs).toHaveLength(1)
+    const dedans = (blocs[0] as { blocks: { type: string }[] }).blocks
+    expect(dedans.map((b) => b.type)).toEqual(['paragraph', 'list'])
+  })
 
   it('imbrique les listes selon l’indentation de la source', () => {
     // Aplatir remonterait un sous-point au rang de son parent, ce qui inverse
     // le sens d'une consigne.
-    const blocs = enBlocs('1. vérifier :\n   - le journal ;\n   - la connexion.\n2. déployer');
-    const items = (blocs[0] as { items: { blocks: { type: string }[] }[] }).items;
-    expect(items).toHaveLength(2);
-    expect(items[0]?.blocks.map((b) => b.type)).toEqual(['paragraph', 'list']);
-    expect(items[1]?.blocks.map((b) => b.type)).toEqual(['paragraph']);
-  });
+    const blocs = enBlocs('1. vérifier :\n   - le journal ;\n   - la connexion.\n2. déployer')
+    const items = (blocs[0] as { items: { blocks: { type: string }[] }[] }).items
+    expect(items).toHaveLength(2)
+    expect(items[0]?.blocks.map((b) => b.type)).toEqual(['paragraph', 'list'])
+    expect(items[1]?.blocks.map((b) => b.type)).toEqual(['paragraph'])
+  })
 
   it('rattache la suite d’un élément long à son élément', () => {
     // Sans cela, la deuxième ligne fermait la liste et le point suivant
     // repartait à « 1 » dans un nouveau bloc.
-    const blocs = enBlocs('1. un point qui\n   court sur deux lignes\n2. le suivant');
-    expect(blocs).toHaveLength(1);
-    const items = (blocs[0] as { items: { blocks: { text: string[] }[] }[] }).items;
-    expect(items[0]?.blocks[0]?.text.join('')).toBe('1. un point qui court sur deux lignes');
-  });
+    const blocs = enBlocs('1. un point qui\n   court sur deux lignes\n2. le suivant')
+    expect(blocs).toHaveLength(1)
+    const items = (blocs[0] as { items: { blocks: { text: string[] }[] }[] }).items
+    expect(items[0]?.blocks[0]?.text.join('')).toBe('1. un point qui court sur deux lignes')
+  })
 
   it('ferme chaque bloc dès que la ligne suivante ne lui appartient plus', () => {
-    const blocs = enBlocs('# titre\n- puce\n| a |\ntexte');
-    expect(blocs.map((b) => b.type)).toEqual(['heading', 'list', 'table', 'paragraph']);
-  });
+    const blocs = enBlocs('# titre\n- puce\n| a |\ntexte')
+    expect(blocs.map((b) => b.type)).toEqual(['heading', 'list', 'table', 'paragraph'])
+  })
 
   it('rend une liste vide de blocs pour un document vide', () => {
-    expect(enBlocs('')).toEqual([]);
-    expect(enBlocs('\n\n')).toEqual([]);
-  });
-});
+    expect(enBlocs('')).toEqual([])
+    expect(enBlocs('\n\n')).toEqual([])
+  })
+})
diff --git a/test/passerelle.test.ts b/test/passerelle.test.ts
index 78d22ba..9a3aa46 100644
--- a/test/passerelle.test.ts
+++ b/test/passerelle.test.ts
@@ -6,67 +6,60 @@
 // séparent une machine pilotable d'une machine ouverte à tous, et ils ne doivent
 // pas dépendre d'un service tiers pour être testés.
 
-import { describe, expect, it } from 'vitest';
-import { autorise, lireChats, parseIntention } from '../server/passerelle/routage.ts';
-import { elargi, grille } from '../server/passerelle/telegram.ts';
-import {
-  aplatir,
-  arborescence,
-  compte,
-  descendre,
-  resoudreProjet,
-  type Noeud,
-} from '../server/passerelle/projets.ts';
-import type { ProjectResources, ProjectSummary } from '../shared/projects.ts';
+import { describe, expect, it } from 'vitest'
+import { aplatir, arborescence, compte, descendre, resoudreProjet, type Noeud } from '../server/passerelle/projets.ts'
+import { autorise, lireChats, parseIntention } from '../server/passerelle/routage.ts'
+import { elargi, grille } from '../server/passerelle/telegram.ts'
+import type { ProjectResources, ProjectSummary } from '../shared/projects.ts'
 
 describe('lireChats', () => {
   it('lit une liste séparée par des virgules', () => {
-    expect([...lireChats('123,456')]).toEqual([123, 456]);
-  });
+    expect([...lireChats('123,456')]).toEqual([123, 456])
+  })
 
   it('tolère les espaces autour des identifiants', () => {
-    expect([...lireChats(' 123 , 456 ')]).toEqual([123, 456]);
-  });
+    expect([...lireChats(' 123 , 456 ')]).toEqual([123, 456])
+  })
 
   it('garde un identifiant négatif : c’est la forme d’un groupe', () => {
-    expect([...lireChats('-1001234567890')]).toEqual([-1001234567890]);
-  });
+    expect([...lireChats('-1001234567890')]).toEqual([-1001234567890])
+  })
 
   it('écarte ce qui n’est pas un entier plutôt que d’en faire un NaN', () => {
     // Un identifiant mal recopié ne doit pas devenir une autorisation.
-    expect([...lireChats('123,abc,0x10,12.5,')]).toEqual([123]);
-  });
+    expect([...lireChats('123,abc,0x10,12.5,')]).toEqual([123])
+  })
 
   it('rend un ensemble vide quand rien n’est configuré', () => {
-    expect(lireChats(undefined).size).toBe(0);
-    expect(lireChats('').size).toBe(0);
-  });
-});
+    expect(lireChats(undefined).size).toBe(0)
+    expect(lireChats('').size).toBe(0)
+  })
+})
 
 describe('autorise', () => {
   it('laisse passer une conversation listée', () => {
-    expect(autorise(lireChats('123'), 123)).toBe(true);
-  });
+    expect(autorise(lireChats('123'), 123)).toBe(true)
+  })
 
   it('refuse une conversation absente de la liste', () => {
-    expect(autorise(lireChats('123'), 999)).toBe(false);
-  });
+    expect(autorise(lireChats('123'), 999)).toBe(false)
+  })
 
   it('n’autorise personne quand la liste est vide', () => {
     // L'inverse de la convention habituelle où « vide » veut dire « tout » :
     // ici, l'omission ne peut pas ouvrir la machine au premier venu.
-    expect(autorise(lireChats(''), 123)).toBe(false);
-  });
-});
+    expect(autorise(lireChats(''), 123)).toBe(false)
+  })
+})
 
 describe('parseIntention', () => {
   it('traite un message ordinaire comme un tour à envoyer', () => {
-    expect(parseIntention('relis le diff')).toEqual({ kind: 'parler', texte: 'relis le diff' });
-  });
+    expect(parseIntention('relis le diff')).toEqual({ kind: 'parler', texte: 'relis le diff' })
+  })
 
   it('ignore un message vide sans rien répondre', () => {
-    expect(parseIntention('   ')).toEqual({ kind: 'ignorer', raison: 'vide' });
-  });
+    expect(parseIntention('   ')).toEqual({ kind: 'ignorer', raison: 'vide' })
+  })
 
   it('ouvre une session sur la référence donnée', () => {
     // Un chemin comme un rang : c'est `resoudreProjet` qui tranche ensuite, et
@@ -74,9 +67,9 @@ describe('parseIntention', () => {
     expect(parseIntention('/atelier C:\\devl\\tos')).toEqual({
       kind: 'ouvrir',
       ref: 'C:\\devl\\tos',
-    });
-    expect(parseIntention('/atelier 3')).toEqual({ kind: 'ouvrir', ref: '3' });
-  });
+    })
+    expect(parseIntention('/atelier 3')).toEqual({ kind: 'ouvrir', ref: '3' })
+  })
 
   it('garde un argument à espaces d’un seul tenant', () => {
     // Un chemin Windows en porte volontiers. Découper en mots ferait d'un
@@ -84,60 +77,60 @@ describe('parseIntention', () => {
     expect(parseIntention('/atelier C:\\Mes Documents\\projet')).toEqual({
       kind: 'ouvrir',
       ref: 'C:\\Mes Documents\\projet',
-    });
-  });
+    })
+  })
 
   it('montre les projets plutôt que d’ouvrir sans référence', () => {
     // Ce sont eux qui portent les numéros que la commande attend : renvoyer à
     // l'aide obligerait à une commande de plus pour la même information.
-    expect(parseIntention('/atelier')).toEqual({ kind: 'projets' });
-    expect(parseIntention('/atelier   ')).toEqual({ kind: 'projets' });
-  });
+    expect(parseIntention('/atelier')).toEqual({ kind: 'projets' })
+    expect(parseIntention('/atelier   ')).toEqual({ kind: 'projets' })
+  })
 
   it('lit les commandes de consultation', () => {
-    expect(parseIntention('/projets')).toEqual({ kind: 'projets' });
-    expect(parseIntention('/projet 2')).toEqual({ kind: 'projet', ref: '2' });
-    expect(parseIntention('/voir 7')).toEqual({ kind: 'voir', ref: '7' });
-  });
+    expect(parseIntention('/projets')).toEqual({ kind: 'projets' })
+    expect(parseIntention('/projet 2')).toEqual({ kind: 'projet', ref: '2' })
+    expect(parseIntention('/voir 7')).toEqual({ kind: 'voir', ref: '7' })
+  })
 
   it('distingue l’état de cette session du parc entier', () => {
     // Deux commandes voisines qui ne répondent pas à la même question : `/etat`
     // regarde la session d'ici et sa fenêtre, `/sessions` compte le parc.
-    expect(parseIntention('/etat')).toEqual({ kind: 'etat' });
-    expect(parseIntention('/compacter')).toEqual({ kind: 'compacter' });
-    expect(parseIntention('/sessions')).toEqual({ kind: 'sessions' });
-  });
+    expect(parseIntention('/etat')).toEqual({ kind: 'etat' })
+    expect(parseIntention('/compacter')).toEqual({ kind: 'compacter' })
+    expect(parseIntention('/sessions')).toEqual({ kind: 'sessions' })
+  })
 
   it('retombe sur les projets quand /projet n’a pas d’argument', () => {
-    expect(parseIntention('/projet')).toEqual({ kind: 'projets' });
-  });
+    expect(parseIntention('/projet')).toEqual({ kind: 'projets' })
+  })
 
   it('reconnaît une commande suffixée du nom du bot', () => {
     // Telegram écrit `/fin@monbot` dans un groupe ; sans cela la commande
     // passerait pour un tour à envoyer à l'agent.
-    expect(parseIntention('/fin@aura_bot')).toEqual({ kind: 'fin' });
-  });
+    expect(parseIntention('/fin@aura_bot')).toEqual({ kind: 'fin' })
+  })
 
   it('signale une commande inconnue au lieu de l’envoyer à l’agent', () => {
     expect(parseIntention('/nimporte')).toEqual({
       kind: 'ignorer',
       raison: 'commande-inconnue',
       commande: '/nimporte',
-    });
-  });
+    })
+  })
 
   it('accepte les deux noms de l’aide', () => {
     for (const mot of ['/aide', '/help']) {
-      expect(parseIntention(mot)).toEqual({ kind: 'aide' });
+      expect(parseIntention(mot)).toEqual({ kind: 'aide' })
     }
-  });
+  })
 
   it('distingue l’accueil de l’aide', () => {
     // `/start` est le geste que Telegram propose de lui-même à qui ouvre la
     // conversation : il arrive avant qu'on sache quoi demander. Une liste de
     // commandes ne répond pas à ça, d'où deux intentions et non un alias.
-    expect(parseIntention('/start')).toEqual({ kind: 'accueil' });
-  });
+    expect(parseIntention('/start')).toEqual({ kind: 'accueil' })
+  })
 
   it('ne confond pas un chemin en début de message avec une commande', () => {
     // Un message qui commence par une barre oblique n'est une commande que si
@@ -146,54 +139,54 @@ describe('parseIntention', () => {
       kind: 'ignorer',
       raison: 'commande-inconnue',
       commande: '/usr/bin',
-    });
-  });
-});
+    })
+  })
+})
 
 describe('resoudreProjet', () => {
   const projets = [
     { slug: 'C--devl-tos', path: 'C:\\Users\\jean\\devl\\tos', name: 'tos' },
     { slug: 'C--devl-autre', path: 'C:\\Users\\jean\\devl\\autre', name: 'autre' },
-  ] as ProjectSummary[];
+  ] as ProjectSummary[]
 
   it('désigne un projet par son rang, à partir de 1', () => {
-    expect(resoudreProjet(projets, '1')?.name).toBe('tos');
-    expect(resoudreProjet(projets, '2')?.name).toBe('autre');
-  });
+    expect(resoudreProjet(projets, '1')?.name).toBe('tos')
+    expect(resoudreProjet(projets, '2')?.name).toBe('autre')
+  })
 
   it('ne rend rien pour un rang hors liste', () => {
-    expect(resoudreProjet(projets, '0')).toBeUndefined();
-    expect(resoudreProjet(projets, '3')).toBeUndefined();
-  });
+    expect(resoudreProjet(projets, '0')).toBeUndefined()
+    expect(resoudreProjet(projets, '3')).toBeUndefined()
+  })
 
   it('désigne un projet par son chemin, quel que soit le séparateur', () => {
     // Un chemin recopié depuis un écran arrive volontiers en barres obliques ;
     // le disque, lui, le déclare en antislashs.
-    expect(resoudreProjet(projets, 'C:/Users/jean/devl/tos')?.name).toBe('tos');
-    expect(resoudreProjet(projets, 'C:\\Users\\JEAN\\devl\\TOS')?.name).toBe('tos');
-    expect(resoudreProjet(projets, 'C:\\Users\\jean\\devl\\tos\\')?.name).toBe('tos');
-  });
+    expect(resoudreProjet(projets, 'C:/Users/jean/devl/tos')?.name).toBe('tos')
+    expect(resoudreProjet(projets, 'C:\\Users\\JEAN\\devl\\TOS')?.name).toBe('tos')
+    expect(resoudreProjet(projets, 'C:\\Users\\jean\\devl\\tos\\')?.name).toBe('tos')
+  })
 
   it('désigne un projet par son nom ou son slug', () => {
-    expect(resoudreProjet(projets, 'autre')?.slug).toBe('C--devl-autre');
-    expect(resoudreProjet(projets, 'C--devl-tos')?.name).toBe('tos');
-  });
+    expect(resoudreProjet(projets, 'autre')?.slug).toBe('C--devl-autre')
+    expect(resoudreProjet(projets, 'C--devl-tos')?.name).toBe('tos')
+  })
 
   it('ne rend rien pour un chemin que Claude Code ne connaît pas', () => {
     // La garde de `/atelier` à distance. Un dossier quelconque de la machine ne
     // tombe sur rien : il n'y a pas de règle à contourner, seulement une liste
     // dans laquelle il faut déjà figurer.
-    expect(resoudreProjet(projets, 'C:\\Windows\\System32')).toBeUndefined();
-    expect(resoudreProjet(projets, 'C:\\')).toBeUndefined();
-    expect(resoudreProjet(projets, '..')).toBeUndefined();
-    expect(resoudreProjet(projets, '')).toBeUndefined();
-  });
+    expect(resoudreProjet(projets, 'C:\\Windows\\System32')).toBeUndefined()
+    expect(resoudreProjet(projets, 'C:\\')).toBeUndefined()
+    expect(resoudreProjet(projets, '..')).toBeUndefined()
+    expect(resoudreProjet(projets, '')).toBeUndefined()
+  })
 
   it('ne trouve rien dans une liste vide', () => {
-    expect(resoudreProjet([], '1')).toBeUndefined();
-    expect(resoudreProjet([], 'C:\\Users\\jean\\devl\\tos')).toBeUndefined();
-  });
-});
+    expect(resoudreProjet([], '1')).toBeUndefined()
+    expect(resoudreProjet([], 'C:\\Users\\jean\\devl\\tos')).toBeUndefined()
+  })
+})
 
 describe('aplatir', () => {
   const noeud = (rel: string) => ({
@@ -203,7 +196,7 @@ describe('aplatir', () => {
     description: '',
     size: 0,
     mtime: 0,
-  });
+  })
 
   it('garde les trois origines distinctes, car elles ne se lisent pas pareil', () => {
     // C'est `source` qui décide du lecteur — donc du bac à sable. Le cas qui a
@@ -220,157 +213,157 @@ describe('aplatir', () => {
           files: [{ ...noeud('workflow/specs/SPEC-014_notes-projet.md'), category: 'repo' }],
         },
       ],
-    } as unknown as ProjectResources);
+    } as unknown as ProjectResources)
 
     expect(entrees.map((e) => [e.label, e.source])).toEqual([
       ['.claude/agents/revue.md', 'claude'],
       ['CLAUDE.md', 'arbre'],
       ['README.md', 'arbre'],
       ['workflow/specs/SPEC-014_notes-projet.md', 'inclus'],
-    ]);
+    ])
     // Le `rel` reste celui que le lecteur attend, préfixe d'affichage exclu.
-    expect(entrees[0]?.rel).toBe('agents/revue.md');
-  });
+    expect(entrees[0]?.rel).toBe('agents/revue.md')
+  })
 
   it('rend une liste vide pour un projet sans rien à lire', () => {
-    const vide = { resources: [], memories: [], repoDocs: [], folders: [] };
-    expect(aplatir(vide as unknown as ProjectResources)).toEqual([]);
-  });
-});
+    const vide = { resources: [], memories: [], repoDocs: [], folders: [] }
+    expect(aplatir(vide as unknown as ProjectResources)).toEqual([])
+  })
+})
 
 describe('arborescence', () => {
-  const e = (label: string) => ({ rel: label, label, source: 'claude' as const });
+  const e = (label: string) => ({ rel: label, label, source: 'claude' as const })
   /** Ce que la navigation affiche d'un nœud : son nom, et ce qu'il contient. */
-  const vue = (n: Noeud) => n.enfants.map((x) => `${x.nom}${x.fichier ? '' : `/ ${compte(x)}`}`);
+  const vue = (n: Noeud) => n.enfants.map((x) => `${x.nom}${x.fichier ? '' : `/ ${compte(x)}`}`)
 
   it('reconstruit les dossiers depuis les chemins', () => {
-    const racine = arborescence([e('a/x.md'), e('a/y.md'), e('b.md')]);
-    expect(vue(racine)).toEqual(['a/ 2', 'b.md']);
-    expect(vue(descendre(racine, ['a']) as Noeud)).toEqual(['x.md', 'y.md']);
-  });
+    const racine = arborescence([e('a/x.md'), e('a/y.md'), e('b.md')])
+    expect(vue(racine)).toEqual(['a/ 2', 'b.md'])
+    expect(vue(descendre(racine, ['a']) as Noeud)).toEqual(['x.md', 'y.md'])
+  })
 
   it('garde le rang de la liste plate sur les feuilles', () => {
     // Le rang voyage dans les boutons, et c'est le même que `/voir <n>`
     // attend : les deux chemins doivent désigner le même fichier.
-    const racine = arborescence([e('a/x.md'), e('b.md'), e('a/y.md')]);
-    const a = descendre(racine, ['a']) as Noeud;
-    expect(a.enfants.map((n) => n.fichier?.rang)).toEqual([1, 3]);
-    expect(racine.enfants.find((n) => n.nom === 'b.md')?.fichier?.rang).toBe(2);
-  });
+    const racine = arborescence([e('a/x.md'), e('b.md'), e('a/y.md')])
+    const a = descendre(racine, ['a']) as Noeud
+    expect(a.enfants.map((n) => n.fichier?.rang)).toEqual([1, 3])
+    expect(racine.enfants.find((n) => n.nom === 'b.md')?.fichier?.rang).toBe(2)
+  })
 
   it('fond les dossiers qui n’ont qu’un dossier pour enfant', () => {
     // `rules/back/application/` compterait sinon trois clics pour n'offrir
     // aucun choix.
-    const racine = arborescence([e('rules/back/application/x.md')]);
-    expect(vue(racine)).toEqual(['rules/back/application/ 1']);
-    expect(vue(descendre(racine, ['rules/back/application']) as Noeud)).toEqual(['x.md']);
-  });
+    const racine = arborescence([e('rules/back/application/x.md')])
+    expect(vue(racine)).toEqual(['rules/back/application/ 1'])
+    expect(vue(descendre(racine, ['rules/back/application']) as Noeud)).toEqual(['x.md'])
+  })
 
   it('ne fond pas un dossier dont l’unique enfant est un fichier', () => {
     // Il y a bien un choix à montrer : celui d'ouvrir ce fichier.
-    expect(vue(arborescence([e('a/x.md')]))).toEqual(['a/ 1']);
-  });
+    expect(vue(arborescence([e('a/x.md')]))).toEqual(['a/ 1'])
+  })
 
   it('range les dossiers avant les fichiers, puis par ordre alphabétique', () => {
-    const racine = arborescence([e('z.md'), e('b/x.md'), e('a.md'), e('a/y.md')]);
-    expect(vue(racine)).toEqual(['a/ 1', 'b/ 1', 'a.md', 'z.md']);
-  });
+    const racine = arborescence([e('z.md'), e('b/x.md'), e('a.md'), e('a/y.md')])
+    expect(vue(racine)).toEqual(['a/ 1', 'b/ 1', 'a.md', 'z.md'])
+  })
 
   it('ne confond pas un dossier et un fichier de même nom', () => {
-    const racine = arborescence([e('a'), e('a/x.md')]);
-    expect(vue(racine)).toEqual(['a/ 1', 'a']);
-  });
+    const racine = arborescence([e('a'), e('a/x.md')])
+    expect(vue(racine)).toEqual(['a/ 1', 'a'])
+  })
 
   it('compte les fichiers à toute profondeur', () => {
-    const racine = arborescence([e('a/b/x.md'), e('a/c/y.md'), e('a/z.md')]);
-    expect(compte(racine)).toBe(3);
-    expect(compte(descendre(racine, ['a']) as Noeud)).toBe(3);
-  });
+    const racine = arborescence([e('a/b/x.md'), e('a/c/y.md'), e('a/z.md')])
+    expect(compte(racine)).toBe(3)
+    expect(compte(descendre(racine, ['a']) as Noeud)).toBe(3)
+  })
 
   it('ne descend nulle part par un chemin qui n’existe pas', () => {
-    const racine = arborescence([e('a/x.md')]);
-    expect(descendre(racine, ['inconnu'])).toBeUndefined();
+    const racine = arborescence([e('a/x.md')])
+    expect(descendre(racine, ['inconnu'])).toBeUndefined()
     // Un fichier n'est pas un dossier : on ne descend pas dedans.
-    expect(descendre(racine, ['a', 'x.md'])).toBeUndefined();
-  });
+    expect(descendre(racine, ['a', 'x.md'])).toBeUndefined()
+  })
 
   it('rend une racine vide pour une liste vide', () => {
-    const racine = arborescence([]);
-    expect(racine.enfants).toEqual([]);
-    expect(compte(racine)).toBe(0);
-  });
-});
+    const racine = arborescence([])
+    expect(racine.enfants).toEqual([])
+    expect(compte(racine)).toBe(0)
+  })
+})
 
 describe('elargi', () => {
-  const BLANC = String.fromCharCode(0x2800);
+  const BLANC = String.fromCharCode(0x2800)
 
   it('complète un en-tête court pour que le clavier prenne la largeur', () => {
     // Mesuré : la bulle dimensionne le clavier, et un en-tête court donne des
     // boutons de soixante pixels. Retirer ce remplissage rétrécirait les
     // boutons sans que rien d'autre ne change à l'écran.
-    const large = elargi('.claude — 59 fichiers.');
+    const large = elargi('.claude — 59 fichiers.')
     // Le texte visible reste intact et **sur sa ligne** : c'est tout l'intérêt
     // de reléguer le remplissage à la ligne suivante. Collé au texte, il le
     // poussait au-delà du bord d'un écran de téléphone et coupait la phrase.
-    expect(large.split('\n')[0]).toBe('.claude — 59 fichiers.');
-    expect(large.endsWith(BLANC)).toBe(true);
-  });
+    expect(large.split('\n')[0]).toBe('.claude — 59 fichiers.')
+    expect(large.endsWith(BLANC)).toBe(true)
+  })
 
   it('met assez de blancs pour que leur ligne atteigne seule la cible', () => {
     // Le piège corrigé : sur sa propre ligne, le remplissage ne complète pas
     // le texte, il le remplace dans le calcul de la largeur. En mettre juste
     // « ce qui manque » rétrécissait la bulle au lieu de l’élargir.
-    const court = elargi('a').split('\n')[1] ?? '';
-    const presqueLong = elargi('x'.repeat(60)).split('\n')[1] ?? '';
-    expect(court.length).toBe(presqueLong.length);
-    expect(court.length).toBeGreaterThanOrEqual(39);
-  });
+    const court = elargi('a').split('\n')[1] ?? ''
+    const presqueLong = elargi('x'.repeat(60)).split('\n')[1] ?? ''
+    expect(court).toHaveLength(presqueLong.length)
+    expect(court.length).toBeGreaterThanOrEqual(39)
+  })
 
   it('n’ajoute rien à un texte déjà assez long', () => {
-    const long = 'x'.repeat(70);
-    expect(elargi(long)).toBe(long);
-  });
+    const long = 'x'.repeat(70)
+    expect(elargi(long)).toBe(long)
+  })
 
   it('mesure la ligne la plus longue, celle qui fixe la largeur', () => {
     // Une ligne courte après une longue ne rétrécit pas la bulle : c'est la
     // plus longue qui décide, et elle seule.
-    expect(elargi(`${'x'.repeat(70)}\nabc`)).toBe(`${'x'.repeat(70)}\nabc`);
-  });
+    expect(elargi(`${'x'.repeat(70)}\nabc`)).toBe(`${'x'.repeat(70)}\nabc`)
+  })
 
   it('n’insère qu’un saut de ligne et des blancs invisibles', () => {
-    const ajout = elargi('court').slice('court'.length);
-    expect(ajout.startsWith('\n')).toBe(true);
-    expect(ajout.slice(1)).toBe(BLANC.repeat(ajout.length - 1));
-  });
-});
+    const ajout = elargi('court').slice('court'.length)
+    expect(ajout.startsWith('\n')).toBe(true)
+    expect(ajout.slice(1)).toBe(BLANC.repeat(ajout.length - 1))
+  })
+})
 
 describe('grille', () => {
-  const b = (texte: string) => ({ texte, donnee: 'x' });
+  const b = (texte: string) => ({ texte, donnee: 'x' })
 
   it('remplit une rangée tant que les libellés tiennent', () => {
-    const k = grille([b('aa'), b('bb'), b('cc')]);
-    expect(k.inline_keyboard).toHaveLength(1);
-  });
+    const k = grille([b('aa'), b('bb'), b('cc')])
+    expect(k.inline_keyboard).toHaveLength(1)
+  })
 
   it('ne met jamais plus de trois boutons sur une rangée', () => {
     // Pas une limite de l'API mais du doigt : au-delà, la cible est trop
     // étroite pour être touchée.
-    const k = grille([b('a'), b('b'), b('c'), b('d'), b('e')]);
-    expect(k.inline_keyboard[0]).toHaveLength(3);
-  });
+    const k = grille([b('a'), b('b'), b('c'), b('d'), b('e')])
+    expect(k.inline_keyboard[0]).toHaveLength(3)
+  })
 
   it('isole un libellé trop long pour partager une rangée', () => {
-    const k = grille([b('court'), b('un libellé vraiment très long pour une rangée')]);
-    expect(k.inline_keyboard).toHaveLength(2);
-  });
+    const k = grille([b('court'), b('un libellé vraiment très long pour une rangée')])
+    expect(k.inline_keyboard).toHaveLength(2)
+  })
 
   it('donne aux boutons « solo » leur propre rangée pleine largeur', () => {
-    const k = grille([b('aa')], [b('◀ Retour')]);
-    expect(k.inline_keyboard).toHaveLength(2);
-    expect(k.inline_keyboard[1]).toHaveLength(1);
-  });
+    const k = grille([b('aa')], [b('◀ Retour')])
+    expect(k.inline_keyboard).toHaveLength(2)
+    expect(k.inline_keyboard[1]).toHaveLength(1)
+  })
 
   it('rend un clavier vide quand il n’y a rien à montrer', () => {
-    expect(grille([]).inline_keyboard).toEqual([]);
-  });
-});
+    expect(grille([]).inline_keyboard).toEqual([])
+  })
+})
diff --git a/test/path-guard.test.ts b/test/path-guard.test.ts
index af202d4..f2c54f0 100644
--- a/test/path-guard.test.ts
+++ b/test/path-guard.test.ts
@@ -9,107 +9,105 @@
 // comme la liste l'écrit : la casse, le lien, et le nom court de Windows. Ils
 // tournent sur un faux dossier `.claude`, pas sur le vôtre.
 
-import { mkdtemp, mkdir, rm, writeFile, symlink } from 'node:fs/promises';
-import { tmpdir } from 'node:os';
-import { join } from 'node:path';
-import { afterAll, beforeAll, describe, expect, it } from 'vitest';
-import type * as Paths from '../server/claude/paths.ts';
+import { mkdtemp, mkdir, rm, writeFile, symlink } from 'node:fs/promises'
+import { tmpdir } from 'node:os'
+import { join } from 'node:path'
+import { afterAll, beforeAll, describe, expect, it } from 'vitest'
+import type * as Paths from '../server/claude/paths.ts'
 
-let root: string;
-let outside: string;
-let paths: typeof Paths;
+let root: string
+let outside: string
+let paths: typeof Paths
 
 beforeAll(async () => {
-  root = await mkdtemp(join(tmpdir(), 'aura-guard-'));
-  outside = await mkdtemp(join(tmpdir(), 'aura-hors-'));
-  await writeFile(join(root, '.credentials.json'), '{"token":"secret"}');
-  await mkdir(join(root, 'agents'));
-  await writeFile(join(root, 'agents', 'relecteur.md'), '# Relecteur');
-  await mkdir(join(root, 'sessions'));
-  await writeFile(join(root, 'sessions', 'privee.jsonl'), '{"prompt":"privé"}');
-  await writeFile(join(outside, 'butin.txt'), 'rien à voir ici');
+  root = await mkdtemp(join(tmpdir(), 'aura-guard-'))
+  outside = await mkdtemp(join(tmpdir(), 'aura-hors-'))
+  await writeFile(join(root, '.credentials.json'), '{"token":"secret"}')
+  await mkdir(join(root, 'agents'))
+  await writeFile(join(root, 'agents', 'relecteur.md'), '# Relecteur')
+  await mkdir(join(root, 'sessions'))
+  await writeFile(join(root, 'sessions', 'privee.jsonl'), '{"prompt":"privé"}')
+  await writeFile(join(outside, 'butin.txt'), 'rien à voir ici')
 
   // Le module lit la racine au chargement : elle doit être posée avant l'import.
-  process.env.AURA_CLAUDE_DIR = root;
-  paths = await import('../server/claude/paths.ts');
-});
+  process.env.AURA_CLAUDE_DIR = root
+  paths = await import('../server/claude/paths.ts')
+})
 
 afterAll(async () => {
-  delete process.env.AURA_CLAUDE_DIR;
-  await rm(root, { recursive: true, force: true });
-  await rm(outside, { recursive: true, force: true });
-});
+  delete process.env.AURA_CLAUDE_DIR
+  await rm(root, { recursive: true, force: true })
+  await rm(outside, { recursive: true, force: true })
+})
 
 describe('isDenied', () => {
   it('refuse le secret quelle que soit la casse', () => {
     for (const nom of ['.credentials.json', '.Credentials.json', '.CREDENTIALS.JSON']) {
-      expect(paths.isDenied(nom)).toBe(true);
+      expect(paths.isDenied(nom)).toBe(true)
     }
-  });
+  })
 
   it('refuse les zones privées quelle que soit la casse', () => {
     for (const nom of ['sessions', 'Sessions', 'File-History/x.json', 'STATSIG/a']) {
-      expect(paths.isDenied(nom)).toBe(true);
+      expect(paths.isDenied(nom)).toBe(true)
     }
-  });
+  })
 
   it('laisse passer ce qui n’est pas listé', () => {
-    expect(paths.isDenied('agents/relecteur.md')).toBe(false);
-  });
-});
+    expect(paths.isDenied('agents/relecteur.md')).toBe(false)
+  })
+})
 
 describe('isWritable', () => {
   it('accepte les deux fichiers nommés, dans leur casse d’usage', () => {
-    expect(paths.isWritable('settings.json')).toBe(true);
-    expect(paths.isWritable('CLAUDE.md')).toBe(true);
-  });
+    expect(paths.isWritable('settings.json')).toBe(true)
+    expect(paths.isWritable('CLAUDE.md')).toBe(true)
+  })
 
   it('accepte les zones éditables et refuse le reste', () => {
-    expect(paths.isWritable('agents/relecteur.md')).toBe(true);
-    expect(paths.isWritable('telemetry/a.json')).toBe(false);
-    expect(paths.isWritable('.credentials.json')).toBe(false);
-  });
-});
+    expect(paths.isWritable('agents/relecteur.md')).toBe(true)
+    expect(paths.isWritable('telemetry/a.json')).toBe(false)
+    expect(paths.isWritable('.credentials.json')).toBe(false)
+  })
+})
 
 describe('resolveForRead', () => {
   it('refuse le secret écrit dans une autre casse', () => {
-    expect(() => paths.resolveForRead('.Credentials.json')).toThrow();
-  });
+    expect(() => paths.resolveForRead('.Credentials.json')).toThrow()
+  })
 
   it('rend le nom que le disque emploie, pas celui qu’on a demandé', () => {
     // C'est ce qui fait tenir la denylist : elle juge la forme canonique.
-    expect(paths.resolveForRead('AGENTS/relecteur.md').rel).toBe('agents/relecteur.md');
-  });
+    expect(paths.resolveForRead('AGENTS/relecteur.md').rel).toBe('agents/relecteur.md')
+  })
 
   it('refuse un chemin qui remonte hors de la racine', () => {
-    expect(() => paths.resolveForRead('../hors.txt')).toThrow();
-  });
+    expect(() => paths.resolveForRead('../hors.txt')).toThrow()
+  })
 
   // Des jonctions, et non des liens de fichier : Windows n'accorde ces derniers
   // qu'à un compte privilégié, si bien qu'un cas écrit avec eux se sauterait en
   // silence sur le poste même où il compte.
   it('refuse une jonction qui sort de la racine', async () => {
     try {
-      await symlink(outside, join(root, 'evasion'), 'junction');
+      await symlink(outside, join(root, 'evasion'), 'junction')
     } catch {
-      return; // même les jonctions sont refusées ici : le reste des cas suffit.
+      return // même les jonctions sont refusées ici : le reste des cas suffit.
     }
-    expect(() => paths.resolveForRead('evasion/butin.txt')).toThrow();
-  });
+    expect(() => paths.resolveForRead('evasion/butin.txt')).toThrow()
+  })
 
   it('refuse une zone privée atteinte par une jonction interne', async () => {
     // Le nom demandé — `agents/archives` — n'est dans aucune liste. Seule la
     // forme canonique dit qu'il mène à `sessions`, et c'est elle qu'on juge.
     try {
-      await symlink(join(root, 'sessions'), join(root, 'agents', 'archives'), 'junction');
+      await symlink(join(root, 'sessions'), join(root, 'agents', 'archives'), 'junction')
     } catch {
-      return;
+      return
     }
     // Le refus doit venir de la denylist, pas d'un fichier introuvable : c'est
     // la canonisation qui a fait apparaître `sessions` derrière `agents`.
-    expect(paths.resolveSafe('agents/archives/privee.jsonl').rel).toBe('sessions/privee.jsonl');
-    expect(() => paths.resolveForRead('agents/archives/privee.jsonl')).toThrow(
-      /ne lis pas ce chemin/,
-    );
-  });
-});
+    expect(paths.resolveSafe('agents/archives/privee.jsonl').rel).toBe('sessions/privee.jsonl')
+    expect(() => paths.resolveForRead('agents/archives/privee.jsonl')).toThrow(/ne lis pas ce chemin/)
+  })
+})
diff --git a/test/path-match.test.ts b/test/path-match.test.ts
index 4bc8c14..b125f3e 100644
--- a/test/path-match.test.ts
+++ b/test/path-match.test.ts
@@ -9,8 +9,8 @@
 // Rien n'est tronqué à l'affichage : ce qui borne la liste, c'est ce que le
 // dépôt ignore (côté serveur) et ce que l'utilisateur replie.
 
-import { describe, expect, it } from 'vitest';
-import { treeRows } from '../src/utils/pathMatch.ts';
+import { describe, expect, it } from 'vitest'
+import { treeRows } from '../src/utils/pathMatch.ts'
 
 const FILES = [
   'README.md',
@@ -24,67 +24,59 @@ const FILES = [
   'server/agent/runner.ts',
   'app/MainWindow.xaml',
   'app/MainWindow.xaml.cs',
-];
+]
 
 /** Les fichiers retenus, dans l'ordre où le clavier les parcourt. */
 const files = (query: string): string[] =>
   treeRows(FILES, query)
     .rows.filter((r) => r.kind === 'file')
-    .map((r) => r.path);
+    .map((r) => r.path)
 
 /** Le rendu tel qu'il s'affiche, indentation comprise. */
 const drawn = (query: string, collapsed?: Set<string>): string[] =>
-  treeRows(FILES, query, collapsed).rows.map(
-    (r) => '  '.repeat(r.depth) + (r.kind === 'dir' ? `${r.label}/` : r.label),
-  );
+  treeRows(FILES, query, collapsed).rows.map((r) => '  '.repeat(r.depth) + (r.kind === 'dir' ? `${r.label}/` : r.label))
 
 describe('treeRows — ce qui est retenu', () => {
   it('cherche par extension seule, ce qu’on tape le plus souvent', () => {
-    expect(files('cs')).toEqual(['app/MainWindow.xaml.cs']);
+    expect(files('cs')).toEqual(['app/MainWindow.xaml.cs'])
     // Le `.xaml` d'abord, son code-behind juste après : son nom contient bien
     // « xaml », et pour qui travaille en WPF c'est le fichier jumeau, pas du bruit.
-    expect(files('xaml')).toEqual(['app/MainWindow.xaml', 'app/MainWindow.xaml.cs']);
-    expect(files('ts').every((p) => p.endsWith('.ts'))).toBe(true);
-  });
+    expect(files('xaml')).toEqual(['app/MainWindow.xaml', 'app/MainWindow.xaml.cs'])
+    expect(files('ts').every((p) => p.endsWith('.ts'))).toBe(true)
+  })
 
   it('accepte le point, écrit ou non', () => {
-    expect(files('.xaml')).toEqual(files('xaml'));
-  });
+    expect(files('.xaml')).toEqual(files('xaml'))
+  })
 
   it('ne pêche pas au chalut sur une saisie courte', () => {
     // `cs` en sous-séquence ramenait sept chemins sur onze : un `c` suivi d'un
     // `s` se trouve à peu près partout. Sous quatre caractères, seules les
     // correspondances franches comptent — sauf si la saisie porte un `/`.
-    expect(files('cs')).toEqual(['app/MainWindow.xaml.cs']);
-    expect(files('ui/')).toEqual(['src/components/ui/SegmentedControl.vue']);
-  });
+    expect(files('cs')).toEqual(['app/MainWindow.xaml.cs'])
+    expect(files('ui/')).toEqual(['src/components/ui/SegmentedControl.vue'])
+  })
 
   it('écarte le remplissage dès qu’il existe mieux', () => {
     // `composer` trouvait 54 chemins sur ce dépôt, dont 53 parce que ces lettres
     // se suivent quelque part dans leur dossier. Seuls le meilleur rang et le
     // suivant sont gardés.
-    expect(files('composer')).toEqual(['src/components/agent/SessionComposer.vue']);
-  });
+    expect(files('composer')).toEqual(['src/components/agent/SessionComposer.vue'])
+  })
 
   it('écarte ce qui ne correspond pas du tout', () => {
-    expect(treeRows(FILES, 'zzz').rows).toEqual([]);
-  });
-});
+    expect(treeRows(FILES, 'zzz').rows).toEqual([])
+  })
+})
 
 describe('treeRows — l’arbre', () => {
   it('emboîte les segments, un par ligne, sans jamais montrer un chemin', () => {
-    expect(drawn('index')).toEqual([
-      'src/services/',
-      '  agent/',
-      '    index.ts',
-      '  projects/',
-      '    index.ts',
-    ]);
-  });
+    expect(drawn('index')).toEqual(['src/services/', '  agent/', '    index.ts', '  projects/', '    index.ts'])
+  })
 
   it('fond les dossiers à enfant unique : une branche, pas un couloir', () => {
-    expect(drawn('src/services/agent/')).toEqual(['src/services/agent/', '  index.ts']);
-  });
+    expect(drawn('src/services/agent/')).toEqual(['src/services/agent/', '  index.ts'])
+  })
 
   it('trie comme un explorateur : dossiers puis fichiers, par ordre alphabétique', () => {
     // Sans saisie, tout correspond : c'est l'arbre entier qui se montre, et
@@ -111,48 +103,43 @@ describe('treeRows — l’arbre', () => {
       '      index.ts',
       'package.json',
       'README.md',
-    ]);
-  });
+    ])
+  })
 
   it('désigne la meilleure réponse à part, puisque l’alphabet l’ignore', () => {
     // `runner` sort en troisième branche à l'affichage, mais c'est lui qu'Entrée
     // doit insérer : `best` le dit, l'ordre des lignes ne le pouvait pas.
-    expect(treeRows(FILES, 'runner').best).toBe('server/agent/runner.ts');
-    expect(treeRows(FILES, 'composer').best).toBe('src/components/agent/SessionComposer.vue');
-  });
+    expect(treeRows(FILES, 'runner').best).toBe('server/agent/runner.ts')
+    expect(treeRows(FILES, 'composer').best).toBe('src/components/agent/SessionComposer.vue')
+  })
 
   it('laisse les fichiers de racine à la racine', () => {
-    expect(drawn('readme')).toEqual(['README.md']);
-  });
+    expect(drawn('readme')).toEqual(['README.md'])
+  })
 
   it('compte tous les fichiers retenus, repliés compris', () => {
-    expect(treeRows(FILES, 'index').total).toBe(2);
-  });
-});
+    expect(treeRows(FILES, 'index').total).toBe(2)
+  })
+})
 
 describe('treeRows — le repli', () => {
   it('cache les descendants d’un dossier fermé et annonce ce qu’il retient', () => {
-    const { rows } = treeRows(FILES, 'index', new Set(['src/services']));
+    const { rows } = treeRows(FILES, 'index', new Set(['src/services']))
 
-    expect(rows).toHaveLength(1);
+    expect(rows).toHaveLength(1)
     expect(rows[0]).toMatchObject({
       kind: 'dir',
       label: 'src/services',
       collapsed: true,
       count: 2,
-    });
-  });
+    })
+  })
 
   it('ne replie que la branche visée', () => {
-    expect(drawn('index', new Set(['src/services/agent']))).toEqual([
-      'src/services/',
-      '  agent/',
-      '  projects/',
-      '    index.ts',
-    ]);
-  });
+    expect(drawn('index', new Set(['src/services/agent']))).toEqual(['src/services/', '  agent/', '  projects/', '    index.ts'])
+  })
 
   it('garde le compte total, même replié : ce qui est caché existe encore', () => {
-    expect(treeRows(FILES, 'index', new Set(['src/services'])).total).toBe(2);
-  });
-});
+    expect(treeRows(FILES, 'index', new Set(['src/services'])).total).toBe(2)
+  })
+})
diff --git a/test/plan-mode.test.ts b/test/plan-mode.test.ts
index 2c1cc3e..8a0cd04 100644
--- a/test/plan-mode.test.ts
+++ b/test/plan-mode.test.ts
@@ -11,63 +11,58 @@
 // mode plan traverse les frontières de session, et **45 sessions sur 133** ont
 // un compte de bornes déséquilibré.
 
-import { describe, expect, it } from 'vitest';
-import { join } from 'node:path';
-import { parseTranscript } from '../server/transcript.ts';
-import type { TranscriptEvent } from '../shared/transcript.ts';
+import { join } from 'node:path'
+import { describe, expect, it } from 'vitest'
+import { parseTranscript } from '../server/transcript.ts'
+import type { TranscriptEvent } from '../shared/transcript.ts'
 
 const load = async (name: string): Promise<TranscriptEvent[]> =>
-  (await parseTranscript(join(import.meta.dirname, 'fixtures', `${name}.jsonl`), 'fixture')).events;
+  (await parseTranscript(join(import.meta.dirname, 'fixtures', `${name}.jsonl`), 'fixture')).events
 
-const bornes = (evs: TranscriptEvent[]) => evs.filter((e) => e.kind === 'planmode');
-const marques = (evs: TranscriptEvent[]) => evs.filter((e) => e.inPlanMode).map((e) => e.uuid);
+const bornes = (evs: TranscriptEvent[]) => evs.filter((e) => e.kind === 'planmode')
+const marques = (evs: TranscriptEvent[]) => evs.filter((e) => e.inPlanMode).map((e) => e.uuid)
 
 describe('bornes du mode plan', () => {
   it('lit l’entrée, la reprise et la sortie', async () => {
-    const evs = await load('plan-mode');
-    expect(bornes(evs).map((e) => e.planMode?.phase)).toEqual([
-      'enter',
-      'reentry',
-      'exit',
-      'enter',
-    ]);
-  });
+    const evs = await load('plan-mode')
+    expect(bornes(evs).map((e) => e.planMode?.phase)).toEqual(['enter', 'reentry', 'exit', 'enter'])
+  })
 
   it('distingue le plan neuf du plan repris', async () => {
-    const [entree] = bornes(await load('plan-mode'));
-    expect(entree?.planMode?.planExists).toBe(false);
-    expect(entree?.planMode?.planFilePath).toContain('zany-watching-toast.md');
-  });
+    const [entree] = bornes(await load('plan-mode'))
+    expect(entree?.planMode?.planExists).toBe(false)
+    expect(entree?.planMode?.planFilePath).toContain('zany-watching-toast.md')
+  })
 
   it('ne laisse pas le régime d’un sous-agent devenir celui de la session', async () => {
     // `pm3` est une entrée en mode plan sur une sidechain : elle appartient à la
     // conversation de l'agent, jamais à celle qui l'a lancé.
-    const evs = await load('plan-mode');
-    expect(evs.map((e) => e.uuid)).not.toContain('pm3');
-  });
-});
+    const evs = await load('plan-mode')
+    expect(evs.map((e) => e.uuid)).not.toContain('pm3')
+  })
+})
 
 describe('portée du régime', () => {
   it('marque tout ce qui tombe entre l’ouverture et la fermeture', async () => {
     // `a5` est après la sortie : il n'est pas contraint.
-    expect(marques(await load('plan-mode'))).toEqual(['a1', 'a2', 'a3', 'a4', 'a6']);
-  });
+    expect(marques(await load('plan-mode'))).toEqual(['a1', 'a2', 'a3', 'a4', 'a6'])
+  })
 
   it('annonce le nombre de tours à l’ouverture', async () => {
-    const [entree] = bornes(await load('plan-mode'));
+    const [entree] = bornes(await load('plan-mode'))
     // a1, a2, a3, a4 — quatre réponses avant la sortie.
-    expect(entree?.planMode?.turns).toBe(4);
-  });
+    expect(entree?.planMode?.turns).toBe(4)
+  })
 
   it('ne chiffre pas la portée d’un régime resté ouvert', async () => {
     // 12 sessions du parc finissent en mode plan. Rien ne dit combien de tours
     // il aurait couverts de plus, donc rien n'est annoncé — mais `a6` est bien
     // marqué : lui, on sait qu'il était contraint.
-    const derniere = bornes(await load('plan-mode')).at(-1);
-    expect(derniere?.planMode?.turns).toBeUndefined();
-    expect(marques(await load('plan-mode'))).toContain('a6');
-  });
-});
+    const derniere = bornes(await load('plan-mode')).at(-1)
+    expect(derniere?.planMode?.turns).toBeUndefined()
+    expect(marques(await load('plan-mode'))).toContain('a6')
+  })
+})
 
 describe('ce que le fichier ne dit pas', () => {
   it('ne réouvre pas un régime déjà ouvert quand le CLI redit le rappel', async () => {
@@ -77,16 +72,16 @@ describe('ce que le fichier ne dit pas', () => {
     // repartirait le compte de tours à zéro — `turns` vaudrait 2 au lieu de 4.
     // La ligne sort du fil : vidée de sa borne, elle s'afficherait en bloc
     // « Système » sans rien dire.
-    const evs = await load('plan-mode');
-    expect(evs.map((e) => e.uuid)).not.toContain('pm2');
-  });
+    const evs = await load('plan-mode')
+    expect(evs.map((e) => e.uuid)).not.toContain('pm2')
+  })
 
   it('accepte une sortie sans ouverture, sans en inventer une', async () => {
     // Une session reprise (`--continue`) démarre dans un régime ouvert par la
     // précédente : 33 sorties orphelines au parc. La sortie s'affiche, et rien
     // avant elle n'est teinté — on ne sait pas si `a1` était contraint.
-    const evs = await load('plan-mode-reprise');
-    expect(bornes(evs).map((e) => e.planMode?.phase)).toEqual(['exit']);
-    expect(marques(evs)).toEqual([]);
-  });
-});
+    const evs = await load('plan-mode-reprise')
+    expect(bornes(evs).map((e) => e.planMode?.phase)).toEqual(['exit'])
+    expect(marques(evs)).toEqual([])
+  })
+})
diff --git a/test/processes.test.ts b/test/processes.test.ts
index affba11..407c1bb 100644
--- a/test/processes.test.ts
+++ b/test/processes.test.ts
@@ -10,15 +10,15 @@
 // et que l'ordre de coupe place toujours un hôte avant son job : l'inverse a été
 // mesuré, le job renaît dans la seconde sous un nouveau PID.
 
-import { describe, expect, it } from 'vitest';
-import { buildProcessList, killOrder, spawnedByPid, type RawProcess } from '../server/processes.ts';
+import { describe, expect, it } from 'vitest'
+import { buildProcessList, killOrder, spawnedByPid, type RawProcess } from '../server/processes.ts'
 
 /** Le PID du BFF dans ce relevé. Son parent est un `node --watch`, hors table. */
-const AURA = 17648;
+const AURA = 17648
 
 /** Les PID encore vivants au moment du relevé. `24680` est mort, son daemon non. */
-const VIVANTS = new Set([17648, 26132, 14864, 18220, 31724, 24332, 17216, 3432, 11232, 16556]);
-const estVivant = (pid: number): boolean => VIVANTS.has(pid);
+const VIVANTS = new Set([17648, 26132, 14864, 18220, 31724, 24332, 17216, 3432, 11232, 16556])
+const estVivant = (pid: number): boolean => VIVANTS.has(pid)
 
 const PARC: RawProcess[] = [
   // Le BFF, lancé par `node --watch` (16556), qui ne parle pas de Claude.
@@ -32,8 +32,7 @@ const PARC: RawProcess[] = [
   {
     pid: 26132,
     ppid: 8164,
-    command:
-      'claude.exe daemon run --origin transient --spawned-by "{\\"label\\":\\"claude\\",\\"cwd\\":\\"C:\\\\devl\\\\aura\\",\\"pid\\":24680}"',
+    command: 'claude.exe daemon run --origin transient --spawned-by "{\\"label\\":\\"claude\\",\\"cwd\\":\\"C:\\\\devl\\\\aura\\",\\"pid\\":24680}"',
     startedAt: 1_786_477_449_000,
   },
   {
@@ -81,55 +80,54 @@ const PARC: RawProcess[] = [
     command: 'C:\\devl\\aura\\node_modules\\@anthropic-ai\\claude-agent-sdk-win32-x64\\claude.exe',
     startedAt: 1_786_478_200_000,
   },
-];
+]
 
-const liste = (): ReturnType<typeof buildProcessList> =>
-  buildProcessList(PARC, AURA, [], estVivant);
+const liste = (): ReturnType<typeof buildProcessList> => buildProcessList(PARC, AURA, [], estVivant)
 
-const kindOf = (pid: number): string | undefined => liste().find((p) => p.pid === pid)?.kind;
+const kindOf = (pid: number): string | undefined => liste().find((p) => p.pid === pid)?.kind
 
 describe('reconnaître les processus', () => {
   it('donne son rôle à chacun', () => {
-    expect(kindOf(AURA)).toBe('aura');
-    expect(kindOf(26132)).toBe('daemon');
-    expect(kindOf(14864)).toBe('pty-host');
-    expect(kindOf(18220)).toBe('bg-job');
-    expect(kindOf(24332)).toBe('bg-job');
-    expect(kindOf(17216)).toBe('interactive');
-    expect(kindOf(20452)).toBe('native-host');
-    expect(kindOf(21000)).toBe('atelier');
-  });
+    expect(kindOf(AURA)).toBe('aura')
+    expect(kindOf(26132)).toBe('daemon')
+    expect(kindOf(14864)).toBe('pty-host')
+    expect(kindOf(18220)).toBe('bg-job')
+    expect(kindOf(24332)).toBe('bg-job')
+    expect(kindOf(17216)).toBe('interactive')
+    expect(kindOf(20452)).toBe('native-host')
+    expect(kindOf(21000)).toBe('atelier')
+  })
 
   it('garde le BFF, qui ne parle pourtant pas de Claude', () => {
     // Sans lui, les sessions de l'Atelier n'auraient plus de parent dans l'arbre.
-    expect(liste().map((p) => p.pid)).toContain(AURA);
-  });
+    expect(liste().map((p) => p.pid)).toContain(AURA)
+  })
 
   it('ne marque orphelin que le daemon dont le lanceur est mort', () => {
     const orphelins = liste()
       .filter((p) => p.orphan)
-      .map((p) => p.pid);
-    expect(orphelins).toEqual([26132]);
-  });
+      .map((p) => p.pid)
+    expect(orphelins).toEqual([26132])
+  })
 
   it('ne prend pas une session de terminal pour une abandonnée', () => {
     // Son parent est un shell : absent de la table, bien vivant sur la machine.
     // Juger sur la table plutôt que sur le système les déclarerait toutes perdues.
-    expect(liste().find((p) => p.pid === 17216)?.orphan).toBe(false);
-  });
+    expect(liste().find((p) => p.pid === 17216)?.orphan).toBe(false)
+  })
 
   it('lit le lanceur que le daemon inscrit dans sa propre ligne', () => {
-    expect(spawnedByPid(PARC[1]?.command ?? '')).toBe(24680);
-    expect(spawnedByPid('claude.exe --bg-pty-host truc')).toBe(0);
-  });
+    expect(spawnedByPid(PARC[1]?.command ?? '')).toBe(24680)
+    expect(spawnedByPid('claude.exe --bg-pty-host truc')).toBe(0)
+  })
 
   it('protège AURA d’elle-même', () => {
     expect(
       liste()
         .filter((p) => p.self)
         .map((p) => p.pid),
-    ).toEqual([AURA]);
-  });
+    ).toEqual([AURA])
+  })
 
   it('rapproche le fichier de session, quand il y en a un', () => {
     const avecNom = buildProcessList(
@@ -146,43 +144,38 @@ describe('reconnaître les processus', () => {
         },
       ],
       estVivant,
-    );
-    const job = avecNom.find((p) => p.pid === 18220);
-    expect(job?.name).toBe('Étude de faisabilité');
-    expect(job?.status).toBe('busy');
-  });
-});
+    )
+    const job = avecNom.find((p) => p.pid === 18220)
+    expect(job?.name).toBe('Étude de faisabilité')
+    expect(job?.status).toBe('busy')
+  })
+})
 
 describe('ordre de coupe', () => {
   it('place le daemon avant ses hôtes, et chaque hôte avant son job', () => {
-    const ordre = killOrder(26132, true, liste());
+    const ordre = killOrder(26132, true, liste())
 
-    expect(ordre[0]).toBe(26132);
-    expect(ordre).toHaveLength(5);
+    expect(ordre[0]).toBe(26132)
+    expect(ordre).toHaveLength(5)
     for (const [hôte, job] of [
       [14864, 18220],
       [31724, 24332],
     ]) {
-      expect(ordre.indexOf(hôte as number)).toBeLessThan(ordre.indexOf(job as number));
+      expect(ordre.indexOf(hôte as number)).toBeLessThan(ordre.indexOf(job as number))
     }
-  });
+  })
 
   it('ne coupe que la cible quand on ne demande pas la descendance', () => {
-    expect(killOrder(26132, false, liste())).toEqual([26132]);
-  });
+    expect(killOrder(26132, false, liste())).toEqual([26132])
+  })
 
   it('descend d’un hôte à son seul job', () => {
-    expect(killOrder(14864, true, liste())).toEqual([14864, 18220]);
-  });
+    expect(killOrder(14864, true, liste())).toEqual([14864, 18220])
+  })
 
   it('ne boucle pas si un processus se déclare son propre parent', () => {
     // Un PID recyclé peut former ce cycle ; le balayage ne doit pas y rester.
-    const bouclé = buildProcessList(
-      [{ pid: 500, ppid: 500, command: 'claude.exe' }],
-      AURA,
-      [],
-      estVivant,
-    );
-    expect(killOrder(500, true, bouclé)).toEqual([500]);
-  });
-});
+    const bouclé = buildProcessList([{ pid: 500, ppid: 500, command: 'claude.exe' }], AURA, [], estVivant)
+    expect(killOrder(500, true, bouclé)).toEqual([500])
+  })
+})
diff --git a/test/project-files.test.ts b/test/project-files.test.ts
index 9826c2e..168b527 100644
--- a/test/project-files.test.ts
+++ b/test/project-files.test.ts
@@ -9,62 +9,62 @@
 // Le parcours testé est celui des dossiers **sans** dépôt git : quand il y en a
 // un, c'est `git ls-files` qui répond, et c'est son `.gitignore` qui exclut.
 
-import { mkdtemp, mkdir, writeFile } from 'node:fs/promises';
-import { tmpdir } from 'node:os';
-import { join } from 'node:path';
-import { describe, expect, it } from 'vitest';
-import { listProjectFiles } from '../server/agent/files.ts';
+import { mkdtemp, mkdir, writeFile } from 'node:fs/promises'
+import { tmpdir } from 'node:os'
+import { join } from 'node:path'
+import { describe, expect, it } from 'vitest'
+import { listProjectFiles } from '../server/agent/files.ts'
 
 /** Un dossier jetable, avec les pièges habituels d'une arborescence réelle. */
 async function tree(): Promise<string> {
-  const root = await mkdtemp(join(tmpdir(), 'aura-files-'));
-  await mkdir(join(root, 'src', 'deep'), { recursive: true });
-  await mkdir(join(root, 'node_modules', 'left-pad'), { recursive: true });
-  await mkdir(join(root, '.git'), { recursive: true });
-  await mkdir(join(root, 'dist'), { recursive: true });
+  const root = await mkdtemp(join(tmpdir(), 'aura-files-'))
+  await mkdir(join(root, 'src', 'deep'), { recursive: true })
+  await mkdir(join(root, 'node_modules', 'left-pad'), { recursive: true })
+  await mkdir(join(root, '.git'), { recursive: true })
+  await mkdir(join(root, 'dist'), { recursive: true })
 
-  await writeFile(join(root, 'README.md'), '#');
-  await writeFile(join(root, '.env'), 'TOKEN=1');
-  await writeFile(join(root, 'secrets.json'), '{}');
-  await writeFile(join(root, 'src', 'app.ts'), '//');
-  await writeFile(join(root, 'src', 'deep', 'util.ts'), '//');
-  await writeFile(join(root, 'node_modules', 'left-pad', 'index.js'), '//');
-  await writeFile(join(root, '.git', 'HEAD'), 'ref');
-  await writeFile(join(root, 'dist', 'bundle.js'), '//');
-  return root;
+  await writeFile(join(root, 'README.md'), '#')
+  await writeFile(join(root, '.env'), 'TOKEN=1')
+  await writeFile(join(root, 'secrets.json'), '{}')
+  await writeFile(join(root, 'src', 'app.ts'), '//')
+  await writeFile(join(root, 'src', 'deep', 'util.ts'), '//')
+  await writeFile(join(root, 'node_modules', 'left-pad', 'index.js'), '//')
+  await writeFile(join(root, '.git', 'HEAD'), 'ref')
+  await writeFile(join(root, 'dist', 'bundle.js'), '//')
+  return root
 }
 
 describe('listProjectFiles', () => {
   it('rend les fichiers du projet, chemins relatifs et séparateurs uniformes', async () => {
-    const { files } = await listProjectFiles(await tree());
+    const { files } = await listProjectFiles(await tree())
 
-    expect(files).toContain('README.md');
-    expect(files).toContain('src/app.ts');
-    expect(files).toContain('src/deep/util.ts');
+    expect(files).toContain('README.md')
+    expect(files).toContain('src/app.ts')
+    expect(files).toContain('src/deep/util.ts')
     // Jamais de séparateur Windows : le chemin s'écrit dans un prompt, et c'est
     // celui-là que le modèle relira.
-    expect(files.every((f) => !f.includes('\\'))).toBe(true);
-  });
+    expect(files.every((f) => !f.includes('\\'))).toBe(true)
+  })
 
   it('ne propose pas ce que le BFF refuserait de lire', async () => {
-    const { files } = await listProjectFiles(await tree());
+    const { files } = await listProjectFiles(await tree())
 
-    expect(files).not.toContain('.env');
-    expect(files).not.toContain('secrets.json');
-  });
+    expect(files).not.toContain('.env')
+    expect(files).not.toContain('secrets.json')
+  })
 
   it('laisse dehors les dossiers lourds ou engendrés', async () => {
-    const { files } = await listProjectFiles(await tree());
+    const { files } = await listProjectFiles(await tree())
 
-    expect(files.filter((f) => f.startsWith('node_modules/'))).toEqual([]);
-    expect(files.filter((f) => f.startsWith('.git/'))).toEqual([]);
-    expect(files.filter((f) => f.startsWith('dist/'))).toEqual([]);
-  });
+    expect(files.filter((f) => f.startsWith('node_modules/'))).toEqual([])
+    expect(files.filter((f) => f.startsWith('.git/'))).toEqual([])
+    expect(files.filter((f) => f.startsWith('dist/'))).toEqual([])
+  })
 
   it('rend une liste vide plutôt qu’une erreur sur un dossier absent', async () => {
-    const { files, truncated } = await listProjectFiles(join(tmpdir(), 'aura-absent-xyz'));
+    const { files, truncated } = await listProjectFiles(join(tmpdir(), 'aura-absent-xyz'))
 
-    expect(files).toEqual([]);
-    expect(truncated).toBe(false);
-  });
-});
+    expect(files).toEqual([])
+    expect(truncated).toBe(false)
+  })
+})
diff --git a/test/project-resources.test.ts b/test/project-resources.test.ts
index 253b27d..07a1800 100644
--- a/test/project-resources.test.ts
+++ b/test/project-resources.test.ts
@@ -8,73 +8,60 @@
 // Ce code n'était couvert par rien tant qu'il vivait dans le `<script setup>`
 // d'une page de 1 400 lignes.
 
-import { describe, expect, it } from 'vitest';
-import {
-  buildCandidateTree,
-  buildTree,
-  groupSkills,
-  treeCount,
-  type RuleDirNode,
-} from '../src/components/resources/projectResources.ts';
-import type { FolderCandidate, ResourceCategory, ResourceNode } from '../shared/projects.ts';
+import { describe, expect, it } from 'vitest'
+import type { FolderCandidate, ResourceCategory, ResourceNode } from '../shared/projects.ts'
+import { buildCandidateTree, buildTree, groupSkills, treeCount, type RuleDirNode } from '../src/components/resources/projectResources.ts'
 
 /** Un nœud minimal : seuls `rel`, `name`, `title` et `category` sont lus. */
 function res(rel: string, category: ResourceCategory, title = ''): ResourceNode {
-  const name = rel.split('/').pop() ?? rel;
-  return { category, rel, name, title: title || name, description: '', size: 100, mtime: 0 };
+  const name = rel.split('/').pop() ?? rel
+  return { category, rel, name, title: title || name, description: '', size: 100, mtime: 0 }
 }
 
 /** Le nœud d'un chemin, pour affirmer sur un endroit précis de l'arbre. */
 function at(nodes: ReturnType<typeof buildTree>, path: string) {
-  let level: ReturnType<typeof buildTree> | undefined = nodes;
-  let node: (typeof nodes)[number] | undefined;
+  let level: ReturnType<typeof buildTree> | undefined = nodes
+  let node: (typeof nodes)[number] | undefined
   for (const part of path.split('/')) {
-    node = level?.find((n) => (n.type === 'dir' ? n.name : n.label) === part);
-    level = node?.type === 'dir' ? node.children : undefined;
+    node = level?.find((n) => (n.type === 'dir' ? n.name : n.label) === part)
+    level = node?.type === 'dir' ? node.children : undefined
   }
-  return node;
+  return node
 }
 
 describe('buildTree', () => {
-  const rules = [
-    res('rules/back/domain.md', 'rules'),
-    res('rules/back/application/contracts.md', 'rules'),
-    res('rules/front.md', 'rules'),
-  ];
+  const rules = [res('rules/back/domain.md', 'rules'), res('rules/back/application/contracts.md', 'rules'), res('rules/front.md', 'rules')]
 
   it('retire le segment de catégorie quand on le lui demande', () => {
-    const tree = buildTree(rules, { stripPrefix: true });
+    const tree = buildTree(rules, { stripPrefix: true })
     // `rules/` a disparu : la racine porte directement `back` et `front.md`.
-    expect(tree.map((n) => (n.type === 'dir' ? n.name : n.label)).sort()).toEqual([
-      'back',
-      'front.md',
-    ]);
-  });
+    expect(tree.map((n) => (n.type === 'dir' ? n.name : n.label)).sort()).toEqual(['back', 'front.md'])
+  })
 
   it('compte les fichiers d’un dossier, sous-dossiers compris', () => {
-    const tree = buildTree(rules, { stripPrefix: true });
-    const back = at(tree, 'back') as RuleDirNode;
-    expect(back.type).toBe('dir');
-    expect(back.fileCount).toBe(2);
-  });
+    const tree = buildTree(rules, { stripPrefix: true })
+    const back = at(tree, 'back') as RuleDirNode
+    expect(back.type).toBe('dir')
+    expect(back.fileCount).toBe(2)
+  })
 
   it('garde le chemin entier quand il n’y a pas de préfixe à retirer', () => {
     // C'est le cas de la mémoire : le `rel` d'un CLAUDE.md part de la racine.
     const tree = buildTree([res('CLAUDE.md', 'memory'), res('server/CLAUDE.md', 'memory')], {
       stripPrefix: false,
       filesFirst: true,
-    });
+    })
     // `filesFirst` : le CLAUDE.md du niveau avant les sous-dossiers qui le
     // surchargent — l'ordre dans lequel Claude Code les empile.
-    expect(tree[0]?.type).toBe('file');
-    expect(tree[1]?.type).toBe('dir');
-  });
+    expect(tree[0]?.type).toBe('file')
+    expect(tree[1]?.type).toBe('dir')
+  })
 
   it('préfère le nom du frontmatter au nom de fichier', () => {
-    const tree = buildTree([res('rules/x.md', 'rules', 'Règle métier')], { stripPrefix: true });
-    expect(tree[0]?.type === 'file' && tree[0].label).toBe('Règle métier');
-  });
-});
+    const tree = buildTree([res('rules/x.md', 'rules', 'Règle métier')], { stripPrefix: true })
+    expect(tree[0]?.type === 'file' && tree[0].label).toBe('Règle métier')
+  })
+})
 
 describe('groupSkills', () => {
   const resources = [
@@ -84,78 +71,72 @@ describe('groupSkills', () => {
     res('skills/deploy/references/cli.md', 'skills'),
     res('skills/solo.md', 'skills'),
     res('rules/ignored.md', 'rules'),
-  ];
+  ]
 
   it('ne retient que la catégorie skills', () => {
-    expect(groupSkills(resources).map((s) => s.key)).toEqual(['deploy', 'solo.md']);
-  });
+    expect(groupSkills(resources).map((s) => s.key)).toEqual(['deploy', 'solo.md'])
+  })
 
   it('élit SKILL.md comme point d’entrée et lui emprunte son titre', () => {
-    const deploy = groupSkills(resources)[0]!;
-    expect(deploy.main?.name).toBe('SKILL.md');
-    expect(deploy.title).toBe('Déployer');
-  });
+    const deploy = groupSkills(resources)[0]!
+    expect(deploy.main?.name).toBe('SKILL.md')
+    expect(deploy.title).toBe('Déployer')
+  })
 
   it('sépare les références directes de celles d’un sous-dossier', () => {
-    const deploy = groupSkills(resources)[0]!;
-    expect(deploy.directRefs.map((r) => r.name)).toEqual(['notes.md']);
-    expect(deploy.refFolders).toHaveLength(1);
-    expect(deploy.refFolders[0]?.name).toBe('references');
-    expect(deploy.refFolders[0]?.items).toHaveLength(2);
+    const deploy = groupSkills(resources)[0]!
+    expect(deploy.directRefs.map((r) => r.name)).toEqual(['notes.md'])
+    expect(deploy.refFolders).toHaveLength(1)
+    expect(deploy.refFolders[0]?.name).toBe('references')
+    expect(deploy.refFolders[0]?.items).toHaveLength(2)
     // Le badge compte toutes les références, où qu'elles soient.
-    expect(deploy.refCount).toBe(3);
-  });
+    expect(deploy.refCount).toBe(3)
+  })
 
   it('accepte un skill d’un seul fichier, sans SKILL.md', () => {
-    const solo = groupSkills(resources)[1]!;
-    expect(solo.main?.name).toBe('solo.md');
-    expect(solo.refCount).toBe(0);
-  });
-});
+    const solo = groupSkills(resources)[1]!
+    expect(solo.main?.name).toBe('solo.md')
+    expect(solo.refCount).toBe(0)
+  })
+})
 
 describe('buildCandidateTree', () => {
   const cand = (rel: string, docs: number, included = false): FolderCandidate => ({
     rel,
     docs,
     included,
-  });
+  })
 
   it('recompose l’imbrication que la liste plate avait perdue', () => {
-    const tree = buildCandidateTree([
-      cand('docs/api', 3),
-      cand('docs', 8),
-      cand('src/help/sections', 36),
-      cand('src', 36),
-      cand('src/help', 36),
-    ]);
-    expect(tree.map((n) => n.name)).toEqual(['docs', 'src']);
-    const docs = tree[0]!;
-    expect(docs.docs).toBe(8);
-    expect(docs.children.map((n) => n.name)).toEqual(['api']);
+    const tree = buildCandidateTree([cand('docs/api', 3), cand('docs', 8), cand('src/help/sections', 36), cand('src', 36), cand('src/help', 36)])
+    expect(tree.map((n) => n.name)).toEqual(['docs', 'src'])
+    const docs = tree[0]!
+    expect(docs.docs).toBe(8)
+    expect(docs.children.map((n) => n.name)).toEqual(['api'])
     // Le `rel` reste complet à chaque niveau : c'est lui qu'on inclut.
-    expect(docs.children[0]?.rel).toBe('docs/api');
-    expect(tree[1]?.children[0]?.children[0]?.rel).toBe('src/help/sections');
-  });
+    expect(docs.children[0]?.rel).toBe('docs/api')
+    expect(tree[1]?.children[0]?.children[0]?.rel).toBe('src/help/sections')
+  })
 
   // La borne de profondeur du serveur peut rendre une branche sans sa racine ;
   // l'arbre doit tenir quand même, avec un parent à zéro document.
   it('crée les parents manquants plutôt que de perdre la branche', () => {
-    const tree = buildCandidateTree([cand('a/b/c', 4)]);
-    expect(tree).toHaveLength(1);
-    expect(tree[0]?.name).toBe('a');
-    expect(tree[0]?.docs).toBe(0);
-    expect(tree[0]?.children[0]?.children[0]?.rel).toBe('a/b/c');
-  });
+    const tree = buildCandidateTree([cand('a/b/c', 4)])
+    expect(tree).toHaveLength(1)
+    expect(tree[0]?.name).toBe('a')
+    expect(tree[0]?.docs).toBe(0)
+    expect(tree[0]?.children[0]?.children[0]?.rel).toBe('a/b/c')
+  })
 
   it('range chaque niveau par ordre alphabétique', () => {
-    const tree = buildCandidateTree([cand('z', 1), cand('a', 1), cand('a/z', 1), cand('a/b', 1)]);
-    expect(tree.map((n) => n.name)).toEqual(['a', 'z']);
-    expect(tree[0]?.children.map((n) => n.name)).toEqual(['b', 'z']);
-  });
-});
+    const tree = buildCandidateTree([cand('z', 1), cand('a', 1), cand('a/z', 1), cand('a/b', 1)])
+    expect(tree.map((n) => n.name)).toEqual(['a', 'z'])
+    expect(tree[0]?.children.map((n) => n.name)).toEqual(['b', 'z'])
+  })
+})
 
 describe('treeCount', () => {
-  const node = (rel: string): ResourceNode => res(rel, 'other');
+  const node = (rel: string): ResourceNode => res(rel, 'other')
 
   // Les deux écrans additionnaient chacun de leur côté, et avaient déjà divergé :
   // l'un oubliait les plans, l'autre les documents du dépôt.
@@ -168,13 +149,13 @@ describe('treeCount', () => {
         folders: [{ files: [node('docs/x.md'), node('docs/y.md')] }, { files: [] }],
         plans: [{}, {}],
       }),
-    ).toBe(8);
-  });
+    ).toBe(8)
+  })
 
   // Un écran qui ne montre pas les plans n'en passe pas, et son compteur reste
   // juste sans avoir à connaître la règle.
   it('ignore ce qui n’est pas passé', () => {
-    expect(treeCount({ resources: [node('a.md')] })).toBe(1);
-    expect(treeCount({})).toBe(0);
-  });
-});
+    expect(treeCount({ resources: [node('a.md')] })).toBe(1)
+    expect(treeCount({})).toBe(0)
+  })
+})
diff --git a/test/project-slug.test.ts b/test/project-slug.test.ts
index 1527979..81289a8 100644
--- a/test/project-slug.test.ts
+++ b/test/project-slug.test.ts
@@ -7,42 +7,36 @@
 // donc un double tiret, et un encodage qui n'aurait vu que `:\/.` aurait rendu
 // « Transcript introuvable » sur un projet pourtant bien présent.
 
-import { describe, expect, it } from 'vitest';
-import { readdirSync } from 'node:fs';
-import { homedir } from 'node:os';
-import { join } from 'node:path';
-import { encodeProjectPath } from '../server/maintenance.ts';
+import { readdirSync } from 'node:fs'
+import { homedir } from 'node:os'
+import { join } from 'node:path'
+import { describe, expect, it } from 'vitest'
+import { encodeProjectPath } from '../server/maintenance.ts'
 
 describe('encodeProjectPath', () => {
   it('encode les séparateurs et le deux-points du lecteur', () => {
-    expect(encodeProjectPath(String.raw`C:\Users\jean.dupont\Documents\devl\aura`)).toBe(
-      'c--users-jean-dupont-documents-devl-aura',
-    );
-  });
+    expect(encodeProjectPath(String.raw`C:\Users\jean.dupont\Documents\devl\aura`)).toBe('c--users-jean-dupont-documents-devl-aura')
+  })
 
   it('encode aussi le souligné, en doublant le tiret du séparateur', () => {
-    expect(encodeProjectPath(String.raw`C:\devl\_archives\scanner`)).toBe(
-      'c--devl--archives-scanner',
-    );
-  });
+    expect(encodeProjectPath(String.raw`C:\devl\_archives\scanner`)).toBe('c--devl--archives-scanner')
+  })
 
   it('encode le point et l’espace', () => {
-    expect(encodeProjectPath(String.raw`C:\devl\mon projet\.claude`)).toBe(
-      'c--devl-mon-projet--claude',
-    );
-  });
+    expect(encodeProjectPath(String.raw`C:\devl\mon projet\.claude`)).toBe('c--devl-mon-projet--claude')
+  })
 
   it('ne produit que des lettres, des chiffres et des tirets', () => {
     // Ce que le parc confirme : aucun dossier réel ne porte d'autre caractère.
-    const dir = join(homedir(), '.claude', 'projects');
-    let names: string[];
+    const dir = join(homedir(), '.claude', 'projects')
+    let names: string[]
     try {
       names = readdirSync(dir, { withFileTypes: true })
         .filter((d) => d.isDirectory())
-        .map((d) => d.name);
+        .map((d) => d.name)
     } catch {
-      return; // pas de parc local : le reste des cas suffit.
+      return // pas de parc local : le reste des cas suffit.
     }
-    for (const name of names) expect(name).toMatch(/^[A-Za-z0-9-]+$/);
-  });
-});
+    for (const name of names) expect(name).toMatch(/^[A-Za-z0-9-]+$/)
+  })
+})
diff --git a/test/queued-prompt.test.ts b/test/queued-prompt.test.ts
index 1919207..9846c20 100644
--- a/test/queued-prompt.test.ts
+++ b/test/queued-prompt.test.ts
@@ -9,55 +9,55 @@
 // tour, pas à la fin), et que la file ne serve pas de porte d'entrée à ce que le
 // harnais s'envoie à lui-même.
 
-import { describe, expect, it } from 'vitest';
-import { join } from 'node:path';
-import { parseTranscript } from '../server/transcript.ts';
-import { isHumanMessage, useTranscriptTurns } from '../src/composables/useTranscriptTurns.ts';
-import type { TranscriptEvent } from '../shared/transcript.ts';
+import { join } from 'node:path'
+import { describe, expect, it } from 'vitest'
+import { parseTranscript } from '../server/transcript.ts'
+import type { TranscriptEvent } from '../shared/transcript.ts'
+import { isHumanMessage, useTranscriptTurns } from '../src/composables/useTranscriptTurns.ts'
 
-const FIXTURE = join(import.meta.dirname, 'fixtures', 'queued.jsonl');
+const FIXTURE = join(import.meta.dirname, 'fixtures', 'queued.jsonl')
 
 async function events(): Promise<TranscriptEvent[]> {
-  return (await parseTranscript(FIXTURE, 'fixture')).events;
+  return (await parseTranscript(FIXTURE, 'fixture')).events
 }
 
 describe('message mis en file', () => {
   it('rend le message humain que la file transportait', async () => {
-    const queued = (await events()).filter((e) => e.origin === 'queued');
-    expect(queued).toHaveLength(1);
-    expect(queued[0]?.kind).toBe('user');
-    expect(queued[0]?.blocks[0]?.text).toBe('et si la carte prenait la couleur de l’agent ?');
-  });
+    const queued = (await events()).filter((e) => e.origin === 'queued')
+    expect(queued).toHaveLength(1)
+    expect(queued[0]?.kind).toBe('user')
+    expect(queued[0]?.blocks[0]?.text).toBe('et si la carte prenait la couleur de l’agent ?')
+  })
 
   it('le place là où il est arrivé, entre les deux réponses', async () => {
-    const ordre = (await events()).map((e) => e.uuid);
-    expect(ordre).toEqual(['u1', 's1', 'q1', 's2']);
-  });
+    const ordre = (await events()).map((e) => e.uuid)
+    expect(ordre).toEqual(['u1', 's1', 'q1', 's2'])
+  })
 
   it('laisse dehors ce que le harnais s’envoie à lui-même', async () => {
     // `q2` est une notification de sous-agent : elle passe par la même file, et
     // la rendre comme « Vous » serait le même mensonge qu'une ligne `user`
     // injectée. `q3` est humaine mais appartient à une sidechain : personne ne
     // tape dans la conversation d'un agent.
-    const uuids = (await events()).map((e) => e.uuid);
-    expect(uuids).not.toContain('q2');
-    expect(uuids).not.toContain('q3');
-  });
+    const uuids = (await events()).map((e) => e.uuid)
+    expect(uuids).not.toContain('q2')
+    expect(uuids).not.toContain('q3')
+  })
 
   it('compte pour l’humain qui parle, donc coupe le tour en deux', async () => {
-    const evs = await events();
-    expect(evs.filter(isHumanMessage).map((e) => e.uuid)).toEqual(['u1', 'q1']);
+    const evs = await events()
+    expect(evs.filter(isHumanMessage).map((e) => e.uuid)).toEqual(['u1', 'q1'])
 
-    const nodes = useTranscriptTurns(evs).value;
-    expect(nodes.map((n) => n.kind)).toEqual(['user', 'turn', 'user', 'turn']);
-  });
+    const nodes = useTranscriptTurns(evs).value
+    expect(nodes.map((n) => n.kind)).toEqual(['user', 'turn', 'user', 'turn'])
+  })
 
   it('ne touche ni au nombre de tours ni au premier prompt', async () => {
     // Les seuils du diagnostic sont calibrés sur la définition actuelle de
     // `userTurns` : un message en file est une prise de parole de plus à
     // l'écran, pas une mesure qui change rétroactivement.
-    const { stats, firstPrompt } = await parseTranscript(FIXTURE, 'fixture');
-    expect(stats.userTurns).toBe(1);
-    expect(firstPrompt).toBe('regarde la carte de l’agent');
-  });
-});
+    const { stats, firstPrompt } = await parseTranscript(FIXTURE, 'fixture')
+    expect(stats.userTurns).toBe(1)
+    expect(firstPrompt).toBe('regarde la carte de l’agent')
+  })
+})
diff --git a/test/rules.test.ts b/test/rules.test.ts
index bbe036f..d51eba8 100644
--- a/test/rules.test.ts
+++ b/test/rules.test.ts
@@ -5,24 +5,24 @@
 // que la gravité suit le dépassement, qu'un identifiant survit à un changement de
 // mesure. Sur le vrai parc, on vérifie qu'elle ne noie pas l'utilisateur.
 
-import { describe, expect, it } from 'vitest';
-import { existsSync } from 'node:fs';
-import { homedir } from 'node:os';
-import { join } from 'node:path';
-import { detect, RULE_NAMES, type Finding } from '../server/diagnostics/rules.ts';
-import { calibrate } from '../server/diagnostics/thresholds.ts';
-import { getSignals, type SessionSignal } from '../server/diagnostics/signals.ts';
-import { CONTEXT_CATEGORIES, type ContextCategory } from '../shared/context.ts';
-
-const HAS_CORPUS = existsSync(join(homedir(), '.claude', 'projects'));
-const TIMEOUT = 300_000;
+import { existsSync } from 'node:fs'
+import { homedir } from 'node:os'
+import { join } from 'node:path'
+import { describe, expect, it } from 'vitest'
+import { detect, RULE_NAMES, type Finding } from '../server/diagnostics/rules.ts'
+import { getSignals, type SessionSignal } from '../server/diagnostics/signals.ts'
+import { calibrate } from '../server/diagnostics/thresholds.ts'
+import { CONTEXT_CATEGORIES, type ContextCategory } from '../shared/context.ts'
+
+const HAS_CORPUS = existsSync(join(homedir(), '.claude', 'projects'))
+const TIMEOUT = 300_000
 
 // ── Relevés fabriqués ────────────────────────────────────────────────────────
 
 function zeroCategories(): Record<ContextCategory, number> {
-  const out = {} as Record<ContextCategory, number>;
-  for (const c of CONTEXT_CATEGORIES) out[c] = 0;
-  return out;
+  const out = {} as Record<ContextCategory, number>
+  for (const c of CONTEXT_CATEGORIES) out[c] = 0
+  return out
 }
 
 /** Un relevé neutre : aucune règle ne doit rien y trouver. */
@@ -71,11 +71,11 @@ function signal(index: number, over: Partial<SessionSignal> = {}): SessionSignal
     contextLimit: 200_000,
     files: 1,
     ...over,
-  };
+  }
 }
 
 /** Un parc sain, assez grand pour que les percentiles se calculent. */
-const healthy = (n = 60): SessionSignal[] => Array.from({ length: n }, (_, i) => signal(i));
+const healthy = (n = 60): SessionSignal[] => Array.from({ length: n }, (_, i) => signal(i))
 
 describe('orphelines', () => {
   it('sépare ce qu’un garde-fou tait de ce qu’il fait disparaître', () => {
@@ -84,82 +84,76 @@ describe('orphelines', () => {
     // cela ; la seconde coûte aussi très cher, donc `sessionCost` la désignera de
     // toute façon. Toutes deux se logent dans la bande que le garde-fou de
     // `rereadTokens` (20 000) tait au-dessus du P90 du parc (1 000).
-    const signals = Array.from({ length: 60 }, (_, i) => signal(i, { rereadTokens: 1_000 }));
-    signals.push(signal(900, { rereadTokens: 15_000 }));
-    signals.push(signal(901, { rereadTokens: 15_000, cost: 400, cacheReadCost: 300 }));
+    const signals = Array.from({ length: 60 }, (_, i) => signal(i, { rereadTokens: 1_000 }))
+    signals.push(signal(900, { rereadTokens: 15_000 }))
+    signals.push(signal(901, { rereadTokens: 15_000, cost: 400, cacheReadCost: 300 }))
 
-    const silenced = calibrate(signals).metrics.rereadTokens.silenced;
-    expect(silenced?.sessions).toBe(2);
+    const silenced = calibrate(signals).metrics.rereadTokens.silenced
+    expect(silenced?.sessions).toBe(2)
     // Une seule disparaît vraiment : l'autre reste visible sous « coût ».
-    expect(silenced?.orphans?.sessions).toBe(1);
-    expect(silenced?.orphans?.cost).toBeCloseTo(0.5, 5);
-  });
-});
+    expect(silenced?.orphans?.sessions).toBe(1)
+    expect(silenced?.orphans?.cost).toBeCloseTo(0.5, 5)
+  })
+})
 
 describe('règles', () => {
   it('ne dit rien d’un parc sain', () => {
-    const signals = healthy();
-    expect(detect(signals, calibrate(signals))).toEqual([]);
-  });
+    const signals = healthy()
+    expect(detect(signals, calibrate(signals))).toEqual([])
+  })
 
   it('désigne la session qui sort du lot, et elle seule', () => {
-    const signals = healthy();
-    signals.push(signal(999, { cost: 120, cacheReadCost: 110 }));
+    const signals = healthy()
+    signals.push(signal(999, { cost: 120, cacheReadCost: 110 }))
 
-    const findings = detect(signals, calibrate(signals));
-    const relu = findings.filter((f) => f.rule === 'historique-relu');
-    expect(relu).toHaveLength(1);
-    expect(relu[0]?.target).toBe(signals[signals.length - 1]?.sessionId);
-    expect(relu[0]?.impact.usd).toBe(110);
-    expect(relu[0]?.impact.kind).toBe('measured');
-  });
+    const findings = detect(signals, calibrate(signals))
+    const relu = findings.filter((f) => f.rule === 'historique-relu')
+    expect(relu).toHaveLength(1)
+    expect(relu[0]?.target).toBe(signals[signals.length - 1]?.sessionId)
+    expect(relu[0]?.impact.usd).toBe(110)
+    expect(relu[0]?.impact.kind).toBe('measured')
+  })
 
   it('gradue la sévérité sur le dépassement, sans constante par règle', () => {
     const at = (cost: number): Finding | undefined => {
-      const signals = healthy();
-      signals.push(signal(999, { cost: cost + 1, cacheReadCost: cost }));
-      return detect(signals, calibrate(signals)).find((f) => f.rule === 'historique-relu');
-    };
+      const signals = healthy()
+      signals.push(signal(999, { cost: cost + 1, cacheReadCost: cost }))
+      return detect(signals, calibrate(signals)).find((f) => f.rule === 'historique-relu')
+    }
     // Le parc sain plafonne à 0,05 $, donc le garde-fou (3 $) décide du seuil.
-    expect(at(3.2)?.severity).toBe('info');
-    expect(at(4.5)?.severity).toBe('warn');
-    expect(at(9)?.severity).toBe('critical');
-  });
+    expect(at(3.2)?.severity).toBe('info')
+    expect(at(4.5)?.severity).toBe('warn')
+    expect(at(9)?.severity).toBe('critical')
+  })
 
   it('garde le même identifiant quand la mesure change', () => {
-    const one = detect(
-      [...healthy(), signal(999, { cost: 50, cacheReadCost: 40 })],
-      calibrate(healthy()),
-    ).find((f) => f.rule === 'historique-relu');
-    const two = detect(
-      [...healthy(), signal(999, { cost: 90, cacheReadCost: 80 })],
-      calibrate(healthy()),
-    ).find((f) => f.rule === 'historique-relu');
-
-    expect(one?.id).toBe(two?.id);
-    expect(one?.impact.usd).not.toBe(two?.impact.usd);
-  });
+    const one = detect([...healthy(), signal(999, { cost: 50, cacheReadCost: 40 })], calibrate(healthy())).find((f) => f.rule === 'historique-relu')
+    const two = detect([...healthy(), signal(999, { cost: 90, cacheReadCost: 80 })], calibrate(healthy())).find((f) => f.rule === 'historique-relu')
+
+    expect(one?.id).toBe(two?.id)
+    expect(one?.impact.usd).not.toBe(two?.impact.usd)
+  })
 
   it('tait un constat mis en liste d’exclusion', () => {
-    const signals = [...healthy(), signal(999, { cost: 120, cacheReadCost: 110 })];
-    const thresholds = calibrate(signals);
-    const first = detect(signals, thresholds);
-    const id = first[0]?.id as string;
+    const signals = [...healthy(), signal(999, { cost: 120, cacheReadCost: 110 })]
+    const thresholds = calibrate(signals)
+    const first = detect(signals, thresholds)
+    const id = first[0]?.id as string
 
-    const after = detect(signals, thresholds, { ignore: [id] });
-    expect(after.some((f) => f.id === id)).toBe(false);
-    expect(after).toHaveLength(first.length - 1);
-  });
+    const after = detect(signals, thresholds, { ignore: [id] })
+    expect(after.some((f) => f.id === id)).toBe(false)
+    expect(after).toHaveLength(first.length - 1)
+  })
 
   it('respecte une règle désactivée', () => {
-    const signals = [...healthy(), signal(999, { cost: 120, cacheReadCost: 110 })];
-    const thresholds = calibrate(signals);
-    const after = detect(signals, thresholds, { disabled: ['historique-relu'] });
-    expect(after.some((f) => f.rule === 'historique-relu')).toBe(false);
-  });
+    const signals = [...healthy(), signal(999, { cost: 120, cacheReadCost: 110 })]
+    const thresholds = calibrate(signals)
+    const after = detect(signals, thresholds, { disabled: ['historique-relu'] })
+    expect(after.some((f) => f.rule === 'historique-relu')).toBe(false)
+  })
 
   it('ne convertit jamais des tokens en dollars', () => {
-    const signals = healthy();
+    const signals = healthy()
     signals.push(
       signal(999, {
         byCategory: { ...zeroCategories(), tools: 5_000_000 },
@@ -175,39 +169,31 @@ describe('règles', () => {
           },
         ],
       }),
-    );
+    )
 
-    const found = detect(signals, calibrate(signals)).find((f) => f.rule === 'outils-gourmands');
-    expect(found?.impact.tokens).toBe(5_000_000);
+    const found = detect(signals, calibrate(signals)).find((f) => f.rule === 'outils-gourmands')
+    expect(found?.impact.tokens).toBe(5_000_000)
     // Le poids d'un outil dans la fenêtre n'a pas de traduction honnête en
     // dollars : aucune ne doit apparaître.
-    expect(found?.impact.usd).toBeUndefined();
-    expect(found?.impact.kind).toBe('estimated');
-  });
+    expect(found?.impact.usd).toBeUndefined()
+    expect(found?.impact.kind).toBe('estimated')
+  })
 
   it('ne signale le socle qu’à partir d’une accumulation', () => {
     // Trois sessions courtes : un accident, pas un motif.
-    const few = [
-      ...healthy(),
-      ...Array.from({ length: 3 }, (_, i) => signal(900 + i, { turns: 2 })),
-    ];
-    expect(detect(few, calibrate(few)).some((f) => f.rule === 'socle-gaspille')).toBe(false);
-
-    const many = [
-      ...healthy(),
-      ...Array.from({ length: 25 }, (_, i) =>
-        signal(900 + i, { turns: 2, firstTurnContext: 60_000 }),
-      ),
-    ];
-    const found = detect(many, calibrate(many)).find((f) => f.rule === 'socle-gaspille');
-    expect(found?.scope).toBe('global');
-    expect(found?.metrics.sessions).toBe(25);
-  });
+    const few = [...healthy(), ...Array.from({ length: 3 }, (_, i) => signal(900 + i, { turns: 2 }))]
+    expect(detect(few, calibrate(few)).some((f) => f.rule === 'socle-gaspille')).toBe(false)
+
+    const many = [...healthy(), ...Array.from({ length: 25 }, (_, i) => signal(900 + i, { turns: 2, firstTurnContext: 60_000 }))]
+    const found = detect(many, calibrate(many)).find((f) => f.rule === 'socle-gaspille')
+    expect(found?.scope).toBe('global')
+    expect(found?.metrics.sessions).toBe(25)
+  })
 
   // ── Les règles de comportement ─────────────────────────────────────────────
 
   it('désigne une session qui cherche bien plus qu’elle ne construit', () => {
-    const signals = healthy();
+    const signals = healthy()
     signals.push(
       signal(999, {
         families: {
@@ -219,16 +205,14 @@ describe('règles', () => {
           productionTokens: 8_000,
         },
       }),
-    );
+    )
 
-    const found = detect(signals, calibrate(signals)).find(
-      (f) => f.rule === 'exploration-sans-fin',
-    );
-    expect(found?.metrics.explorationRatio).toBe(15);
+    const found = detect(signals, calibrate(signals)).find((f) => f.rule === 'exploration-sans-fin')
+    expect(found?.metrics.explorationRatio).toBe(15)
     // Ce qu'a coûté l'exploration en place dans la fenêtre — jamais un dollar.
-    expect(found?.impact.tokens).toBe(400_000);
-    expect(found?.impact.usd).toBeUndefined();
-  });
+    expect(found?.impact.tokens).toBe(400_000)
+    expect(found?.impact.usd).toBeUndefined()
+  })
 
   /**
    * Le test qui garde la règle à l'endroit.
@@ -242,62 +226,56 @@ describe('règles', () => {
   it('lit les tours par prompt à l’envers, et jamais dans l’autre sens', () => {
     // Seuil imposé pour se placer là où le corpus le met, sans dépendre du
     // garde-fou : sous 12 tours par prompt, on parle.
-    const seuil = { turnsPerPrompt: 12 };
-
-    const beaucoup = [...healthy(), signal(999, { turns: 92, userTurns: 4 })]; // 23,0
-    expect(
-      detect(beaucoup, calibrate(beaucoup, seuil)).some((f) => f.rule === 'brief-morcele'),
-    ).toBe(false);
-
-    const morcele = [...healthy(), signal(999, { turns: 44, userTurns: 4 })]; // 11,0
-    const found = detect(morcele, calibrate(morcele, seuil)).find(
-      (f) => f.rule === 'brief-morcele',
-    );
-    expect(found?.target).toBe('session-0999-aaaaaaaa');
-    expect(found?.metrics.turnsPerPrompt).toBe(11);
+    const seuil = { turnsPerPrompt: 12 }
+
+    const beaucoup = [...healthy(), signal(999, { turns: 92, userTurns: 4 })] // 23,0
+    expect(detect(beaucoup, calibrate(beaucoup, seuil)).some((f) => f.rule === 'brief-morcele')).toBe(false)
+
+    const morcele = [...healthy(), signal(999, { turns: 44, userTurns: 4 })] // 11,0
+    const found = detect(morcele, calibrate(morcele, seuil)).find((f) => f.rule === 'brief-morcele')
+    expect(found?.target).toBe('session-0999-aaaaaaaa')
+    expect(found?.metrics.turnsPerPrompt).toBe(11)
     // Une manière de travailler n'a pas de facture : aucun chiffre n'est inventé.
-    expect(found?.impact.usd).toBeUndefined();
-    expect(found?.impact.tokens).toBeUndefined();
-    expect(found?.impact.basis.length).toBeGreaterThan(20);
-  });
+    expect(found?.impact.usd).toBeUndefined()
+    expect(found?.impact.tokens).toBeUndefined()
+    expect(found?.impact.basis.length).toBeGreaterThan(20)
+  })
 
   it('compte les réorientations et les relectures', () => {
-    const signals = healthy();
-    signals.push(signal(998, { interruptions: 9 }));
-    signals.push(signal(997, { rereadCalls: 40, rereadTokens: 900_000 }));
+    const signals = healthy()
+    signals.push(signal(998, { interruptions: 9 }))
+    signals.push(signal(997, { rereadCalls: 40, rereadTokens: 900_000 }))
 
-    const findings = detect(signals, calibrate(signals));
-    expect(findings.find((f) => f.rule === 'reorientations')?.metrics.interruptions).toBe(9);
-    const relu = findings.find((f) => f.rule === 'relectures');
-    expect(relu?.impact.tokens).toBe(900_000);
-    expect(relu?.impact.kind).toBe('estimated');
-  });
+    const findings = detect(signals, calibrate(signals))
+    expect(findings.find((f) => f.rule === 'reorientations')?.metrics.interruptions).toBe(9)
+    const relu = findings.find((f) => f.rule === 'relectures')
+    expect(relu?.impact.tokens).toBe(900_000)
+    expect(relu?.impact.kind).toBe('estimated')
+  })
 
   it('rapporte la fenêtre à la limite du modèle, pas à un nombre en dur', () => {
-    const signals = healthy();
+    const signals = healthy()
     // La même fenêtre, deux limites : à 200 k elle est pleine, à 1 M elle ne
     // l'est pas. Sans `contextLimit`, la règle dirait la même chose des deux.
-    signals.push(signal(996, { peakContext: 190_000, contextLimit: 200_000 }));
-    signals.push(signal(995, { peakContext: 190_000, contextLimit: 1_000_000 }));
+    signals.push(signal(996, { peakContext: 190_000, contextLimit: 200_000 }))
+    signals.push(signal(995, { peakContext: 190_000, contextLimit: 1_000_000 }))
 
-    const found = detect(signals, calibrate(signals)).filter(
-      (f) => f.rule === 'fenetre-proche-limite',
-    );
-    expect(found).toHaveLength(1);
-    expect(found[0]?.target).toBe('session-0996-aaaaaaaa');
-    expect(found[0]?.metrics.contextFill).toBeCloseTo(0.95, 2);
-  });
+    const found = detect(signals, calibrate(signals)).filter((f) => f.rule === 'fenetre-proche-limite')
+    expect(found).toHaveLength(1)
+    expect(found[0]?.target).toBe('session-0996-aaaaaaaa')
+    expect(found[0]?.metrics.contextFill).toBeCloseTo(0.95, 2)
+  })
 
   it('se tait sur le rythme quand on ne le lui donne pas', () => {
-    const signals = healthy();
-    const findings = detect(signals, calibrate(signals));
-    expect(findings.some((f) => f.rule === 'rythme-5h')).toBe(false);
-    expect(findings.some((f) => f.rule === 'sessions-paralleles')).toBe(false);
-  });
+    const signals = healthy()
+    const findings = detect(signals, calibrate(signals))
+    expect(findings.some((f) => f.rule === 'rythme-5h')).toBe(false)
+    expect(findings.some((f) => f.rule === 'sessions-paralleles')).toBe(false)
+  })
 
   it('classe les dollars avant les tokens, et les graves avant tout', () => {
-    const signals = healthy();
-    signals.push(signal(900, { cost: 30, cacheReadCost: 25 }));
+    const signals = healthy()
+    signals.push(signal(900, { cost: 30, cacheReadCost: 25 }))
     signals.push(
       signal(901, {
         byCategory: { ...zeroCategories(), tools: 9_000_000 },
@@ -313,62 +291,62 @@ describe('règles', () => {
           },
         ],
       }),
-    );
+    )
 
-    const findings = detect(signals, calibrate(signals));
-    const ranks = { info: 0, warn: 1, critical: 2 };
+    const findings = detect(signals, calibrate(signals))
+    const ranks = { info: 0, warn: 1, critical: 2 }
     for (let i = 1; i < findings.length; i++) {
-      const a = findings[i - 1] as Finding;
-      const b = findings[i] as Finding;
-      expect(ranks[a.severity]).toBeGreaterThanOrEqual(ranks[b.severity]);
+      const a = findings[i - 1] as Finding
+      const b = findings[i] as Finding
+      expect(ranks[a.severity]).toBeGreaterThanOrEqual(ranks[b.severity])
       if (a.severity === b.severity && b.impact.usd !== undefined) {
-        expect(a.impact.usd).toBeDefined();
+        expect(a.impact.usd).toBeDefined()
       }
     }
-  });
-});
+  })
+})
 
 describe.skipIf(!HAS_CORPUS)('règles sur le vrai parc', () => {
   it(
     'reste lisible : aucune règle ne noie l’utilisateur',
     async () => {
-      const { signals } = await getSignals();
-      const findings = detect(signals, calibrate(signals));
+      const { signals } = await getSignals()
+      const findings = detect(signals, calibrate(signals))
 
-      expect(findings.length).toBeGreaterThan(0);
-      const byRule = new Map<string, number>();
-      for (const f of findings) byRule.set(f.rule, (byRule.get(f.rule) ?? 0) + 1);
+      expect(findings.length).toBeGreaterThan(0)
+      const byRule = new Map<string, number>()
+      for (const f of findings) byRule.set(f.rule, (byRule.get(f.rule) ?? 0) + 1)
 
       for (const [rule, n] of byRule) {
         // Une règle qui désigne plus d'un cinquième du parc ne désigne plus rien.
-        expect(n, `${rule} : ${n} constats`).toBeLessThanOrEqual(signals.length / 5);
+        expect(n, `${rule} : ${n} constats`).toBeLessThanOrEqual(signals.length / 5)
       }
       // Toute règle déclenchée est une règle connue.
-      for (const rule of byRule.keys()) expect(RULE_NAMES).toContain(rule);
+      for (const rule of byRule.keys()) expect(RULE_NAMES).toContain(rule)
     },
     TIMEOUT,
-  );
+  )
 
   it(
     'accompagne chaque constat de sa provenance',
     async () => {
-      const { signals } = await getSignals();
+      const { signals } = await getSignals()
       for (const f of detect(signals, calibrate(signals))) {
-        expect(f.impact.basis.length).toBeGreaterThan(20);
+        expect(f.impact.basis.length).toBeGreaterThan(20)
         // Un chiffre, quand il existe, est strictement positif — un `0` se lirait
         // « gratuit » alors qu'il signifie « pas de tarif connu ». Et il peut
         // manquer : « cette tâche a été donnée en morceaux » ne se chiffre pas,
         // et lui coller le coût de la session lui attribuerait une facture
         // qu'elle n'a pas causée.
-        if (f.impact.usd !== undefined) expect(f.impact.usd).toBeGreaterThan(0);
-        if (f.impact.tokens !== undefined) expect(f.impact.tokens).toBeGreaterThan(0);
+        if (f.impact.usd !== undefined) expect(f.impact.usd).toBeGreaterThan(0)
+        if (f.impact.tokens !== undefined) expect(f.impact.tokens).toBeGreaterThan(0)
         // Une session désignée doit être atteignable : projet + identifiant.
         if (f.scope === 'session') {
-          expect(f.project).not.toBe('');
-          expect(f.target).not.toBe('');
+          expect(f.project).not.toBe('')
+          expect(f.target).not.toBe('')
         }
       }
     },
     TIMEOUT,
-  );
-});
+  )
+})
diff --git a/test/session-guardrails.test.ts b/test/session-guardrails.test.ts
index 5187e67..86c9354 100644
--- a/test/session-guardrails.test.ts
+++ b/test/session-guardrails.test.ts
@@ -13,113 +13,105 @@
 // Aucun test n'envoie de tour : le runner ne lance son processus qu'au premier
 // `send()`, et ces bornes se vérifient toutes avant.
 
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
-import {
-  atCapacity,
-  countSessions,
-  createRunner,
-  IDLE_TTL_MS,
-  MAX_SESSIONS,
-  stopAll,
-  sweep,
-} from '../server/agent/registry.ts';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+import { atCapacity, countSessions, createRunner, IDLE_TTL_MS, MAX_SESSIONS, stopAll, sweep } from '../server/agent/registry.ts'
 
-const CWD = import.meta.dirname;
+const CWD = import.meta.dirname
 
-const open = (): ReturnType<typeof createRunner> => createRunner({ cwd: CWD });
+const open = (): ReturnType<typeof createRunner> => createRunner({ cwd: CWD })
 
 /** Fait passer le temps sans rien exécuter : seule l'horloge de `touchedAt` compte. */
 const laisserPasser = (ms: number): void => {
-  vi.setSystemTime(Date.now() + ms);
-};
+  vi.setSystemTime(Date.now() + ms)
+}
 
 beforeEach(() => {
-  vi.useFakeTimers();
-});
+  vi.useFakeTimers()
+})
 
 afterEach(() => {
-  stopAll();
-  vi.useRealTimers();
-});
+  stopAll()
+  vi.useRealTimers()
+})
 
 describe('plafond du parc', () => {
   it('accepte jusqu’au plafond, et pas une de plus', () => {
-    expect(atCapacity()).toBe(false);
+    expect(atCapacity()).toBe(false)
 
-    for (let i = 0; i < MAX_SESSIONS; i++) open();
+    for (let i = 0; i < MAX_SESSIONS; i++) open()
 
-    expect(countSessions()).toBe(MAX_SESSIONS);
-    expect(atCapacity()).toBe(true);
-  });
+    expect(countSessions()).toBe(MAX_SESSIONS)
+    expect(atCapacity()).toBe(true)
+  })
 
   it('rouvre dès qu’une place se libère — c’est un plafond, pas un verrou', () => {
-    const premiers = Array.from({ length: MAX_SESSIONS }, open);
-    expect(atCapacity()).toBe(true);
+    const premiers = Array.from({ length: MAX_SESSIONS }, open)
+    expect(atCapacity()).toBe(true)
 
     // Ce que fait la route `DELETE` : le registre oublie, le runner se coupe.
-    stopAll();
+    stopAll()
 
-    expect(atCapacity()).toBe(false);
-    expect(premiers).toHaveLength(MAX_SESSIONS);
-  });
-});
+    expect(atCapacity()).toBe(false)
+    expect(premiers).toHaveLength(MAX_SESSIONS)
+  })
+})
 
 describe('balayeur d’inactivité', () => {
   it('ramasse la session que personne ne regarde plus', () => {
-    const abandonnée = open();
+    const abandonnée = open()
 
-    laisserPasser(IDLE_TTL_MS + 1);
+    laisserPasser(IDLE_TTL_MS + 1)
 
-    expect(sweep()).toEqual([abandonnée.session.runId]);
-    expect(countSessions()).toBe(0);
-  });
+    expect(sweep()).toEqual([abandonnée.session.runId])
+    expect(countSessions()).toBe(0)
+  })
 
   it('garde celle qu’un onglet regarde, si vieille soit-elle', () => {
     // Le flux protège sans réserve, et c'est assumé : un onglet d'arrière-plan
     // garde sa socket ouverte alors que le navigateur a gelé la page, et couper
     // la session de quelqu'un qui revient d'un autre onglet coûterait plus cher
     // que la place occupée — que `MAX_SESSIONS` borne, et qu'un geste libère.
-    const regardée = open();
-    regardée.subscribe(() => {});
+    const regardée = open()
+    regardée.subscribe(() => {})
 
-    laisserPasser(IDLE_TTL_MS * 100);
+    laisserPasser(IDLE_TTL_MS * 100)
 
-    expect(sweep()).toEqual([]);
-    expect(countSessions()).toBe(1);
-  });
+    expect(sweep()).toEqual([])
+    expect(countSessions()).toBe(1)
+  })
 
   it('garde celle qui travaille : un tour long n’est pas un abandon', () => {
-    const occupée = open();
+    const occupée = open()
     // Le statut qu'un `send()` poserait, sans lancer le processus qu'il lancerait.
-    occupée.session.status = 'working';
+    occupée.session.status = 'working'
 
-    laisserPasser(IDLE_TTL_MS + 1);
+    laisserPasser(IDLE_TTL_MS + 1)
 
-    expect(sweep()).toEqual([]);
-    expect(countSessions()).toBe(1);
-  });
+    expect(sweep()).toEqual([])
+    expect(countSessions()).toBe(1)
+  })
 
   it('repart de zéro quand le dernier onglet se ferme, pas quand il s’est ouvert', () => {
-    const runner = open();
-    const partir = runner.subscribe(() => {});
+    const runner = open()
+    const partir = runner.subscribe(() => {})
 
     // Une heure passée sous les yeux de quelqu'un : l'abonnement seul la protège.
-    laisserPasser(IDLE_TTL_MS * 2);
-    partir();
+    laisserPasser(IDLE_TTL_MS * 2)
+    partir()
 
     // Le départ vient de remettre l'horloge à l'heure : rien à ramasser encore.
-    expect(sweep()).toEqual([]);
+    expect(sweep()).toEqual([])
 
-    laisserPasser(IDLE_TTL_MS + 1);
-    expect(sweep()).toEqual([runner.session.runId]);
-  });
+    laisserPasser(IDLE_TTL_MS + 1)
+    expect(sweep()).toEqual([runner.session.runId])
+  })
 
   it('ne touche pas à celle dont le délai n’est pas écoulé', () => {
-    open();
+    open()
 
-    laisserPasser(IDLE_TTL_MS - 1000);
+    laisserPasser(IDLE_TTL_MS - 1000)
 
-    expect(sweep()).toEqual([]);
-    expect(countSessions()).toBe(1);
-  });
-});
+    expect(sweep()).toEqual([])
+    expect(countSessions()).toBe(1)
+  })
+})
diff --git a/test/signals.test.ts b/test/signals.test.ts
index 73527c7..cd28bf3 100644
--- a/test/signals.test.ts
+++ b/test/signals.test.ts
@@ -10,22 +10,22 @@
 //
 // Sur une machine sans corpus, tout se saute — c'est un filet, pas une porte.
 
-import { beforeAll, describe, expect, it } from 'vitest';
-import { existsSync } from 'node:fs';
-import { readdir, stat } from 'node:fs/promises';
-import { homedir } from 'node:os';
-import { join } from 'node:path';
-import { getSignals, scanFile, type SessionSignal } from '../server/diagnostics/signals.ts';
-import { getUsage } from '../server/usage.ts';
-import { costOf } from '../server/pricing.ts';
-import { CONTEXT_CATEGORIES } from '../shared/context.ts';
+import { existsSync } from 'node:fs'
+import { readdir, stat } from 'node:fs/promises'
+import { homedir } from 'node:os'
+import { join } from 'node:path'
+import { beforeAll, describe, expect, it } from 'vitest'
+import { getSignals, scanFile, type SessionSignal } from '../server/diagnostics/signals.ts'
+import { costOf } from '../server/pricing.ts'
+import { getUsage } from '../server/usage.ts'
+import { CONTEXT_CATEGORIES } from '../shared/context.ts'
 
-const PROJECTS = join(homedir(), '.claude', 'projects');
-const HAS_CORPUS = existsSync(PROJECTS);
-const ACTIVITY = join(import.meta.dirname, 'fixtures', 'activity.jsonl');
+const PROJECTS = join(homedir(), '.claude', 'projects')
+const HAS_CORPUS = existsSync(PROJECTS)
+const ACTIVITY = join(import.meta.dirname, 'fixtures', 'activity.jsonl')
 
 /** Le corpus entier passe deux fois ; laisser le temps au premier scan. */
-const TIMEOUT = 300_000;
+const TIMEOUT = 300_000
 
 /**
  * L'état du corpus à l'instant t : chaque transcript par sa taille et sa date.
@@ -39,28 +39,28 @@ const TIMEOUT = 300_000;
  * Deux empreintes identiques prouvent que rien n'a bougé entre elles.
  */
 async function empreinteCorpus(): Promise<string> {
-  const lignes: string[] = [];
+  const lignes: string[] = []
   for (const projet of await readdir(PROJECTS)) {
-    let fichiers: string[];
+    let fichiers: string[]
     try {
-      fichiers = await readdir(join(PROJECTS, projet));
+      fichiers = await readdir(join(PROJECTS, projet))
     } catch {
       // Un projet supprimé entre l'énumération et la lecture est lui-même un
       // mouvement, mais il sera vu par la différence des deux empreintes.
-      continue;
+      continue
     }
     for (const nom of fichiers) {
-      if (!nom.endsWith('.jsonl')) continue;
-      const chemin = join(PROJECTS, projet, nom);
+      if (!nom.endsWith('.jsonl')) continue
+      const chemin = join(PROJECTS, projet, nom)
       try {
-        const s = await stat(chemin);
-        lignes.push(`${chemin}:${s.size}:${s.mtimeMs}`);
+        const s = await stat(chemin)
+        lignes.push(`${chemin}:${s.size}:${s.mtimeMs}`)
       } catch {
-        continue;
+        continue
       }
     }
   }
-  return lignes.sort().join('\n');
+  return lignes.sort().join('\n')
 }
 
 // ── Les mesures d'activité, sur une fixture écrite à la main ─────────────────
@@ -81,19 +81,19 @@ describe('activité d’une session', () => {
       project: 'p',
       agentId: null,
       agentType: null,
-    });
+    })
 
     // Read ×2 et Grep ×1 explorent ; Edit et Write construisent ; `Bash` n'est
     // ni l'un ni l'autre et n'entre nulle part — il peut lancer des tests comme
     // lister un répertoire.
-    expect(scan.families.explorationCalls).toBe(3);
-    expect(scan.families.productionCalls).toBe(2);
-    expect(scan.families.explorationErrors).toBe(0);
+    expect(scan.families.explorationCalls).toBe(3)
+    expect(scan.families.productionCalls).toBe(2)
+    expect(scan.families.explorationErrors).toBe(0)
     // Le `Write` en erreur, une fois. Le `Bash` en erreur compte dans le total
     // des échecs, mais dans aucune famille.
-    expect(scan.families.productionErrors).toBe(1);
-    expect(scan.toolErrors).toBe(2);
-  });
+    expect(scan.families.productionErrors).toBe(1)
+    expect(scan.toolErrors).toBe(2)
+  })
 
   it('ne compte une relecture qu’à partir de la seconde lecture', async () => {
     const scan = await scanFile({
@@ -102,14 +102,14 @@ describe('activité d’une session', () => {
       project: 'p',
       agentId: null,
       agentType: null,
-    });
+    })
 
     // `/w/a.ts` est lu deux fois : seule la seconde est une relecture, et elle
     // pèse ce que son résultat a remis dans la fenêtre.
-    expect(scan.rereadCalls).toBe(1);
-    expect(scan.rereadTokens).toBeGreaterThan(0);
-    expect(scan.rereadTokens).toBeLessThan(scan.families.explorationTokens);
-  });
+    expect(scan.rereadCalls).toBe(1)
+    expect(scan.rereadTokens).toBeGreaterThan(0)
+    expect(scan.rereadTokens).toBeLessThan(scan.families.explorationTokens)
+  })
 
   it('ne prend pour un prompt que ce qu’un humain a tapé', async () => {
     const scan = await scanFile({
@@ -118,15 +118,15 @@ describe('activité d’une session', () => {
       project: 'p',
       agentId: null,
       agentType: null,
-    });
+    })
 
     // Deux vrais prompts. Sont écartés : les deux lignes d'échos de résultats
     // (`isMeta`), la ligne de commande locale, l'injection du harness — et
     // l'interruption, qui n'est pas une consigne.
-    expect(scan.userTurns).toBe(2);
-    expect(scan.interruptions).toBe(1);
-    expect(scan.turns).toBe(3);
-  });
+    expect(scan.userTurns).toBe(2)
+    expect(scan.interruptions).toBe(1)
+    expect(scan.turns).toBe(3)
+  })
 
   it('produit un point de dépense par réponse, à sa date', async () => {
     const scan = await scanFile({
@@ -135,26 +135,26 @@ describe('activité d’une session', () => {
       project: 'p',
       agentId: null,
       agentType: null,
-    });
+    })
 
-    expect(scan.points).toHaveLength(3);
-    expect(scan.points[0]!.t).toBe(Date.parse('2026-01-01T10:01:00.000Z'));
-    for (const p of scan.points) expect(p.cost).toBeGreaterThan(0);
+    expect(scan.points).toHaveLength(3)
+    expect(scan.points[0]!.t).toBe(Date.parse('2026-01-01T10:01:00.000Z'))
+    for (const p of scan.points) expect(p.cost).toBeGreaterThan(0)
 
     // La somme des points est celle des cellules : c'est la même dépense, vue
     // par l'autre bout. L'invariant qui autorise `pace.ts` à raisonner sur les
     // points sans jamais rouvrir un transcript.
-    const fromPoints = scan.points.reduce((n, p) => n + p.cost, 0);
-    const fromCells = scan.cells.reduce((n, c) => n + (costOf(c.model, c, c.day) ?? 0), 0);
-    expect(fromPoints).toBeCloseTo(fromCells, 10);
-  });
-});
+    const fromPoints = scan.points.reduce((n, p) => n + p.cost, 0)
+    const fromCells = scan.cells.reduce((n, c) => n + (costOf(c.model, c, c.day) ?? 0), 0)
+    expect(fromPoints).toBeCloseTo(fromCells, 10)
+  })
+})
 
 describe.skipIf(!HAS_CORPUS)('relevés par session', () => {
-  let signals: SessionSignal[] = [];
-  let usage!: Awaited<ReturnType<typeof getUsage>>;
+  let signals: SessionSignal[] = []
+  let usage!: Awaited<ReturnType<typeof getUsage>>
   /** Le corpus a bougé pendant les deux lectures, et pendant la reprise aussi. */
-  let corpusMouvant = false;
+  let corpusMouvant = false
 
   /**
    * Les deux lectures dans le même souffle, et sous surveillance.
@@ -167,104 +167,99 @@ describe.skipIf(!HAS_CORPUS)('relevés par session', () => {
    */
   beforeAll(async () => {
     for (let essai = 1; essai <= 2; essai++) {
-      const avant = await empreinteCorpus();
-      const releve = await getSignals();
-      const compte = await getUsage();
-      const apres = await empreinteCorpus();
-      signals = releve.signals;
-      usage = compte;
-      if (avant === apres) return;
-      if (essai === 2) corpusMouvant = true;
+      const avant = await empreinteCorpus()
+      const releve = await getSignals()
+      const compte = await getUsage()
+      const apres = await empreinteCorpus()
+      signals = releve.signals
+      usage = compte
+      if (avant === apres) return
+      if (essai === 2) corpusMouvant = true
     }
-  }, TIMEOUT);
+  }, TIMEOUT)
 
   it('produit un relevé par session', () => {
-    expect(signals.length).toBeGreaterThan(0);
-  });
+    expect(signals.length).toBeGreaterThan(0)
+  })
 
   it('totalise exactement comme la page Usage', (ctx) => {
     // Sauter en le disant, jamais passer en silence : un test qui se tait
     // quand il n'a pas pu mesurer vaut moins que pas de test du tout.
     if (corpusMouvant) {
-      ctx.skip(
-        'le corpus a bougé pendant les deux lectures, reprise comprise : une session Claude Code écrivait.',
-      );
-      return;
+      ctx.skip('le corpus a bougé pendant les deux lectures, reprise comprise : une session Claude Code écrivait.')
+      return
     }
-    const sum = (pick: (s: SessionSignal) => number): number =>
-      signals.reduce((n, s) => n + pick(s), 0);
+    const sum = (pick: (s: SessionSignal) => number): number => signals.reduce((n, s) => n + pick(s), 0)
 
-    expect(sum((s) => s.tokens.input)).toBe(usage.totals.input);
-    expect(sum((s) => s.tokens.output)).toBe(usage.totals.output);
-    expect(sum((s) => s.tokens.cacheRead)).toBe(usage.totals.cacheRead);
-    expect(sum((s) => s.tokens.cacheCreate)).toBe(usage.totals.cacheCreate);
-    expect(sum((s) => s.turns + s.subagentTurns)).toBe(usage.totals.turns);
+    expect(sum((s) => s.tokens.input)).toBe(usage.totals.input)
+    expect(sum((s) => s.tokens.output)).toBe(usage.totals.output)
+    expect(sum((s) => s.tokens.cacheRead)).toBe(usage.totals.cacheRead)
+    expect(sum((s) => s.tokens.cacheCreate)).toBe(usage.totals.cacheCreate)
+    expect(sum((s) => s.turns + s.subagentTurns)).toBe(usage.totals.turns)
     // Le coût est une somme de flottants : l'égalité stricte n'a pas de sens,
     // mais le cent près, si.
-    expect(sum((s) => s.cost)).toBeCloseTo(usage.totals.cost, 2);
-  });
+    expect(sum((s) => s.cost)).toBeCloseTo(usage.totals.cost, 2)
+  })
   // Plus de délai à accorder : les deux lectures ont eu lieu dans le
   // `beforeAll`, ce test ne fait plus que sommer.
 
   it('ne déduit jamais un coût d’un modèle sans tarif', () => {
     for (const s of signals) {
       for (const m of s.models) {
-        if (!m.priced) expect(m.cost).toBe(0);
+        if (!m.priced) expect(m.cost).toBe(0)
       }
       // Un modèle sans tarif est nommé, jamais tu.
-      expect(s.unpricedModels).toEqual(s.models.filter((m) => !m.priced).map((m) => m.model));
+      expect(s.unpricedModels).toEqual(s.models.filter((m) => !m.priced).map((m) => m.model))
     }
-  });
+  })
 
   it('garde le taux de cache dans [0, 1]', () => {
     for (const s of signals) {
-      expect(s.cacheHitRatio).toBeGreaterThanOrEqual(0);
-      expect(s.cacheHitRatio).toBeLessThanOrEqual(1);
+      expect(s.cacheHitRatio).toBeGreaterThanOrEqual(0)
+      expect(s.cacheHitRatio).toBeLessThanOrEqual(1)
     }
-  });
+  })
 
   it('ne relève pas une fenêtre plus grande que ce qui a été observé', () => {
     for (const s of signals) {
       // La fenêtre d'un tour ne peut pas dépasser ce que la session a lu en tout.
-      expect(s.peakContext).toBeLessThanOrEqual(
-        s.tokens.input + s.tokens.cacheRead + s.tokens.cacheCreate,
-      );
-      expect(s.firstTurnContext).toBeLessThanOrEqual(s.peakContext);
+      expect(s.peakContext).toBeLessThanOrEqual(s.tokens.input + s.tokens.cacheRead + s.tokens.cacheCreate)
+      expect(s.firstTurnContext).toBeLessThanOrEqual(s.peakContext)
     }
-  });
+  })
 
   it('compte les sous-agents dans le total de leur session', () => {
     for (const s of signals) {
-      const sub = s.subagents.reduce((n, a) => n + a.cost, 0);
-      expect(sub).toBeLessThanOrEqual(s.cost + 1e-9);
-      const turns = s.subagents.reduce((n, a) => n + a.turns, 0);
-      expect(turns).toBe(s.subagentTurns);
+      const sub = s.subagents.reduce((n, a) => n + a.cost, 0)
+      expect(sub).toBeLessThanOrEqual(s.cost + 1e-9)
+      const turns = s.subagents.reduce((n, a) => n + a.turns, 0)
+      expect(turns).toBe(s.subagentTurns)
     }
-  });
+  })
 
   it('ne produit aucun compteur négatif', () => {
     for (const s of signals) {
-      expect(s.cost).toBeGreaterThanOrEqual(0);
-      expect(s.cacheReadCost).toBeGreaterThanOrEqual(0);
-      expect(s.imageTokens).toBeGreaterThanOrEqual(0);
-      for (const c of CONTEXT_CATEGORIES) expect(s.byCategory[c]).toBeGreaterThanOrEqual(0);
+      expect(s.cost).toBeGreaterThanOrEqual(0)
+      expect(s.cacheReadCost).toBeGreaterThanOrEqual(0)
+      expect(s.imageTokens).toBeGreaterThanOrEqual(0)
+      for (const c of CONTEXT_CATEGORIES) expect(s.byCategory[c]).toBeGreaterThanOrEqual(0)
       for (const t of s.tools) {
-        expect(t.tokens).toBe(t.inputTokens + t.outputTokens);
-        expect(t.imageTokens).toBeLessThanOrEqual(t.outputTokens);
-        expect(t.errors).toBeLessThanOrEqual(t.calls + t.errors);
+        expect(t.tokens).toBe(t.inputTokens + t.outputTokens)
+        expect(t.imageTokens).toBeLessThanOrEqual(t.outputTokens)
+        expect(t.errors).toBeLessThanOrEqual(t.calls + t.errors)
       }
     }
-  });
+  })
 
   it('trouve des sessions à sous-agents (sinon le sidecar n’est pas lu)', () => {
     // La régression qu'on ne verrait pas autrement : un `listFiles` qui rate le
     // répertoire `subagents/` rendrait ce champ vide partout, sans rien casser.
-    expect(signals.some((s) => s.subagents.length > 0)).toBe(true);
-  });
+    expect(signals.some((s) => s.subagents.length > 0)).toBe(true)
+  })
 
   it('attribue du coût aux outils (sinon le pass complet ne sert à rien)', () => {
-    const withTools = signals.filter((s) => s.tools.length > 0);
-    expect(withTools.length).toBeGreaterThan(0);
-    expect(withTools.some((s) => s.byCategory.tools > 0)).toBe(true);
-  });
-});
+    const withTools = signals.filter((s) => s.tools.length > 0)
+    expect(withTools.length).toBeGreaterThan(0)
+    expect(withTools.some((s) => s.byCategory.tools > 0)).toBe(true)
+  })
+})
diff --git a/test/skill-document.test.ts b/test/skill-document.test.ts
index bc61b74..608c447 100644
--- a/test/skill-document.test.ts
+++ b/test/skill-document.test.ts
@@ -8,72 +8,61 @@
 // les 18 sur un appel `Skill`) et l'en-tête `Base directory for this skill:`
 // (58 lignes, dont 44 sans l'autre marqueur). Leur union fait 62 injections.
 
-import { describe, expect, it } from 'vitest';
-import { skillDocument } from '../src/components/replay/skillDocument.ts';
+import { describe, expect, it } from 'vitest'
+import { skillDocument } from '../src/components/replay/skillDocument.ts'
 
-const head = (dir: string, body: string): string =>
-  `Base directory for this skill: ${dir}\n\n${body}`;
+const head = (dir: string, body: string): string => `Base directory for this skill: ${dir}\n\n${body}`
 
 describe('manuel de skill', () => {
   it('lit le nom et le corps sous l’en-tête', () => {
-    const doc = skillDocument(
-      head(
-        'C:\\Users\\jean.dupont\\Documents\\p\\.claude\\skills\\pipeline-feature',
-        '# Pipeline\n\nDeux.',
-      ),
-    );
-    expect(doc?.name).toBe('pipeline-feature');
-    expect(doc?.body).toBe('# Pipeline\n\nDeux.');
-    expect(doc?.lines).toBe(3);
-  });
+    const doc = skillDocument(head('C:\\Users\\jean.dupont\\Documents\\p\\.claude\\skills\\pipeline-feature', '# Pipeline\n\nDeux.'))
+    expect(doc?.name).toBe('pipeline-feature')
+    expect(doc?.body).toBe('# Pipeline\n\nDeux.')
+    expect(doc?.lines).toBe(3)
+  })
 
   it('retire la ligne vide qui suit l’en-tête, sur les 58 injections qui en ont une', () => {
-    const doc = skillDocument(head('/home/jean.dupont/.claude/skills/run', '# Run'));
-    expect(doc?.body.startsWith('\n')).toBe(false);
-  });
+    const doc = skillDocument(head('/home/jean.dupont/.claude/skills/run', '# Run'))
+    expect(doc?.body.startsWith('\n')).toBe(false)
+  })
 
   it('nomme d’après l’appel quand le texte n’a pas d’en-tête', () => {
     // Les 4 injections sans en-tête du parc — `artifact-design` ouvre sur sa
     // consigne, et rien dans son texte ne dit de quel skill il s'agit.
-    const doc = skillDocument('Approach this as the design lead…', 'artifact-design');
-    expect(doc?.name).toBe('artifact-design');
-    expect(doc?.body).toBe('Approach this as the design lead…');
-    expect(doc?.dir).toBe('');
-    expect(doc?.origin).toBe('');
-  });
+    const doc = skillDocument('Approach this as the design lead…', 'artifact-design')
+    expect(doc?.name).toBe('artifact-design')
+    expect(doc?.body).toBe('Approach this as the design lead…')
+    expect(doc?.dir).toBe('')
+    expect(doc?.origin).toBe('')
+  })
 
   it('préfère le nom de l’appel à celui du dossier', () => {
     // Le dossier d'une extension ne porte pas son préfixe : `…/superpowers/
     // 5.0.7/skills/brainstorming` pour un appel `superpowers:brainstorming`.
     const doc = skillDocument(
-      head(
-        '/home/jean.dupont/.claude/plugins/cache/o/superpowers/5.0.7/skills/brainstorming',
-        '# B',
-      ),
+      head('/home/jean.dupont/.claude/plugins/cache/o/superpowers/5.0.7/skills/brainstorming', '# B'),
       'superpowers:brainstorming',
-    );
-    expect(doc?.name).toBe('superpowers:brainstorming');
-  });
+    )
+    expect(doc?.name).toBe('superpowers:brainstorming')
+  })
 
   // La provenance est une clé de catalogue, pas un mot : le libellé se choisit à
   // l'affichage, dans la langue du moment.
   it('dit d’où vient le skill, sur les quatre provenances du parc', () => {
-    const origin = (dir: string): string | undefined => skillDocument(head(dir, 'x'))?.origin;
-    expect(origin('C:\\T\\claude\\bundled-skills\\2.1.221\\ab\\claude-api')).toBe('bundled');
-    expect(origin('C:\\U\\x\\.claude\\plugins\\cache\\o\\superpowers\\5.0.7\\skills\\b')).toBe(
-      'plugin',
-    );
-    expect(origin('C:\\U\\x\\Documents\\devl\\p\\.claude\\skills\\role-qa')).toBe('project');
-    expect(origin('C:\\U\\x\\.claude\\skills\\create-skill')).toBe('personal');
-  });
+    const origin = (dir: string): string | undefined => skillDocument(head(dir, 'x'))?.origin
+    expect(origin('C:\\T\\claude\\bundled-skills\\2.1.221\\ab\\claude-api')).toBe('bundled')
+    expect(origin('C:\\U\\x\\.claude\\plugins\\cache\\o\\superpowers\\5.0.7\\skills\\b')).toBe('plugin')
+    expect(origin('C:\\U\\x\\Documents\\devl\\p\\.claude\\skills\\role-qa')).toBe('project')
+    expect(origin('C:\\U\\x\\.claude\\skills\\create-skill')).toBe('personal')
+  })
 
   it('ne reconnaît rien sans marqueur', () => {
-    expect(skillDocument('Continue from where you left off.')).toBeNull();
+    expect(skillDocument('Continue from where you left off.')).toBeNull()
     // L'en-tête doit ouvrir le texte : un rapport qui la cite n'en est pas un.
-    expect(skillDocument('Le rapport dit : Base directory for this skill: /x/y')).toBeNull();
-  });
+    expect(skillDocument('Le rapport dit : Base directory for this skill: /x/y')).toBeNull()
+  })
 
   it('ne rend pas un document sans nom', () => {
-    expect(skillDocument(head('', '# rien'))).toBeNull();
-  });
-});
+    expect(skillDocument(head('', '# rien'))).toBeNull()
+  })
+})
diff --git a/test/slash-commands.test.ts b/test/slash-commands.test.ts
index f98a36b..e80b3b6 100644
--- a/test/slash-commands.test.ts
+++ b/test/slash-commands.test.ts
@@ -6,8 +6,8 @@
 // sans que rien ne s'en plaigne, et une entrée sans nom insérerait une barre
 // oblique seule dans le composeur.
 
-import { describe, expect, it } from 'vitest';
-import { toCommands } from '../server/agent/runner.ts';
+import { describe, expect, it } from 'vitest'
+import { toCommands } from '../server/agent/runner.ts'
 
 describe('toCommands', () => {
   it('garde ce que le SDK décrit, alias compris', () => {
@@ -19,21 +19,19 @@ describe('toCommands', () => {
     ).toEqual([
       { name: 'usage', description: 'Voir la consommation', aliases: ['cost'] },
       { name: 'compact', description: 'Compacter', argumentHint: '<instructions>' },
-    ]);
-  });
+    ])
+  })
 
   it('écarte ce qui n’a pas de nom : une commande sans nom ne s’insère pas', () => {
-    expect(toCommands([{ description: 'orpheline' }, { name: '' }, null, 'compact'])).toEqual([]);
-  });
+    expect(toCommands([{ description: 'orpheline' }, { name: '' }, null, 'compact'])).toEqual([])
+  })
 
   it('ne transporte ni indice vide ni liste d’alias vide', () => {
-    expect(toCommands([{ name: 'context', argumentHint: '', aliases: [] }])).toEqual([
-      { name: 'context', description: '' },
-    ]);
-  });
+    expect(toCommands([{ name: 'context', argumentHint: '', aliases: [] }])).toEqual([{ name: 'context', description: '' }])
+  })
 
   it('rend une liste vide sur autre chose qu’un tableau', () => {
-    expect(toCommands(undefined)).toEqual([]);
-    expect(toCommands({ commands: [] })).toEqual([]);
-  });
-});
+    expect(toCommands(undefined)).toEqual([])
+    expect(toCommands({ commands: [] })).toEqual([])
+  })
+})
diff --git a/test/source-file-kind.test.ts b/test/source-file-kind.test.ts
index 5b26da4..58d212e 100644
--- a/test/source-file-kind.test.ts
+++ b/test/source-file-kind.test.ts
@@ -5,77 +5,77 @@
 // qu'elle nomme. Un faux positif ici, et le BFF ouvre un fichier arbitraire de
 // l'arborescence des sources — d'où les cas d'évasion en fin de fichier.
 
-import { describe, expect, it } from 'vitest';
-import { sourceFileKind } from '../server/projects.ts';
+import { describe, expect, it } from 'vitest'
+import { sourceFileKind } from '../server/projects.ts'
 
 describe('instructions d’agents — tout l’arbre', () => {
   it('reconnaît CLAUDE.md et ses équivalents, à n’importe quelle profondeur', () => {
-    expect(sourceFileKind('CLAUDE.md')).toBe('memory');
-    expect(sourceFileKind('server/CLAUDE.md')).toBe('memory');
-    expect(sourceFileKind('packages/ui/src/AGENTS.md')).toBe('memory');
-    expect(sourceFileKind('GEMINI.md')).toBe('memory');
-    expect(sourceFileKind('.cursorrules')).toBe('memory');
-    expect(sourceFileKind('front/.windsurfrules')).toBe('memory');
-    expect(sourceFileKind('.github/copilot-instructions.md')).toBe('memory');
-  });
+    expect(sourceFileKind('CLAUDE.md')).toBe('memory')
+    expect(sourceFileKind('server/CLAUDE.md')).toBe('memory')
+    expect(sourceFileKind('packages/ui/src/AGENTS.md')).toBe('memory')
+    expect(sourceFileKind('GEMINI.md')).toBe('memory')
+    expect(sourceFileKind('.cursorrules')).toBe('memory')
+    expect(sourceFileKind('front/.windsurfrules')).toBe('memory')
+    expect(sourceFileKind('.github/copilot-instructions.md')).toBe('memory')
+  })
 
   it('ignore la casse — Windows et macOS ne la distinguent pas', () => {
-    expect(sourceFileKind('claude.md')).toBe('memory');
-    expect(sourceFileKind('src/Agents.MD')).toBe('memory');
-  });
+    expect(sourceFileKind('claude.md')).toBe('memory')
+    expect(sourceFileKind('src/Agents.MD')).toBe('memory')
+  })
 
   it('ne prend pas un fichier dont le nom commence pareil', () => {
-    expect(sourceFileKind('CLAUDE.md.bak')).toBeNull();
-    expect(sourceFileKind('AGENTS.ts')).toBeNull();
-    expect(sourceFileKind('docs/copilot-instructions.md')).toBeNull();
-  });
-});
+    expect(sourceFileKind('CLAUDE.md.bak')).toBeNull()
+    expect(sourceFileKind('AGENTS.ts')).toBeNull()
+    expect(sourceFileKind('docs/copilot-instructions.md')).toBeNull()
+  })
+})
 
 describe('documents du dépôt — la racine seule', () => {
   it('reconnaît les documents classiques, avec ou sans extension', () => {
-    expect(sourceFileKind('README.md')).toBe('repo');
-    expect(sourceFileKind('CONTRIBUTING.md')).toBe('repo');
-    expect(sourceFileKind('LICENSE')).toBe('repo');
-    expect(sourceFileKind('COPYING')).toBe('repo');
-    expect(sourceFileKind('README.rst')).toBe('repo');
-    expect(sourceFileKind('CHANGELOG.txt')).toBe('repo');
-    expect(sourceFileKind('CODE_OF_CONDUCT.md')).toBe('repo');
-  });
+    expect(sourceFileKind('README.md')).toBe('repo')
+    expect(sourceFileKind('CONTRIBUTING.md')).toBe('repo')
+    expect(sourceFileKind('LICENSE')).toBe('repo')
+    expect(sourceFileKind('COPYING')).toBe('repo')
+    expect(sourceFileKind('README.rst')).toBe('repo')
+    expect(sourceFileKind('CHANGELOG.txt')).toBe('repo')
+    expect(sourceFileKind('CODE_OF_CONDUCT.md')).toBe('repo')
+  })
 
   // Sinon un monorepo remonterait un README par paquet, et la liste n'aurait plus
   // de fin. Seul un CLAUDE.md a le statut qui justifie la profondeur.
   it('ne descend pas dans les sous-dossiers', () => {
-    expect(sourceFileKind('packages/ui/README.md')).toBeNull();
-    expect(sourceFileKind('docs/CHANGELOG.md')).toBeNull();
-  });
+    expect(sourceFileKind('packages/ui/README.md')).toBeNull()
+    expect(sourceFileKind('docs/CHANGELOG.md')).toBeNull()
+  })
 
   it('accepte les gabarits de .github, dont le chemin est fixe', () => {
-    expect(sourceFileKind('.github/PULL_REQUEST_TEMPLATE.md')).toBe('repo');
-    expect(sourceFileKind('.github/ISSUE_TEMPLATE/bug.md')).toBe('repo');
-    expect(sourceFileKind('.github/ISSUE_TEMPLATE/config.yml')).toBe('repo');
-    expect(sourceFileKind('.github/workflows/ci.yml')).toBeNull();
-    expect(sourceFileKind('.github/ISSUE_TEMPLATE/nested/x.md')).toBeNull();
-  });
-});
+    expect(sourceFileKind('.github/PULL_REQUEST_TEMPLATE.md')).toBe('repo')
+    expect(sourceFileKind('.github/ISSUE_TEMPLATE/bug.md')).toBe('repo')
+    expect(sourceFileKind('.github/ISSUE_TEMPLATE/config.yml')).toBe('repo')
+    expect(sourceFileKind('.github/workflows/ci.yml')).toBeNull()
+    expect(sourceFileKind('.github/ISSUE_TEMPLATE/nested/x.md')).toBeNull()
+  })
+})
 
 describe('ce qui reste dehors', () => {
   it('refuse un fichier quelconque', () => {
-    expect(sourceFileKind('server/index.ts')).toBeNull();
-    expect(sourceFileKind('.env')).toBeNull();
-    expect(sourceFileKind('package.json')).toBeNull();
-  });
+    expect(sourceFileKind('server/index.ts')).toBeNull()
+    expect(sourceFileKind('.env')).toBeNull()
+    expect(sourceFileKind('package.json')).toBeNull()
+  })
 
   // La lecture vérifie aussi le préfixe de chemin ; ces cas figent la seconde
   // garde, celle qui tient même si la première tombait.
   it('refuse une évasion, y compris vers un nom autorisé', () => {
-    expect(sourceFileKind('../README.md')).toBeNull();
-    expect(sourceFileKind('../.github/PULL_REQUEST_TEMPLATE.md')).toBeNull();
-    expect(sourceFileKind('..')).toBeNull();
-  });
+    expect(sourceFileKind('../README.md')).toBeNull()
+    expect(sourceFileKind('../.github/PULL_REQUEST_TEMPLATE.md')).toBeNull()
+    expect(sourceFileKind('..')).toBeNull()
+  })
 
   // Une instruction d'agent reste reconnue à n'importe quelle profondeur : la
   // remontée, elle, est arrêtée par la vérification de préfixe côté lecture.
   it('reconnaît encore un CLAUDE.md remonté, que le préfixe rejettera', () => {
-    expect(sourceFileKind('../CLAUDE.md')).toBe('memory');
-  });
-});
+    expect(sourceFileKind('../CLAUDE.md')).toBe('memory')
+  })
+})
diff --git a/test/structured-result.test.ts b/test/structured-result.test.ts
index 55d3c67..ce064ca 100644
--- a/test/structured-result.test.ts
+++ b/test/structured-result.test.ts
@@ -7,34 +7,34 @@
 // coûterait des dizaines de mégaoctets pour n'afficher, presque partout, rien
 // que le texte ne dise déjà.
 
-import { describe, expect, it } from 'vitest';
-import { existsSync } from 'node:fs';
-import { homedir } from 'node:os';
-import { join } from 'node:path';
-import { readdirSync, statSync } from 'node:fs';
-import { parseTranscript, type Block } from '../server/transcript.ts';
+import { existsSync } from 'node:fs'
+import { readdirSync, statSync } from 'node:fs'
+import { homedir } from 'node:os'
+import { join } from 'node:path'
+import { describe, expect, it } from 'vitest'
+import { parseTranscript, type Block } from '../server/transcript.ts'
 
-const FIXTURE = join(import.meta.dirname, 'fixtures', 'artifact.jsonl');
-const ASK = join(import.meta.dirname, 'fixtures', 'ask.jsonl');
+const FIXTURE = join(import.meta.dirname, 'fixtures', 'artifact.jsonl')
+const ASK = join(import.meta.dirname, 'fixtures', 'ask.jsonl')
 
 /** La lecture que faisait le rejeu avant le sidecar : les couples du texte. */
 function answersFromText(text: string): Map<string, string> {
-  const map = new Map<string, string>();
+  const map = new Map<string, string>()
   for (const m of text.matchAll(/"([^"]*)"\s*=\s*"([^"]*)"/g)) {
-    if (m[1] !== undefined) map.set(m[1], m[2] ?? '');
+    if (m[1] !== undefined) map.set(m[1], m[2] ?? '')
   }
-  return map;
+  return map
 }
 
 /** Tous les blocs `tool_use` d'un transcript parsé, à plat. */
 async function blocksOf(path: string, id = ''): Promise<Block[]> {
-  const { events } = await parseTranscript(path, id);
-  return events.flatMap((e) => e.blocks).filter((b) => b.kind === 'tool_use');
+  const { events } = await parseTranscript(path, id)
+  return events.flatMap((e) => e.blocks).filter((b) => b.kind === 'tool_use')
 }
 
 describe('résultat structuré', () => {
   it('retient l’URL publiée d’un Artifact', async () => {
-    const artifact = (await blocksOf(FIXTURE)).find((b) => b.name === 'Artifact');
+    const artifact = (await blocksOf(FIXTURE)).find((b) => b.name === 'Artifact')
     expect(artifact?.result?.meta).toEqual({
       url: 'https://claude.ai/code/artifact/3c4d5e6f-7a8b-4c9d-8e0f-1a2b3c4d5e6f',
       path: '/w/recap.html',
@@ -42,101 +42,91 @@ describe('résultat structuré', () => {
       updated: false,
       version: '1700000000-0001',
       liveSubscription: 'flag_off',
-    });
-  });
+    })
+  })
 
   it('laisse tomber les objets imbriqués', async () => {
     // `nested` est dans la ligne mais hors liste : rien ne le rend, et c'est par
     // les objets qu'un sidecar explose en volume.
-    const artifact = (await blocksOf(FIXTURE)).find((b) => b.name === 'Artifact');
-    expect(artifact?.result?.meta).not.toHaveProperty('nested');
-  });
+    const artifact = (await blocksOf(FIXTURE)).find((b) => b.name === 'Artifact')
+    expect(artifact?.result?.meta).not.toHaveProperty('nested')
+  })
 
   it('ne retient rien pour un outil hors liste', async () => {
     // Le `Read` de la fixture porte pourtant un `toolUseResult` complet.
-    const read = (await blocksOf(FIXTURE)).find((b) => b.name === 'Read');
-    expect(read?.result?.content).toBeTruthy();
-    expect(read?.result?.meta).toBeUndefined();
-  });
-});
+    const read = (await blocksOf(FIXTURE)).find((b) => b.name === 'Read')
+    expect(read?.result?.content).toBeTruthy()
+    expect(read?.result?.meta).toBeUndefined()
+  })
+})
 
 describe('réponses d’un AskUserQuestion', () => {
   it('retient la carte question → réponse, sans l’écho des questions', async () => {
-    const ask = (await blocksOf(ASK)).find((b) => b.name === 'AskUserQuestion');
+    const ask = (await blocksOf(ASK)).find((b) => b.name === 'AskUserQuestion')
     expect(ask?.result?.meta?.answers).toEqual({
-      'Le mock supporte une logique OU (champ `Logic: "OU"`). Comment le traduire ?':
-        'Expression manuelle',
-    });
+      'Le mock supporte une logique OU (champ `Logic: "OU"`). Comment le traduire ?': 'Expression manuelle',
+    })
     // `questions` est dans le sidecar mais hors liste : c'est l'écho de l'entrée,
     // que le bloc porte déjà.
-    expect(ask?.result?.meta).not.toHaveProperty('questions');
-  });
+    expect(ask?.result?.meta).not.toHaveProperty('questions')
+  })
 
   it('rattrape une réponse que le texte seul faisait perdre', async () => {
     // Le cas réel : une question qui cite un champ entre guillemets. Le texte
     // énumère des couples `"…"="…"` et devient ambigu ; la carte, non.
-    const ask = (await blocksOf(ASK)).find((b) => b.name === 'AskUserQuestion');
-    const question = 'Le mock supporte une logique OU (champ `Logic: "OU"`). Comment le traduire ?';
+    const ask = (await blocksOf(ASK)).find((b) => b.name === 'AskUserQuestion')
+    const question = 'Le mock supporte une logique OU (champ `Logic: "OU"`). Comment le traduire ?'
 
-    const fromText = answersFromText(ask?.result?.content ?? '');
-    expect(fromText.get(question), 'le texte seul devrait échouer ici').toBeUndefined();
+    const fromText = answersFromText(ask?.result?.content ?? '')
+    expect(fromText.get(question), 'le texte seul devrait échouer ici').toBeUndefined()
 
-    const meta = ask?.result?.meta?.answers as Record<string, string>;
-    expect(meta[question]).toBe('Expression manuelle');
-  });
-});
+    const meta = ask?.result?.meta?.answers as Record<string, string>
+    expect(meta[question]).toBe('Expression manuelle')
+  })
+})
 
 // ── Sur le vrai corpus ───────────────────────────────────────────────────────
 
-const PROJECTS = join(homedir(), '.claude', 'projects');
-const HAS_CORPUS = existsSync(PROJECTS);
+const PROJECTS = join(homedir(), '.claude', 'projects')
+const HAS_CORPUS = existsSync(PROJECTS)
 
 /** Un échantillon de transcripts réels, sans rien assembler. */
 function sample(limit = 40): string[] {
-  const out: string[] = [];
+  const out: string[] = []
   for (const project of readdirSync(PROJECTS)) {
-    const dir = join(PROJECTS, project);
+    const dir = join(PROJECTS, project)
     try {
-      if (!statSync(dir).isDirectory()) continue;
+      if (!statSync(dir).isDirectory()) continue
     } catch {
-      continue;
+      continue
     }
     for (const file of readdirSync(dir)) {
-      if (file.endsWith('.jsonl')) out.push(join(dir, file));
-      if (out.length >= limit) return out;
+      if (file.endsWith('.jsonl')) out.push(join(dir, file))
+      if (out.length >= limit) return out
     }
   }
-  return out;
+  return out
 }
 
 describe.skipIf(!HAS_CORPUS)('résultat structuré sur le vrai corpus', () => {
   it('ne garde de sidecar que pour les outils de la liste, et jamais un gros', async () => {
-    let kept = 0;
+    let kept = 0
     for (const path of sample()) {
       for (const b of await blocksOf(path)) {
-        const meta = b.result?.meta;
-        if (!meta) continue;
-        kept++;
+        const meta = b.result?.meta
+        if (!meta) continue
+        kept++
         // La liste blanche est la garantie de volume : un `Read` ou un `Write`
         // qui commencerait à porter son sidecar ferait grossir chaque
         // transcript parsé de plusieurs dizaines de kilo-octets.
-        expect(
-          [
-            'Artifact',
-            'AskUserQuestion',
-            'ExitPlanMode',
-            'Skill',
-            'TaskCreate',
-            'ToolSearch',
-            'WebFetch',
-          ],
-          `${path} — ${b.name}`,
-        ).toContain(b.name);
-        expect(JSON.stringify(meta).length, `${path} — sidecar trop gros`).toBeLessThan(8_192);
+        expect(['Artifact', 'AskUserQuestion', 'ExitPlanMode', 'Skill', 'TaskCreate', 'ToolSearch', 'WebFetch'], `${path} — ${b.name}`).toContain(
+          b.name,
+        )
+        expect(JSON.stringify(meta).length, `${path} — sidecar trop gros`).toBeLessThan(8_192)
       }
     }
     // Zéro est une réponse valide : l'échantillon peut ne contenir aucun
     // Artifact. On vérifie la borne, pas la présence.
-    expect(kept).toBeGreaterThanOrEqual(0);
-  }, 120_000);
-});
+    expect(kept).toBeGreaterThanOrEqual(0)
+  }, 120_000)
+})
diff --git a/test/subagent-live-track.test.ts b/test/subagent-live-track.test.ts
index ac48913..c44a8a0 100644
--- a/test/subagent-live-track.test.ts
+++ b/test/subagent-live-track.test.ts
@@ -9,11 +9,11 @@
 // Ce que ces tests tiennent : le direct partitionne comme le disque, c'est-à-dire
 // que chaque événement est dans une piste et une seule.
 
-import { describe, expect, it } from 'vitest';
-import { Translator } from '../server/agent/translate.ts';
-import { eventsOfTrack, MAIN_TRACK } from '../src/composables/useAgentTracks.ts';
+import { describe, expect, it } from 'vitest'
+import { Translator } from '../server/agent/translate.ts'
+import { eventsOfTrack, MAIN_TRACK } from '../src/composables/useAgentTracks.ts'
 
-const APPEL = 'toolu_appel_agent';
+const APPEL = 'toolu_appel_agent'
 
 /** Le message `assistant` complet, tel que le SDK l'envoie. */
 const assistant = (id: string, parent: string | null): Record<string, unknown> => ({
@@ -24,57 +24,57 @@ const assistant = (id: string, parent: string | null): Record<string, unknown> =
     model: 'claude-opus-5',
     content: [{ type: 'tool_use', id: `${id}_t`, name: 'Read', input: { file_path: 'a.ts' } }],
   },
-});
+})
 
 describe('travail d’un sous-agent en direct', () => {
   it('sort du fil principal', () => {
-    const t = new Translator();
-    t.onAssistant(assistant('msg_principal', null));
-    t.onAssistant(assistant('msg_sous_agent', APPEL));
+    const t = new Translator()
+    t.onAssistant(assistant('msg_principal', null))
+    t.onAssistant(assistant('msg_sous_agent', APPEL))
 
-    const principal = eventsOfTrack(t.events, MAIN_TRACK).map((e) => e.uuid);
-    expect(principal).toEqual(['msg_principal']);
-  });
+    const principal = eventsOfTrack(t.events, MAIN_TRACK).map((e) => e.uuid)
+    expect(principal).toEqual(['msg_principal'])
+  })
 
   it('se retrouve dans la piste de l’appel qui l’a lancé', () => {
-    const t = new Translator();
-    t.onAssistant(assistant('msg_sous_agent', APPEL));
+    const t = new Translator()
+    t.onAssistant(assistant('msg_sous_agent', APPEL))
 
-    const piste = eventsOfTrack(t.events, APPEL).map((e) => e.uuid);
-    expect(piste).toEqual(['msg_sous_agent']);
-  });
+    const piste = eventsOfTrack(t.events, APPEL).map((e) => e.uuid)
+    expect(piste).toEqual(['msg_sous_agent'])
+  })
 
   it('vaut aussi pour le flux partiel, qui arrive avant le message complet', () => {
-    const t = new Translator();
+    const t = new Translator()
     t.onStreamEvent({
       type: 'stream_event',
       parent_tool_use_id: APPEL,
       event: { type: 'message_start', message: { id: 'msg_partiel', model: 'claude-opus-5' } },
-    });
+    })
 
-    expect(eventsOfTrack(t.events, MAIN_TRACK)).toHaveLength(0);
-    expect(eventsOfTrack(t.events, APPEL)).toHaveLength(1);
-  });
+    expect(eventsOfTrack(t.events, MAIN_TRACK)).toHaveLength(0)
+    expect(eventsOfTrack(t.events, APPEL)).toHaveLength(1)
+  })
 
   it('vaut pour un résultat d’outil que rien n’apparie', () => {
-    const t = new Translator();
+    const t = new Translator()
     t.onUser({
       type: 'user',
       parent_tool_use_id: APPEL,
       message: {
         content: [{ type: 'tool_result', tool_use_id: 'toolu_inconnu', content: 'ok' }],
       },
-    });
+    })
 
-    expect(eventsOfTrack(t.events, MAIN_TRACK)).toHaveLength(0);
-    expect(eventsOfTrack(t.events, APPEL)).toHaveLength(1);
-  });
+    expect(eventsOfTrack(t.events, MAIN_TRACK)).toHaveLength(0)
+    expect(eventsOfTrack(t.events, APPEL)).toHaveLength(1)
+  })
 
   it('laisse le fil principal intact quand aucun agent n’est en jeu', () => {
-    const t = new Translator();
-    t.appendUserPrompt('bonjour');
-    t.onAssistant(assistant('msg_principal', null));
+    const t = new Translator()
+    t.appendUserPrompt('bonjour')
+    t.onAssistant(assistant('msg_principal', null))
 
-    expect(eventsOfTrack(t.events, MAIN_TRACK)).toHaveLength(2);
-  });
-});
+    expect(eventsOfTrack(t.events, MAIN_TRACK)).toHaveLength(2)
+  })
+})
diff --git a/test/subagent-runs.test.ts b/test/subagent-runs.test.ts
index 4c7df72..71dae01 100644
--- a/test/subagent-runs.test.ts
+++ b/test/subagent-runs.test.ts
@@ -10,53 +10,53 @@
 // poussé. Ne pas l'étendre pour un autre besoin sans relire ce fichier — les
 // nombres attendus y sont en clair, et c'est voulu.
 
-import { describe, expect, it } from 'vitest';
-import { fileURLToPath } from 'node:url';
-import { parseTranscript } from '../server/transcript.ts';
-import type { SubagentRunSummary } from '../shared/transcript.ts';
+import { fileURLToPath } from 'node:url'
+import { describe, expect, it } from 'vitest'
+import { parseTranscript } from '../server/transcript.ts'
+import type { SubagentRunSummary } from '../shared/transcript.ts'
 
-const fixture = fileURLToPath(new URL('./fixtures/tracks.jsonl', import.meta.url));
+const fixture = fileURLToPath(new URL('./fixtures/tracks.jsonl', import.meta.url))
 
-const load = () => parseTranscript(fixture, 'tracks');
+const load = () => parseTranscript(fixture, 'tracks')
 
 const runOf = (runs: SubagentRunSummary[], agentId: string): SubagentRunSummary => {
-  const run = runs.find((r) => r.agentId === agentId);
-  if (!run) throw new Error(`run ${agentId} absent`);
-  return run;
-};
+  const run = runs.find((r) => r.agentId === agentId)
+  if (!run) throw new Error(`run ${agentId} absent`)
+  return run
+}
 
 describe('statut d’un run — ce que le transcript atteste, et rien de plus', () => {
   it('un agent synchrone dont le rapport est revenu est terminé', async () => {
-    const { subagents } = await load();
-    expect(runOf(subagents, 'sync1').status).toBe('completed');
-  });
+    const { subagents } = await load()
+    expect(runOf(subagents, 'sync1').status).toBe('completed')
+  })
 
   it('un agent lancé en asynchrone est terminé par sa notification de tâche', async () => {
-    const { subagents } = await load();
-    expect(runOf(subagents, 'async1').status).toBe('completed');
-  });
+    const { subagents } = await load()
+    expect(runOf(subagents, 'async1').status).toBe('completed')
+  })
 
   it('un agent lancé en asynchrone reste en vol tant qu’aucune notification ne le clôt', async () => {
-    const { subagents } = await load();
-    expect(runOf(subagents, 'async2').status).toBe('running');
-  });
+    const { subagents } = await load()
+    expect(runOf(subagents, 'async2').status).toBe('running')
+  })
 
   it('un appel `Agent` sans résultat est un agent qui tourne encore', async () => {
-    const { subagents } = await load();
-    expect(runOf(subagents, 'flight').status).toBe('running');
-  });
+    const { subagents } = await load()
+    expect(runOf(subagents, 'flight').status).toBe('running')
+  })
 
   it('un appel `Agent` en erreur est un run en échec', async () => {
-    const { subagents } = await load();
-    expect(runOf(subagents, 'failed1').status).toBe('failed');
-  });
+    const { subagents } = await load()
+    expect(runOf(subagents, 'failed1').status).toBe('failed')
+  })
 
   it('un sidecar que rien ne rattache à un appel a un statut inconnu, et pas de type', async () => {
-    const { subagents } = await load();
-    const orphan = runOf(subagents, 'orphan');
-    expect(orphan.status).toBe('unknown');
-    expect(orphan.agentType).toBeUndefined();
-  });
+    const { subagents } = await load()
+    const orphan = runOf(subagents, 'orphan')
+    expect(orphan.status).toBe('unknown')
+    expect(orphan.agentType).toBeUndefined()
+  })
 
   /**
    * Le test qui interdit d'« améliorer » le statut par un délai.
@@ -66,22 +66,22 @@ describe('statut d’un run — ce que le transcript atteste, et rien de plus',
    * — et sa fin ne doit donc pas être datée.
    */
   it('ne déduit jamais une fin du silence qui suit', async () => {
-    const { subagents, stats } = await load();
-    const async2 = runOf(subagents, 'async2');
-    expect(async2.lastActivityAt).toBeLessThan(stats.endedAt);
-    expect(async2.status).toBe('running');
-    expect(async2.endedAt).toBeUndefined();
-  });
+    const { subagents, stats } = await load()
+    const async2 = runOf(subagents, 'async2')
+    expect(async2.lastActivityAt).toBeLessThan(stats.endedAt)
+    expect(async2.status).toBe('running')
+    expect(async2.endedAt).toBeUndefined()
+  })
 
   it('ne date la fin que des runs terminés, et alors sur leur dernière ligne', async () => {
-    const { subagents } = await load();
+    const { subagents } = await load()
     for (const run of subagents) {
-      const terminal = run.status === 'completed' || run.status === 'failed';
-      if (terminal) expect(run.endedAt).toBe(run.lastActivityAt);
-      else expect(run.endedAt).toBeUndefined();
+      const terminal = run.status === 'completed' || run.status === 'failed'
+      if (terminal) expect(run.endedAt).toBe(run.lastActivityAt)
+      else expect(run.endedAt).toBeUndefined()
     }
-  });
-});
+  })
+})
 
 describe('comptes d’un run', () => {
   /**
@@ -91,17 +91,17 @@ describe('comptes d’un run', () => {
    * plus haut) et `msg_s2` sur une (200 / 20).
    */
   it('compte une réponse multi-lignes pour un tour et ses tokens une fois', async () => {
-    const { subagents } = await load();
-    const sync1 = runOf(subagents, 'sync1');
-    expect(sync1.turns).toBe(2);
-    expect(sync1.tokens).toEqual({ input: 300, output: 60, cacheRead: 0, cacheCreate: 0 });
-  });
+    const { subagents } = await load()
+    const sync1 = runOf(subagents, 'sync1')
+    expect(sync1.turns).toBe(2)
+    expect(sync1.tokens).toEqual({ input: 300, output: 60, cacheRead: 0, cacheCreate: 0 })
+  })
 
   it('tient des comptes distincts pour deux runs du même agent', async () => {
-    const { subagents } = await load();
-    expect(runOf(subagents, 'async1').tokens.input).toBe(60);
-    expect(runOf(subagents, 'async2').tokens.input).toBe(70);
-  });
+    const { subagents } = await load()
+    expect(runOf(subagents, 'async1').tokens.input).toBe(60)
+    expect(runOf(subagents, 'async2').tokens.input).toBe(70)
+  })
 
   /**
    * L'invariant dont dépend tout le partitionnement en pistes : ce que les runs
@@ -109,58 +109,50 @@ describe('comptes d’un run', () => {
    * pourrait n'apparaître dans aucune vue.
    */
   it('annonce exactement les événements que le flux porte', async () => {
-    const { subagents, events } = await load();
-    const announced = subagents.reduce((n, r) => n + r.events, 0);
-    expect(announced).toBe(events.filter((e) => e.agentId).length);
+    const { subagents, events } = await load()
+    const announced = subagents.reduce((n, r) => n + r.events, 0)
+    expect(announced).toBe(events.filter((e) => e.agentId).length)
 
-    const seen = new Set(events.flatMap((e) => (e.agentId ? [e.agentId] : [])));
-    expect([...seen].sort()).toEqual(subagents.map((r) => r.agentId).sort());
-  });
+    const seen = new Set(events.flatMap((e) => (e.agentId ? [e.agentId] : [])))
+    expect([...seen].sort()).toEqual(subagents.map((r) => r.agentId).sort())
+  })
 
   it('laisse le fil principal à ses propres tours', async () => {
-    const { events } = await load();
-    expect(events.filter((e) => !e.agentId)).toHaveLength(8);
-  });
-});
+    const { events } = await load()
+    expect(events.filter((e) => !e.agentId)).toHaveLength(8)
+  })
+})
 
 describe('la liste des runs', () => {
   it('se lit dans l’ordre du temps, quelle que soit la profondeur', async () => {
-    const { subagents } = await load();
-    expect(subagents.map((r) => r.agentId)).toEqual([
-      'sync1',
-      'nested',
-      'async1',
-      'async2',
-      'failed1',
-      'flight',
-      'orphan',
-    ]);
+    const { subagents } = await load()
+    expect(subagents.map((r) => r.agentId)).toEqual(['sync1', 'nested', 'async1', 'async2', 'failed1', 'flight', 'orphan'])
     // `nested` est un agent lancé par un agent : le disque le range en dernier,
     // le temps le range deuxième. C'est le temps qui commande ici.
-    expect(runOf(subagents, 'nested').spawnDepth).toBe(2);
-  });
+    expect(runOf(subagents, 'nested').spawnDepth).toBe(2)
+  })
 
   it('garde le lien vers l’appel qui a lancé le run', async () => {
-    const { subagents } = await load();
-    expect(runOf(subagents, 'sync1').toolUseId).toBe('toolu_a1');
-    expect(runOf(subagents, 'sync1').description).toBe('Explorer le code');
+    const { subagents } = await load()
+    expect(runOf(subagents, 'sync1').toolUseId).toBe('toolu_a1')
+    expect(runOf(subagents, 'sync1').description).toBe('Explorer le code')
     // Un agent lancé par un agent s'apparie à l'appel fait *dans* un sidecar.
-    expect(runOf(subagents, 'nested').toolUseId).toBe('toolu_nested');
-  });
+    expect(runOf(subagents, 'nested').toolUseId).toBe('toolu_nested')
+  })
 
   /** Un sidecar de pure télémétrie n'a aucun tour : une piste vide au clic. */
   it('n’ouvre pas de piste pour un run dont aucune ligne n’a survécu', async () => {
-    const { subagents } = await load();
-    expect(subagents.some((r) => r.agentId === 'ghost')).toBe(false);
-    expect(subagents.every((r) => r.events > 0)).toBe(true);
-  });
+    const { subagents } = await load()
+    expect(subagents.some((r) => r.agentId === 'ghost')).toBe(false)
+    expect(subagents.every((r) => r.events > 0)).toBe(true)
+  })
 
   it('reste vide quand la session n’a lancé aucun agent', async () => {
-    const basic = fileURLToPath(new URL('./fixtures/basic.jsonl', import.meta.url));
-    const { subagents } = await parseTranscript(basic, 'basic');
-    expect(subagents).toEqual([]);
-  });
-});
+    const basic = fileURLToPath(new URL('./fixtures/basic.jsonl', import.meta.url))
+    const { subagents } = await parseTranscript(basic, 'basic')
+    expect(subagents).toEqual([])
+  })
+})
 
 /**
  * L'autre forme de la notification de fin, et sa propre fixture.
@@ -175,22 +167,18 @@ describe('la liste des runs', () => {
  * comptes en clair qu'un ajout ferait tous bouger.
  */
 describe('une notification arrivée par la file des messages', () => {
-  const load = () =>
-    parseTranscript(
-      fileURLToPath(new URL('./fixtures/notif-queued.jsonl', import.meta.url)),
-      'notif-queued',
-    );
+  const load = () => parseTranscript(fileURLToPath(new URL('./fixtures/notif-queued.jsonl', import.meta.url)), 'notif-queued')
 
   it('termine le run qu’elle nomme', async () => {
-    const { subagents } = await load();
-    const q1 = runOf(subagents, 'q1');
-    expect(q1.status).toBe('completed');
-    expect(q1.endedAt).toBe(q1.lastActivityAt);
-  });
+    const { subagents } = await load()
+    const q1 = runOf(subagents, 'q1')
+    expect(q1.status).toBe('completed')
+    expect(q1.endedAt).toBe(q1.lastActivityAt)
+  })
 
   it('rend le rapport de l’agent sur le fil principal', async () => {
-    const { events } = await load();
-    const report = events.find((e) => e.origin === 'task-notification');
+    const { events } = await load()
+    const report = events.find((e) => e.origin === 'task-notification')
     expect(report?.blocks).toEqual([
       expect.objectContaining({
         kind: 'task_notification',
@@ -198,8 +186,8 @@ describe('une notification arrivée par la file des messages', () => {
         status: 'completed',
         text: 'Voici la cartographie complète.',
       }),
-    ]);
+    ])
     // Le rapport parle du fil principal : il ne doit pas atterrir dans la piste.
-    expect(report?.agentId).toBeUndefined();
-  });
-});
+    expect(report?.agentId).toBeUndefined()
+  })
+})
diff --git a/test/task-list.test.ts b/test/task-list.test.ts
index 217a19b..86fd7ca 100644
--- a/test/task-list.test.ts
+++ b/test/task-list.test.ts
@@ -2,20 +2,15 @@
 // et la colonne du flux affiche un état. Tout le risque est là — un identifiant
 // mal raccroché et le panneau montre une tâche en cours qui ne l'est plus.
 
-import { describe, expect, it } from 'vitest';
-import type { TranscriptEvent } from '../shared/transcript.ts';
-import { blockKey, groupTaskPlans, trackTasks } from '../src/components/replay/taskList.ts';
+import { describe, expect, it } from 'vitest'
+import type { TranscriptEvent } from '../shared/transcript.ts'
+import { blockKey, groupTaskPlans, trackTasks } from '../src/components/replay/taskList.ts'
 
-let seq = 0;
+let seq = 0
 
 /** Un tour d'assistant portant un seul appel d'outil. */
-function call(
-  name: string,
-  input: Record<string, unknown>,
-  meta?: Record<string, unknown>,
-  isSidechain = false,
-): TranscriptEvent {
-  seq += 1;
+function call(name: string, input: Record<string, unknown>, meta?: Record<string, unknown>, isSidechain = false): TranscriptEvent {
+  seq += 1
   return {
     uuid: `u${seq}`,
     parentUuid: null,
@@ -32,7 +27,7 @@ function call(
         result: { content: '', isError: false, ...(meta ? { meta } : {}) },
       },
     ],
-  };
+  }
 }
 
 describe('rejeu du plan de travail', () => {
@@ -49,29 +44,29 @@ describe('rejeu du plan de travail', () => {
       call('TaskUpdate', { taskId: '1', status: 'in_progress' }),
       call('TaskUpdate', { taskId: '1', status: 'completed' }),
       call('TaskUpdate', { taskId: '2', status: 'in_progress' }),
-    ];
+    ]
 
-    const { tasks, done, current } = trackTasks(events);
+    const { tasks, done, current } = trackTasks(events)
 
-    expect(tasks.map((t) => t.id)).toEqual(['1', '2']);
-    expect(tasks.map((t) => t.status)).toEqual(['completed', 'in_progress']);
-    expect(done).toBe(1);
-    expect(current?.subject).toBe('Panneau');
+    expect(tasks.map((t) => t.id)).toEqual(['1', '2'])
+    expect(tasks.map((t) => t.status)).toEqual(['completed', 'in_progress'])
+    expect(done).toBe(1)
+    expect(current?.subject).toBe('Panneau')
     // Le renvoi vise le dernier mouvement de la tâche, pas sa création.
-    expect(tasks[0]?.uuid).toBe(events[3]?.uuid);
-  });
+    expect(tasks[0]?.uuid).toBe(events[3]?.uuid)
+  })
 
   it('renvoie au début du travail, pas à son accusé de fin', () => {
     const events = [
       call('TaskCreate', { subject: 'A' }, { task: { id: '1' } }),
       call('TaskUpdate', { taskId: '1', status: 'in_progress' }),
       call('TaskUpdate', { taskId: '1', status: 'completed' }),
-    ];
+    ]
 
-    const [task] = trackTasks(events).tasks;
-    expect(task?.startUuid).toBe(events[1]?.uuid);
-    expect(task?.uuid).toBe(events[2]?.uuid);
-  });
+    const [task] = trackTasks(events).tasks
+    expect(task?.startUuid).toBe(events[1]?.uuid)
+    expect(task?.uuid).toBe(events[2]?.uuid)
+  })
 
   it('déplace le repère sur la reprise quand une tâche redémarre', () => {
     const events = [
@@ -79,27 +74,27 @@ describe('rejeu du plan de travail', () => {
       call('TaskUpdate', { taskId: '1', status: 'in_progress' }),
       call('TaskUpdate', { taskId: '1', status: 'pending' }),
       call('TaskUpdate', { taskId: '1', status: 'in_progress' }),
-    ];
+    ]
 
-    expect(trackTasks(events).tasks[0]?.startUuid).toBe(events[3]?.uuid);
-  });
+    expect(trackTasks(events).tasks[0]?.startUuid).toBe(events[3]?.uuid)
+  })
 
   it("vise la naissance d'une tâche jamais démarrée", () => {
-    const events = [call('TaskCreate', { subject: 'A' }, { task: { id: '1' } })];
-    expect(trackTasks(events).tasks[0]?.startUuid).toBe(events[0]?.uuid);
-  });
+    const events = [call('TaskCreate', { subject: 'A' }, { task: { id: '1' } })]
+    expect(trackTasks(events).tasks[0]?.startUuid).toBe(events[0]?.uuid)
+  })
 
   it('numérote par rang de création quand le sidecar manque', () => {
     const events = [
       call('TaskCreate', { subject: 'A' }),
       call('TaskCreate', { subject: 'B' }),
       call('TaskUpdate', { taskId: '2', status: 'completed' }),
-    ];
+    ]
 
-    const { tasks, done } = trackTasks(events);
-    expect(tasks.map((t) => t.id)).toEqual(['1', '2']);
-    expect(done).toBe(1);
-  });
+    const { tasks, done } = trackTasks(events)
+    expect(tasks.map((t) => t.id)).toEqual(['1', '2'])
+    expect(done).toBe(1)
+  })
 
   it('ignore les listes des sous-agents', () => {
     // Un sous-agent numérote ses tâches à partir de 1, lui aussi : sans le
@@ -108,20 +103,20 @@ describe('rejeu du plan de travail', () => {
       call('TaskCreate', { subject: 'Session' }, { task: { id: '1', subject: 'Session' } }),
       call('TaskCreate', { subject: 'Sous-agent' }, { task: { id: '1' } }, true),
       call('TaskUpdate', { taskId: '1', status: 'completed' }, undefined, true),
-    ];
+    ]
 
-    const { tasks, done } = trackTasks(events);
-    expect(tasks).toHaveLength(1);
-    expect(tasks[0]?.subject).toBe('Session');
-    expect(done).toBe(0);
-  });
+    const { tasks, done } = trackTasks(events)
+    expect(tasks).toHaveLength(1)
+    expect(tasks[0]?.subject).toBe('Session')
+    expect(done).toBe(0)
+  })
 
   it("laisse tomber un update sur une tâche qu'on n'a pas vue naître", () => {
     // Après une compaction, les premiers tours peuvent manquer au fichier relu.
-    const { tasks } = trackTasks([call('TaskUpdate', { taskId: '7', status: 'completed' })]);
-    expect(tasks).toEqual([]);
-  });
-});
+    const { tasks } = trackTasks([call('TaskUpdate', { taskId: '7', status: 'completed' })])
+    expect(tasks).toEqual([])
+  })
+})
 
 describe('les plans successifs', () => {
   it('ouvre un plan neuf quand les créations reprennent après le travail', () => {
@@ -135,33 +130,29 @@ describe('les plans successifs', () => {
       call('TaskCreate', { subject: 'C' }, { task: { id: '3' } }),
       call('TaskCreate', { subject: 'D' }, { task: { id: '4' } }),
       call('TaskUpdate', { taskId: '3', status: 'in_progress' }),
-    ];
+    ]
 
-    const { waves, currentWave, tasks, done } = trackTasks(events);
+    const { waves, currentWave, tasks, done } = trackTasks(events)
 
     expect(waves.map((w) => w.tasks.map((t) => t.subject))).toEqual([
       ['A', 'B'],
       ['C', 'D'],
-    ]);
-    expect(waves.map((w) => w.index)).toEqual([1, 2]);
-    expect(waves.map((w) => w.done)).toEqual([2, 0]);
-    expect(currentWave).toBe(waves[1]);
+    ])
+    expect(waves.map((w) => w.index)).toEqual([1, 2])
+    expect(waves.map((w) => w.done)).toEqual([2, 0])
+    expect(currentWave).toBe(waves[1])
     // La liste à plat reste celle de la session entière, dans l'ordre de création.
-    expect(tasks.map((t) => t.id)).toEqual(['1', '2', '3', '4']);
-    expect(done).toBe(2);
-  });
+    expect(tasks.map((t) => t.id)).toEqual(['1', '2', '3', '4'])
+    expect(done).toBe(2)
+  })
 
   it('ne coupe pas un plan posé en deux temps', () => {
     // Une phrase entre deux créations ne fait pas un second plan : tant que rien
     // n'a bougé, la session est encore en train d'écrire sa liste.
-    const events = [
-      call('TaskCreate', { subject: 'A' }),
-      text(),
-      call('TaskCreate', { subject: 'B' }),
-    ];
+    const events = [call('TaskCreate', { subject: 'A' }), text(), call('TaskCreate', { subject: 'B' })]
 
-    expect(trackTasks(events).waves).toHaveLength(1);
-  });
+    expect(trackTasks(events).waves).toHaveLength(1)
+  })
 
   it('rattache au plan courant une tâche découverte en chemin', () => {
     // Tant qu'il reste du travail, une tâche de plus est un ajout, pas un plan
@@ -171,12 +162,12 @@ describe('les plans successifs', () => {
       call('TaskCreate', { subject: 'B' }, { task: { id: '2' } }),
       call('TaskUpdate', { taskId: '1', status: 'completed' }),
       call('TaskCreate', { subject: 'C' }, { task: { id: '3' } }),
-    ];
+    ]
 
-    const { waves } = trackTasks(events);
-    expect(waves).toHaveLength(1);
-    expect(waves[0]?.tasks.map((t) => t.subject)).toEqual(['A', 'B', 'C']);
-  });
+    const { waves } = trackTasks(events)
+    expect(waves).toHaveLength(1)
+    expect(waves[0]?.tasks.map((t) => t.subject)).toEqual(['A', 'B', 'C'])
+  })
 
   it('ne rouvre pas de plan sur un update qui ne trouve pas sa tâche', () => {
     // Après une compaction, l'update d'une tâche disparue ne close rien.
@@ -184,16 +175,16 @@ describe('les plans successifs', () => {
       call('TaskCreate', { subject: 'A' }, { task: { id: '1' } }),
       call('TaskUpdate', { taskId: '99', status: 'completed' }),
       call('TaskCreate', { subject: 'B' }, { task: { id: '2' } }),
-    ];
+    ]
 
-    expect(trackTasks(events).waves).toHaveLength(1);
-  });
+    expect(trackTasks(events).waves).toHaveLength(1)
+  })
 
   it('sans plan du tout, il n’y a pas de plan courant', () => {
-    const { waves, currentWave } = trackTasks([]);
-    expect(waves).toEqual([]);
-    expect(currentWave).toBeNull();
-  });
+    const { waves, currentWave } = trackTasks([])
+    expect(waves).toEqual([])
+    expect(currentWave).toBeNull()
+  })
 
   it('désigne le travail du moment, pas la tâche restée en plan', () => {
     // Un plan abandonné laisse une tâche jamais close ; c'est le dernier
@@ -203,17 +194,17 @@ describe('les plans successifs', () => {
       call('TaskUpdate', { taskId: '1', status: 'in_progress' }),
       call('TaskCreate', { subject: 'En cours' }, { task: { id: '2' } }),
       call('TaskUpdate', { taskId: '2', status: 'in_progress' }),
-    ];
+    ]
 
-    expect(trackTasks(events).current?.subject).toBe('En cours');
-  });
-});
+    expect(trackTasks(events).current?.subject).toBe('En cours')
+  })
+})
 
 // ── Le regroupement dans le flux ─────────────────────────────────────────────
 
 /** Un tour qui ne dit qu'une phrase — ce qui coupe une série. */
 function text(): TranscriptEvent {
-  seq += 1;
+  seq += 1
   return {
     uuid: `u${seq}`,
     parentUuid: null,
@@ -222,10 +213,10 @@ function text(): TranscriptEvent {
     isSidechain: false,
     isMeta: false,
     blocks: [{ kind: 'text', text: 'Je commence par le serveur.' }],
-  };
+  }
 }
 
-const never = () => false;
+const never = () => false
 
 describe('regroupement des créations dans le flux', () => {
   it('réunit une série et enjambe les jalons qu’elle traverse', () => {
@@ -233,31 +224,28 @@ describe('regroupement des créations dans le flux', () => {
       call('TaskCreate', { subject: 'A' }, { task: { id: '1' } }),
       call('TaskCreate', { subject: 'B' }, { task: { id: '2' } }),
       call('TaskCreate', { subject: 'C' }, { task: { id: '3' } }),
-    ];
+    ]
 
-    const { starts, absorbed, marks } = groupTaskPlans(events, never);
+    const { starts, absorbed, marks } = groupTaskPlans(events, never)
 
     // La série s'ouvre sur le premier bloc du premier événement.
-    expect([...starts.keys()]).toEqual([blockKey(0, 0)]);
-    expect(starts.get(blockKey(0, 0))?.map((i) => i.subject)).toEqual(['A', 'B', 'C']);
+    expect([...starts.keys()]).toEqual([blockKey(0, 0)])
+    expect(starts.get(blockKey(0, 0))?.map((i) => i.subject)).toEqual(['A', 'B', 'C'])
     // Les deux suivants ne rendent plus rien pour leur compte.
-    expect([...absorbed]).toEqual([blockKey(1, 0), blockKey(2, 0)]);
+    expect([...absorbed]).toEqual([blockKey(1, 0), blockKey(2, 0)])
     // Le jalon du premier tour reste : il dit où le plan a été posé.
-    expect([...marks]).toEqual([events[1]?.uuid, events[2]?.uuid]);
+    expect([...marks]).toEqual([events[1]?.uuid, events[2]?.uuid])
     // L'ancre de chaque tour survit, portée par la ligne de sa tâche.
-    expect(starts.get(blockKey(0, 0))?.map((i) => i.uuid)).toEqual(events.map((e) => e.uuid));
-  });
+    expect(starts.get(blockKey(0, 0))?.map((i) => i.uuid)).toEqual(events.map((e) => e.uuid))
+  })
 
   it('ne groupe pas une création isolée', () => {
     // Une liste d'une ligne pèse plus que la ligne qu'elle remplace.
-    const { starts, absorbed, marks } = groupTaskPlans(
-      [call('TaskCreate', { subject: 'A' })],
-      never,
-    );
-    expect(starts.size).toBe(0);
-    expect(absorbed.size).toBe(0);
-    expect(marks.size).toBe(0);
-  });
+    const { starts, absorbed, marks } = groupTaskPlans([call('TaskCreate', { subject: 'A' })], never)
+    expect(starts.size).toBe(0)
+    expect(absorbed.size).toBe(0)
+    expect(marks.size).toBe(0)
+  })
 
   it('coupe la série sur ce qui s’intercale', () => {
     const events = [
@@ -266,36 +254,29 @@ describe('regroupement des créations dans le flux', () => {
       text(),
       call('TaskCreate', { subject: 'C' }),
       call('TaskCreate', { subject: 'D' }),
-    ];
+    ]
 
-    const { starts } = groupTaskPlans(events, never);
-    expect([...starts.keys()]).toEqual([blockKey(0, 0), blockKey(3, 0)]);
-    expect(starts.get(blockKey(3, 0))?.map((i) => i.subject)).toEqual(['C', 'D']);
-  });
+    const { starts } = groupTaskPlans(events, never)
+    expect([...starts.keys()]).toEqual([blockKey(0, 0), blockKey(3, 0)])
+    expect(starts.get(blockKey(3, 0))?.map((i) => i.subject)).toEqual(['C', 'D'])
+  })
 
   it('ne fait pas disparaître un jalon qui se déplie', () => {
     // Un tour qui a fait entrer un fichier en silence doit garder son jalon,
     // sinon l'injection devient invisible.
-    const events = [
-      call('TaskCreate', { subject: 'A' }),
-      call('TaskCreate', { subject: 'B' }),
-      call('TaskCreate', { subject: 'C' }),
-    ];
-    const noisy = events[1]!.uuid;
+    const events = [call('TaskCreate', { subject: 'A' }), call('TaskCreate', { subject: 'B' }), call('TaskCreate', { subject: 'C' })]
+    const noisy = events[1]!.uuid
 
-    const { starts, marks } = groupTaskPlans(events, (ev) => ev.uuid === noisy);
-    expect(marks.has(noisy)).toBe(false);
+    const { starts, marks } = groupTaskPlans(events, (ev) => ev.uuid === noisy)
+    expect(marks.has(noisy)).toBe(false)
     // La série est coupée en deux, et celle d'un seul élément n'en est pas une.
-    expect([...starts.keys()]).toEqual([blockKey(1, 0)]);
-    expect(starts.get(blockKey(1, 0))?.map((i) => i.subject)).toEqual(['B', 'C']);
-  });
+    expect([...starts.keys()]).toEqual([blockKey(1, 0)])
+    expect(starts.get(blockKey(1, 0))?.map((i) => i.subject)).toEqual(['B', 'C'])
+  })
 
   it('ne groupe pas les mises à jour', () => {
     // Une transition est un battement du récit : elle garde sa ligne.
-    const events = [
-      call('TaskUpdate', { taskId: '1', status: 'completed' }),
-      call('TaskUpdate', { taskId: '2', status: 'in_progress' }),
-    ];
-    expect(groupTaskPlans(events, never).starts.size).toBe(0);
-  });
-});
+    const events = [call('TaskUpdate', { taskId: '1', status: 'completed' }), call('TaskUpdate', { taskId: '2', status: 'in_progress' })]
+    expect(groupTaskPlans(events, never).starts.size).toBe(0)
+  })
+})
diff --git a/test/thresholds.test.ts b/test/thresholds.test.ts
index f587ac2..1034d7e 100644
--- a/test/thresholds.test.ts
+++ b/test/thresholds.test.ts
@@ -6,10 +6,11 @@
 // reste vérifie que, branchée sur le vrai parc, la calibration ne désigne ni tout
 // le monde ni personne.
 
-import { describe, expect, it } from 'vitest';
-import { existsSync } from 'node:fs';
-import { homedir } from 'node:os';
-import { join } from 'node:path';
+import { existsSync } from 'node:fs'
+import { homedir } from 'node:os'
+import { join } from 'node:path'
+import { describe, expect, it } from 'vitest'
+import { getSignals, type SessionSignal } from '../server/diagnostics/signals.ts'
 import {
   MIN_SAMPLE,
   METRIC_NAMES,
@@ -19,11 +20,10 @@ import {
   percentile,
   valueOf,
   type MetricMeta,
-} from '../server/diagnostics/thresholds.ts';
-import { getSignals, type SessionSignal } from '../server/diagnostics/signals.ts';
+} from '../server/diagnostics/thresholds.ts'
 
-const HAS_CORPUS = existsSync(join(homedir(), '.claude', 'projects'));
-const TIMEOUT = 300_000;
+const HAS_CORPUS = existsSync(join(homedir(), '.claude', 'projects'))
+const TIMEOUT = 300_000
 
 const HIGH: MetricMeta = {
   label: 'test',
@@ -33,7 +33,7 @@ const HIGH: MetricMeta = {
   direction: 'high',
   rank: 0.9,
   guard: 0,
-};
+}
 const LOW: MetricMeta = {
   label: 'test',
   help: 'test',
@@ -42,38 +42,38 @@ const LOW: MetricMeta = {
   direction: 'low',
   rank: 0.1,
   guard: 1,
-};
+}
 
 /** `n` valeurs 1..n — un parc parfaitement étalé, aux percentiles connus. */
-const spread = (n: number): number[] => Array.from({ length: n }, (_, i) => i + 1);
+const spread = (n: number): number[] => Array.from({ length: n }, (_, i) => i + 1)
 
 describe('percentiles', () => {
   it('rend les bornes aux rangs extrêmes', () => {
-    expect(percentile([1, 2, 3, 4], 0)).toBe(1);
-    expect(percentile([1, 2, 3, 4], 1)).toBe(4);
-  });
+    expect(percentile([1, 2, 3, 4], 0)).toBe(1)
+    expect(percentile([1, 2, 3, 4], 1)).toBe(4)
+  })
 
   it('interpole entre deux statistiques d’ordre', () => {
     // Rang 0.5 sur [10, 20, 30] tombe pile sur 20 ; 0.25 à mi-chemin de 10 et 20.
-    expect(percentile([10, 20, 30], 0.5)).toBe(20);
-    expect(percentile([10, 20, 30], 0.25)).toBe(15);
-  });
+    expect(percentile([10, 20, 30], 0.5)).toBe(20)
+    expect(percentile([10, 20, 30], 0.25)).toBe(15)
+  })
 
   it('survit au tableau vide et au singleton', () => {
-    expect(percentile([], 0.9)).toBe(0);
-    expect(percentile([42], 0.9)).toBe(42);
-  });
-});
+    expect(percentile([], 0.9)).toBe(0)
+    expect(percentile([42], 0.9)).toBe(42)
+  })
+})
 
 describe('calibration', () => {
   it('retient le percentile quand le parc est étalé', () => {
-    const c = calibrateFrom('m', HIGH, spread(100));
-    expect(c.calibrated).toBe(true);
-    expect(c.bound).toBe('percentile');
-    expect(c.value).toBeCloseTo(90.1, 1);
+    const c = calibrateFrom('m', HIGH, spread(100))
+    expect(c.calibrated).toBe(true)
+    expect(c.bound).toBe('percentile')
+    expect(c.value).toBeCloseTo(90.1, 1)
     // Un P90 désigne le décile supérieur, ni plus ni moins.
-    expect(c.hits).toBe(10);
-  });
+    expect(c.hits).toBe(10)
+  })
 
   it('retient le garde-fou quand le parc est sain', () => {
     // Cent sessions à quelques centimes : le décile le moins bon ne vaut rien.
@@ -81,33 +81,33 @@ describe('calibration', () => {
       'm',
       { ...HIGH, guard: 5 },
       spread(100).map((v) => v / 100),
-    );
-    expect(c.bound).toBe('guard');
-    expect(c.value).toBe(5);
-    expect(c.hits).toBe(0);
-  });
+    )
+    expect(c.bound).toBe('guard')
+    expect(c.value).toBe(5)
+    expect(c.hits).toBe(0)
+  })
 
   it('ne laisse jamais un garde-fou créer une alerte', () => {
     // La propriété qui rend les constantes écrites à la main tolérables : monter
     // le garde-fou ne peut que réduire le nombre de sessions désignées.
-    const values = spread(100);
-    let previous = Infinity;
+    const values = spread(100)
+    let previous = Infinity
     for (const guard of [0, 50, 90, 95, 200]) {
-      const hits = calibrateFrom('m', { ...HIGH, guard }, values).hits;
-      expect(hits).toBeLessThanOrEqual(previous);
-      previous = hits;
+      const hits = calibrateFrom('m', { ...HIGH, guard }, values).hits
+      expect(hits).toBeLessThanOrEqual(previous)
+      previous = hits
     }
-    expect(previous).toBe(0);
-  });
+    expect(previous).toBe(0)
+  })
 
   it('refuse de calibrer sous l’échantillon minimum', () => {
-    const c = calibrateFrom('m', { ...HIGH, guard: 5 }, spread(MIN_SAMPLE - 1));
-    expect(c.calibrated).toBe(false);
-    expect(c.percentile).toBeNull();
+    const c = calibrateFrom('m', { ...HIGH, guard: 5 }, spread(MIN_SAMPLE - 1))
+    expect(c.calibrated).toBe(false)
+    expect(c.percentile).toBeNull()
     // Le garde-fou parle seul : c'est la position prudente.
-    expect(c.value).toBe(5);
-    expect(c.bound).toBe('guard');
-  });
+    expect(c.value).toBe(5)
+    expect(c.bound).toBe('guard')
+  })
 
   it('calibre à l’envers un signal où plus bas est pire', () => {
     // Un parc entre 0,01 et 1,00 : le décile le plus bas est bien en dessous du
@@ -116,11 +116,11 @@ describe('calibration', () => {
       'm',
       { ...LOW, guard: 0.9 },
       spread(100).map((v) => v / 100),
-    );
-    expect(c.bound).toBe('percentile');
-    expect(c.value).toBeLessThan(0.2);
+    )
+    expect(c.bound).toBe('percentile')
+    expect(c.value).toBeLessThan(0.2)
     // Le décile inférieur, symétrique des 10 du cas « plus haut est pire ».
-    expect(c.hits).toBe(10);
+    expect(c.hits).toBe(10)
 
     // Le même parc, mais un plafond très bas : il ne peut que faire taire.
     expect(
@@ -129,26 +129,26 @@ describe('calibration', () => {
         { ...LOW, guard: 0.005 },
         spread(100).map((v) => v / 100),
       ).hits,
-    ).toBe(0);
-  });
+    ).toBe(0)
+  })
 
   it('chiffre ce que le garde-fou fait taire', () => {
     // Un parc 1..100 dont chaque session coûte un dollar : le P90 vaut 90,1, un
     // plancher à 95 tue donc la bande ]90,1 ; 95] — les valeurs 91 à 95.
-    const values = spread(100);
+    const values = spread(100)
     const c = calibrateFrom(
       'm',
       { ...HIGH, guard: 95 },
       values,
       undefined,
       values.map(() => 1),
-    );
-    expect(c.bound).toBe('guard');
+    )
+    expect(c.bound).toBe('guard')
     // `orphans` reste nul ici : le savoir demande les autres signaux, que ce
     // niveau ne connaît pas — c'est `calibrate` qui le remplit.
-    expect(c.silenced).toEqual({ sessions: 5, cost: 5, orphans: null });
-    expect(c.hits).toBe(5);
-    expect(c.hitsCost).toBe(5);
+    expect(c.silenced).toEqual({ sessions: 5, cost: 5, orphans: null })
+    expect(c.hits).toBe(5)
+    expect(c.hitsCost).toBe(5)
 
     // Quand le parc décide, il n'y a rien à taire.
     expect(
@@ -159,40 +159,40 @@ describe('calibration', () => {
         undefined,
         values.map(() => 1),
       ).silenced,
-    ).toBeNull();
+    ).toBeNull()
 
     // Sans coûts fournis, on publie `null` plutôt qu'un zéro qui se lirait
     // « ne coûte rien ».
-    const nu = calibrateFrom('m', { ...HIGH, guard: 95 }, values);
-    expect(nu.hitsCost).toBeNull();
-    expect(nu.silenced).toEqual({ sessions: 5, cost: null, orphans: null });
-  });
+    const nu = calibrateFrom('m', { ...HIGH, guard: 95 }, values)
+    expect(nu.hitsCost).toBeNull()
+    expect(nu.silenced).toEqual({ sessions: 5, cost: null, orphans: null })
+  })
 
   it('rend inerte un plafond posé au-dessus du percentile inversé', () => {
     // Le piège qui a laissé `turnsPerPrompt` avec un garde-fou de 8 pendant que
     // son P10 valait 3,5 : sur un signal inversé le seuil est un `min`, donc un
     // plancher *au-dessus* du percentile ne s'applique jamais — il ressemble à un
     // réglage et n'en est pas un. Pour agir, il doit passer en dessous.
-    const values = spread(100).map((v) => v / 100);
-    const inerte = calibrateFrom('m', { ...LOW, guard: 0.9 }, values);
-    const nu = calibrateFrom('m', { ...LOW, guard: 1 }, values);
-    expect(inerte.value).toBe(nu.value);
-    expect(inerte.hits).toBe(nu.hits);
-    expect(inerte.bound).toBe('percentile');
+    const values = spread(100).map((v) => v / 100)
+    const inerte = calibrateFrom('m', { ...LOW, guard: 0.9 }, values)
+    const nu = calibrateFrom('m', { ...LOW, guard: 1 }, values)
+    expect(inerte.value).toBe(nu.value)
+    expect(inerte.hits).toBe(nu.hits)
+    expect(inerte.bound).toBe('percentile')
 
     // Le même plafond passé sous le percentile : là, il fait taire.
-    const actif = calibrateFrom('m', { ...LOW, guard: 0.05 }, values);
-    expect(actif.bound).toBe('guard');
-    expect(actif.hits).toBeLessThan(inerte.hits);
-  });
+    const actif = calibrateFrom('m', { ...LOW, guard: 0.05 }, values)
+    expect(actif.bound).toBe('guard')
+    expect(actif.hits).toBeLessThan(inerte.hits)
+  })
 
   it('laisse un seuil imposé primer sur tout', () => {
-    const c = calibrateFrom('m', { ...HIGH, guard: 5 }, spread(100), 42);
-    expect(c.value).toBe(42);
-    expect(c.hits).toBe(58);
+    const c = calibrateFrom('m', { ...HIGH, guard: 5 }, spread(100), 42)
+    expect(c.value).toBe(42)
+    expect(c.hits).toBe(58)
     // On publie quand même ce qu'on aurait proposé.
-    expect(c.percentile).toBeCloseTo(90.1, 1);
-  });
+    expect(c.percentile).toBeCloseTo(90.1, 1)
+  })
 
   it('ne compte pas comme un signal une session qui ne le porte pas', () => {
     // Un parc uniforme n'a pas de décile coupable : personne ne dépasse.
@@ -200,65 +200,63 @@ describe('calibration', () => {
       'm',
       HIGH,
       Array.from({ length: 50 }, () => 7),
-    );
-    expect(c.hits).toBe(0);
-    expect(c.quantiles.p50).toBe(7);
-  });
-});
+    )
+    expect(c.hits).toBe(0)
+    expect(c.quantiles.p50).toBe(7)
+  })
+})
 
 describe.skipIf(!HAS_CORPUS)('calibration sur le vrai parc', () => {
-  let signals: SessionSignal[] = [];
+  let signals: SessionSignal[] = []
 
   it(
     'calibre chaque signal',
     async () => {
-      ({ signals } = await getSignals());
-      const t = calibrate(signals);
-      expect(Object.keys(t.metrics).sort()).toEqual([...METRIC_NAMES].sort());
+      ;({ signals } = await getSignals())
+      const t = calibrate(signals)
+      expect(Object.keys(t.metrics).sort()).toEqual([...METRIC_NAMES].sort())
       for (const name of METRIC_NAMES) {
-        const c = t.metrics[name];
-        expect(c.value).toBeGreaterThan(0);
-        expect(c.hits).toBeLessThanOrEqual(c.sampleSize);
+        const c = t.metrics[name]
+        expect(c.value).toBeGreaterThan(0)
+        expect(c.hits).toBeLessThanOrEqual(c.sampleSize)
         // Un signal calibré désigne au plus le décile ; jamais la moitié du parc.
-        if (c.calibrated) expect(c.hits).toBeLessThanOrEqual(Math.ceil(c.sampleSize / 2));
+        if (c.calibrated) expect(c.hits).toBeLessThanOrEqual(Math.ceil(c.sampleSize / 2))
       }
     },
     TIMEOUT,
-  );
+  )
 
   it('accorde `exceeds` avec le compte de `hits`', () => {
-    const t = calibrate(signals);
+    const t = calibrate(signals)
     for (const name of METRIC_NAMES) {
-      const c = t.metrics[name];
-      const counted = signals.filter((s) => exceeds(c, valueOf(name, s))).length;
-      expect(counted).toBe(c.hits);
+      const c = t.metrics[name]
+      const counted = signals.filter((s) => exceeds(c, valueOf(name, s))).length
+      expect(counted).toBe(c.hits)
     }
-  });
+  })
 
   it('n’échantillonne pas une session d’analyse sur un ratio qu’elle n’a pas', () => {
     // Une session qui n'a rien modifié n'a pas de « explorations par
     // modification ». Lui en donner un — infini, ou zéro — ferait dire au seuil
     // ce que la session ne prétendait pas faire.
-    const sansProduction = signals.filter((s) => s.families.productionCalls === 0);
-    const t = calibrate(signals);
-    expect(t.metrics.explorationRatio.sampleSize).toBeLessThanOrEqual(
-      signals.length - sansProduction.length,
-    );
-    expect(Number.isFinite(t.metrics.explorationRatio.quantiles.max)).toBe(true);
+    const sansProduction = signals.filter((s) => s.families.productionCalls === 0)
+    const t = calibrate(signals)
+    expect(t.metrics.explorationRatio.sampleSize).toBeLessThanOrEqual(signals.length - sansProduction.length)
+    expect(Number.isFinite(t.metrics.explorationRatio.quantiles.max)).toBe(true)
 
     // Le signal à l'envers : son seuil est *sous* la médiane du parc, sans quoi
     // il désignerait la moitié des sessions.
-    const perPrompt = t.metrics.turnsPerPrompt;
-    expect(perPrompt.direction).toBe('low');
-    expect(perPrompt.value).toBeLessThanOrEqual(perPrompt.quantiles.p50);
-  });
+    const perPrompt = t.metrics.turnsPerPrompt
+    expect(perPrompt.direction).toBe('low')
+    expect(perPrompt.value).toBeLessThanOrEqual(perPrompt.quantiles.p50)
+  })
 
   it('n’échantillonne que les sessions qui portent le signal', () => {
-    const t = calibrate(signals);
+    const t = calibrate(signals)
     // Les compactions sont rares : leur échantillon doit être bien plus petit que
     // le parc, sinon les 500 sessions sans compaction sont comptées comme des
     // zéros et le seuil s'effondre.
-    expect(t.metrics.compactionWaste.sampleSize).toBeLessThan(signals.length / 2);
-    expect(t.metrics.compactionWaste.quantiles.min).toBeGreaterThan(0);
-  });
-});
+    expect(t.metrics.compactionWaste.sampleSize).toBeLessThan(signals.length / 2)
+    expect(t.metrics.compactionWaste.quantiles.min).toBeGreaterThan(0)
+  })
+})
diff --git a/test/tool-input-stream.test.ts b/test/tool-input-stream.test.ts
index e4ac332..a48eb5f 100644
--- a/test/tool-input-stream.test.ts
+++ b/test/tool-input-stream.test.ts
@@ -11,17 +11,13 @@
 // continue de se rendre pendant qu'elle arrive, et rien ne laisse jamais la carte
 // sur un objet vide.
 
-import { describe, expect, it } from 'vitest';
-import { Translator } from '../server/agent/translate.ts';
-import type { Block } from '../shared/transcript.ts';
+import { describe, expect, it } from 'vitest'
+import { Translator } from '../server/agent/translate.ts'
+import type { Block } from '../shared/transcript.ts'
 
 /** La maquette d'une option : c'est elle qui fait le poids d'une question. */
 const preview = (lines: number): string =>
-  [
-    '┌──────────────┐',
-    ...Array.from({ length: lines }, (_, i) => `│ ligne ${i}`),
-    '└─────────────┘',
-  ].join('\n');
+  ['┌──────────────┐', ...Array.from({ length: lines }, (_, i) => `│ ligne ${i}`), '└─────────────┘'].join('\n')
 
 /** Une question à deux maquettes — environ 3 500 caractères de JSON. */
 const question = (n: number): unknown => ({
@@ -31,20 +27,20 @@ const question = (n: number): unknown => ({
     { label: 'Encadrée', description: 'Un cadre.', preview: preview(150) },
     { label: 'Nue', description: 'Sans cadre.', preview: preview(150) },
   ],
-});
+})
 
 /** Un traducteur avec une réponse en cours et un `tool_use` ouvert au bloc 0. */
 function openToolBlock(): Translator {
-  const t = new Translator();
-  t.onStreamEvent({ event: { type: 'message_start', message: { id: 'msg_1', model: 'opus' } } });
+  const t = new Translator()
+  t.onStreamEvent({ event: { type: 'message_start', message: { id: 'msg_1', model: 'opus' } } })
   t.onStreamEvent({
     event: {
       type: 'content_block_start',
       index: 0,
       content_block: { type: 'tool_use', id: 'toolu_1', name: 'AskUserQuestion' },
     },
-  });
-  return t;
+  })
+  return t
 }
 
 function feed(t: Translator, fragment: string): void {
@@ -54,48 +50,48 @@ function feed(t: Translator, fragment: string): void {
       index: 0,
       delta: { type: 'input_json_delta', partial_json: fragment },
     },
-  });
+  })
 }
 
 /** Le bloc d'outil tel que la timeline le verrait à cet instant. */
 function toolBlock(t: Translator): Block | undefined {
-  return t.events.find((e) => e.uuid === 'msg_1')?.blocks[0];
+  return t.events.find((e) => e.uuid === 'msg_1')?.blocks[0]
 }
 
 /** Le pas de diffusion est réel : deux fragments trop rapprochés ne sont pas relus. */
-const step = (): Promise<void> => new Promise((r) => setTimeout(r, 140));
+const step = (): Promise<void> => new Promise((r) => setTimeout(r, 140))
 
 describe('entrée d’outil en cours de frappe', () => {
   it('continue de rendre une question à maquettes au-delà de quelques milliers de caractères', async () => {
-    const t = openToolBlock();
+    const t = openToolBlock()
     // Six questions à maquettes : ~21 000 caractères, coupés là où le SDK
     // couperait — en cours de route, pas sur une frontière commode. Ce qui
     // compte est qu'il reste plusieurs fragments *après* le franchissement de la
     // borne : c'est là que la carte cessait de suivre.
     const json = JSON.stringify({
       questions: Array.from({ length: 6 }, (_, i) => question(i + 1)),
-    });
-    const chunk = Math.ceil(json.length / 6);
+    })
+    const chunk = Math.ceil(json.length / 6)
 
     for (let i = 0; i < json.length; i += chunk) {
-      feed(t, json.slice(i, i + chunk));
-      await step();
+      feed(t, json.slice(i, i + chunk))
+      await step()
     }
 
-    const input = toolBlock(t)?.input as { questions?: unknown[] } | undefined;
-    expect(input?.questions).toHaveLength(6);
-  });
+    const input = toolBlock(t)?.input as { questions?: unknown[] } | undefined
+    expect(input?.questions).toHaveLength(6)
+  })
 
   it('ne laisse jamais la carte sur un objet vide, si gros soit le fragment', () => {
-    const t = openToolBlock();
+    const t = openToolBlock()
     // Un seul fragment plus gros que la borne de réparation : c'est le cas qui
     // laissait `input` à `{}` jusqu'à la fin du message.
     const huge = JSON.stringify({
       questions: Array.from({ length: 30 }, (_, i) => question(i)),
-    });
-    feed(t, huge);
+    })
+    feed(t, huge)
 
-    const input = toolBlock(t)?.input as { questions?: unknown[] } | undefined;
-    expect(input?.questions?.length).toBeGreaterThan(0);
-  });
-});
+    const input = toolBlock(t)?.input as { questions?: unknown[] } | undefined
+    expect(input?.questions?.length).toBeGreaterThan(0)
+  })
+})
diff --git a/test/transcript-cache.test.ts b/test/transcript-cache.test.ts
index e780b97..c65e756 100644
--- a/test/transcript-cache.test.ts
+++ b/test/transcript-cache.test.ts
@@ -8,34 +8,34 @@
 // Les fixtures sont recopiées dans un dossier temporaire : ces tests écrivent,
 // et `test/fixtures/` est versionné.
 
-import { describe, expect, it, beforeEach, afterEach } from 'vitest';
-import { fileURLToPath } from 'node:url';
-import { mkdtemp, mkdir, copyFile, appendFile, rm, utimes } from 'node:fs/promises';
-import { tmpdir } from 'node:os';
-import { join } from 'node:path';
-import { readTranscriptCached, type CachedTranscript } from '../server/transcript-cache.ts';
-import type { ParsedTranscript } from '../shared/transcript.ts';
+import { mkdtemp, mkdir, copyFile, appendFile, rm, utimes } from 'node:fs/promises'
+import { tmpdir } from 'node:os'
+import { join } from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { describe, expect, it, beforeEach, afterEach } from 'vitest'
+import { readTranscriptCached, type CachedTranscript } from '../server/transcript-cache.ts'
+import type { ParsedTranscript } from '../shared/transcript.ts'
 
-const fixtures = fileURLToPath(new URL('./fixtures/', import.meta.url));
+const fixtures = fileURLToPath(new URL('./fixtures/', import.meta.url))
 
-let dir = '';
+let dir = ''
 
 /** Une copie jetable de la fixture `withsub`, sidecar compris. */
 beforeEach(async () => {
-  dir = await mkdtemp(join(tmpdir(), 'aura-cache-'));
-  await copyFile(join(fixtures, 'withsub.jsonl'), join(dir, 'withsub.jsonl'));
-  const sub = join(dir, 'withsub', 'subagents');
-  await mkdir(sub, { recursive: true });
+  dir = await mkdtemp(join(tmpdir(), 'aura-cache-'))
+  await copyFile(join(fixtures, 'withsub.jsonl'), join(dir, 'withsub.jsonl'))
+  const sub = join(dir, 'withsub', 'subagents')
+  await mkdir(sub, { recursive: true })
   for (const f of ['agent-abc123.jsonl', 'agent-abc123.meta.json']) {
-    await copyFile(join(fixtures, 'withsub', 'subagents', f), join(sub, f));
+    await copyFile(join(fixtures, 'withsub', 'subagents', f), join(sub, f))
   }
-});
+})
 
 afterEach(async () => {
-  await rm(dir, { recursive: true, force: true });
-});
+  await rm(dir, { recursive: true, force: true })
+})
 
-const read = () => readTranscriptCached(join(dir, 'withsub.jsonl'), 'withsub');
+const read = () => readTranscriptCached(join(dir, 'withsub.jsonl'), 'withsub')
 
 /**
  * Le transcript, relu depuis les octets que le cache retient.
@@ -44,8 +44,7 @@ const read = () => readTranscriptCached(join(dir, 'withsub.jsonl'), 'withsub');
  * part, qui rend le document déjà sérialisé. Un test qui veut regarder dedans le
  * désérialise — c'est le seul endroit du dépôt qui en a besoin.
  */
-const parsed = (c: CachedTranscript): ParsedTranscript =>
-  JSON.parse(c.body.toString('utf8')) as ParsedTranscript;
+const parsed = (c: CachedTranscript): ParsedTranscript => JSON.parse(c.body.toString('utf8')) as ParsedTranscript
 
 /**
  * Vieillir un fichier d'une seconde.
@@ -55,20 +54,20 @@ const parsed = (c: CachedTranscript): ParsedTranscript =>
  * écritures d'un test tombent sinon dans la même milliseconde.
  */
 async function age(path: string): Promise<void> {
-  const when = new Date(Date.now() - 1000);
-  await utimes(path, when, when);
+  const when = new Date(Date.now() - 1000)
+  await utimes(path, when, when)
 }
 
 describe('cache de transcript', () => {
   it('ressert le même parse tant que rien n’a bougé', async () => {
-    const first = await read();
-    const second = await read();
-    expect(second).toBe(first); // la même instance, pas seulement la même valeur
-  });
+    const first = await read()
+    const second = await read()
+    expect(second).toBe(first) // la même instance, pas seulement la même valeur
+  })
 
   it('reparse quand un sidecar de sous-agent grandit, session inchangée', async () => {
-    const before = await read();
-    const sidecar = join(dir, 'withsub', 'subagents', 'agent-abc123.jsonl');
+    const before = await read()
+    const sidecar = join(dir, 'withsub', 'subagents', 'agent-abc123.jsonl')
     await appendFile(
       sidecar,
       JSON.stringify({
@@ -81,39 +80,39 @@ describe('cache de transcript', () => {
           content: [{ type: 'text', text: 'encore un tour' }],
         },
       }) + '\n',
-    );
+    )
 
-    const after = await read();
-    expect(after).not.toBe(before);
-    expect(after.etag).not.toBe(before.etag);
-    expect(parsed(after).events.length).toBeGreaterThan(parsed(before).events.length);
-  });
+    const after = await read()
+    expect(after).not.toBe(before)
+    expect(after.etag).not.toBe(before.etag)
+    expect(parsed(after).events.length).toBeGreaterThan(parsed(before).events.length)
+  })
 
   it('reparse quand un sidecar est réécrit sans changer de taille', async () => {
-    const before = await read();
-    await age(join(dir, 'withsub', 'subagents', 'agent-abc123.jsonl'));
+    const before = await read()
+    await age(join(dir, 'withsub', 'subagents', 'agent-abc123.jsonl'))
 
-    const after = await read();
-    expect(after).not.toBe(before);
-  });
+    const after = await read()
+    expect(after).not.toBe(before)
+  })
 
   it('reparse quand un nouveau sous-agent démarre', async () => {
-    const before = await read();
-    const sub = join(dir, 'withsub', 'subagents');
-    await copyFile(join(sub, 'agent-abc123.jsonl'), join(sub, 'agent-def456.jsonl'));
+    const before = await read()
+    const sub = join(dir, 'withsub', 'subagents')
+    await copyFile(join(sub, 'agent-abc123.jsonl'), join(sub, 'agent-def456.jsonl'))
 
-    const after = await read();
-    expect(after.etag).not.toBe(before.etag);
-  });
+    const after = await read()
+    expect(after.etag).not.toBe(before.etag)
+  })
 
   it('condense l’empreinte : l’`ETag` ne grandit pas avec le nombre d’agents', async () => {
-    const sub = join(dir, 'withsub', 'subagents');
-    const before = await read();
+    const sub = join(dir, 'withsub', 'subagents')
+    const before = await read()
     for (let i = 0; i < 8; i++) {
-      await copyFile(join(sub, 'agent-abc123.jsonl'), join(sub, `agent-clone${i}.jsonl`));
+      await copyFile(join(sub, 'agent-abc123.jsonl'), join(sub, `agent-clone${i}.jsonl`))
     }
-    const after = await read();
-    expect(after.etag).not.toBe(before.etag);
-    expect(after.etag.length).toBe(before.etag.length);
-  });
-});
+    const after = await read()
+    expect(after.etag).not.toBe(before.etag)
+    expect(after.etag).toHaveLength(before.etag.length)
+  })
+})
diff --git a/test/tree.test.ts b/test/tree.test.ts
index e85a40e..6da6779 100644
--- a/test/tree.test.ts
+++ b/test/tree.test.ts
@@ -5,23 +5,23 @@
 // d'une vraie session en sont la motivation, une poignée suffit à fixer les
 // règles.
 
-import { describe, expect, it } from 'vitest';
-import { buildTree, hasFolders, type TreeNode } from '../src/components/replay/contextTree.ts';
+import { describe, expect, it } from 'vitest'
+import { buildTree, hasFolders, type TreeNode } from '../src/components/replay/contextTree.ts'
 
 /** Une ligne minimale : `buildTree` ne lit que `label` et `tokens`. */
 function row(label: string, tokens: number) {
-  return { label, tokens, category: 'memory' as const, turnIndex: 0, detail: [] };
+  return { label, tokens, category: 'memory' as const, turnIndex: 0, detail: [] }
 }
 
 /** Le nœud d'un chemin, pour affirmer sur un endroit précis de l'arbre. */
 function at(nodes: TreeNode[], path: string): TreeNode | undefined {
-  let level: TreeNode[] | undefined = nodes;
-  let node: TreeNode | undefined;
+  let level: TreeNode[] | undefined = nodes
+  let node: TreeNode | undefined
   for (const part of path.split('/')) {
-    node = level?.find((n) => n.name === part);
-    level = node?.children;
+    node = level?.find((n) => n.name === part)
+    level = node?.children
   }
-  return node;
+  return node
 }
 
 describe('buildTree', () => {
@@ -31,35 +31,35 @@ describe('buildTree', () => {
     row('rules/back/application/mongo.md', 514),
     row('rules/front/admin.md', 627),
     row('front/CLAUDE.md', 659),
-  ];
+  ]
 
   it('reconstruit les dossiers depuis les labels', () => {
-    const tree = buildTree(rows);
-    expect(hasFolders(tree)).toBe(true);
-    expect(at(tree, 'rules/back/application/contracts.md')?.row?.tokens).toBe(535);
+    const tree = buildTree(rows)
+    expect(hasFolders(tree)).toBe(true)
+    expect(at(tree, 'rules/back/application/contracts.md')?.row?.tokens).toBe(535)
     // Le nom d'une feuille est son dernier segment, pas le label entier.
-    expect(at(tree, 'rules/back/domain.md')?.name).toBe('domain.md');
-  });
+    expect(at(tree, 'rules/back/domain.md')?.name).toBe('domain.md')
+  })
 
   it("additionne les tokens d'un dossier depuis ses descendants", () => {
-    const tree = buildTree(rows);
+    const tree = buildTree(rows)
     // back = domain (836) + application/contracts (535) + application/mongo (514).
-    expect(at(tree, 'rules/back')?.tokens).toBe(1885);
-    expect(at(tree, 'rules/back/application')?.tokens).toBe(1049);
-  });
+    expect(at(tree, 'rules/back')?.tokens).toBe(1885)
+    expect(at(tree, 'rules/back/application')?.tokens).toBe(1049)
+  })
 
   it('classe chaque niveau du plus lourd au plus léger', () => {
-    const tree = buildTree(rows);
+    const tree = buildTree(rows)
     // rules (1988) passe avant front/CLAUDE.md (659).
-    expect(tree[0]?.name).toBe('rules');
-    const back = at(tree, 'rules/back')?.children ?? [];
+    expect(tree[0]?.name).toBe('rules')
+    const back = at(tree, 'rules/back')?.children ?? []
     // domain.md (836) avant le dossier application (1049) ? Non : application pèse
     // plus lourd, il remonte. Le tri est sur les tokens, dossier ou fichier.
-    expect(back[0]?.name).toBe('application');
-  });
+    expect(back[0]?.name).toBe('application')
+  })
 
   it("n'annonce aucun dossier quand tout est à plat", () => {
-    const flat = buildTree([row('CLAUDE.md', 100), row('permissions.md', 50)]);
-    expect(hasFolders(flat)).toBe(false);
-  });
-});
+    const flat = buildTree([row('CLAUDE.md', 100), row('permissions.md', 50)])
+    expect(hasFolders(flat)).toBe(false)
+  })
+})
diff --git a/vitest.config.ts b/vitest.config.ts
index 49929ba..5e92b37 100644
--- a/vitest.config.ts
+++ b/vitest.config.ts
@@ -1,7 +1,7 @@
-import { fileURLToPath } from 'node:url';
-import { defineConfig } from 'vitest/config';
+import { fileURLToPath } from 'node:url'
+import { defineConfig } from 'vitest/config'
 
-const root = fileURLToPath(new URL('.', import.meta.url));
+const root = fileURLToPath(new URL('.', import.meta.url))
 
 // Le parseur et l'accumulateur de contexte sont du Node pur : ils lisent des
 // fichiers et rendent des objets. Rien à monter, aucun DOM. Les composants Vue
@@ -24,4 +24,4 @@ export default defineConfig({
     environment: 'node',
     include: ['test/**/*.test.ts'],
   },
-});
+})

From b940be3c09a8e479cfd74da42d074e3b75df3699 Mon Sep 17 00:00:00 2001
From: Shaenn <22753401+Shaenn@users.noreply.github.com>
Date: Tue, 25 Aug 2026 03:04:59 +0200
Subject: [PATCH 23/30] =?UTF-8?q?Les=20fonctions=20nomm=C3=A9es=20se=20d?=
 =?UTF-8?q?=C3=A9clarent=20avec=20function?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

`func-style: ['error', 'declaration']` : 283 constats sur 105 fichiers, tous
de la même forme — une fonction nommée écrite `const f = () => …`. La
conversion est mécanique et n'a pas d'effet de bord ici : aucune de ces
fonctions ne repose sur `this`, et une déclaration hissée ne peut que rendre
plus permissif l'ordre dans lequel on l'appelle.

Les douze règles de `server/diagnostics/rules.ts` étaient annotées par leur
alias — `const historiqueRelu: SessionRule = (s, th) => …`. L'annotation est
portée à la déclaration plutôt que perdue : la signature s'écrit en entier,
et `SessionRule` continue de typer la table qui les rassemble.

vue-tsc, tsc et les 518 tests passent.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 scripts/sync-site.mjs                         |  4 +-
 server/agent/activity.ts                      |  8 ++-
 server/agent/folder.ts                        |  4 +-
 server/agent/partial.ts                       |  6 +-
 server/agent/runner.ts                        |  8 ++-
 server/agent/shells.ts                        |  8 ++-
 server/agent/translate.ts                     |  8 ++-
 server/diagnostics/behaviour.ts               | 20 +++---
 server/diagnostics/format.ts                  |  5 +-
 server/diagnostics/recommend.ts               | 24 ++++---
 server/diagnostics/rules.ts                   | 28 +++++----
 server/diagnostics/thresholds.ts              |  8 ++-
 server/maintenance.ts                         |  2 +-
 server/mcp.ts                                 |  2 +-
 server/parse-pool.ts                          |  2 +-
 server/passerelle/index.ts                    |  4 +-
 server/passerelle/markdown.ts                 |  2 +-
 server/passerelle/riche.ts                    | 12 ++--
 server/passerelle/telegram.ts                 | 14 +++--
 server/processes.ts                           | 12 +++-
 server/projects.ts                            |  4 +-
 server/routes/agent.ts                        |  4 +-
 server/routes/claude.ts                       | 15 +++--
 server/routes/events.ts                       |  4 +-
 server/routes/projects.ts                     |  4 +-
 server/tokens.ts                              |  4 +-
 server/transcript.ts                          |  5 +-
 server/watch.ts                               |  2 +-
 src/components/OrphanPlans.vue                |  4 +-
 src/components/PlanTree.vue                   |  8 ++-
 src/components/RuleTree.vue                   |  4 +-
 src/components/agent/ActivityLine.vue         |  4 +-
 src/components/agent/QuestionFields.vue       |  4 +-
 src/components/agent/SessionComposer.vue      |  2 +-
 src/components/replay/AgentTrackBar.vue       |  8 ++-
 src/components/replay/ContextFillCurve.vue    |  8 ++-
 src/components/replay/SessionCostPanel.vue    |  4 +-
 src/components/replay/TranscriptTimeline.vue  |  8 ++-
 src/components/replay/taskList.ts             |  4 +-
 src/components/replay/tools/PathList.vue      | 10 ++-
 src/components/replay/tools/registry.ts       | 12 ++--
 .../replay/tools/views/GrepView.vue           | 18 ++++--
 src/components/replay/tools/views/LspView.vue | 14 +++--
 .../replay/tools/views/SendMessageView.vue    |  8 ++-
 .../replay/tools/views/ShellView.vue          |  4 +-
 .../replay/tools/views/WebSearchView.vue      |  4 +-
 .../resources/FolderCandidateTree.vue         |  4 +-
 src/components/resources/FrontmatterCard.vue  | 16 +++--
 .../resources/IncludeFolderDialog.vue         |  4 +-
 .../resources/ProjectResourcesNav.vue         | 20 ++++--
 src/components/resources/projectResources.ts  |  6 +-
 src/composables/useChartTokens.ts             |  4 +-
 src/composables/useExpandAll.ts               |  8 ++-
 src/composables/useJsonForm.ts                | 12 +++-
 src/composables/useTranscriptTurns.ts         |  2 +-
 src/i18n/index.ts                             |  4 +-
 src/pages/AtelierPage.vue                     |  6 +-
 src/pages/DiagnosticPage.vue                  |  8 ++-
 src/pages/HooksPage.vue                       | 27 +++++---
 src/pages/MaintenancePage.vue                 | 10 ++-
 src/pages/MemoryPage.vue                      | 24 +++++--
 src/pages/PluginsPage.vue                     | 16 +++--
 src/pages/ProjectDetailPage.vue               | 28 ++++++---
 src/pages/SettingsPage.vue                    | 34 +++++-----
 src/pages/SkillsPage.vue                      |  4 +-
 src/services/agent/index.ts                   | 59 ++++++++++++------
 src/services/backups/index.ts                 | 14 +++--
 src/services/claude/index.ts                  | 62 +++++++++++++------
 src/services/diagnostics/severity.ts          | 12 +++-
 src/services/mcp/index.ts                     | 16 +++--
 src/services/projects/index.ts                | 57 +++++++++++------
 src/services/system/index.ts                  | 35 +++++++----
 src/services/usage/index.ts                   |  4 +-
 src/stores/system.ts                          |  4 +-
 src/utils/ansi.ts                             |  2 +-
 src/utils/markdown.ts                         |  4 +-
 src/utils/pathMatch.ts                        |  8 ++-
 src/utils/resourceFrontmatter.ts              |  8 ++-
 test/agent-activity.test.ts                   | 10 +--
 test/agent-shells.test.ts                     | 52 +++++++++-------
 test/ask-schema.test.ts                       |  8 ++-
 test/assistant-message-blocks.test.ts         |  8 ++-
 test/atelier-seam.test.ts                     | 22 ++++---
 test/backups-stamp.test.ts                    |  5 +-
 test/context.test.ts                          | 17 +++--
 test/conversation-reset.test.ts               | 12 ++--
 test/corpus.test.ts                           |  4 +-
 test/mcp-secrets.test.ts                      |  5 +-
 test/pace.test.ts                             | 14 +++--
 test/passerelle-activite.test.ts              | 22 ++++---
 test/passerelle.test.ts                       | 30 +++++----
 test/path-match.test.ts                       | 10 +--
 test/plan-mode.test.ts                        | 13 ++--
 test/processes.test.ts                        | 12 +++-
 test/project-resources.test.ts                | 16 +++--
 test/rules.test.ts                            |  6 +-
 test/session-guardrails.test.ts               |  6 +-
 test/signals.test.ts                          |  4 +-
 test/skill-document.test.ts                   |  8 ++-
 test/subagent-live-track.test.ts              | 20 +++---
 test/subagent-runs.test.ts                    | 10 ++-
 test/task-list.test.ts                        |  4 +-
 test/thresholds.test.ts                       |  4 +-
 test/tool-input-stream.test.ts                | 27 ++++----
 test/transcript-cache.test.ts                 |  8 ++-
 105 files changed, 822 insertions(+), 408 deletions(-)

diff --git a/scripts/sync-site.mjs b/scripts/sync-site.mjs
index 75bbcaf..237f6e1 100644
--- a/scripts/sync-site.mjs
+++ b/scripts/sync-site.mjs
@@ -12,7 +12,9 @@ const LOCALES = [
   { code: 'en', help: 'src/help/sections/en', out: 'site/en/guide' },
 ]
 
-const partial = (name) => readFile(join(root, 'site/partials', `${name}.md`), 'utf8')
+function partial(name) {
+  return readFile(join(root, 'site/partials', `${name}.md`), 'utf8')
+}
 
 // Le frontmatter du manuel est écrit pour l'application (`id`, `icon`, `order`,
 // `routes`). VitePress n'en lit que `title` et ignore le reste : on le laisse tel quel,
diff --git a/server/agent/activity.ts b/server/agent/activity.ts
index ba5a268..bf70104 100644
--- a/server/agent/activity.ts
+++ b/server/agent/activity.ts
@@ -16,8 +16,12 @@ import { num, str } from '../json.ts'
 
 type Rec = Record<string, unknown>
 
-const rec = (v: unknown): Rec => (v && typeof v === 'object' ? (v as Rec) : {})
-const arr = (v: unknown): unknown[] => (Array.isArray(v) ? v : [])
+function rec(v: unknown): Rec {
+  return v && typeof v === 'object' ? (v as Rec) : {}
+}
+function arr(v: unknown): unknown[] {
+  return Array.isArray(v) ? v : []
+}
 
 /**
  * L'ampleur d'un changement, qui décide s'il part tout de suite.
diff --git a/server/agent/folder.ts b/server/agent/folder.ts
index b48afe7..0a7c28e 100644
--- a/server/agent/folder.ts
+++ b/server/agent/folder.ts
@@ -119,4 +119,6 @@ async function pickWindows(startFrom?: string): Promise<string | null> {
 }
 
 /** Une chaîne PowerShell littérale : rien n'y est interprété, les `'` sont doublés. */
-const psLiteral = (s: string): string => `'${s.replace(/'/g, "''")}'`
+function psLiteral(s: string): string {
+  return `'${s.replace(/'/g, "''")}'`
+}
diff --git a/server/agent/partial.ts b/server/agent/partial.ts
index 8f6625c..cca5bcb 100644
--- a/server/agent/partial.ts
+++ b/server/agent/partial.ts
@@ -23,7 +23,9 @@ interface Level {
   expectKey: boolean
 }
 
-const asRecord = (v: unknown): Rec | null => (v && typeof v === 'object' && !Array.isArray(v) ? (v as Rec) : null)
+function asRecord(v: unknown): Rec | null {
+  return v && typeof v === 'object' && !Array.isArray(v) ? (v as Rec) : null
+}
 
 /**
  * L'objet que porte un fragment de JSON, au plus près de ce qui est arrivé.
@@ -43,7 +45,7 @@ export function repairJson(fragment: string): Rec | null {
   // et l'état de la pile à cet endroit-là.
   let safe = 0
   let safeStack: Level[] = []
-  const mark = (at: number): void => {
+  function mark(at: number): void {
     safe = at
     safeStack = stack.map((l) => ({ ...l }))
   }
diff --git a/server/agent/runner.ts b/server/agent/runner.ts
index 1f11b79..baa94ca 100644
--- a/server/agent/runner.ts
+++ b/server/agent/runner.ts
@@ -46,8 +46,12 @@ interface ImageBlock {
 
 // Mêmes coercions que `translate.ts`, qui les garde locales pour la même
 // raison : ce qui vient du SDK n'est typé qu'à moitié.
-const rec = (v: unknown): Rec => (v && typeof v === 'object' ? (v as Rec) : {})
-const arr = (v: unknown): unknown[] => (Array.isArray(v) ? v : [])
+function rec(v: unknown): Rec {
+  return v && typeof v === 'object' ? (v as Rec) : {}
+}
+function arr(v: unknown): unknown[] {
+  return Array.isArray(v) ? v : []
+}
 
 /**
  * Les commandes du SDK, ramenées à la forme du wire.
diff --git a/server/agent/shells.ts b/server/agent/shells.ts
index bf9006f..9a1b5d4 100644
--- a/server/agent/shells.ts
+++ b/server/agent/shells.ts
@@ -24,8 +24,12 @@ import { resultText } from './translate.ts'
 
 type Rec = Record<string, unknown>
 
-const rec = (v: unknown): Rec => (v && typeof v === 'object' ? (v as Rec) : {})
-const arr = (v: unknown): unknown[] => (Array.isArray(v) ? v : [])
+function rec(v: unknown): Rec {
+  return v && typeof v === 'object' ? (v as Rec) : {}
+}
+function arr(v: unknown): unknown[] {
+  return Array.isArray(v) ? v : []
+}
 
 /**
  * La promesse que rend `run_in_background` : un identifiant, pas une sortie.
diff --git a/server/agent/translate.ts b/server/agent/translate.ts
index 079526e..67e2177 100644
--- a/server/agent/translate.ts
+++ b/server/agent/translate.ts
@@ -44,8 +44,12 @@ const INPUT_STEP_MS = 120
  */
 const INPUT_MAX = 64_000
 
-const rec = (v: unknown): Rec => (v && typeof v === 'object' ? (v as Rec) : {})
-const arr = (v: unknown): unknown[] => (Array.isArray(v) ? v : [])
+function rec(v: unknown): Rec {
+  return v && typeof v === 'object' ? (v as Rec) : {}
+}
+function arr(v: unknown): unknown[] {
+  return Array.isArray(v) ? v : []
+}
 
 /**
  * À quel sous-agent appartient ce message — `undefined` pour le fil principal.
diff --git a/server/diagnostics/behaviour.ts b/server/diagnostics/behaviour.ts
index 6ece8ca..c553699 100644
--- a/server/diagnostics/behaviour.ts
+++ b/server/diagnostics/behaviour.ts
@@ -73,11 +73,13 @@ function hoursOf(s: SessionSignal): number {
   return (end - start) / 3_600_000
 }
 
-const stat = (all: number[], top: number[], bottom: number[]): BehaviourStat => ({
-  median: median(all),
-  top: median(top),
-  bottom: median(bottom),
-})
+function stat(all: number[], top: number[], bottom: number[]): BehaviourStat {
+  return {
+    median: median(all),
+    top: median(top),
+    bottom: median(bottom),
+  }
+}
 
 // ── Le calcul ────────────────────────────────────────────────────────────────
 
@@ -107,8 +109,12 @@ export function buildBehaviour(signals: SessionSignal[]): Behaviour {
   const bottom = comparable ? sorted.slice(0, quarter) : []
   const top = comparable ? sorted.slice(sorted.length - quarter) : []
 
-  const perPrompt = (list: typeof kept): number[] => list.map((k) => k.turnsPerPrompt).filter((v): v is number => v !== null)
-  const interrupted = (list: typeof kept): number => (list.length ? list.filter((k) => k.signal.interruptions > 0).length / list.length : 0)
+  function perPrompt(list: typeof kept): number[] {
+    return list.map((k) => k.turnsPerPrompt).filter((v): v is number => v !== null)
+  }
+  function interrupted(list: typeof kept): number {
+    return list.length ? list.filter((k) => k.signal.interruptions > 0).length / list.length : 0
+  }
 
   return {
     sessions: kept.length,
diff --git a/server/diagnostics/format.ts b/server/diagnostics/format.ts
index 901ba7e..0d898e9 100644
--- a/server/diagnostics/format.ts
+++ b/server/diagnostics/format.ts
@@ -52,11 +52,12 @@ export function pct(n: number): string {
  * le catalogue.
  */
 export function tok(n: number): string {
-  const num = (v: number, digits: number): string =>
-    new Intl.NumberFormat(locale(), {
+  function num(v: number, digits: number): string {
+    return new Intl.NumberFormat(locale(), {
       minimumFractionDigits: digits,
       maximumFractionDigits: digits,
     }).format(v)
+  }
   const space = locale() === 'fr' ? ' ' : ''
 
   if (n >= 1_000_000) return `${num(n / 1_000_000, 1)}${space}M`
diff --git a/server/diagnostics/recommend.ts b/server/diagnostics/recommend.ts
index a413125..09d834d 100644
--- a/server/diagnostics/recommend.ts
+++ b/server/diagnostics/recommend.ts
@@ -107,8 +107,12 @@ export interface DiagnosticReport {
 // recommandation (`bodyFor`) restent en voix neutre : ce sont des mesures, et
 // une mesure n'appartient à personne. Le conseil, lui, engage celle qui le donne
 // — voir docs/voix.md.
-const titleOf = (rule: RuleName): string => t(`diagnostics.recommendations.titles.${rule}`)
-const actionOf = (rule: RuleName): string => t(`diagnostics.recommendations.actions.${rule}`)
+function titleOf(rule: RuleName): string {
+  return t(`diagnostics.recommendations.titles.${rule}`)
+}
+function actionOf(rule: RuleName): string {
+  return t(`diagnostics.recommendations.actions.${rule}`)
+}
 
 // ── Outillage ────────────────────────────────────────────────────────────────
 
@@ -184,7 +188,9 @@ function weight(impact: Impact): number {
 function bodyFor(rule: RuleName, findings: Finding[], signals: SessionSignal[]): string {
   const n = findings.length
   const sessions = n > 1 ? t('diagnostics.recommendations.manySessions', { n }) : t('diagnostics.recommendations.oneSession')
-  const metric = (key: string): number[] => findings.map((f) => f.metrics[key] ?? 0)
+  function metric(key: string): number[] {
+    return findings.map((f) => f.metrics[key] ?? 0)
+  }
 
   switch (rule) {
     case 'historique-relu': {
@@ -324,10 +330,14 @@ function bodyFor(rule: RuleName, findings: Finding[], signals: SessionSignal[]):
  * des deux côtés. C'est ce qui distingue une cause d'un symptôme.
  */
 function applyCrossings(recommendations: Recommendation[], findings: Finding[]): void {
-  const targetsOf = (rule: RuleName): Set<string> => new Set(findings.filter((f) => f.rule === rule && f.scope === 'session').map((f) => f.target))
-  const find = (rule: RuleName): Recommendation | undefined => recommendations.find((r) => r.rule === rule)
+  function targetsOf(rule: RuleName): Set<string> {
+    return new Set(findings.filter((f) => f.rule === rule && f.scope === 'session').map((f) => f.target))
+  }
+  function find(rule: RuleName): Recommendation | undefined {
+    return recommendations.find((r) => r.rule === rule)
+  }
 
-  const overlap = (a: Set<string>, b: Set<string>): number => {
+  function overlap(a: Set<string>, b: Set<string>): number {
     let n = 0
     for (const x of a) if (b.has(x)) n++
     return n
@@ -338,7 +348,7 @@ function applyCrossings(recommendations: Recommendation[], findings: Finding[]):
   const compact = targetsOf('compaction-lourde')
   const agents = targetsOf('sous-agents-couteux')
 
-  const cross = (reco: Recommendation | undefined, n: number, key: string): void => {
+  function cross(reco: Recommendation | undefined, n: number, key: string): void {
     if (reco && n >= 1) reco.body += ` ${t(`diagnostics.recommendations.crossings.${key}`, { n })}`
   }
 
diff --git a/server/diagnostics/rules.ts b/server/diagnostics/rules.ts
index bdd08c3..e6c5108 100644
--- a/server/diagnostics/rules.ts
+++ b/server/diagnostics/rules.ts
@@ -171,7 +171,9 @@ function money(n: number): number | undefined {
 }
 
 /** Le début d'un `sessionId`, seule forme lisible dans une phrase. */
-const short = (id: string): string => `${id.slice(0, 8)}…`
+function short(id: string): string {
+  return `${id.slice(0, 8)}…`
+}
 
 /**
  * Le contexte réellement attribué d'une session.
@@ -193,7 +195,7 @@ function attributed(s: SessionSignal): number {
 type SessionRule = (s: SessionSignal, t: Thresholds) => Finding | null
 
 /** Ce que coûte la seule relecture de l'historique déjà lu. */
-const historiqueRelu: SessionRule = (s, th) => {
+function historiqueRelu(s: SessionSignal, th: Thresholds): Finding | null {
   const c = th.metrics.cacheReadCost
   const value = valueOf('cacheReadCost', s)
   if (!exceeds(c, value) || value === null) return null
@@ -233,7 +235,7 @@ const historiqueRelu: SessionRule = (s, th) => {
 }
 
 /** Une fenêtre reconstruite plutôt que relue : le cache ne prend pas. */
-const cacheFaible: SessionRule = (s, th) => {
+function cacheFaible(s: SessionSignal, th: Thresholds): Finding | null {
   const c = th.metrics.cacheHitRatio
   const value = valueOf('cacheHitRatio', s)
   if (!exceeds(c, value) || value === null) return null
@@ -286,7 +288,7 @@ const cacheFaible: SessionRule = (s, th) => {
 }
 
 /** Ce que les délégations ont coûté, lu dans leurs propres fichiers. */
-const sousAgentsCouteux: SessionRule = (s, th) => {
+function sousAgentsCouteux(s: SessionSignal, th: Thresholds): Finding | null {
   const c = th.metrics.subagentCost
   const value = valueOf('subagentCost', s)
   if (!exceeds(c, value) || value === null) return null
@@ -326,7 +328,7 @@ const sousAgentsCouteux: SessionRule = (s, th) => {
 }
 
 /** Les outils occupent la fenêtre — et c'est le premier poste du parc. */
-const outilsGourmands: SessionRule = (s, th) => {
+function outilsGourmands(s: SessionSignal, th: Thresholds): Finding | null {
   const c = th.metrics.toolTokens
   const value = valueOf('toolTokens', s)
   if (!exceeds(c, value) || value === null) return null
@@ -376,7 +378,7 @@ const outilsGourmands: SessionRule = (s, th) => {
 }
 
 /** Des appels qui échouent : des tokens dépensés sans rien produire. */
-const outilsEnEchec: SessionRule = (s, th) => {
+function outilsEnEchec(s: SessionSignal, th: Thresholds): Finding | null {
   const c = th.metrics.toolErrorRate
   const value = valueOf('toolErrorRate', s)
   if (!exceeds(c, value) || value === null) return null
@@ -427,7 +429,7 @@ const outilsEnEchec: SessionRule = (s, th) => {
 }
 
 /** Une compaction jette du contexte qu'il a fallu payer pour construire. */
-const compactionLourde: SessionRule = (s, th) => {
+function compactionLourde(s: SessionSignal, th: Thresholds): Finding | null {
   const c = th.metrics.compactionWaste
   const value = valueOf('compactionWaste', s)
   if (!exceeds(c, value) || value === null) return null
@@ -465,7 +467,7 @@ const compactionLourde: SessionRule = (s, th) => {
 }
 
 /** Des mémoires, catalogues et hooks qui entrent dans chaque fenêtre. */
-const contexteInjecte: SessionRule = (s, th) => {
+function contexteInjecte(s: SessionSignal, th: Thresholds): Finding | null {
   const c = th.metrics.injectedContext
   const value = valueOf('injectedContext', s)
   if (!exceeds(c, value) || value === null) return null
@@ -519,7 +521,7 @@ const contexteInjecte: SessionRule = (s, th) => {
 //    où rien n'est chiffrable, `impact` ne porte aucun nombre et le dit.
 
 /** Chercher plus qu'on ne construit. */
-const explorationSansFin: SessionRule = (s, th) => {
+function explorationSansFin(s: SessionSignal, th: Thresholds): Finding | null {
   const c = th.metrics.explorationRatio
   const value = valueOf('explorationRatio', s)
   if (!exceeds(c, value) || value === null) return null
@@ -567,7 +569,7 @@ const explorationSansFin: SessionRule = (s, th) => {
  * tâche entière d'un coup et laisse-la courir ». Les sessions qui produisent le
  * plus font 23 tours par prompt ; celles qui produisent le moins, 11,7.
  */
-const briefMorcele: SessionRule = (s, th) => {
+function briefMorcele(s: SessionSignal, th: Thresholds): Finding | null {
   const c = th.metrics.turnsPerPrompt
   const value = valueOf('turnsPerPrompt', s)
   if (!exceeds(c, value) || value === null) return null
@@ -606,7 +608,7 @@ const briefMorcele: SessionRule = (s, th) => {
 }
 
 /** Le travail partait ailleurs qu'attendu. */
-const reorientations: SessionRule = (s, th) => {
+function reorientations(s: SessionSignal, th: Thresholds): Finding | null {
   const c = th.metrics.interruptions
   const value = valueOf('interruptions', s)
   if (!exceeds(c, value) || value === null) return null
@@ -639,7 +641,7 @@ const reorientations: SessionRule = (s, th) => {
 }
 
 /** Les mêmes fichiers relus plusieurs fois dans la même session. */
-const relectures: SessionRule = (s, th) => {
+function relectures(s: SessionSignal, th: Thresholds): Finding | null {
   const c = th.metrics.rereadTokens
   const value = valueOf('rereadTokens', s)
   if (!exceeds(c, value) || value === null) return null
@@ -678,7 +680,7 @@ const relectures: SessionRule = (s, th) => {
 }
 
 /** La fenêtre approche de ce que le modèle peut tenir. */
-const fenetreProcheLimite: SessionRule = (s, th) => {
+function fenetreProcheLimite(s: SessionSignal, th: Thresholds): Finding | null {
   const c = th.metrics.contextFill
   const value = valueOf('contextFill', s)
   if (!exceeds(c, value) || value === null) return null
diff --git a/server/diagnostics/thresholds.ts b/server/diagnostics/thresholds.ts
index 2a20a36..294a07f 100644
--- a/server/diagnostics/thresholds.ts
+++ b/server/diagnostics/thresholds.ts
@@ -508,11 +508,15 @@ export function calibrateFrom(
   const fromParc = computed ?? spec.guard
   const value = override ?? (spec.direction === 'high' ? Math.max(fromParc, spec.guard) : Math.min(fromParc, spec.guard))
 
-  const beyond = (v: number): boolean => (spec.direction === 'high' ? v > value : v < value)
+  function beyond(v: number): boolean {
+    return spec.direction === 'high' ? v > value : v < value
+  }
   const hits = pairs.filter((p) => beyond(p.v))
 
   /** La somme des coûts connus, ou `null` si aucun ne l'est. */
-  const costOf = (list: typeof pairs): number | null => (costs ? list.reduce((n, p) => n + (p.cost ?? 0), 0) : null)
+  function costOf(list: typeof pairs): number | null {
+    return costs ? list.reduce((n, p) => n + (p.cost ?? 0), 0) : null
+  }
 
   // La bande que le garde-fou étouffe : au-delà du percentile, en deçà du seuil.
   // Vide par construction quand le percentile décide — les deux bornes coïncident.
diff --git a/server/maintenance.ts b/server/maintenance.ts
index c5fec12..d4321f5 100644
--- a/server/maintenance.ts
+++ b/server/maintenance.ts
@@ -224,7 +224,7 @@ export async function listSessions(): Promise<SessionInfo[]> {
 }
 
 // ── Plans ────────────────────────────────────────────────────────────────────
-const safePlan = (name: string): string => {
+function safePlan(name: string): string {
   const base = name.split(/[\\/]/).pop() ?? ''
   if (!/^[A-Za-z0-9._-]+\.md$/.test(base)) throw new Error('Nom de plan invalide.')
   return base
diff --git a/server/mcp.ts b/server/mcp.ts
index c848d9b..b96d285 100644
--- a/server/mcp.ts
+++ b/server/mcp.ts
@@ -74,7 +74,7 @@ export async function getMcpInventory(): Promise<McpInventory> {
 
   const fileServers: McpInventory['fileServers'] = []
   let globalServers: Record<string, ServerCfg> = {}
-  const collect = (obj: Record<string, ServerCfg> | undefined, scope: string): void => {
+  function collect(obj: Record<string, ServerCfg> | undefined, scope: string): void {
     for (const [name, cfg] of Object.entries(obj ?? {})) {
       const transport = cfg.type ?? (cfg.command ? 'stdio' : cfg.url ? 'http' : '?')
       const detail = cfg.command ? [cfg.command, ...(cfg.args ?? [])].join(' ') : (cfg.url ?? '')
diff --git a/server/parse-pool.ts b/server/parse-pool.ts
index 33463e1..b34a20d 100644
--- a/server/parse-pool.ts
+++ b/server/parse-pool.ts
@@ -101,7 +101,7 @@ function spawn(): Slot | null {
 
     // Un thread mort ne doit pas laisser ses appelants suspendus pour toujours :
     // une fois retiré du pool, plus personne ne pourra les solder.
-    const die = (reason: string): void => {
+    function die(reason: string): void {
       const at = slots.indexOf(slot)
       if (at >= 0) slots.splice(at, 1)
       // Mort sans avoir jamais répondu : ce n'est pas un accident, c'est que le
diff --git a/server/passerelle/index.ts b/server/passerelle/index.ts
index 899d554..c955b57 100644
--- a/server/passerelle/index.ts
+++ b/server/passerelle/index.ts
@@ -1250,7 +1250,9 @@ export function demarrePasserelle(journal: Journal): void {
  * ce qui est chez Telegram y reste tant qu'on ne le retire pas.
  */
 async function declareCommandes(tg: Telegram, chats: Set<number>, journal: Journal): Promise<void> {
-  const rate = (quoi: string): void => journal.warn(`Passerelle : Telegram a refusé la liste des commandes (${quoi}).`)
+  function rate(quoi: string): void {
+    return journal.warn(`Passerelle : Telegram a refusé la liste des commandes (${quoi}).`)
+  }
 
   for (const chatId of chats) {
     // Le repli de la conversation : ce que voit un client dont la langue n'est
diff --git a/server/passerelle/markdown.ts b/server/passerelle/markdown.ts
index 0b3cee3..4ad3a64 100644
--- a/server/passerelle/markdown.ts
+++ b/server/passerelle/markdown.ts
@@ -25,7 +25,7 @@ export function paginer(markdown: string, max: number): string[] {
   let dansCode = false
   let langue = ''
 
-  const cloture = (): void => {
+  function cloture(): void {
     if (!courante.length) return
     if (dansCode) courante.push('```')
     pages.push(courante.join('\n'))
diff --git a/server/passerelle/riche.ts b/server/passerelle/riche.ts
index 2cd6845..b4d2b74 100644
--- a/server/passerelle/riche.ts
+++ b/server/passerelle/riche.ts
@@ -98,7 +98,7 @@ export function fragments(ligne: string): RichText[] {
    * d'un élément : c'est la même chose pour l'API, et c'est plus lisible au
    * journal comme au test.
    */
-  const interieur = (texte: string): RichText => {
+  function interieur(texte: string): RichText {
     const morceaux = fragments(texte)
     const seul = morceaux[0]
     return morceaux.length === 1 && typeof seul === 'string' ? seul : morceaux
@@ -241,13 +241,13 @@ export function enBlocs(markdown: string): InputRichBlock[] {
   let code: string[] | null = null
   let langue = ''
 
-  const fermeParagraphe = (): void => {
+  function fermeParagraphe(): void {
     if (!paragraphe.length) return
     blocs.push({ type: 'paragraph', text: fragments(paragraphe.join(' ')) })
     paragraphe = []
   }
 
-  const fermeTableau = (): void => {
+  function fermeTableau(): void {
     if (!tableau.length) return
     const grille = tableau.filter((l) => !SEPARATEUR.test(l)).map(cellules)
     const separateur = tableau.find((l) => SEPARATEUR.test(l))
@@ -271,7 +271,7 @@ export function enBlocs(markdown: string): InputRichBlock[] {
     })
   }
 
-  const fermeListe = (): void => {
+  function fermeListe(): void {
     if (!liste.length) return
     blocs.push(listeDepuis(liste))
     liste = []
@@ -286,14 +286,14 @@ export function enBlocs(markdown: string): InputRichBlock[] {
    * dans son cadre. La récursion s'arrête d'elle-même : chaque tour retire un
    * chevron.
    */
-  const fermeCitation = (): void => {
+  function fermeCitation(): void {
     if (!citation.length) return
     const dedans = enBlocs(citation.join('\n'))
     citation = []
     if (dedans.length) blocs.push({ type: 'blockquote', blocks: dedans })
   }
 
-  const fermeTout = (): void => {
+  function fermeTout(): void {
     fermeParagraphe()
     fermeTableau()
     fermeListe()
diff --git a/server/passerelle/telegram.ts b/server/passerelle/telegram.ts
index de700cc..13cc094 100644
--- a/server/passerelle/telegram.ts
+++ b/server/passerelle/telegram.ts
@@ -178,7 +178,7 @@ export function grille(cases: Bouton[], solo: Bouton[] = []): InlineKeyboardMark
   let rangee: Bouton[] = []
   let plusLong = 0
 
-  const pose = (): void => {
+  function pose(): void {
     if (!rangee.length) return
     rangees.push(rangee.map((b) => ({ text: b.texte, callback_data: b.donnee })))
     rangee = []
@@ -457,11 +457,13 @@ export class Telegram {
     // niveau — la Moldavie —, si bien que `0.livraison.md` devient un lien vers
     // un site qui n'existe pas. `.py`, `.pl`, `.sh`, `.io` en sont d'autres :
     // un dépôt en est plein.
-    const riche = (blocks: InputRichBlock[]) => ({
-      chat_id: chatId,
-      rich_message: { blocks, skip_entity_detection: true },
-      ...markup,
-    })
+    function riche(blocks: InputRichBlock[]) {
+      return {
+        chat_id: chatId,
+        rich_message: { blocks, skip_entity_detection: true },
+        ...markup,
+      }
+    }
 
     if (blocs.length) {
       try {
diff --git a/server/processes.ts b/server/processes.ts
index e708e06..5263747 100644
--- a/server/processes.ts
+++ b/server/processes.ts
@@ -69,8 +69,12 @@ Get-CimInstance Win32_Process -Filter "Name='claude.exe' OR Name='node.exe'" |
   } | ConvertTo-Json -Compress
 `
 
-const num = (v: unknown): number => (typeof v === 'number' && Number.isFinite(v) ? v : 0)
-const text = (v: unknown): string => (typeof v === 'string' ? v : '')
+function num(v: unknown): number {
+  return typeof v === 'number' && Number.isFinite(v) ? v : 0
+}
+function text(v: unknown): string {
+  return typeof v === 'string' ? v : ''
+}
 
 /**
  * Énumère les processus, ou rend `null` si la plateforme ne s'y prête pas.
@@ -146,7 +150,9 @@ const MARKERS: { needle: string; kind: ClaudeProcessKind }[] = [
 /** Le binaire que le SDK embarque, et qu'il lance pour une session d'Atelier. */
 const SDK_BINARY = /node_modules[\\/]@anthropic-ai[\\/]claude-agent-sdk/i
 
-const mentionsClaude = (command: string): boolean => /claude/i.test(command)
+function mentionsClaude(command: string): boolean {
+  return /claude/i.test(command)
+}
 
 /**
  * Le PID que le daemon dit avoir eu pour lanceur.
diff --git a/server/projects.ts b/server/projects.ts
index 531b5c7..b124955 100644
--- a/server/projects.ts
+++ b/server/projects.ts
@@ -372,7 +372,9 @@ async function walkSourceTree(root: string): Promise<{ memories: ResourceNode[];
   // Le README d'abord : c'est la porte d'entrée du dépôt, et l'ordre alphabétique
   // la reléguerait derrière un CHANGELOG que personne ne lit en premier. Les
   // gabarits de `.github/` ferment la liste, étant les seuls à porter un dossier.
-  const rank = (r: ResourceNode): number => (r.rel.includes('/') ? 2 : /^README\b/i.test(r.name) ? 0 : 1)
+  function rank(r: ResourceNode): number {
+    return r.rel.includes('/') ? 2 : /^README\b/i.test(r.name) ? 0 : 1
+  }
   repoDocs.sort((a, b) => rank(a) - rank(b) || a.rel.localeCompare(b.rel))
   return { memories, repoDocs }
 }
diff --git a/server/routes/agent.ts b/server/routes/agent.ts
index a3d089a..b52fea8 100644
--- a/server/routes/agent.ts
+++ b/server/routes/agent.ts
@@ -144,7 +144,7 @@ export function registerAgent(app: FastifyInstance): void {
     })
     reply.raw.write(': connected\n\n')
 
-    const send = (upsert: AgentUpsert): void => {
+    function send(upsert: AgentUpsert): void {
       reply.raw.write(`event: ${upsert.kind}\ndata: ${JSON.stringify(upsert)}\n\n`)
     }
 
@@ -152,7 +152,7 @@ export function registerAgent(app: FastifyInstance): void {
     const heartbeat = setInterval(() => reply.raw.write(': ping\n\n'), HEARTBEAT_MS)
 
     // Se désabonner n'arrête pas la session : c'est tout l'intérêt du registre.
-    const close = (): void => {
+    function close(): void {
       clearInterval(heartbeat)
       unsubscribe()
     }
diff --git a/server/routes/claude.ts b/server/routes/claude.ts
index a7f911e..aa7a359 100644
--- a/server/routes/claude.ts
+++ b/server/routes/claude.ts
@@ -285,7 +285,7 @@ export function registerClaude(app: FastifyInstance): void {
 
   /** High-level inventory for the dashboard. */
   app.get('/api/claude/overview', async () => {
-    const countDir = async (rel: string, suffix: string): Promise<number> => {
+    async function countDir(rel: string, suffix: string): Promise<number> {
       if (!(await exists(rel))) return 0
       return (await listDir(rel)).filter((e) => e.name.endsWith(suffix)).length
     }
@@ -310,11 +310,14 @@ function updateMemoryIndex(current: string | null, action: 'add' | 'remove', fil
   const src = current ?? ''
   const lines = src.split('\n')
   const at = lines.findIndex((l) => linkRe.test(l))
-  const norm = (ls: string[]): string =>
-    ls
-      .join('\n')
-      .replace(/\n{3,}/g, '\n\n')
-      .replace(/\n+$/, '') + '\n'
+  function norm(ls: string[]): string {
+    return (
+      ls
+        .join('\n')
+        .replace(/\n{3,}/g, '\n\n')
+        .replace(/\n+$/, '') + '\n'
+    )
+  }
 
   if (action === 'remove') {
     if (at < 0) return null // not indexed → no-op
diff --git a/server/routes/events.ts b/server/routes/events.ts
index d557897..af1374b 100644
--- a/server/routes/events.ts
+++ b/server/routes/events.ts
@@ -28,14 +28,14 @@ export function registerEvents(app: FastifyInstance): void {
     // nothing changes for minutes.
     reply.raw.write(': connected\n\n')
 
-    const send = (event: ClaudeEvent): void => {
+    function send(event: ClaudeEvent): void {
       reply.raw.write(`event: ${event.kind}\ndata: ${JSON.stringify(event)}\n\n`)
     }
 
     const unsubscribe = subscribe(send)
     const heartbeat = setInterval(() => reply.raw.write(': ping\n\n'), HEARTBEAT_MS)
 
-    const close = (): void => {
+    function close(): void {
       clearInterval(heartbeat)
       unsubscribe()
     }
diff --git a/server/routes/projects.ts b/server/routes/projects.ts
index 253dd08..db63116 100644
--- a/server/routes/projects.ts
+++ b/server/routes/projects.ts
@@ -42,7 +42,9 @@ function fail(reply: FastifyReply, e: unknown): unknown {
  */
 function matchesEtag(header: string | string[] | undefined, etag: string): boolean {
   if (typeof header !== 'string' || !header) return false
-  const bare = (v: string): string => v.trim().replace(/^W\//, '')
+  function bare(v: string): string {
+    return v.trim().replace(/^W\//, '')
+  }
   if (header.trim() === '*') return true
   return header.split(',').some((candidate) => bare(candidate) === bare(etag))
 }
diff --git a/server/tokens.ts b/server/tokens.ts
index b784166..23c6d3c 100644
--- a/server/tokens.ts
+++ b/server/tokens.ts
@@ -50,6 +50,8 @@ export function growth(counted: TokenCounts, next: TokenCounts): TokenCounts {
 export function localDay(iso: string): string {
   const d = new Date(iso)
   if (Number.isNaN(d.getTime())) return ''
-  const p = (n: number) => String(n).padStart(2, '0')
+  function p(n: number) {
+    return String(n).padStart(2, '0')
+  }
   return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())}`
 }
diff --git a/server/transcript.ts b/server/transcript.ts
index be8a2f1..95a2a02 100644
--- a/server/transcript.ts
+++ b/server/transcript.ts
@@ -1505,8 +1505,9 @@ export async function parseTranscript(abs: string, id: string): Promise<ParsedTr
    * event — a `SessionStart` pair writes `toolUseID` as a uuid on one line and
    * as the literal `"SessionStart"` on the other — so the event is the key.
    */
-  const mergeKey = (run: HookRun): string =>
-    run.toolUseId && toolUseIds.has(run.toolUseId) ? `tool:${run.toolUseId}|${run.name}` : `lifecycle:${run.event}`
+  function mergeKey(run: HookRun): string {
+    return run.toolUseId && toolUseIds.has(run.toolUseId) ? `tool:${run.toolUseId}|${run.name}` : `lifecycle:${run.event}`
+  }
   const runByKey = new Map<string, HookRun>()
   /**
    * Rewinding a session replays earlier lines verbatim, so the same run can be
diff --git a/server/watch.ts b/server/watch.ts
index bfd20b3..4395fa7 100644
--- a/server/watch.ts
+++ b/server/watch.ts
@@ -136,7 +136,7 @@ function arm(dir: string, recursive: boolean, onChange: (relative: string) => vo
   let retry: NodeJS.Timeout | null = null
   let stopped = false
 
-  const start = (): void => {
+  function start(): void {
     if (stopped) return
     if (!existsSync(dir)) {
       retry = setTimeout(start, RETRY_MS)
diff --git a/src/components/OrphanPlans.vue b/src/components/OrphanPlans.vue
index 4c782fd..8d7eea7 100644
--- a/src/components/OrphanPlans.vue
+++ b/src/components/OrphanPlans.vue
@@ -154,7 +154,9 @@
     }
   }
 
-  const msg = (e: unknown): string => (e instanceof Error && e.message.trim() ? e.message : t('common.noDetail'))
+  function msg(e: unknown): string {
+    return e instanceof Error && e.message.trim() ? e.message : t('common.noDetail')
+  }
 
   defineExpose({ refresh })
   onMounted(refresh)
diff --git a/src/components/PlanTree.vue b/src/components/PlanTree.vue
index b26151f..116f4ea 100644
--- a/src/components/PlanTree.vue
+++ b/src/components/PlanTree.vue
@@ -115,13 +115,17 @@
   })
 
   const overrides = reactive<Record<string, boolean>>({})
-  const isOpen = (key: string): boolean => overrides[key] ?? defaultOpen.value.has(key)
+  function isOpen(key: string): boolean {
+    return overrides[key] ?? defaultOpen.value.has(key)
+  }
   function toggle(key: string): void {
     overrides[key] = !isOpen(key)
   }
 
   /** Day only — the month is already the parent node. */
-  const dayOf = (ms: number): string => String(new Date(ms).getDate()).padStart(2, '0')
+  function dayOf(ms: number): string {
+    return String(new Date(ms).getDate()).padStart(2, '0')
+  }
 </script>
 
 <style scoped lang="scss">
diff --git a/src/components/RuleTree.vue b/src/components/RuleTree.vue
index ccf16e9..6e14f5f 100644
--- a/src/components/RuleTree.vue
+++ b/src/components/RuleTree.vue
@@ -75,7 +75,9 @@
 
   // Dossiers dépliés par défaut ; chaque instance gère l'état de ses enfants directs.
   const collapsed = reactive<Record<string, boolean>>({})
-  const isExpanded = (path: string): boolean => !collapsed[path]
+  function isExpanded(path: string): boolean {
+    return !collapsed[path]
+  }
   function toggle(path: string): void {
     collapsed[path] = !collapsed[path]
   }
diff --git a/src/components/agent/ActivityLine.vue b/src/components/agent/ActivityLine.vue
index 1fc3ba1..3d3684c 100644
--- a/src/components/agent/ActivityLine.vue
+++ b/src/components/agent/ActivityLine.vue
@@ -45,7 +45,9 @@
    * apprendrait moins que « Bash ». La clé est calculée à l'appel : un libellé
    * posé ici resterait figé dans la langue du démarrage.
    */
-  const phaseLabel = (phase: Exclude<AgentPhase, 'tool'>): string => t(`agent.activity.${phase}`)
+  function phaseLabel(phase: Exclude<AgentPhase, 'tool'>): string {
+    return t(`agent.activity.${phase}`)
+  }
 
   /**
    * L'horloge du composant, qui n'avance que pendant qu'on regarde.
diff --git a/src/components/agent/QuestionFields.vue b/src/components/agent/QuestionFields.vue
index c350456..d9a14af 100644
--- a/src/components/agent/QuestionFields.vue
+++ b/src/components/agent/QuestionFields.vue
@@ -64,7 +64,9 @@
     })),
   )
 
-  const picked = (value: string): boolean => (Array.isArray(props.modelValue) ? props.modelValue.includes(value) : props.modelValue === value)
+  function picked(value: string): boolean {
+    return Array.isArray(props.modelValue) ? props.modelValue.includes(value) : props.modelValue === value
+  }
 
   /** Le vocabulaire d'icônes suit la nature du choix : un rond, ou une case. */
   function markOf(value: string): string {
diff --git a/src/components/agent/SessionComposer.vue b/src/components/agent/SessionComposer.vue
index 2565c85..f25410b 100644
--- a/src/components/agent/SessionComposer.vue
+++ b/src/components/agent/SessionComposer.vue
@@ -265,7 +265,7 @@
    */
   function commandItems(query: string): Item[] {
     const q = query.toLowerCase()
-    const rank = (c: SlashCommandInfo): number => {
+    function rank(c: SlashCommandInfo): number {
       const names = [c.name, ...(c.aliases ?? [])].map((n) => n.toLowerCase())
       if (names.some((n) => n.startsWith(q))) return 0
       return names.some((n) => n.includes(q)) ? 1 : 2
diff --git a/src/components/replay/AgentTrackBar.vue b/src/components/replay/AgentTrackBar.vue
index f762f5d..3033b5d 100644
--- a/src/components/replay/AgentTrackBar.vue
+++ b/src/components/replay/AgentTrackBar.vue
@@ -92,9 +92,13 @@
     set: (v) => emit('update:modelValue', v === MAIN_TAB ? MAIN_TRACK : v),
   })
 
-  const colorOf = (run: SubagentRunSummary): string => agentColorOf(run)
+  function colorOf(run: SubagentRunSummary): string {
+    return agentColorOf(run)
+  }
 
-  const nameOf = (run: SubagentRunSummary): string => run.agentType ?? t('replay.tracks.subagent')
+  function nameOf(run: SubagentRunSummary): string {
+    return run.agentType ?? t('replay.tracks.subagent')
+  }
 
   /**
    * Les types d'agent portés par plusieurs runs.
diff --git a/src/components/replay/ContextFillCurve.vue b/src/components/replay/ContextFillCurve.vue
index cd5667e..06f4add 100644
--- a/src/components/replay/ContextFillCurve.vue
+++ b/src/components/replay/ContextFillCurve.vue
@@ -47,8 +47,12 @@
     return peak > props.context.limit * 0.6 ? props.context.limit : Math.max(peak, 1)
   })
 
-  const x = (i: number): number => (points.value.length <= 1 ? W / 2 : (i / (points.value.length - 1)) * W)
-  const y = (total: number): number => PAD + (1 - total / scaleMax.value) * (H - PAD)
+  function x(i: number): number {
+    return points.value.length <= 1 ? W / 2 : (i / (points.value.length - 1)) * W
+  }
+  function y(total: number): number {
+    return PAD + (1 - total / scaleMax.value) * (H - PAD)
+  }
 
   const linePath = computed(() => points.value.map((t, i) => `${i ? 'L' : 'M'}${x(i).toFixed(1)} ${y(t.total).toFixed(1)}`).join(' '))
 
diff --git a/src/components/replay/SessionCostPanel.vue b/src/components/replay/SessionCostPanel.vue
index de1d558..6a0785d 100644
--- a/src/components/replay/SessionCostPanel.vue
+++ b/src/components/replay/SessionCostPanel.vue
@@ -210,7 +210,9 @@
 
   // Au-delà de dix dollars, les cents ne disent plus rien : ils allongent la
   // colonne sans changer la décision qu'on prend en la lisant.
-  const money = (n: number): string => fmtMoney(n, n < 10 ? 2 : 0)
+  function money(n: number): string {
+    return fmtMoney(n, n < 10 ? 2 : 0)
+  }
 
   function unitValue(v: number, unit: SessionRank['unit']): string {
     if (unit === 'usd') return money(v)
diff --git a/src/components/replay/TranscriptTimeline.vue b/src/components/replay/TranscriptTimeline.vue
index 0283ae4..62af418 100644
--- a/src/components/replay/TranscriptTimeline.vue
+++ b/src/components/replay/TranscriptTimeline.vue
@@ -231,7 +231,9 @@
    * en cours qu'on vient lire, et une phase fermée n'est pas montée du tout.
    */
   const openPhases = ref(new Set<number>())
-  const isOpen = (phase: number): boolean => openPhases.value.has(phase)
+  function isOpen(phase: number): boolean {
+    return openPhases.value.has(phase)
+  }
 
   watch(
     () => segments.value.length,
@@ -274,7 +276,9 @@
     return out
   })
 
-  const nodeAnchor = (uuid: string): string => `rp-node-${uuid}`
+  function nodeAnchor(uuid: string): string {
+    return `rp-node-${uuid}`
+  }
 
   /** The card we just jumped to, briefly outlined so the eye finds it. */
   const flashed = ref('')
diff --git a/src/components/replay/taskList.ts b/src/components/replay/taskList.ts
index 982a308..79603db 100644
--- a/src/components/replay/taskList.ts
+++ b/src/components/replay/taskList.ts
@@ -322,7 +322,9 @@ export function trackTasks(events: readonly TranscriptEvent[]): TaskProgress {
     au tour où la décision a été prise. C'est la colonne de droite qui dit le
     plan tel qu'il est maintenant, et il n'y est plus.
   */
-  const kept = (t: TrackedTask): boolean => t.status !== 'deleted'
+  function kept(t: TrackedTask): boolean {
+    return t.status !== 'deleted'
+  }
   const grouped: TaskWave[] = waves
     .map((all, i) => {
       const tasks = all.filter(kept)
diff --git a/src/components/replay/tools/PathList.vue b/src/components/replay/tools/PathList.vue
index 6b9b571..eabc096 100644
--- a/src/components/replay/tools/PathList.vue
+++ b/src/components/replay/tools/PathList.vue
@@ -51,10 +51,14 @@
   const overflow = computed(() => Math.max(0, total.value - shown.value.length))
 
   /** Le chemin sans le dossier commun ; l'infobulle, elle, garde le chemin entier. */
-  const strip = (p: string): string => (props.root && p.startsWith(props.root) ? p.slice(props.root.length) : p)
+  function strip(p: string): string {
+    return props.root && p.startsWith(props.root) ? p.slice(props.root.length) : p
+  }
 
-  const baseOf = (p: string): string => basename(p)
-  const dirOf = (p: string): string => {
+  function baseOf(p: string): string {
+    return basename(p)
+  }
+  function dirOf(p: string): string {
     const d = dirname(p)
     return d ? `${d}/` : ''
   }
diff --git a/src/components/replay/tools/registry.ts b/src/components/replay/tools/registry.ts
index aed891c..298879e 100644
--- a/src/components/replay/tools/registry.ts
+++ b/src/components/replay/tools/registry.ts
@@ -48,10 +48,14 @@ function oneLine(s: string, max = 80): string {
   return t.length > max ? `${t.slice(0, max - 1)}…` : t
 }
 
-const countLines = (s: string): number => (s ? s.split('\n').length : 0)
+function countLines(s: string): number {
+  return s ? s.split('\n').length : 0
+}
 
 /** Un résumé mal accordé se remarque plus que le compte qu'il porte. */
-const lineCount = (n: number): string => `${n} ligne${n > 1 ? 's' : ''}`
+function lineCount(n: number): string {
+  return `${n} ligne${n > 1 ? 's' : ''}`
+}
 
 /** `https://code.claude.com/docs/en/hooks.md` → `code.claude.com/docs/…/hooks.md` */
 function shortUrl(url: string): string {
@@ -71,7 +75,7 @@ const GENERIC: ToolDescriptor = {
   summary: (i) => oneLine(str(i.description) || str(i.query) || str(i.name) || str(i.path) || str(i.file_path) || str(i.prompt)),
 }
 
-const taskSummary = (i: Input): string => {
+function taskSummary(i: Input): string {
   const id = str(i.taskId) || str(i.task_id)
   const parts = [str(i.subject), id && `#${id}`, str(i.status)].filter(Boolean)
   return oneLine(parts.join(' · '))
@@ -86,7 +90,7 @@ const taskSummary = (i: Input): string => {
  * de celles-là portent une description. Le repli sur la commande ne sert que les
  * appels qui n'en ont aucune.
  */
-const shellSummary = (i: Input): string => {
+function shellSummary(i: Input): string {
   const command = str(i.command)
   const description = str(i.description)
   if (command.includes('\n') && description) return oneLine(description)
diff --git a/src/components/replay/tools/views/GrepView.vue b/src/components/replay/tools/views/GrepView.vue
index f6501d4..aa379c9 100644
--- a/src/components/replay/tools/views/GrepView.vue
+++ b/src/components/replay/tools/views/GrepView.vue
@@ -72,7 +72,9 @@
    * une puce permanente qui n'apprend rien. Les deux autres expliquent pourquoi on
    * lit une liste nue ou un décompte au lieu du code.
    */
-  const modeLabel = (mode: string): string => (mode === 'files_with_matches' || mode === 'count' ? t(`replay.tools.views.grep.modes.${mode}`) : '')
+  function modeLabel(mode: string): string {
+    return mode === 'files_with_matches' || mode === 'count' ? t(`replay.tools.views.grep.modes.${mode}`) : ''
+  }
 
   /** `-C` and its alias `context`, or either half of the pair. 18,4 % des appels. */
   const wantsContext = computed(() => ['-C', '-A', '-B', 'context'].some((k) => num(input.value[k]) > 0))
@@ -88,8 +90,10 @@
     ]),
   )
 
-  const baseOf = (p: string): string => basename(p)
-  const dirOf = (p: string): string => {
+  function baseOf(p: string): string {
+    return basename(p)
+  }
+  function dirOf(p: string): string {
     const d = dirname(p)
     return d ? `${d}/` : ''
   }
@@ -228,8 +232,12 @@
     else map.set(file, [match])
   }
 
-  const slash = (p: string): string => p.replace(/\\/g, '/')
-  const isAbsolute = (p: string): boolean => /^([a-z]:[\\/]|[\\/])/i.test(p)
+  function slash(p: string): string {
+    return p.replace(/\\/g, '/')
+  }
+  function isAbsolute(p: string): boolean {
+    return /^([a-z]:[\\/]|[\\/])/i.test(p)
+  }
 
   /**
    * rg names a match by a path relative to the cwd, but its context lines by the
diff --git a/src/components/replay/tools/views/LspView.vue b/src/components/replay/tools/views/LspView.vue
index 8c38deb..5bb9bd0 100644
--- a/src/components/replay/tools/views/LspView.vue
+++ b/src/components/replay/tools/views/LspView.vue
@@ -113,8 +113,10 @@
   const operation = computed(() => str(input.value.operation))
   const filePath = computed(() => str(input.value.filePath))
 
-  const baseOf = (p: string): string => basename(p)
-  const dirOf = (p: string): string => {
+  function baseOf(p: string): string {
+    return basename(p)
+  }
+  function dirOf(p: string): string {
     const d = dirname(p)
     return d ? `${d}/` : ''
   }
@@ -164,7 +166,9 @@
     'Constructor',
   ])
 
-  const kindOf = (kind: string): string => (KINDS.has(kind) ? t(`replay.tools.views.lsp.kinds.${kind}`) : kind)
+  function kindOf(kind: string): string {
+    return KINDS.has(kind) ? t(`replay.tools.views.lsp.kinds.${kind}`) : kind
+  }
 
   /** Ce qui manque, dit par l'opération plutôt que par le texte anglais du CLI. */
   const EMPTY = new Set([
@@ -399,7 +403,9 @@
    * Une occurrence a sa colonne, un symbole n'en a pas : le serveur ne donne que
    * sa ligne de déclaration. Écrire `6:1` dans ce cas serait inventer une colonne.
    */
-  const at = (hit: Hit): string => (hit.character ? `${hit.line}:${hit.character}` : `${t('replay.tools.views.lsp.line')} ${hit.line}`)
+  function at(hit: Hit): string {
+    return hit.character ? `${hit.line}:${hit.character}` : `${t('replay.tools.views.lsp.line')} ${hit.line}`
+  }
 
   const emptyLabel = computed(() =>
     EMPTY.has(operation.value) ? t(`replay.tools.views.lsp.empty.${operation.value}`) : t('replay.tools.views.lsp.noResult'),
diff --git a/src/components/replay/tools/views/SendMessageView.vue b/src/components/replay/tools/views/SendMessageView.vue
index 8d1a8d0..f0d129f 100644
--- a/src/components/replay/tools/views/SendMessageView.vue
+++ b/src/components/replay/tools/views/SendMessageView.vue
@@ -175,7 +175,9 @@
    * `rf`, `team-lead` dans le parc, plus des identifiants qui commencent tous par
    * un `a`. L'élision n'est donc pas un cas rare ici, c'est la moitié des envois.
    */
-  const de = (name: string): string => (/^[aeiouâàéèêîôûy]/i.test(name) ? `d'${name}` : `de ${name}`)
+  function de(name: string): string {
+    return /^[aeiouâàéèêîôûy]/i.test(name) ? `d'${name}` : `de ${name}`
+  }
 
   interface Verdict {
     ok: boolean
@@ -280,7 +282,9 @@
 
   /** La couleur que le harness donne à l'agent, ramenée à celles qu'on sait peindre. */
   const HUES = new Set(['blue', 'green', 'red', 'yellow', 'purple', 'cyan', 'orange'])
-  const hue = (color?: string): string => (color && HUES.has(color) ? `smv-agent--${color}` : '')
+  function hue(color?: string): string {
+    return color && HUES.has(color) ? `smv-agent--${color}` : ''
+  }
 </script>
 
 <style scoped lang="scss">
diff --git a/src/components/replay/tools/views/ShellView.vue b/src/components/replay/tools/views/ShellView.vue
index 8fefca2..24b96c8 100644
--- a/src/components/replay/tools/views/ShellView.vue
+++ b/src/components/replay/tools/views/ShellView.vue
@@ -203,7 +203,9 @@
    */
   const silent = computed(() => !body.value.trim() && !isError.value && !launched.value)
 
-  const base = (p: string): string => basename(p)
+  function base(p: string): string {
+    return basename(p)
+  }
 </script>
 
 <style scoped lang="scss">
diff --git a/src/components/replay/tools/views/WebSearchView.vue b/src/components/replay/tools/views/WebSearchView.vue
index 166bc98..73e66c3 100644
--- a/src/components/replay/tools/views/WebSearchView.vue
+++ b/src/components/replay/tools/views/WebSearchView.vue
@@ -73,7 +73,9 @@
     return q.length > 80 ? q : ''
   })
 
-  const domains = (key: string): string => arr(input.value[key]).filter(Boolean).join(', ')
+  function domains(key: string): string {
+    return arr(input.value[key]).filter(Boolean).join(', ')
+  }
 
   const params = computed(() =>
     chips([
diff --git a/src/components/resources/FolderCandidateTree.vue b/src/components/resources/FolderCandidateTree.vue
index ef00395..3e785db 100644
--- a/src/components/resources/FolderCandidateTree.vue
+++ b/src/components/resources/FolderCandidateTree.vue
@@ -66,7 +66,9 @@
   // Un dossier de tête est déplié, ses descendants non : l'arbre s'ouvre sur ce
   // qu'on cherche neuf fois sur dix, sans dérouler le projet entier.
   const opened = reactive<Record<string, boolean>>({})
-  const isOpen = (rel: string): boolean => Boolean(opened[rel])
+  function isOpen(rel: string): boolean {
+    return Boolean(opened[rel])
+  }
   function toggleOpen(rel: string): void {
     opened[rel] = !opened[rel]
   }
diff --git a/src/components/resources/FrontmatterCard.vue b/src/components/resources/FrontmatterCard.vue
index 657a06f..716c0e1 100644
--- a/src/components/resources/FrontmatterCard.vue
+++ b/src/components/resources/FrontmatterCard.vue
@@ -131,16 +131,20 @@
   /** With no vocabulary there is nothing to compare against, hence nothing to flag. */
   const documented = computed(() => props.keys.length > 0)
 
-  const byKey = (k: string): FmEntry | undefined => props.entries.find((e) => e.key === k)
+  function byKey(k: string): FmEntry | undefined {
+    return props.entries.find((e) => e.key === k)
+  }
   const displayName = computed(() => byKey('name')?.value || props.fallbackName)
   const description = computed(() => byKey('description')?.value ?? '')
 
   /** A key we can render but not explain: shape read off the value, no `info`. */
-  const neutralSpec = (e: FmEntry): KeySpec => ({
-    key: e.key,
-    kind: e.list.length ? 'list' : 'text',
-    ns: null,
-  })
+  function neutralSpec(e: FmEntry): KeySpec {
+    return {
+      key: e.key,
+      kind: e.list.length ? 'list' : 'text',
+      ns: null,
+    }
+  }
 
   /** Every entry except the two already rendered as the card's header. */
   const defined = computed(() =>
diff --git a/src/components/resources/IncludeFolderDialog.vue b/src/components/resources/IncludeFolderDialog.vue
index 35d28bd..3da55cd 100644
--- a/src/components/resources/IncludeFolderDialog.vue
+++ b/src/components/resources/IncludeFolderDialog.vue
@@ -71,7 +71,9 @@
   /** Ce qu'on est en train de choisir. Rien n'est écrit tant qu'on n'applique pas. */
   const selection = ref<string[]>([])
 
-  const key = (l: string[]): string => [...l].sort((a, b) => a.localeCompare(b)).join('\n')
+  function key(l: string[]): string {
+    return [...l].sort((a, b) => a.localeCompare(b)).join('\n')
+  }
   const changed = computed(() => key(selection.value) !== key(props.included))
 
   /**
diff --git a/src/components/resources/ProjectResourcesNav.vue b/src/components/resources/ProjectResourcesNav.vue
index bdea6a4..114bec0 100644
--- a/src/components/resources/ProjectResourcesNav.vue
+++ b/src/components/resources/ProjectResourcesNav.vue
@@ -372,7 +372,9 @@
 
   const skillGroups = computed(() => groupSkills(props.resources))
 
-  const resourcesIn = (category: ResourceCategory): ResourceNode[] => props.resources.filter((r) => r.category === category)
+  function resourcesIn(category: ResourceCategory): ResourceNode[] {
+    return props.resources.filter((r) => r.category === category)
+  }
 
   const ruleTree = computed<RuleNode[]>(() => buildTree(resourcesIn('rules'), { stripPrefix: true }))
   const docTree = computed<RuleNode[]>(() => buildTree(resourcesIn('docs'), { stripPrefix: true }))
@@ -405,7 +407,9 @@
   // de l'arbre demande de faire défiler ; repliés, ils tiennent tous à l'écran et
   // l'on voit d'un coup ce que le projet porte.
   const expandedCats = reactive<Record<string, boolean>>({})
-  const isCatOpen = (key: string): boolean => Boolean(expandedCats[key])
+  function isCatOpen(key: string): boolean {
+    return Boolean(expandedCats[key])
+  }
   function toggleCat(key: string): void {
     expandedCats[key] = !expandedCats[key]
   }
@@ -415,12 +419,18 @@
   const expandedSkills = reactive<Record<string, boolean>>({})
   const collapsedRefFolders = reactive<Record<string, boolean>>({})
 
-  const isSkillExpanded = (key: string): boolean => Boolean(expandedSkills[key])
+  function isSkillExpanded(key: string): boolean {
+    return Boolean(expandedSkills[key])
+  }
   function toggleSkill(key: string): void {
     expandedSkills[key] = !expandedSkills[key]
   }
-  const refFolderKey = (skill: string, folder: string): string => `${skill}/${folder}`
-  const isRefFolderExpanded = (skill: string, folder: string): boolean => !collapsedRefFolders[refFolderKey(skill, folder)]
+  function refFolderKey(skill: string, folder: string): string {
+    return `${skill}/${folder}`
+  }
+  function isRefFolderExpanded(skill: string, folder: string): boolean {
+    return !collapsedRefFolders[refFolderKey(skill, folder)]
+  }
   function toggleRefFolder(skill: string, folder: string): void {
     const k = refFolderKey(skill, folder)
     collapsedRefFolders[k] = !collapsedRefFolders[k]
diff --git a/src/components/resources/projectResources.ts b/src/components/resources/projectResources.ts
index 2ba82a4..35bcac1 100644
--- a/src/components/resources/projectResources.ts
+++ b/src/components/resources/projectResources.ts
@@ -182,7 +182,7 @@ export function buildTree(items: ResourceNode[], opts: TreeOpts): RuleNode[] {
   }
   // Compte récursif des fichiers et tri (par type, puis alphabétique).
   const dirsBeforeFiles = filesFirst ? 1 : -1
-  const finish = (d: RuleDirNode): number => {
+  function finish(d: RuleDirNode): number {
     let n = 0
     for (const c of d.children) n += c.type === 'dir' ? finish(c) : 1
     d.fileCount = n
@@ -246,7 +246,7 @@ export function buildCandidateTree(candidates: FolderCandidate[]): CandidateNode
 
   // Le nœud d'un chemin, en créant au passage les parents qui manqueraient — la
   // borne de profondeur du serveur peut n'avoir rendu qu'une partie d'une branche.
-  const ensure = (rel: string): CandidateNode => {
+  function ensure(rel: string): CandidateNode {
     const found = byRel.get(rel)
     if (found) return found
     const cut = rel.lastIndexOf('/')
@@ -264,7 +264,7 @@ export function buildCandidateTree(candidates: FolderCandidate[]): CandidateNode
 
   for (const c of candidates) ensure(c.rel).docs = c.docs
 
-  const sort = (nodes: CandidateNode[]): CandidateNode[] => {
+  function sort(nodes: CandidateNode[]): CandidateNode[] {
     nodes.sort((a, b) => a.name.localeCompare(b.name))
     for (const n of nodes) sort(n.children)
     return nodes
diff --git a/src/composables/useChartTokens.ts b/src/composables/useChartTokens.ts
index 2a8ebe5..dd3616c 100644
--- a/src/composables/useChartTokens.ts
+++ b/src/composables/useChartTokens.ts
@@ -20,7 +20,9 @@ const SERIES_COUNT = 6
 
 function read(): ChartTokens {
   const s = getComputedStyle(document.body)
-  const v = (name: string) => s.getPropertyValue(name).trim()
+  function v(name: string) {
+    return s.getPropertyValue(name).trim()
+  }
   return {
     series: Array.from({ length: SERIES_COUNT }, (_, i) => v(`--series-${i + 1}`)),
     text: v('--text'),
diff --git a/src/composables/useExpandAll.ts b/src/composables/useExpandAll.ts
index c579e46..387871f 100644
--- a/src/composables/useExpandAll.ts
+++ b/src/composables/useExpandAll.ts
@@ -33,7 +33,7 @@ export function provideExpandAll(): {
   collapseAll: () => void
 } {
   const command = ref<ExpandCommand>({ open: false, seq: 0, sticky: false })
-  const setAll = (open: boolean): void => {
+  function setAll(open: boolean): void {
     command.value = { open, seq: command.value.seq + 1, sticky: false }
   }
   provide(EXPAND_ALL, command)
@@ -53,7 +53,7 @@ export function provideScopedExpandAll(): {
 } {
   const parent = inject(EXPAND_ALL, null)
   const command = ref<ExpandCommand>({ open: false, seq: 0, sticky: false })
-  const setAll = (open: boolean, sticky = false): void => {
+  function setAll(open: boolean, sticky = false): void {
     command.value = { open, seq: command.value.seq + 1, sticky }
   }
   if (parent) {
@@ -87,7 +87,9 @@ export function useExpandable(initial = false, { followSticky = true }: { follow
   const command = inject(EXPAND_ALL, null)
   // Un ordre adhésif déjà donné vaut pour ce qui naît sous lui : l'outil qui
   // vient d'apparaître dans le tour suivi en direct s'ouvre comme les autres.
-  const sticky = (): boolean => Boolean(command?.value.sticky) && followSticky
+  function sticky(): boolean {
+    return Boolean(command?.value.sticky) && followSticky
+  }
   const open = ref(sticky() ? command!.value.open : initial)
   if (command) {
     watch(
diff --git a/src/composables/useJsonForm.ts b/src/composables/useJsonForm.ts
index d456b2e..0577a27 100644
--- a/src/composables/useJsonForm.ts
+++ b/src/composables/useJsonForm.ts
@@ -20,7 +20,9 @@ export function useJsonForm(content: Ref<string>) {
 
   const valid = computed(() => parsed.value !== null)
 
-  const serialize = (obj: unknown): string => JSON.stringify(obj, null, 2) + '\n'
+  function serialize(obj: unknown): string {
+    return JSON.stringify(obj, null, 2) + '\n'
+  }
 
   /** Clone the current object, apply a mutation, write it back to the text. */
   function mutate(fn: (o: Record<string, unknown>) => void): void {
@@ -40,8 +42,12 @@ export function useJsonForm(content: Ref<string>) {
     })
   }
 
-  const has = (path: Path): boolean => getAt(parsed.value, path) !== undefined
-  const remove = (path: Path): void => mutate((o) => deleteAt(o, path))
+  function has(path: Path): boolean {
+    return getAt(parsed.value, path) !== undefined
+  }
+  function remove(path: Path): void {
+    return mutate((o) => deleteAt(o, path))
+  }
 
   /** Read a string[] at a path ([] when absent or wrong type). */
   function stringArray(path: Path): string[] {
diff --git a/src/composables/useTranscriptTurns.ts b/src/composables/useTranscriptTurns.ts
index d573b52..317d192 100644
--- a/src/composables/useTranscriptTurns.ts
+++ b/src/composables/useTranscriptTurns.ts
@@ -278,7 +278,7 @@ export function useTranscriptTurns(source: MaybeRefOrGetter<TranscriptEvent[]>,
     /** Runs already opened, so the prompt that starts each one can be dropped. */
     const opened = new Set<string>()
 
-    const flush = (): void => {
+    function flush(): void {
       if (!run.length) return
       const done = finish(run)
       if (Array.isArray(done)) nodes.push(...done)
diff --git a/src/i18n/index.ts b/src/i18n/index.ts
index 3ba1c2e..42b59e4 100644
--- a/src/i18n/index.ts
+++ b/src/i18n/index.ts
@@ -40,7 +40,9 @@ export const t = i18n.global.t
  * par exemple, qui peut venir d'un plugin qu'AURA ne connaît pas. Sans ce test,
  * `t()` rendrait la clé brute à l'écran.
  */
-export const te = (key: string): boolean => i18n.global.te(key)
+export function te(key: string): boolean {
+  return i18n.global.te(key)
+}
 
 /** La locale en vigueur, pour les formateurs qui passent par `Intl`. */
 export function currentLocale(): AppLocale {
diff --git a/src/pages/AtelierPage.vue b/src/pages/AtelierPage.vue
index e44a38e..aea6979 100644
--- a/src/pages/AtelierPage.vue
+++ b/src/pages/AtelierPage.vue
@@ -1029,7 +1029,9 @@
   }
 
   /** Reprendre celle qu'on a choisie dans la liste : le dossier est déjà à l'écran. */
-  const resumeSession = (id: string): Promise<void> => startResume(cwd.value.trim(), id)
+  function resumeSession(id: string): Promise<void> {
+    return startResume(cwd.value.trim(), id)
+  }
 
   // ── Les sessions du dossier choisi ──────────────────────────────────────────
 
@@ -1446,7 +1448,7 @@
    */
   const asideColumn = ref(false)
   const mql = window.matchMedia('(min-width: 1280px)')
-  const onWidth = (e: MediaQueryListEvent | MediaQueryList): void => {
+  function onWidth(e: MediaQueryListEvent | MediaQueryList): void {
     asideColumn.value = e.matches
   }
   onWidth(mql)
diff --git a/src/pages/DiagnosticPage.vue b/src/pages/DiagnosticPage.vue
index 5863f16..1f7b294 100644
--- a/src/pages/DiagnosticPage.vue
+++ b/src/pages/DiagnosticPage.vue
@@ -482,7 +482,9 @@
   const behaviour = computed(() => report.value?.behaviour ?? null)
   const pace = computed(() => report.value?.pace ?? null)
 
-  const one = (n: number): string => fmtDecimal(n)
+  function one(n: number): string {
+    return fmtDecimal(n)
+  }
 
   /**
    * Les quatre gestes, du quart du bas au quart du haut.
@@ -689,7 +691,9 @@
    * là où un seuil au garde-fou dit que le parc est sain.
    */
   function readThreshold(c: Calibration): string {
-    const u = (v: number) => unitValue(v, c.unit)
+    function u(v: number) {
+      return unitValue(v, c.unit)
+    }
     const value = u(c.value)
     const rank = c.direction === 'high' ? 'P90' : 'P10'
     const side = t(c.direction === 'high' ? 'pages.diagnostic.read.sideHigh' : 'pages.diagnostic.read.sideLow')
diff --git a/src/pages/HooksPage.vue b/src/pages/HooksPage.vue
index 0172a8e..dd2ba62 100644
--- a/src/pages/HooksPage.vue
+++ b/src/pages/HooksPage.vue
@@ -237,7 +237,9 @@
     'Elicitation',
     'ElicitationResult',
   ]
-  const eventInfo = (ev: string): string => t(`pages.hooks.events.${ev}`)
+  function eventInfo(ev: string): string {
+    return t(`pages.hooks.events.${ev}`)
+  }
   const TYPE_OPTIONS = [
     { label: 'command', value: 'command' },
     { label: 'prompt', value: 'prompt' },
@@ -258,18 +260,20 @@
   const dirty = computed(() => content.value !== original.value)
 
   type Path = (string | number)[]
-  const str = (p: Path): string => {
+  function str(p: Path): string {
     const v = getAt(parsed.value, p)
     if (typeof v === 'string') return v
     if (typeof v === 'number' || typeof v === 'boolean') return String(v)
     return ''
   }
-  const set = (p: Path, e: Event): void => {
+  function set(p: Path, e: Event): void {
     const v = (e.target as HTMLInputElement | HTMLTextAreaElement).value
     mutate((o) => (v === '' ? deleteAt(o, p) : setAt(o, p, v)))
   }
-  const setVal = (p: Path, v: string): void => mutate((o) => setAt(o, p, v))
-  const setNum = (p: Path, e: Event): void => {
+  function setVal(p: Path, v: string): void {
+    return mutate((o) => setAt(o, p, v))
+  }
+  function setNum(p: Path, e: Event): void {
     const raw = (e.target as HTMLInputElement).value
     mutate((o) => (raw === '' ? deleteAt(o, p) : setAt(o, p, Number(raw))))
   }
@@ -278,9 +282,12 @@
   const eventsWithHooks = computed(() =>
     Object.keys(hooks.value).filter((e) => Array.isArray(hooks.value[e]) && (hooks.value[e] as unknown[]).length),
   )
-  const groupsOf = (ev: string): Record<string, unknown>[] => (getAt(parsed.value, ['hooks', ev]) as Record<string, unknown>[] | undefined) ?? []
-  const actionsOf = (ev: string, gi: number): Record<string, unknown>[] =>
-    (getAt(parsed.value, ['hooks', ev, gi, 'hooks']) as Record<string, unknown>[] | undefined) ?? []
+  function groupsOf(ev: string): Record<string, unknown>[] {
+    return (getAt(parsed.value, ['hooks', ev]) as Record<string, unknown>[] | undefined) ?? []
+  }
+  function actionsOf(ev: string, gi: number): Record<string, unknown>[] {
+    return (getAt(parsed.value, ['hooks', ev, gi, 'hooks']) as Record<string, unknown>[] | undefined) ?? []
+  }
 
   /** Which single field to render for an action, by its type. */
   function fieldFor(a: Record<string, unknown>): 'command' | 'prompt' | 'url' | 'other' {
@@ -292,7 +299,9 @@
   }
 
   /** A plugin's hooks are active unless it's explicitly disabled in settings. */
-  const pluginEnabled = (id: string): boolean => getAt(parsed.value, ['enabledPlugins', id]) !== false
+  function pluginEnabled(id: string): boolean {
+    return getAt(parsed.value, ['enabledPlugins', id]) !== false
+  }
 
   /** Unique commands a plugin's hooks run (for a compact read-only summary). */
   function commandsOf(ph: PluginHooks): string[] {
diff --git a/src/pages/MaintenancePage.vue b/src/pages/MaintenancePage.vue
index 542c0c1..f746331 100644
--- a/src/pages/MaintenancePage.vue
+++ b/src/pages/MaintenancePage.vue
@@ -145,7 +145,9 @@
     ]
   })
   const maxSize = computed(() => Math.max(1, ...allAreas.value.map((a) => a.size)))
-  const pct = (n: number): string => `${Math.round((n / maxSize.value) * 100)}%`
+  function pct(n: number): string {
+    return `${Math.round((n / maxSize.value) * 100)}%`
+  }
 
   async function refresh(): Promise<void> {
     loading.value = true
@@ -202,7 +204,9 @@
     other: 7,
   }
 
-  const rootRank = (p: ClaudeProcess): number => ROOT_ORDER[p.kind] ?? ROOT_ORDER.other ?? 7
+  function rootRank(p: ClaudeProcess): number {
+    return ROOT_ORDER[p.kind] ?? ROOT_ORDER.other ?? 7
+  }
 
   /**
    * L'arbre à plat, chaque ligne sachant sa profondeur.
@@ -223,7 +227,7 @@
 
     const rows: { p: ClaudeProcess; depth: number }[] = []
     const seen = new Set<number>()
-    const walk = (p: ClaudeProcess, depth: number): void => {
+    function walk(p: ClaudeProcess, depth: number): void {
       if (seen.has(p.pid)) return
       seen.add(p.pid)
       rows.push({ p, depth })
diff --git a/src/pages/MemoryPage.vue b/src/pages/MemoryPage.vue
index cdbfff7..93d1547 100644
--- a/src/pages/MemoryPage.vue
+++ b/src/pages/MemoryPage.vue
@@ -372,7 +372,9 @@
   })
 
   const dirty = computed(() => content.value !== original.value)
-  const onVal = (e: Event): string => (e.target as HTMLInputElement | HTMLTextAreaElement).value
+  function onVal(e: Event): string {
+    return (e.target as HTMLInputElement | HTMLTextAreaElement).value
+  }
 
   const prettySlug = prettyProjectSlug
 
@@ -383,13 +385,17 @@
   // l'écran. Le projet dont une mémoire est ouverte s'ouvre de lui-même — au
   // chargement comme après un clic sur un lien du sommaire.
   const opened = reactive<Record<string, boolean>>({})
-  const isOpen = (slug: string): boolean => opened[slug] === true
+  function isOpen(slug: string): boolean {
+    return opened[slug] === true
+  }
   function toggle(slug: string): void {
     opened[slug] = !opened[slug]
   }
 
   /** Ce que le projet contient : ses mémoires, plus son index s'il en a un. */
-  const countOf = (p: MemoryProject): number => p.items.length + (p.indexRel ? 1 : 0)
+  function countOf(p: MemoryProject): number {
+    return p.items.length + (p.indexRel ? 1 : 0)
+  }
 
   watch([selected, projects], () => {
     const rel = selected.value
@@ -467,10 +473,16 @@
     await load(rel)
   }
 
-  const selectPlain = (rel: string): void => guardDirty(() => void openFile(rel, 'plain'))
-  const selectStructured = (rel: string): void => guardDirty(() => void openFile(rel, 'structured'))
+  function selectPlain(rel: string): void {
+    return guardDirty(() => void openFile(rel, 'plain'))
+  }
+  function selectStructured(rel: string): void {
+    return guardDirty(() => void openFile(rel, 'structured'))
+  }
 
-  const reload = (): Promise<void> => (selected.value ? load(selected.value) : Promise.resolve())
+  function reload(): Promise<void> {
+    return selected.value ? load(selected.value) : Promise.resolve()
+  }
 
   /** Resolve a relative href against a directory, honouring `.` and `..` segments. */
   function resolveRel(dir: string, href: string): string {
diff --git a/src/pages/PluginsPage.vue b/src/pages/PluginsPage.vue
index bb0b504..9653108 100644
--- a/src/pages/PluginsPage.vue
+++ b/src/pages/PluginsPage.vue
@@ -158,14 +158,20 @@
   ])
 
   // id = "name@marketplace"
-  const pluginName = (id: string): string => id.split('@')[0] ?? id
-  const pluginMarketplace = (id: string): string => id.split('@')[1] ?? '—'
+  function pluginName(id: string): string {
+    return id.split('@')[0] ?? id
+  }
+  function pluginMarketplace(id: string): string {
+    return id.split('@')[1] ?? '—'
+  }
 
   // A plugin is enabled unless `enabledPlugins[id]` says otherwise, so "Actif" is the
   // key's absence — writing `true` would record a no-op. Dropping the last entry takes
   // the now-empty `enabledPlugins` object with it.
-  const pluginEnabled = (id: string): boolean => field<boolean>(['enabledPlugins', id], true).value
-  const setPluginEnabled = (id: string, v: boolean): void => {
+  function pluginEnabled(id: string): boolean {
+    return field<boolean>(['enabledPlugins', id], true).value
+  }
+  function setPluginEnabled(id: string, v: boolean): void {
     mutate((o) => {
       if (!v) {
         setAt(o, ['enabledPlugins', id], false)
@@ -295,7 +301,7 @@
     }
   }
 
-  const reload = async (): Promise<void> => {
+  async function reload(): Promise<void> {
     await Promise.all([load(), reloadPlugins()])
   }
 
diff --git a/src/pages/ProjectDetailPage.vue b/src/pages/ProjectDetailPage.vue
index 04a839c..6fed900 100644
--- a/src/pages/ProjectDetailPage.vue
+++ b/src/pages/ProjectDetailPage.vue
@@ -511,7 +511,9 @@
     void router.replace({ query })
   }
 
-  const queryStr = (v: unknown): string => (typeof v === 'string' ? v : '')
+  function queryStr(v: unknown): string {
+    return typeof v === 'string' ? v : ''
+  }
 
   /**
    * Rouvrir ce que dit l'URL, si ce fichier existe toujours dans l'inventaire.
@@ -526,7 +528,9 @@
     const rel = queryStr(route.query.f)
     if (!rel) return false
     const src = queryStr(route.query.src)
-    const find = (list: ResourceNode[]): ResourceNode | undefined => list.find((r) => r.rel === rel)
+    function find(list: ResourceNode[]): ResourceNode | undefined {
+      return list.find((r) => r.rel === rel)
+    }
     if (src === 'plan') {
       const p = projectPlans.value.find((x) => x.name === rel)
       if (p) void openPlan(p)
@@ -573,9 +577,15 @@
     }
   }
 
-  const openResource = (r: ResourceNode): Promise<void> => openFile('resource', r)
-  const openMemory = (r: ResourceNode): Promise<void> => openFile('memory', r)
-  const openIncluded = (r: ResourceNode): Promise<void> => openFile('included', r)
+  function openResource(r: ResourceNode): Promise<void> {
+    return openFile('resource', r)
+  }
+  function openMemory(r: ResourceNode): Promise<void> {
+    return openFile('memory', r)
+  }
+  function openIncluded(r: ResourceNode): Promise<void> {
+    return openFile('included', r)
+  }
 
   /**
    * Poser la liste des dossiers inclus, puis relire l'inventaire.
@@ -595,7 +605,9 @@
   }
 
   /** Le retrait depuis l'arbre : un geste unique, donc appliqué tout de suite. */
-  const excludeFolder = (rel: string): Promise<void> => applyFolders(settings.foldersOf(props.slug).filter((f) => f !== rel))
+  function excludeFolder(rel: string): Promise<void> {
+    return applyFolders(settings.foldersOf(props.slug).filter((f) => f !== rel))
+  }
 
   /** Plans are flat `.md` files read through the system API, never `readResource`. */
   async function openPlan(p: PlanInfo): Promise<void> {
@@ -619,7 +631,9 @@
   }
 
   /** Le détail vient du serveur ; AURA n'ajoute sa voix que s'il est resté muet. */
-  const readError = (e: unknown): string => (e instanceof Error && e.message.trim() ? e.message : t('pages.project.readError'))
+  function readError(e: unknown): string {
+    return e instanceof Error && e.message.trim() ? e.message : t('pages.project.readError')
+  }
 
   const confirmPlanDelete = ref(false)
   const deletingPlan = ref(false)
diff --git a/src/pages/SettingsPage.vue b/src/pages/SettingsPage.vue
index 13376b3..9a52167 100644
--- a/src/pages/SettingsPage.vue
+++ b/src/pages/SettingsPage.vue
@@ -299,30 +299,34 @@
   // default it displayed. These flags surface it: picking "Hérité" deletes the key.
   type Tri = 'inherit' | 'on' | 'off'
 
-  const triOptions = (def: boolean): { label: string; value: Tri; tooltip?: string }[] => [
-    {
-      label: t('pages.settings.tri.inherit'),
-      value: 'inherit',
-      tooltip: t('pages.settings.tri.inheritTip', {
-        default: t(def ? 'pages.settings.tri.yes' : 'pages.settings.tri.no'),
-      }),
-    },
-    { label: t('pages.settings.tri.on'), value: 'on' },
-    { label: t('pages.settings.tri.off'), value: 'off' },
-  ]
+  function triOptions(def: boolean): { label: string; value: Tri; tooltip?: string }[] {
+    return [
+      {
+        label: t('pages.settings.tri.inherit'),
+        value: 'inherit',
+        tooltip: t('pages.settings.tri.inheritTip', {
+          default: t(def ? 'pages.settings.tri.yes' : 'pages.settings.tri.no'),
+        }),
+      },
+      { label: t('pages.settings.tri.on'), value: 'on' },
+      { label: t('pages.settings.tri.off'), value: 'off' },
+    ]
+  }
   const triDefaultOn = computed(() => triOptions(true))
   const triDefaultOff = computed(() => triOptions(false))
 
-  const triFlag = (key: string): Tri => {
+  function triFlag(key: string): Tri {
     if (!has([key])) return 'inherit'
     return field<boolean>([key], false).value ? 'on' : 'off'
   }
-  const setTriFlag = (key: string, v: Tri): void => {
+  function setTriFlag(key: string, v: Tri): void {
     if (v === 'inherit') remove([key])
     else field<boolean>([key], v === 'on').value = v === 'on'
   }
   /** Same, as a v-model target (for flags rendered outside the `booleanFlags` loop). */
-  const triField = (key: string) => computed<Tri>({ get: () => triFlag(key), set: (v) => setTriFlag(key, v) })
+  function triField(key: string) {
+    return computed<Tri>({ get: () => triFlag(key), set: (v) => setTriFlag(key, v) })
+  }
 
   // ── Bound fields ─────────────────────────────────────────────────────────────
   const language = field<string>(['language'], '')
@@ -349,7 +353,7 @@
     { id: 'json', title: t('pages.settings.tabs.json'), icon: 'data_object' },
   ])
   const activeId = ref('sec-general')
-  const goTo = (id: string): void => {
+  function goTo(id: string): void {
     activeId.value = id
   }
 
diff --git a/src/pages/SkillsPage.vue b/src/pages/SkillsPage.vue
index 76690cd..6ad0441 100644
--- a/src/pages/SkillsPage.vue
+++ b/src/pages/SkillsPage.vue
@@ -24,5 +24,7 @@
   const { t } = useI18n()
 
   /** A skill is a folder: `skills/foo/SKILL.md` → `skills/foo`. */
-  const skillDir = (rel: string): string => rel.replace(/\/SKILL\.md$/i, '')
+  function skillDir(rel: string): string {
+    return rel.replace(/\/SKILL\.md$/i, '')
+  }
 </script>
diff --git a/src/services/agent/index.ts b/src/services/agent/index.ts
index 781bd10..17dadb9 100644
--- a/src/services/agent/index.ts
+++ b/src/services/agent/index.ts
@@ -49,9 +49,11 @@ async function send<T>(url: string, method: string, body?: unknown): Promise<T>
   return (await res.json()) as T
 }
 
-export const listAgentSessions = (): Promise<{ sessions: AgentSession[] }> => send('/api/agent/sessions', 'GET')
+export function listAgentSessions(): Promise<{ sessions: AgentSession[] }> {
+  return send('/api/agent/sessions', 'GET')
+}
 
-export const createAgentSession = (body: {
+export function createAgentSession(body: {
   cwd: string
   model?: string
   permissionMode?: string
@@ -60,16 +62,20 @@ export const createAgentSession = (body: {
   attachments?: PromptAttachment[]
   /** Identifiant SDK d'une session à prolonger, en place. */
   resume?: string
-}): Promise<{ session: AgentSession }> => send('/api/agent/sessions', 'POST', body)
+}): Promise<{ session: AgentSession }> {
+  return send('/api/agent/sessions', 'POST', body)
+}
 
-export const setSessionPermissionMode = (runId: string, permissionMode: string): Promise<{ ok: true }> =>
-  send(`/api/agent/sessions/${runId}/permission-mode`, 'POST', { permissionMode })
+export function setSessionPermissionMode(runId: string, permissionMode: string): Promise<{ ok: true }> {
+  return send(`/api/agent/sessions/${runId}/permission-mode`, 'POST', { permissionMode })
+}
 
-export const sendPrompt = (runId: string, prompt: string, attachments?: PromptAttachment[]): Promise<{ ok: true }> =>
-  send(`/api/agent/sessions/${runId}/send`, 'POST', {
+export function sendPrompt(runId: string, prompt: string, attachments?: PromptAttachment[]): Promise<{ ok: true }> {
+  return send(`/api/agent/sessions/${runId}/send`, 'POST', {
     prompt,
     ...(attachments?.length ? { attachments } : {}),
   })
+}
 
 /**
  * Les commandes `/` que la session accepte.
@@ -77,7 +83,9 @@ export const sendPrompt = (runId: string, prompt: string, attachments?: PromptAt
  * Le premier appel démarre le processus du CLI s'il ne tourne pas encore : on
  * ne l'appelle donc qu'au premier `/` tapé, pas à l'ouverture de l'écran.
  */
-export const getSessionCommands = (runId: string): Promise<{ commands: SlashCommandInfo[] }> => send(`/api/agent/sessions/${runId}/commands`, 'GET')
+export function getSessionCommands(runId: string): Promise<{ commands: SlashCommandInfo[] }> {
+  return send(`/api/agent/sessions/${runId}/commands`, 'GET')
+}
 
 /**
  * Les fichiers du dossier de travail, pour l'autocomplétion du `@`.
@@ -87,7 +95,9 @@ export const getSessionCommands = (runId: string): Promise<{ commands: SlashComm
  * `truncated` dit qu'un dépôt trop grand a été coupé — l'écran le signale
  * plutôt que de laisser croire à une liste complète.
  */
-export const getSessionFiles = (runId: string): Promise<{ files: string[]; truncated: boolean }> => send(`/api/agent/sessions/${runId}/files`, 'GET')
+export function getSessionFiles(runId: string): Promise<{ files: string[]; truncated: boolean }> {
+  return send(`/api/agent/sessions/${runId}/files`, 'GET')
+}
 
 /**
  * La suite de la sortie d'un shell lancé en arrière-plan.
@@ -96,12 +106,17 @@ export const getSessionFiles = (runId: string): Promise<{ files: string[]; trunc
  * que ce qui s'est écrit depuis. Aucun chemin ne monte — le serveur retrouve le
  * fichier à partir de l'identifiant du shell, comme pour les fichiers du `@`.
  */
-export const getShellOutput = (runId: string, shellId: string, from = 0): Promise<ShellOutput> =>
-  send(`/api/agent/sessions/${runId}/shells/${shellId}/output?from=${from}`, 'GET')
+export function getShellOutput(runId: string, shellId: string, from = 0): Promise<ShellOutput> {
+  return send(`/api/agent/sessions/${runId}/shells/${shellId}/output?from=${from}`, 'GET')
+}
 
-export const interruptSession = (runId: string): Promise<{ ok: true }> => send(`/api/agent/sessions/${runId}/interrupt`, 'POST')
+export function interruptSession(runId: string): Promise<{ ok: true }> {
+  return send(`/api/agent/sessions/${runId}/interrupt`, 'POST')
+}
 
-export const stopSession = (runId: string): Promise<{ ok: true }> => send(`/api/agent/sessions/${runId}`, 'DELETE')
+export function stopSession(runId: string): Promise<{ ok: true }> {
+  return send(`/api/agent/sessions/${runId}`, 'DELETE')
+}
 
 /**
  * Répondre à une demande de permission.
@@ -110,11 +125,13 @@ export const stopSession = (runId: string): Promise<{ ok: true }> => send(`/api/
  * l'échéance ou une interruption l'a déjà tranchée. L'appelant retire le bandeau
  * et n'affiche rien.
  */
-export const answerPermission = (runId: string, id: string, answer: PermissionAnswer, reason?: string): Promise<{ ok: true }> =>
-  send(`/api/agent/sessions/${runId}/permissions/${id}`, 'POST', { answer, reason })
+export function answerPermission(runId: string, id: string, answer: PermissionAnswer, reason?: string): Promise<{ ok: true }> {
+  return send(`/api/agent/sessions/${runId}/permissions/${id}`, 'POST', { answer, reason })
+}
 
-export const answerAsk = (runId: string, id: string, answers: Record<string, string>, notes?: string): Promise<{ ok: true }> =>
-  send(`/api/agent/sessions/${runId}/ask/${id}`, 'POST', { answers, notes })
+export function answerAsk(runId: string, id: string, answers: Record<string, string>, notes?: string): Promise<{ ok: true }> {
+  return send(`/api/agent/sessions/${runId}/ask/${id}`, 'POST', { answers, notes })
+}
 
 /**
  * Ouvre le sélecteur de dossier du système, sur la machine du BFF.
@@ -122,7 +139,11 @@ export const answerAsk = (runId: string, id: string, answers: Record<string, str
  * `path: null` = l'utilisateur a annulé. Un `501` = la plateforme n'a pas de
  * sélecteur ; l'appelant retombe alors sur la saisie du chemin.
  */
-export const pickFolder = (startFrom?: string): Promise<{ path: string | null }> => send('/api/agent/pick-folder', 'POST', { startFrom })
+export function pickFolder(startFrom?: string): Promise<{ path: string | null }> {
+  return send('/api/agent/pick-folder', 'POST', { startFrom })
+}
 
 /** L'adresse du flux ; l'`EventSource` est ouverte par `useLiveSession`. */
-export const streamUrl = (runId: string): string => `/api/agent/sessions/${runId}/stream`
+export function streamUrl(runId: string): string {
+  return `/api/agent/sessions/${runId}/stream`
+}
diff --git a/src/services/backups/index.ts b/src/services/backups/index.ts
index e3feb88..d2ed428 100644
--- a/src/services/backups/index.ts
+++ b/src/services/backups/index.ts
@@ -29,10 +29,13 @@ async function req<T>(url: string, init?: RequestInit): Promise<T> {
   return (await res.json()) as T
 }
 
-export const listBackups = (): Promise<{ entries: BackupEntry[] }> => req('/api/backups')
+export function listBackups(): Promise<{ entries: BackupEntry[] }> {
+  return req('/api/backups')
+}
 
-export const readBackup = (stamp: string, path: string): Promise<{ content: string }> =>
-  req(`/api/backups/content?stamp=${encodeURIComponent(stamp)}&path=${encodeURIComponent(path)}`)
+export function readBackup(stamp: string, path: string): Promise<{ content: string }> {
+  return req(`/api/backups/content?stamp=${encodeURIComponent(stamp)}&path=${encodeURIComponent(path)}`)
+}
 
 /**
  * Efface un instantané, ou la totalité si `stamp` est omis.
@@ -41,9 +44,10 @@ export const readBackup = (stamp: string, path: string): Promise<{ content: stri
  * BFF refuse désormais une demande de purge qui ne nomme pas sa cible — un
  * corps vide effaçait tout, et c'est ce qu'on envoie par accident.
  */
-export const purgeBackups = (stamp?: string): Promise<{ ok: true }> =>
-  req('/api/backups/purge', {
+export function purgeBackups(stamp?: string): Promise<{ ok: true }> {
+  return req('/api/backups/purge', {
     method: 'POST',
     headers: { 'Content-Type': 'application/json' },
     body: JSON.stringify(stamp ? { stamp } : { all: true }),
   })
+}
diff --git a/src/services/claude/index.ts b/src/services/claude/index.ts
index 8e047ed..50d24b3 100644
--- a/src/services/claude/index.ts
+++ b/src/services/claude/index.ts
@@ -98,7 +98,9 @@ async function req<T>(url: string, init?: RequestInit): Promise<T> {
   return (await res.json()) as T
 }
 
-const q = (path: string): string => `/api/claude`.concat(path)
+function q(path: string): string {
+  return `/api/claude`.concat(path)
+}
 
 // ── Reads ──────────────────────────────────────────────────────────────────
 
@@ -107,56 +109,78 @@ export interface SystemInfo {
   version: string
 }
 
-export const getSystem = (): Promise<SystemInfo> => req(q('/system'))
-export const getOverview = (): Promise<Overview> => req(q('/overview'))
+export function getSystem(): Promise<SystemInfo> {
+  return req(q('/system'))
+}
+export function getOverview(): Promise<Overview> {
+  return req(q('/overview'))
+}
 
-export const listDir = (path = ''): Promise<{ entries: DirEntry[] }> => req(q(`/list?path=${encodeURIComponent(path)}`))
+export function listDir(path = ''): Promise<{ entries: DirEntry[] }> {
+  return req(q(`/list?path=${encodeURIComponent(path)}`))
+}
 
-export const readFile = (path: string): Promise<{ rel: string; content: string }> => req(q(`/file?path=${encodeURIComponent(path)}`))
+export function readFile(path: string): Promise<{ rel: string; content: string }> {
+  return req(q(`/file?path=${encodeURIComponent(path)}`))
+}
 
-export const listAgents = (): Promise<{ items: ResourceItem[] }> => req(q('/agents'))
-export const listSkills = (): Promise<{ items: ResourceItem[] }> => req(q('/skills'))
-export const getMemories = (): Promise<MemoriesIndex> => req(q('/memories'))
-export const getPlugins = (): Promise<PluginsIndex> => req(q('/plugins'))
+export function listAgents(): Promise<{ items: ResourceItem[] }> {
+  return req(q('/agents'))
+}
+export function listSkills(): Promise<{ items: ResourceItem[] }> {
+  return req(q('/skills'))
+}
+export function getMemories(): Promise<MemoriesIndex> {
+  return req(q('/memories'))
+}
+export function getPlugins(): Promise<PluginsIndex> {
+  return req(q('/plugins'))
+}
 
 export interface PluginHooks {
   plugin: string
   hooks: Record<string, { matcher?: string; hooks?: { type?: string; command?: string }[] }[]>
 }
-export const getPluginHooks = (): Promise<PluginHooks[]> => req(q('/plugin-hooks'))
+export function getPluginHooks(): Promise<PluginHooks[]> {
+  return req(q('/plugin-hooks'))
+}
 
 // ── Writes (two-phase) ─────────────────────────────────────────────────────
 
-export const propose = (path: string, content: string): Promise<Proposal> =>
-  req(q('/propose'), {
+export function propose(path: string, content: string): Promise<Proposal> {
+  return req(q('/propose'), {
     method: 'POST',
     headers: { 'Content-Type': 'application/json' },
     body: JSON.stringify({ path, content }),
   })
+}
 
-export const apply = (path: string, content: string, expectedBefore: string | null): Promise<ApplyResult> =>
-  req(q('/apply'), {
+export function apply(path: string, content: string, expectedBefore: string | null): Promise<ApplyResult> {
+  return req(q('/apply'), {
     method: 'POST',
     headers: { 'Content-Type': 'application/json' },
     body: JSON.stringify({ path, content, expectedBefore }),
   })
+}
 
-export const deleteResource = (path: string): Promise<{ backupPath: string; rel: string }> =>
-  req(q('/delete'), {
+export function deleteResource(path: string): Promise<{ backupPath: string; rel: string }> {
+  return req(q('/delete'), {
     method: 'POST',
     headers: { 'Content-Type': 'application/json' },
     body: JSON.stringify({ path }),
   })
+}
 
-export const syncMemoryIndex = (payload: {
+export function syncMemoryIndex(payload: {
   memRel: string
   action: 'add' | 'remove'
   file: string
   title?: string
   hook?: string
-}): Promise<{ changed: boolean; rel: string }> =>
-  req(q('/memory-index'), {
+}): Promise<{ changed: boolean; rel: string }> {
+  return req(q('/memory-index'), {
     method: 'POST',
     headers: { 'Content-Type': 'application/json' },
     body: JSON.stringify(payload),
   })
+}
diff --git a/src/services/diagnostics/severity.ts b/src/services/diagnostics/severity.ts
index 7fa9da1..3744f61 100644
--- a/src/services/diagnostics/severity.ts
+++ b/src/services/diagnostics/severity.ts
@@ -22,9 +22,15 @@ export const SEVERITY: Record<Severity, { icon: string; color: string }> = {
 /** Ordre de gravité : la pire l'emporte quand une seule peut être montrée. */
 export const SEVERITY_RANK: Record<Severity, number> = { critical: 3, warn: 2, info: 1 }
 
-export const severityIcon = (s: Severity): string => SEVERITY[s].icon
-export const severityColor = (s: Severity): string => SEVERITY[s].color
-export const severityLabel = (s: Severity): string => t(`diagnostics.severity.${s}`)
+export function severityIcon(s: Severity): string {
+  return SEVERITY[s].icon
+}
+export function severityColor(s: Severity): string {
+  return SEVERITY[s].color
+}
+export function severityLabel(s: Severity): string {
+  return t(`diagnostics.severity.${s}`)
+}
 
 /** La plus grave d'un lot, ou `null` s'il est vide. */
 export function worstSeverity(items: { severity: Severity }[]): Severity | null {
diff --git a/src/services/mcp/index.ts b/src/services/mcp/index.ts
index 3944e7b..69e9f5e 100644
--- a/src/services/mcp/index.ts
+++ b/src/services/mcp/index.ts
@@ -53,23 +53,27 @@ async function req<T>(url: string, init?: RequestInit): Promise<T> {
   return (await res.json()) as T
 }
 
-export const getMcp = (): Promise<McpInventory> => req('/api/mcp')
+export function getMcp(): Promise<McpInventory> {
+  return req('/api/mcp')
+}
 
 /** `server === null` deletes the named global server; otherwise add/update it. */
-export const proposeMcp = (name: string, server: McpServerConfig | null): Promise<McpWriteProposal> =>
-  req('/api/mcp/propose', {
+export function proposeMcp(name: string, server: McpServerConfig | null): Promise<McpWriteProposal> {
+  return req('/api/mcp/propose', {
     method: 'POST',
     headers: { 'Content-Type': 'application/json' },
     body: JSON.stringify({ name, server }),
   })
+}
 
-export const applyMcp = (
+export function applyMcp(
   name: string,
   server: McpServerConfig | null,
   expectedHash: string | null,
-): Promise<{ ok: true; backupPath: string | null }> =>
-  req('/api/mcp/apply', {
+): Promise<{ ok: true; backupPath: string | null }> {
+  return req('/api/mcp/apply', {
     method: 'POST',
     headers: { 'Content-Type': 'application/json' },
     body: JSON.stringify({ name, server, expectedHash }),
   })
+}
diff --git a/src/services/projects/index.ts b/src/services/projects/index.ts
index 06e0671..3922aaa 100644
--- a/src/services/projects/index.ts
+++ b/src/services/projects/index.ts
@@ -60,8 +60,12 @@ async function req<T>(url: string): Promise<T> {
   return (await (await request(url)).json()) as T
 }
 
-export const getProjects = (): Promise<{ projects: ProjectSummary[] }> => req('/api/projects')
-export const getProjectDetail = (slug: string): Promise<ProjectDetail> => req(`/api/projects/${encodeURIComponent(slug)}`)
+export function getProjects(): Promise<{ projects: ProjectSummary[] }> {
+  return req('/api/projects')
+}
+export function getProjectDetail(slug: string): Promise<ProjectDetail> {
+  return req(`/api/projects/${encodeURIComponent(slug)}`)
+}
 /**
  * Le même inventaire que `getProjectDetail`, sans les transcripts.
  *
@@ -69,17 +73,24 @@ export const getProjectDetail = (slug: string): Promise<ProjectDetail> => req(`/
  * le détail complet résume chaque transcript du projet, ce qui se compte en
  * dizaines de méga-octets lus pour afficher un arbre de fichiers.
  */
-export const getProjectResources = (slug: string): Promise<ProjectResources> => req(`/api/projects/${encodeURIComponent(slug)}/resources`)
+export function getProjectResources(slug: string): Promise<ProjectResources> {
+  return req(`/api/projects/${encodeURIComponent(slug)}/resources`)
+}
 /** Les sessions d'un projet, du plus récent au plus ancien. Sans l'inventaire. */
-export const getProjectSessions = (slug: string): Promise<{ sessions: TranscriptSummary[] }> =>
-  req(`/api/projects/${encodeURIComponent(slug)}/sessions`)
+export function getProjectSessions(slug: string): Promise<{ sessions: TranscriptSummary[] }> {
+  return req(`/api/projects/${encodeURIComponent(slug)}/sessions`)
+}
 /** Plans this project produced — they live in ~/.claude/plans, not in the project. */
-export const getProjectPlans = (slug: string): Promise<{ plans: PlanInfo[] }> => req(`/api/projects/${encodeURIComponent(slug)}/plans`)
-export const readResource = (slug: string, path: string): Promise<{ rel: string; content: string }> =>
-  req(`/api/projects/${encodeURIComponent(slug)}/resource?path=${encodeURIComponent(path)}`)
+export function getProjectPlans(slug: string): Promise<{ plans: PlanInfo[] }> {
+  return req(`/api/projects/${encodeURIComponent(slug)}/plans`)
+}
+export function readResource(slug: string, path: string): Promise<{ rel: string; content: string }> {
+  return req(`/api/projects/${encodeURIComponent(slug)}/resource?path=${encodeURIComponent(path)}`)
+}
 /** A CLAUDE.md of the source tree — a different sandbox than `readResource`. */
-export const readMemory = (slug: string, path: string): Promise<{ rel: string; content: string }> =>
-  req(`/api/projects/${encodeURIComponent(slug)}/memory?path=${encodeURIComponent(path)}`)
+export function readMemory(slug: string, path: string): Promise<{ rel: string; content: string }> {
+  return req(`/api/projects/${encodeURIComponent(slug)}/memory?path=${encodeURIComponent(path)}`)
+}
 /**
  * Un document d'un dossier inclus.
  *
@@ -87,11 +98,13 @@ export const readMemory = (slug: string, path: string): Promise<{ rel: string; c
  * liste des dossiers inclus dans les préférences et n'ouvre que ce qu'elle
  * couvre. Rien d'inclus, rien de lisible.
  */
-export const readIncludedFile = (slug: string, path: string): Promise<{ rel: string; content: string }> =>
-  req(`/api/projects/${encodeURIComponent(slug)}/included?path=${encodeURIComponent(path)}`)
+export function readIncludedFile(slug: string, path: string): Promise<{ rel: string; content: string }> {
+  return req(`/api/projects/${encodeURIComponent(slug)}/included?path=${encodeURIComponent(path)}`)
+}
 /** Les dossiers qu'AURA propose d'inclure, du plus fourni au moins fourni. */
-export const getFolderCandidates = (slug: string): Promise<{ candidates: FolderCandidate[] }> =>
-  req(`/api/projects/${encodeURIComponent(slug)}/folder-candidates`)
+export function getFolderCandidates(slug: string): Promise<{ candidates: FolderCandidate[] }> {
+  return req(`/api/projects/${encodeURIComponent(slug)}/folder-candidates`)
+}
 /** Un transcript, et l'empreinte du fichier dont il sort. */
 export interface TranscriptRead {
   transcript: ParsedTranscript
@@ -128,10 +141,14 @@ export async function readTranscript(slug: string, id: string): Promise<Transcri
  * en `immutable`, donc c'est le cache HTTP du navigateur qui fait le travail —
  * une image rendue deux fois n'est chargée qu'une.
  */
-export const transcriptImageUrl = (slug: string, id: string, img: TranscriptImage): string =>
-  `/api/projects/${encodeURIComponent(slug)}/transcript/image` +
-  `?id=${encodeURIComponent(id)}&uuid=${encodeURIComponent(img.uuid)}&index=${img.index}` +
-  (img.agentId ? `&agentId=${encodeURIComponent(img.agentId)}` : '')
+export function transcriptImageUrl(slug: string, id: string, img: TranscriptImage): string {
+  return (
+    `/api/projects/${encodeURIComponent(slug)}/transcript/image` +
+    `?id=${encodeURIComponent(id)}&uuid=${encodeURIComponent(img.uuid)}&index=${img.index}` +
+    (img.agentId ? `&agentId=${encodeURIComponent(img.agentId)}` : '')
+  )
+}
 
-export const readToolResult = (slug: string, id: string, toolUseId: string): Promise<{ toolUseId: string; content: string; truncated: boolean }> =>
-  req(`/api/projects/${encodeURIComponent(slug)}/tool-result` + `?id=${encodeURIComponent(id)}&toolUseId=${encodeURIComponent(toolUseId)}`)
+export function readToolResult(slug: string, id: string, toolUseId: string): Promise<{ toolUseId: string; content: string; truncated: boolean }> {
+  return req(`/api/projects/${encodeURIComponent(slug)}/tool-result` + `?id=${encodeURIComponent(id)}&toolUseId=${encodeURIComponent(toolUseId)}`)
+}
diff --git a/src/services/system/index.ts b/src/services/system/index.ts
index 06dcffc..6739e73 100644
--- a/src/services/system/index.ts
+++ b/src/services/system/index.ts
@@ -59,17 +59,24 @@ async function req<T>(url: string, init?: RequestInit): Promise<T> {
   return (await res.json()) as T
 }
 
-export const getStorage = (): Promise<Storage> => req('/api/system/storage')
-export const purgeArea = (area: string): Promise<{ ok: true }> =>
-  req('/api/system/purge', {
+export function getStorage(): Promise<Storage> {
+  return req('/api/system/storage')
+}
+export function purgeArea(area: string): Promise<{ ok: true }> {
+  return req('/api/system/purge', {
     method: 'POST',
     headers: { 'Content-Type': 'application/json' },
     body: JSON.stringify({ area }),
   })
-export const getSessions = (): Promise<{ sessions: SessionInfo[] }> => req('/api/system/sessions')
+}
+export function getSessions(): Promise<{ sessions: SessionInfo[] }> {
+  return req('/api/system/sessions')
+}
 
 /** Les processus Claude vivants — ce que le système exécute, pas ce que le disque déclare. */
-export const getProcesses = (): Promise<ProcessList> => req('/api/system/processes')
+export function getProcesses(): Promise<ProcessList> {
+  return req('/api/system/processes')
+}
 
 /**
  * Terminer un processus, `descendants` compris.
@@ -77,17 +84,23 @@ export const getProcesses = (): Promise<ProcessList> => req('/api/system/process
  * Presque toujours avec la descendance : un job coupé sans son hôte de
  * pseudo-terminal renaît aussitôt. Le serveur reste seul juge de l'ordre.
  */
-export const killProcess = (pid: number, descendants: boolean): Promise<KillProcessResult> =>
-  req('/api/system/processes/kill', {
+export function killProcess(pid: number, descendants: boolean): Promise<KillProcessResult> {
+  return req('/api/system/processes/kill', {
     method: 'POST',
     headers: { 'Content-Type': 'application/json' },
     body: JSON.stringify({ pid, descendants }),
   })
-export const getPlans = (): Promise<{ plans: PlanInfo[] }> => req('/api/system/plans')
-export const readPlan = (name: string): Promise<{ name: string; content: string }> => req(`/api/system/plan?name=${encodeURIComponent(name)}`)
-export const deletePlan = (name: string): Promise<{ ok: true }> =>
-  req('/api/system/plan/delete', {
+}
+export function getPlans(): Promise<{ plans: PlanInfo[] }> {
+  return req('/api/system/plans')
+}
+export function readPlan(name: string): Promise<{ name: string; content: string }> {
+  return req(`/api/system/plan?name=${encodeURIComponent(name)}`)
+}
+export function deletePlan(name: string): Promise<{ ok: true }> {
+  return req('/api/system/plan/delete', {
     method: 'POST',
     headers: { 'Content-Type': 'application/json' },
     body: JSON.stringify({ name }),
   })
+}
diff --git a/src/services/usage/index.ts b/src/services/usage/index.ts
index 2371b41..3e24355 100644
--- a/src/services/usage/index.ts
+++ b/src/services/usage/index.ts
@@ -63,6 +63,8 @@ export function resolveRange(key: RangeKey, today = new Date()): { from?: string
 }
 
 function isoDay(d: Date): string {
-  const p = (n: number) => String(n).padStart(2, '0')
+  function p(n: number) {
+    return String(n).padStart(2, '0')
+  }
   return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())}`
 }
diff --git a/src/stores/system.ts b/src/stores/system.ts
index d4c4bc3..ea75ff7 100644
--- a/src/stores/system.ts
+++ b/src/stores/system.ts
@@ -23,7 +23,9 @@ export const useSystemStore = defineStore('system', () => {
   const sessions = ref<SessionInfo[]>([])
 
   /** Active = en train de tourner (busy) ou en attente d'une action (waiting). */
-  const isActive = (s: SessionInfo): boolean => !!s.status && s.status !== 'idle'
+  function isActive(s: SessionInfo): boolean {
+    return !!s.status && s.status !== 'idle'
+  }
   const activeSessions = computed(() => sessions.value.filter(isActive))
 
   async function refresh(): Promise<void> {
diff --git a/src/utils/ansi.ts b/src/utils/ansi.ts
index f99e2f8..bd8c562 100644
--- a/src/utils/ansi.ts
+++ b/src/utils/ansi.ts
@@ -137,7 +137,7 @@ export function ansiToHtml(text: string): string {
   let out = ''
   let last = 0
 
-  const push = (chunk: string): void => {
+  function push(chunk: string): void {
     if (!chunk) return
     const cls = classesOf(state)
     const safe = escapeHtml(chunk.replace(OTHER_CONTROLS, ''))
diff --git a/src/utils/markdown.ts b/src/utils/markdown.ts
index 3f874d4..4cf2d55 100644
--- a/src/utils/markdown.ts
+++ b/src/utils/markdown.ts
@@ -33,7 +33,9 @@ import MarkdownIt, { type MarkdownIt as MarkdownItInstance } from 'markdown-it'
 hljs.registerLanguage('powershell', powershell)
 
 /** A link the browser would resolve against another origin: `https:`, `mailto:`, `//host`. */
-const isExternalHref = (href: string): boolean => href.startsWith('//') || /^[a-z][a-z0-9+.-]*:/i.test(href)
+function isExternalHref(href: string): boolean {
+  return href.startsWith('//') || /^[a-z][a-z0-9+.-]*:/i.test(href)
+}
 
 function createRenderer(allowHtml: boolean): MarkdownItInstance {
   const m: MarkdownItInstance = new MarkdownIt({
diff --git a/src/utils/pathMatch.ts b/src/utils/pathMatch.ts
index cf9ecba..830ae1f 100644
--- a/src/utils/pathMatch.ts
+++ b/src/utils/pathMatch.ts
@@ -52,7 +52,9 @@ interface Node {
   files: string[]
 }
 
-const node = (): Node => ({ dirs: new Map(), files: [] })
+function node(): Node {
+  return { dirs: new Map(), files: [] }
+}
 
 /**
  * Les chemins qui correspondent, montés en arbre.
@@ -118,7 +120,9 @@ export function treeRows(files: string[], query: string, collapsed: ReadonlySet<
 }
 
 /** L'ordre d'un explorateur : insensible à la casse, chiffres en ordre naturel. */
-const byName = (a: string, b: string): number => a.localeCompare(b, undefined, { sensitivity: 'base', numeric: true })
+function byName(a: string, b: string): number {
+  return a.localeCompare(b, undefined, { sensitivity: 'base', numeric: true })
+}
 
 /**
  * L'arbre en lignes : les dossiers d'abord, les fichiers ensuite, chacun par
diff --git a/src/utils/resourceFrontmatter.ts b/src/utils/resourceFrontmatter.ts
index 98e812a..3c307c1 100644
--- a/src/utils/resourceFrontmatter.ts
+++ b/src/utils/resourceFrontmatter.ts
@@ -134,7 +134,9 @@ function vocabulary(ns: KeyNs, specs: Omit<KeySpec, 'ns'>[]): KeySpec[] {
   return specs.map((s) => ({ ...s, ns }))
 }
 
-const documented = (spec: KeySpec): spec is KeySpec & { ns: KeyNs } => spec.ns !== null && spec.ns !== 'unknown'
+function documented(spec: KeySpec): spec is KeySpec & { ns: KeyNs } {
+  return spec.ns !== null && spec.ns !== 'unknown'
+}
 
 /** Le nom d'affichage d'une clé — son propre nom si rien ne la documente. */
 export function keyLabel(spec: KeySpec): string {
@@ -331,4 +333,6 @@ export function keySpec(keys: KeySpec[], key: string): KeySpec {
 }
 
 /** True when Claude Code documents this key for the given resource type. */
-export const isKnownKey = (keys: KeySpec[], key: string): boolean => keys.some((s) => s.key === key)
+export function isKnownKey(keys: KeySpec[], key: string): boolean {
+  return keys.some((s) => s.key === key)
+}
diff --git a/test/agent-activity.test.ts b/test/agent-activity.test.ts
index fb38e98..55728c5 100644
--- a/test/agent-activity.test.ts
+++ b/test/agent-activity.test.ts
@@ -54,10 +54,12 @@ describe('repairJson', () => {
 })
 
 describe('ActivityTracker', () => {
-  const blockStart = (type: string) => ({
-    type: 'stream_event',
-    event: { type: 'content_block_start', index: 0, content_block: { type } },
-  })
+  function blockStart(type: string) {
+    return {
+      type: 'stream_event',
+      event: { type: 'content_block_start', index: 0, content_block: { type } },
+    }
+  }
 
   it('suit le raisonnement et son estimation de tokens', () => {
     const tracker = new ActivityTracker()
diff --git a/test/agent-shells.test.ts b/test/agent-shells.test.ts
index 6c4c01a..3c82d45 100644
--- a/test/agent-shells.test.ts
+++ b/test/agent-shells.test.ts
@@ -29,15 +29,19 @@ const OUTPUT =
   'C--Users-jean-dupont-Documents-devl-aura\\0f1e2d3c-4b5a-6978-8796-a5b4c3d2e1f0\\' +
   'tasks\\btt4xdjh2.output'
 
-const lance = (input: Record<string, unknown>): Record<string, unknown> => ({
-  type: 'assistant',
-  message: { content: [{ type: 'tool_use', id: TOOL_USE, name: 'Bash', input }] },
-})
+function lance(input: Record<string, unknown>): Record<string, unknown> {
+  return {
+    type: 'assistant',
+    message: { content: [{ type: 'tool_use', id: TOOL_USE, name: 'Bash', input }] },
+  }
+}
 
-const repond = (text: string): Record<string, unknown> => ({
-  type: 'user',
-  message: { content: [{ type: 'tool_result', tool_use_id: TOOL_USE, content: text }] },
-})
+function repond(text: string): Record<string, unknown> {
+  return {
+    type: 'user',
+    message: { content: [{ type: 'tool_result', tool_use_id: TOOL_USE, content: text }] },
+  }
+}
 
 /**
  * La forme sous laquelle le harnais injecte réellement sa nouvelle.
@@ -47,16 +51,20 @@ const repond = (text: string): Record<string, unknown> => ({
  * toutes les fins de shell, sans que rien ne le signale : la ligne restait
  * simplement « en cours » pour toujours.
  */
-const notifie = (text: string): Record<string, unknown> => ({
-  type: 'user',
-  message: { content: text },
-})
+function notifie(text: string): Record<string, unknown> {
+  return {
+    type: 'user',
+    message: { content: text },
+  }
+}
 
 /** La même nouvelle, en liste de blocs — l'autre forme que le SDK sait rendre. */
-const notifieEnBlocs = (text: string): Record<string, unknown> => ({
-  type: 'user',
-  message: { content: [{ type: 'text', text }] },
-})
+function notifieEnBlocs(text: string): Record<string, unknown> {
+  return {
+    type: 'user',
+    message: { content: [{ type: 'text', text }] },
+  }
+}
 
 /** La réponse du CLI, mot pour mot. */
 const PROMESSE =
@@ -133,10 +141,12 @@ describe('ShellTracker', () => {
   })
 
   /** L'appel d'arrêt, tel qu'il passe dans le flux assistant. */
-  const arrete = (name: string, input: Record<string, unknown>): Record<string, unknown> => ({
-    type: 'assistant',
-    message: { content: [{ type: 'tool_use', id: 'toolu_kill', name, input }] },
-  })
+  function arrete(name: string, input: Record<string, unknown>): Record<string, unknown> {
+    return {
+      type: 'assistant',
+      message: { content: [{ type: 'tool_use', id: 'toolu_kill', name, input }] },
+    }
+  }
 
   it("marque coupé le shell qu'un TaskStop arrête", () => {
     const suiveur = new ShellTracker()
@@ -291,7 +301,7 @@ describe('readSince', () => {
   })
 
   /** Un transcript : la notification en tête, puis beaucoup de bruit derrière. */
-  const ecrire = async (bruit: number): Promise<string> => {
+  async function ecrire(bruit: number): Promise<string> {
     const path = join(dossier, 'transcript.jsonl')
     const ligne = JSON.stringify({ type: 'user', message: { role: 'user', content: FIN } })
     const remplissage = Array.from({ length: bruit }, (_, i) =>
diff --git a/test/ask-schema.test.ts b/test/ask-schema.test.ts
index 3520d69..84bd8b8 100644
--- a/test/ask-schema.test.ts
+++ b/test/ask-schema.test.ts
@@ -15,9 +15,11 @@ import { QUESTION_SHAPE } from '../server/agent/ask.ts'
 const schema = z.object(QUESTION_SHAPE)
 
 /** Une question minimale, à laquelle chaque cas ajoute ce qu'il éprouve. */
-const question = (options: unknown[]): unknown => ({
-  questions: [{ question: 'Quelle mise en page ?', header: 'Layout', options }],
-})
+function question(options: unknown[]): unknown {
+  return {
+    questions: [{ question: 'Quelle mise en page ?', header: 'Layout', options }],
+  }
+}
 
 describe('schéma des questions de l’Atelier', () => {
   it('laisse passer la maquette ASCII d’une option', () => {
diff --git a/test/assistant-message-blocks.test.ts b/test/assistant-message-blocks.test.ts
index fba72dc..3346162 100644
--- a/test/assistant-message-blocks.test.ts
+++ b/test/assistant-message-blocks.test.ts
@@ -17,9 +17,11 @@ import { Translator } from '../server/agent/translate.ts'
 const ID = 'msg_1'
 
 /** Un message complet tel que le SDK le passe au traducteur. */
-const assistant = (content: unknown[], extra: Record<string, unknown> = {}): Record<string, unknown> => ({
-  message: { id: ID, model: 'opus', content, ...extra },
-})
+function assistant(content: unknown[], extra: Record<string, unknown> = {}): Record<string, unknown> {
+  return {
+    message: { id: ID, model: 'opus', content, ...extra },
+  }
+}
 
 const thinking = { type: 'thinking', thinking: 'Le fichier est un vestige.' }
 const prose = { type: 'text', text: 'Non — et voici pourquoi.' }
diff --git a/test/atelier-seam.test.ts b/test/atelier-seam.test.ts
index 2a3634c..fc7b747 100644
--- a/test/atelier-seam.test.ts
+++ b/test/atelier-seam.test.ts
@@ -26,19 +26,24 @@ function event(part: Partial<TranscriptEvent> & { kind: TranscriptEvent['kind']
   }
 }
 
-const human = (text: string) => event({ kind: 'user', origin: 'human', blocks: [{ kind: 'text', text }] })
+function human(text: string) {
+  return event({ kind: 'user', origin: 'human', blocks: [{ kind: 'text', text }] })
+}
 
-const answer = (text: string) => event({ kind: 'assistant', blocks: [{ kind: 'text', text }] })
+function answer(text: string) {
+  return event({ kind: 'assistant', blocks: [{ kind: 'text', text }] })
+}
 
-const command = (name: string) =>
-  event({
+function command(name: string) {
+  return event({
     kind: 'user',
     origin: 'slash-command',
     blocks: [{ kind: 'slash_command', name, text: '' }],
   })
+}
 
-const boundary = (uuid: string) =>
-  event({
+function boundary(uuid: string) {
+  return event({
     kind: 'compaction',
     uuid,
     isMeta: true,
@@ -51,9 +56,12 @@ const boundary = (uuid: string) =>
       durationMs: 0,
     },
   })
+}
 
 /** Ce que le harnais écrit après une compaction, et que le direct ne porte pas. */
-const kept = () => event({ kind: 'user', origin: 'compact-summary', blocks: [{ kind: 'text', text: 'résumé' }] })
+function kept() {
+  return event({ kind: 'user', origin: 'compact-summary', blocks: [{ kind: 'text', text: 'résumé' }] })
+}
 
 describe('la couture du fil', () => {
   it('montre le direct seul tant que le fichier n’existe pas', () => {
diff --git a/test/backups-stamp.test.ts b/test/backups-stamp.test.ts
index 05119a7..fc2ffa2 100644
--- a/test/backups-stamp.test.ts
+++ b/test/backups-stamp.test.ts
@@ -34,11 +34,12 @@ const stampDir = join(BACKUPS_DIR, STAMP)
  */
 const temoin = join(LOCAL_DIR, 'temoin-purge.txt')
 
-const existe = async (p: string): Promise<boolean> =>
-  access(p).then(
+async function existe(p: string): Promise<boolean> {
+  return access(p).then(
     () => true,
     () => false,
   )
+}
 
 beforeEach(async () => {
   await mkdir(stampDir, { recursive: true })
diff --git a/test/context.test.ts b/test/context.test.ts
index 6b296f7..e86c64d 100644
--- a/test/context.test.ts
+++ b/test/context.test.ts
@@ -19,9 +19,13 @@ import { parseTranscript } from '../server/transcript.ts'
 import { CONTEXT_CATEGORIES, turnDeltas, type TurnContext } from '../shared/context.ts'
 import { cardContext } from '../src/components/replay/contextRows.ts'
 
-const fixture = (name: string): string => fileURLToPath(new URL(`./fixtures/${name}.jsonl`, import.meta.url))
+function fixture(name: string): string {
+  return fileURLToPath(new URL(`./fixtures/${name}.jsonl`, import.meta.url))
+}
 
-const attributed = (turn: TurnContext): number => CONTEXT_CATEGORIES.reduce((sum, c) => sum + turn.byCategory[c], 0)
+function attributed(turn: TurnContext): number {
+  return CONTEXT_CATEGORIES.reduce((sum, c) => sum + turn.byCategory[c], 0)
+}
 
 describe('basic — un tour, un Read, un Edit', () => {
   it('ancre chaque tour sur la fenêtre exacte que le harness a relevée', async () => {
@@ -239,9 +243,12 @@ describe('tools — plusieurs appels dans un tour', () => {
 })
 
 describe('attachments — ce que le harness pousse dans la fenêtre', () => {
-  const load = () => parseTranscript(fixture('attachments'), 'attachments')
-  const sum = (c: Awaited<ReturnType<typeof load>>['context'], cat: string, phase = 0): number =>
-    c.injections.filter((i) => i.category === cat && i.phase === phase).reduce((s, i) => s + i.tokens, 0)
+  function load() {
+    return parseTranscript(fixture('attachments'), 'attachments')
+  }
+  function sum(c: Awaited<ReturnType<typeof load>>['context'], cat: string, phase = 0): number {
+    return c.injections.filter((i) => i.category === cat && i.phase === phase).reduce((s, i) => s + i.tokens, 0)
+  }
 
   it('ne compte qu’une fois un CLAUDE.md référencé deux fois', async () => {
     const { context } = await load()
diff --git a/test/conversation-reset.test.ts b/test/conversation-reset.test.ts
index 86cb68b..e1fe667 100644
--- a/test/conversation-reset.test.ts
+++ b/test/conversation-reset.test.ts
@@ -10,11 +10,13 @@
 import { describe, expect, it } from 'vitest'
 import { Translator } from '../server/agent/translate.ts'
 
-const assistant = (id: string, text: string): Record<string, unknown> => ({
-  type: 'assistant',
-  parent_tool_use_id: null,
-  message: { id, model: 'claude-opus-5', content: [{ type: 'text', text }] },
-})
+function assistant(id: string, text: string): Record<string, unknown> {
+  return {
+    type: 'assistant',
+    parent_tool_use_id: null,
+    message: { id, model: 'claude-opus-5', content: [{ type: 'text', text }] },
+  }
+}
 
 describe('remise à zéro du fil', () => {
   it('oublie tout ce qui précède', () => {
diff --git a/test/corpus.test.ts b/test/corpus.test.ts
index e031986..560bfbe 100644
--- a/test/corpus.test.ts
+++ b/test/corpus.test.ts
@@ -51,7 +51,9 @@ function sample(): Session[] {
   return out.slice(0, SAMPLE)
 }
 
-const attributedAt = (c: SessionContext, i: number): number => CONTEXT_CATEGORIES.reduce((sum, cat) => sum + c.turns[i]!.byCategory[cat], 0)
+function attributedAt(c: SessionContext, i: number): number {
+  return CONTEXT_CATEGORIES.reduce((sum, cat) => sum + c.turns[i]!.byCategory[cat], 0)
+}
 
 describe.skipIf(!HAS_CORPUS)('invariants sur ~/.claude', () => {
   const sessions = HAS_CORPUS ? sample() : []
diff --git a/test/mcp-secrets.test.ts b/test/mcp-secrets.test.ts
index 778760e..195bb54 100644
--- a/test/mcp-secrets.test.ts
+++ b/test/mcp-secrets.test.ts
@@ -87,8 +87,9 @@ describe('écriture', () => {
   /** Ce que le formulaire renvoie : ce qu'il a reçu, donc sans `env`. */
   const commeLeFront = { command: 'npx', args: ['-y', 'autre-serveur'], envKeys: ['GITHUB_TOKEN'] }
 
-  const relire = async (): Promise<Record<string, Record<string, unknown>>> =>
-    (JSON.parse(await readFile(claudeJson, 'utf8')) as { mcpServers: never }).mcpServers
+  async function relire(): Promise<Record<string, Record<string, unknown>>> {
+    return (JSON.parse(await readFile(claudeJson, 'utf8')) as { mcpServers: never }).mcpServers
+  }
 
   it('reconduit l’environnement que le client n’a pas reçu', async () => {
     await applique('github', commeLeFront)
diff --git a/test/pace.test.ts b/test/pace.test.ts
index e05b59e..9ea5197 100644
--- a/test/pace.test.ts
+++ b/test/pace.test.ts
@@ -24,7 +24,9 @@ const HOUR = 3_600_000
 const T0 = Date.parse('2026-01-01T00:00:00.000Z')
 
 /** Des points à `hours` heures de T0, chacun à 1 $. */
-const points = (...hours: number[]): CostPoint[] => hours.map((h, i) => ({ t: T0 + h * HOUR, cost: 1, sessionId: `s${i}` }))
+function points(...hours: number[]): CostPoint[] {
+  return hours.map((h, i) => ({ t: T0 + h * HOUR, cost: 1, sessionId: `s${i}` }))
+}
 
 describe('fenêtre glissante', () => {
   it('additionne ce qui est dans la fenêtre, et rien d’autre', () => {
@@ -73,10 +75,12 @@ describe('fenêtre glissante', () => {
 })
 
 describe('sessions de front', () => {
-  const span = (start: number, end: number): { start: number; end: number } => ({
-    start: T0 + start * HOUR,
-    end: T0 + end * HOUR,
-  })
+  function span(start: number, end: number): { start: number; end: number } {
+    return {
+      start: T0 + start * HOUR,
+      end: T0 + end * HOUR,
+    }
+  }
 
   it('compte le recouvrement, pas les durées', () => {
     // [0,4] et [2,6] : deux heures à deux, quatre heures à une.
diff --git a/test/passerelle-activite.test.ts b/test/passerelle-activite.test.ts
index b08cf89..70fd150 100644
--- a/test/passerelle-activite.test.ts
+++ b/test/passerelle-activite.test.ts
@@ -11,11 +11,13 @@ import { IDLE_ACTIVITY, type AgentActivity } from '../shared/agent.ts'
 
 const T0 = 1_700_000_000_000
 
-const activite = (partiel: Partial<AgentActivity>): AgentActivity => ({
-  ...IDLE_ACTIVITY,
-  turnStartedAt: T0,
-  ...partiel,
-})
+function activite(partiel: Partial<AgentActivity>): AgentActivity {
+  return {
+    ...IDLE_ACTIVITY,
+    turnStartedAt: T0,
+    ...partiel,
+  }
+}
 
 describe('ligne', () => {
   it('ne dit rien au repos', () => {
@@ -41,7 +43,9 @@ describe('ligne', () => {
   })
 
   it('se nomme de ses outils, et compte au-delà de deux', () => {
-    const outil = (name: string) => ({ id: name, name, startedAt: T0 })
+    function outil(name: string) {
+      return { id: name, name, startedAt: T0 }
+    }
     expect(ligne(activite({ phase: 'tool', tools: [outil('Read')] }), T0)).toBe('Read')
     expect(ligne(activite({ phase: 'tool', tools: [outil('Read'), outil('Bash'), outil('Grep')] }), T0)).toBe('Read, Bash +1')
   })
@@ -56,7 +60,7 @@ describe('ligne', () => {
 })
 
 describe('Battement', () => {
-  const monte = () => {
+  function monte() {
     const emis: string[] = []
     const saisies: number[] = []
     const battement = new Battement(
@@ -99,7 +103,9 @@ describe('Battement', () => {
     // Une phase d'outil se remplace toutes les deux ou trois secondes : suivre
     // chaque changement ferait une requête par seconde pour un gain nul.
     const { emis, battement } = monte()
-    const outil = (name: string) => ({ id: name, name, startedAt: T0 })
+    function outil(name: string) {
+      return { id: name, name, startedAt: T0 }
+    }
     battement.montre(activite({ phase: 'tool', tools: [outil('Read')] }), T0)
     battement.montre(activite({ phase: 'tool', tools: [outil('Grep')] }), T0 + 200)
     battement.montre(activite({ phase: 'tool', tools: [outil('Bash')] }), T0 + 400)
diff --git a/test/passerelle.test.ts b/test/passerelle.test.ts
index 9a3aa46..734053f 100644
--- a/test/passerelle.test.ts
+++ b/test/passerelle.test.ts
@@ -189,14 +189,16 @@ describe('resoudreProjet', () => {
 })
 
 describe('aplatir', () => {
-  const noeud = (rel: string) => ({
-    rel,
-    name: rel,
-    title: '',
-    description: '',
-    size: 0,
-    mtime: 0,
-  })
+  function noeud(rel: string) {
+    return {
+      rel,
+      name: rel,
+      title: '',
+      description: '',
+      size: 0,
+      mtime: 0,
+    }
+  }
 
   it('garde les trois origines distinctes, car elles ne se lisent pas pareil', () => {
     // C'est `source` qui décide du lecteur — donc du bac à sable. Le cas qui a
@@ -232,9 +234,13 @@ describe('aplatir', () => {
 })
 
 describe('arborescence', () => {
-  const e = (label: string) => ({ rel: label, label, source: 'claude' as const })
+  function e(label: string) {
+    return { rel: label, label, source: 'claude' as const }
+  }
   /** Ce que la navigation affiche d'un nœud : son nom, et ce qu'il contient. */
-  const vue = (n: Noeud) => n.enfants.map((x) => `${x.nom}${x.fichier ? '' : `/ ${compte(x)}`}`)
+  function vue(n: Noeud) {
+    return n.enfants.map((x) => `${x.nom}${x.fichier ? '' : `/ ${compte(x)}`}`)
+  }
 
   it('reconstruit les dossiers depuis les chemins', () => {
     const racine = arborescence([e('a/x.md'), e('a/y.md'), e('b.md')])
@@ -338,7 +344,9 @@ describe('elargi', () => {
 })
 
 describe('grille', () => {
-  const b = (texte: string) => ({ texte, donnee: 'x' })
+  function b(texte: string) {
+    return { texte, donnee: 'x' }
+  }
 
   it('remplit une rangée tant que les libellés tiennent', () => {
     const k = grille([b('aa'), b('bb'), b('cc')])
diff --git a/test/path-match.test.ts b/test/path-match.test.ts
index b125f3e..53ed486 100644
--- a/test/path-match.test.ts
+++ b/test/path-match.test.ts
@@ -27,14 +27,16 @@ const FILES = [
 ]
 
 /** Les fichiers retenus, dans l'ordre où le clavier les parcourt. */
-const files = (query: string): string[] =>
-  treeRows(FILES, query)
+function files(query: string): string[] {
+  return treeRows(FILES, query)
     .rows.filter((r) => r.kind === 'file')
     .map((r) => r.path)
+}
 
 /** Le rendu tel qu'il s'affiche, indentation comprise. */
-const drawn = (query: string, collapsed?: Set<string>): string[] =>
-  treeRows(FILES, query, collapsed).rows.map((r) => '  '.repeat(r.depth) + (r.kind === 'dir' ? `${r.label}/` : r.label))
+function drawn(query: string, collapsed?: Set<string>): string[] {
+  return treeRows(FILES, query, collapsed).rows.map((r) => '  '.repeat(r.depth) + (r.kind === 'dir' ? `${r.label}/` : r.label))
+}
 
 describe('treeRows — ce qui est retenu', () => {
   it('cherche par extension seule, ce qu’on tape le plus souvent', () => {
diff --git a/test/plan-mode.test.ts b/test/plan-mode.test.ts
index 8a0cd04..96e117b 100644
--- a/test/plan-mode.test.ts
+++ b/test/plan-mode.test.ts
@@ -16,11 +16,16 @@ import { describe, expect, it } from 'vitest'
 import { parseTranscript } from '../server/transcript.ts'
 import type { TranscriptEvent } from '../shared/transcript.ts'
 
-const load = async (name: string): Promise<TranscriptEvent[]> =>
-  (await parseTranscript(join(import.meta.dirname, 'fixtures', `${name}.jsonl`), 'fixture')).events
+async function load(name: string): Promise<TranscriptEvent[]> {
+  return (await parseTranscript(join(import.meta.dirname, 'fixtures', `${name}.jsonl`), 'fixture')).events
+}
 
-const bornes = (evs: TranscriptEvent[]) => evs.filter((e) => e.kind === 'planmode')
-const marques = (evs: TranscriptEvent[]) => evs.filter((e) => e.inPlanMode).map((e) => e.uuid)
+function bornes(evs: TranscriptEvent[]) {
+  return evs.filter((e) => e.kind === 'planmode')
+}
+function marques(evs: TranscriptEvent[]) {
+  return evs.filter((e) => e.inPlanMode).map((e) => e.uuid)
+}
 
 describe('bornes du mode plan', () => {
   it('lit l’entrée, la reprise et la sortie', async () => {
diff --git a/test/processes.test.ts b/test/processes.test.ts
index 407c1bb..d76d121 100644
--- a/test/processes.test.ts
+++ b/test/processes.test.ts
@@ -18,7 +18,9 @@ const AURA = 17648
 
 /** Les PID encore vivants au moment du relevé. `24680` est mort, son daemon non. */
 const VIVANTS = new Set([17648, 26132, 14864, 18220, 31724, 24332, 17216, 3432, 11232, 16556])
-const estVivant = (pid: number): boolean => VIVANTS.has(pid)
+function estVivant(pid: number): boolean {
+  return VIVANTS.has(pid)
+}
 
 const PARC: RawProcess[] = [
   // Le BFF, lancé par `node --watch` (16556), qui ne parle pas de Claude.
@@ -82,9 +84,13 @@ const PARC: RawProcess[] = [
   },
 ]
 
-const liste = (): ReturnType<typeof buildProcessList> => buildProcessList(PARC, AURA, [], estVivant)
+function liste(): ReturnType<typeof buildProcessList> {
+  return buildProcessList(PARC, AURA, [], estVivant)
+}
 
-const kindOf = (pid: number): string | undefined => liste().find((p) => p.pid === pid)?.kind
+function kindOf(pid: number): string | undefined {
+  return liste().find((p) => p.pid === pid)?.kind
+}
 
 describe('reconnaître les processus', () => {
   it('donne son rôle à chacun', () => {
diff --git a/test/project-resources.test.ts b/test/project-resources.test.ts
index 07a1800..f3127d6 100644
--- a/test/project-resources.test.ts
+++ b/test/project-resources.test.ts
@@ -101,11 +101,13 @@ describe('groupSkills', () => {
 })
 
 describe('buildCandidateTree', () => {
-  const cand = (rel: string, docs: number, included = false): FolderCandidate => ({
-    rel,
-    docs,
-    included,
-  })
+  function cand(rel: string, docs: number, included = false): FolderCandidate {
+    return {
+      rel,
+      docs,
+      included,
+    }
+  }
 
   it('recompose l’imbrication que la liste plate avait perdue', () => {
     const tree = buildCandidateTree([cand('docs/api', 3), cand('docs', 8), cand('src/help/sections', 36), cand('src', 36), cand('src/help', 36)])
@@ -136,7 +138,9 @@ describe('buildCandidateTree', () => {
 })
 
 describe('treeCount', () => {
-  const node = (rel: string): ResourceNode => res(rel, 'other')
+  function node(rel: string): ResourceNode {
+    return res(rel, 'other')
+  }
 
   // Les deux écrans additionnaient chacun de leur côté, et avaient déjà divergé :
   // l'un oubliait les plans, l'autre les documents du dépôt.
diff --git a/test/rules.test.ts b/test/rules.test.ts
index d51eba8..6fb3c2c 100644
--- a/test/rules.test.ts
+++ b/test/rules.test.ts
@@ -75,7 +75,9 @@ function signal(index: number, over: Partial<SessionSignal> = {}): SessionSignal
 }
 
 /** Un parc sain, assez grand pour que les percentiles se calculent. */
-const healthy = (n = 60): SessionSignal[] => Array.from({ length: n }, (_, i) => signal(i))
+function healthy(n = 60): SessionSignal[] {
+  return Array.from({ length: n }, (_, i) => signal(i))
+}
 
 describe('orphelines', () => {
   it('sépare ce qu’un garde-fou tait de ce qu’il fait disparaître', () => {
@@ -115,7 +117,7 @@ describe('règles', () => {
   })
 
   it('gradue la sévérité sur le dépassement, sans constante par règle', () => {
-    const at = (cost: number): Finding | undefined => {
+    function at(cost: number): Finding | undefined {
       const signals = healthy()
       signals.push(signal(999, { cost: cost + 1, cacheReadCost: cost }))
       return detect(signals, calibrate(signals)).find((f) => f.rule === 'historique-relu')
diff --git a/test/session-guardrails.test.ts b/test/session-guardrails.test.ts
index 86c9354..346ec3d 100644
--- a/test/session-guardrails.test.ts
+++ b/test/session-guardrails.test.ts
@@ -18,10 +18,12 @@ import { atCapacity, countSessions, createRunner, IDLE_TTL_MS, MAX_SESSIONS, sto
 
 const CWD = import.meta.dirname
 
-const open = (): ReturnType<typeof createRunner> => createRunner({ cwd: CWD })
+function open(): ReturnType<typeof createRunner> {
+  return createRunner({ cwd: CWD })
+}
 
 /** Fait passer le temps sans rien exécuter : seule l'horloge de `touchedAt` compte. */
-const laisserPasser = (ms: number): void => {
+function laisserPasser(ms: number): void {
   vi.setSystemTime(Date.now() + ms)
 }
 
diff --git a/test/signals.test.ts b/test/signals.test.ts
index cd28bf3..1ea0e18 100644
--- a/test/signals.test.ts
+++ b/test/signals.test.ts
@@ -189,7 +189,9 @@ describe.skipIf(!HAS_CORPUS)('relevés par session', () => {
       ctx.skip('le corpus a bougé pendant les deux lectures, reprise comprise : une session Claude Code écrivait.')
       return
     }
-    const sum = (pick: (s: SessionSignal) => number): number => signals.reduce((n, s) => n + pick(s), 0)
+    function sum(pick: (s: SessionSignal) => number): number {
+      return signals.reduce((n, s) => n + pick(s), 0)
+    }
 
     expect(sum((s) => s.tokens.input)).toBe(usage.totals.input)
     expect(sum((s) => s.tokens.output)).toBe(usage.totals.output)
diff --git a/test/skill-document.test.ts b/test/skill-document.test.ts
index 608c447..e53886c 100644
--- a/test/skill-document.test.ts
+++ b/test/skill-document.test.ts
@@ -11,7 +11,9 @@
 import { describe, expect, it } from 'vitest'
 import { skillDocument } from '../src/components/replay/skillDocument.ts'
 
-const head = (dir: string, body: string): string => `Base directory for this skill: ${dir}\n\n${body}`
+function head(dir: string, body: string): string {
+  return `Base directory for this skill: ${dir}\n\n${body}`
+}
 
 describe('manuel de skill', () => {
   it('lit le nom et le corps sous l’en-tête', () => {
@@ -49,7 +51,9 @@ describe('manuel de skill', () => {
   // La provenance est une clé de catalogue, pas un mot : le libellé se choisit à
   // l'affichage, dans la langue du moment.
   it('dit d’où vient le skill, sur les quatre provenances du parc', () => {
-    const origin = (dir: string): string | undefined => skillDocument(head(dir, 'x'))?.origin
+    function origin(dir: string): string | undefined {
+      return skillDocument(head(dir, 'x'))?.origin
+    }
     expect(origin('C:\\T\\claude\\bundled-skills\\2.1.221\\ab\\claude-api')).toBe('bundled')
     expect(origin('C:\\U\\x\\.claude\\plugins\\cache\\o\\superpowers\\5.0.7\\skills\\b')).toBe('plugin')
     expect(origin('C:\\U\\x\\Documents\\devl\\p\\.claude\\skills\\role-qa')).toBe('project')
diff --git a/test/subagent-live-track.test.ts b/test/subagent-live-track.test.ts
index c44a8a0..393a68e 100644
--- a/test/subagent-live-track.test.ts
+++ b/test/subagent-live-track.test.ts
@@ -16,15 +16,17 @@ import { eventsOfTrack, MAIN_TRACK } from '../src/composables/useAgentTracks.ts'
 const APPEL = 'toolu_appel_agent'
 
 /** Le message `assistant` complet, tel que le SDK l'envoie. */
-const assistant = (id: string, parent: string | null): Record<string, unknown> => ({
-  type: 'assistant',
-  parent_tool_use_id: parent,
-  message: {
-    id,
-    model: 'claude-opus-5',
-    content: [{ type: 'tool_use', id: `${id}_t`, name: 'Read', input: { file_path: 'a.ts' } }],
-  },
-})
+function assistant(id: string, parent: string | null): Record<string, unknown> {
+  return {
+    type: 'assistant',
+    parent_tool_use_id: parent,
+    message: {
+      id,
+      model: 'claude-opus-5',
+      content: [{ type: 'tool_use', id: `${id}_t`, name: 'Read', input: { file_path: 'a.ts' } }],
+    },
+  }
+}
 
 describe('travail d’un sous-agent en direct', () => {
   it('sort du fil principal', () => {
diff --git a/test/subagent-runs.test.ts b/test/subagent-runs.test.ts
index 71dae01..8ea5a18 100644
--- a/test/subagent-runs.test.ts
+++ b/test/subagent-runs.test.ts
@@ -17,9 +17,11 @@ import type { SubagentRunSummary } from '../shared/transcript.ts'
 
 const fixture = fileURLToPath(new URL('./fixtures/tracks.jsonl', import.meta.url))
 
-const load = () => parseTranscript(fixture, 'tracks')
+function load() {
+  return parseTranscript(fixture, 'tracks')
+}
 
-const runOf = (runs: SubagentRunSummary[], agentId: string): SubagentRunSummary => {
+function runOf(runs: SubagentRunSummary[], agentId: string): SubagentRunSummary {
   const run = runs.find((r) => r.agentId === agentId)
   if (!run) throw new Error(`run ${agentId} absent`)
   return run
@@ -167,7 +169,9 @@ describe('la liste des runs', () => {
  * comptes en clair qu'un ajout ferait tous bouger.
  */
 describe('une notification arrivée par la file des messages', () => {
-  const load = () => parseTranscript(fileURLToPath(new URL('./fixtures/notif-queued.jsonl', import.meta.url)), 'notif-queued')
+  function load() {
+    return parseTranscript(fileURLToPath(new URL('./fixtures/notif-queued.jsonl', import.meta.url)), 'notif-queued')
+  }
 
   it('termine le run qu’elle nomme', async () => {
     const { subagents } = await load()
diff --git a/test/task-list.test.ts b/test/task-list.test.ts
index 86fd7ca..5b7e466 100644
--- a/test/task-list.test.ts
+++ b/test/task-list.test.ts
@@ -216,7 +216,9 @@ function text(): TranscriptEvent {
   }
 }
 
-const never = () => false
+function never() {
+  return false
+}
 
 describe('regroupement des créations dans le flux', () => {
   it('réunit une série et enjambe les jalons qu’elle traverse', () => {
diff --git a/test/thresholds.test.ts b/test/thresholds.test.ts
index 1034d7e..084fd02 100644
--- a/test/thresholds.test.ts
+++ b/test/thresholds.test.ts
@@ -45,7 +45,9 @@ const LOW: MetricMeta = {
 }
 
 /** `n` valeurs 1..n — un parc parfaitement étalé, aux percentiles connus. */
-const spread = (n: number): number[] => Array.from({ length: n }, (_, i) => i + 1)
+function spread(n: number): number[] {
+  return Array.from({ length: n }, (_, i) => i + 1)
+}
 
 describe('percentiles', () => {
   it('rend les bornes aux rangs extrêmes', () => {
diff --git a/test/tool-input-stream.test.ts b/test/tool-input-stream.test.ts
index a48eb5f..9cbeace 100644
--- a/test/tool-input-stream.test.ts
+++ b/test/tool-input-stream.test.ts
@@ -16,18 +16,21 @@ import { Translator } from '../server/agent/translate.ts'
 import type { Block } from '../shared/transcript.ts'
 
 /** La maquette d'une option : c'est elle qui fait le poids d'une question. */
-const preview = (lines: number): string =>
-  ['┌──────────────┐', ...Array.from({ length: lines }, (_, i) => `│ ligne ${i}`), '└─────────────┘'].join('\n')
+function preview(lines: number): string {
+  return ['┌──────────────┐', ...Array.from({ length: lines }, (_, i) => `│ ligne ${i}`), '└─────────────┘'].join('\n')
+}
 
 /** Une question à deux maquettes — environ 3 500 caractères de JSON. */
-const question = (n: number): unknown => ({
-  question: `Quelle mise en page pour l'écran ${n} ?`,
-  header: `Écran ${n}`,
-  options: [
-    { label: 'Encadrée', description: 'Un cadre.', preview: preview(150) },
-    { label: 'Nue', description: 'Sans cadre.', preview: preview(150) },
-  ],
-})
+function question(n: number): unknown {
+  return {
+    question: `Quelle mise en page pour l'écran ${n} ?`,
+    header: `Écran ${n}`,
+    options: [
+      { label: 'Encadrée', description: 'Un cadre.', preview: preview(150) },
+      { label: 'Nue', description: 'Sans cadre.', preview: preview(150) },
+    ],
+  }
+}
 
 /** Un traducteur avec une réponse en cours et un `tool_use` ouvert au bloc 0. */
 function openToolBlock(): Translator {
@@ -59,7 +62,9 @@ function toolBlock(t: Translator): Block | undefined {
 }
 
 /** Le pas de diffusion est réel : deux fragments trop rapprochés ne sont pas relus. */
-const step = (): Promise<void> => new Promise((r) => setTimeout(r, 140))
+function step(): Promise<void> {
+  return new Promise((r) => setTimeout(r, 140))
+}
 
 describe('entrée d’outil en cours de frappe', () => {
   it('continue de rendre une question à maquettes au-delà de quelques milliers de caractères', async () => {
diff --git a/test/transcript-cache.test.ts b/test/transcript-cache.test.ts
index c65e756..7e473fb 100644
--- a/test/transcript-cache.test.ts
+++ b/test/transcript-cache.test.ts
@@ -35,7 +35,9 @@ afterEach(async () => {
   await rm(dir, { recursive: true, force: true })
 })
 
-const read = () => readTranscriptCached(join(dir, 'withsub.jsonl'), 'withsub')
+function read() {
+  return readTranscriptCached(join(dir, 'withsub.jsonl'), 'withsub')
+}
 
 /**
  * Le transcript, relu depuis les octets que le cache retient.
@@ -44,7 +46,9 @@ const read = () => readTranscriptCached(join(dir, 'withsub.jsonl'), 'withsub')
  * part, qui rend le document déjà sérialisé. Un test qui veut regarder dedans le
  * désérialise — c'est le seul endroit du dépôt qui en a besoin.
  */
-const parsed = (c: CachedTranscript): ParsedTranscript => JSON.parse(c.body.toString('utf8')) as ParsedTranscript
+function parsed(c: CachedTranscript): ParsedTranscript {
+  return JSON.parse(c.body.toString('utf8')) as ParsedTranscript
+}
 
 /**
  * Vieillir un fichier d'une seconde.

From fbabd802f662bd31a6183b5df6d9615df5aa8161 Mon Sep 17 00:00:00 2001
From: Shaenn <22753401+Shaenn@users.noreply.github.com>
Date: Tue, 25 Aug 2026 03:08:10 +0200
Subject: [PATCH 24/30] =?UTF-8?q?Les=20cinq=20comparaisons=20l=C3=A2ches?=
 =?UTF-8?q?=20disent=20ce=20qu'elles=20comparent?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

`eqeqeq` relève cinq `==`, tous de la même intention : « nul ou absent ».
Aucun n'avait besoin de la coercition.

`b.server == null ? null : b.server` devient `b.server ?? null`, qui dit la
même chose en une opération. Dans `json-edit.ts`, le `typeof x !== 'object'`
qui suit écarte déjà `undefined` : seul `null` restait à nommer, puisque
`typeof null` vaut `'object'`. Et un `dataset` ne rend jamais `null`, donc
c'est `undefined` que le test cherchait.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 server/routes/mcp.ts                   | 2 +-
 src/components/replay/MarkdownView.vue | 2 +-
 src/utils/json-edit.ts                 | 6 +++---
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/server/routes/mcp.ts b/server/routes/mcp.ts
index f8b6026..98df559 100644
--- a/server/routes/mcp.ts
+++ b/server/routes/mcp.ts
@@ -22,7 +22,7 @@ interface WriteBody {
 function parseBody(body: unknown): { name: string; server: McpServerConfig | null } | { error: string } {
   const b = (body ?? {}) as WriteBody
   if (typeof b.name !== 'string' || !b.name.trim()) return { error: t('errors.serverNameRequired') }
-  const server = b.server == null ? null : b.server
+  const server = b.server ?? null
   if (server !== null) {
     const err = validateServer(server)
     if (err) return { error: err }
diff --git a/src/components/replay/MarkdownView.vue b/src/components/replay/MarkdownView.vue
index bdea322..a901c28 100644
--- a/src/components/replay/MarkdownView.vue
+++ b/src/components/replay/MarkdownView.vue
@@ -46,7 +46,7 @@
     })
 
     for (const n of nodes) {
-      if (n.dataset.src == null) n.dataset.src = n.textContent ?? ''
+      if (n.dataset.src === undefined) n.dataset.src = n.textContent ?? ''
       else n.textContent = n.dataset.src
       n.removeAttribute('data-processed')
     }
diff --git a/src/utils/json-edit.ts b/src/utils/json-edit.ts
index 3c14cff..555df5b 100644
--- a/src/utils/json-edit.ts
+++ b/src/utils/json-edit.ts
@@ -10,7 +10,7 @@ type Json = Record<string, unknown> | unknown[]
 export function getAt(root: unknown, path: Path): unknown {
   let cur: unknown = root
   for (const key of path) {
-    if (cur == null || typeof cur !== 'object') return undefined
+    if (cur === null || typeof cur !== 'object') return undefined
     cur = (cur as Record<string | number, unknown>)[key]
   }
   return cur
@@ -23,7 +23,7 @@ export function setAt(root: Json, path: Path, value: unknown): void {
   for (let i = 0; i < path.length - 1; i++) {
     const key = path[i]!
     const next = cur[key]
-    if (next == null || typeof next !== 'object') {
+    if (next === null || typeof next !== 'object') {
       // Create an array when the next segment is a number, else an object.
       cur[key] = typeof path[i + 1] === 'number' ? [] : {}
     }
@@ -36,7 +36,7 @@ export function setAt(root: Json, path: Path, value: unknown): void {
 export function deleteAt(root: Json, path: Path): void {
   if (!path.length) return
   const parent = getAt(root, path.slice(0, -1))
-  if (parent == null || typeof parent !== 'object') return
+  if (parent === null || typeof parent !== 'object') return
   const key = path[path.length - 1]!
   if (Array.isArray(parent) && typeof key === 'number') {
     parent.splice(key, 1)

From 1339443df23e4366ac65bc9944e001197be578c8 Mon Sep 17 00:00:00 2001
From: Shaenn <22753401+Shaenn@users.noreply.github.com>
Date: Tue, 25 Aug 2026 03:13:14 +0200
Subject: [PATCH 25/30] =?UTF-8?q?Les=20assertions=20des=20tests=20ne=20d?=
 =?UTF-8?q?=C3=A9pendent=20plus=20d'un=20si?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

`vitest/no-conditional-expect` vise le `try/catch` qui avale une assertion.
Ici, les dix constats sont des branches sur la FORME de la donnée du corpus
réel — « ce run est terminé », « ce constat porte un chiffre ». La garde
passe donc dans la valeur testée : l'assertion devient inconditionnelle,
donc plus forte, et un corpus qui ne présenterait plus le cas ne peut plus
faire passer le test en silence.

`vitest/valid-expect` refusait les onze `expect(valeur, libellé)`. Vitest
accepte ce second argument — c'est le greffon qui garde le défaut de Jest,
`maxArgs: 1`. La règle est accordée à l'outil plutôt que les libellés
retirés : sur une boucle qui traverse tout le parc, c'est lui qui dit quelle
session a fait échouer le test. À porter au socle.

Reste 32 avertissements, tous assumés : `no-console` sur les trois scripts
de ligne de commande, dont la sortie EST la console ; `require-to-throw-message`
sur huit `toThrow()` qui vérifient qu'il y a rejet, pas lequel ; et les six
`import-order` que son correcteur ne sait pas appliquer sans effacer.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 eslint.config.js           | 11 +++++++++++
 test/agent-shells.test.ts  |  2 +-
 test/rules.test.ts         | 16 +++++++---------
 test/signals.test.ts       |  4 +---
 test/subagent-runs.test.ts |  3 +--
 test/thresholds.test.ts    |  3 ++-
 6 files changed, 23 insertions(+), 16 deletions(-)

diff --git a/eslint.config.js b/eslint.config.js
index 4b0ca16..92df764 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -88,6 +88,17 @@ export default [
 
   ...vitestConfig(),
 
+  {
+    // Vitest accepte `expect(valeur, libellé)` : le second argument nomme le cas qui
+    // échoue, ce dont vivent les boucles sur le corpus réel. Le greffon garde le défaut
+    // de Jest — `maxArgs: 1` — et refuse donc une API qui existe. On l'accorde à
+    // l'outil plutôt que de retirer les libellés. À porter au socle.
+    name: 'aura/vitest-deux-arguments',
+    rules: {
+      'vitest/valid-expect': ['error', { maxArgs: 2 }],
+    },
+  },
+
   {
     name: 'rules/projet',
     plugins: {
diff --git a/test/agent-shells.test.ts b/test/agent-shells.test.ts
index 3c82d45..693c90b 100644
--- a/test/agent-shells.test.ts
+++ b/test/agent-shells.test.ts
@@ -342,7 +342,7 @@ describe('readSince', () => {
       const page = await readSince(path, curseur)
       expect(page.next).toBeGreaterThan(curseur)
       // Une page rendue au milieu du fichier finit sur une ligne entière.
-      if (page.next < size) expect(page.text.endsWith('\n')).toBe(true)
+      expect(page.next >= size || page.text.endsWith('\n')).toBe(true)
       tout += page.text
       curseur = page.next
       pages += 1
diff --git a/test/rules.test.ts b/test/rules.test.ts
index 6fb3c2c..f38514d 100644
--- a/test/rules.test.ts
+++ b/test/rules.test.ts
@@ -301,9 +301,9 @@ describe('règles', () => {
       const a = findings[i - 1] as Finding
       const b = findings[i] as Finding
       expect(ranks[a.severity]).toBeGreaterThanOrEqual(ranks[b.severity])
-      if (a.severity === b.severity && b.impact.usd !== undefined) {
-        expect(a.impact.usd).toBeDefined()
-      }
+      // À sévérité égale, un constat chiffré ne passe jamais derrière un constat
+      // qui ne l’est pas.
+      expect(a.severity === b.severity && b.impact.usd !== undefined && a.impact.usd === undefined).toBe(false)
     }
   })
 })
@@ -340,13 +340,11 @@ describe.skipIf(!HAS_CORPUS)('règles sur le vrai parc', () => {
         // manquer : « cette tâche a été donnée en morceaux » ne se chiffre pas,
         // et lui coller le coût de la session lui attribuerait une facture
         // qu'elle n'a pas causée.
-        if (f.impact.usd !== undefined) expect(f.impact.usd).toBeGreaterThan(0)
-        if (f.impact.tokens !== undefined) expect(f.impact.tokens).toBeGreaterThan(0)
+        // Absent, il n’y a rien à vérifier — d’où l’Infinity, qui laisse passer.
+        expect(f.impact.usd ?? Infinity).toBeGreaterThan(0)
+        expect(f.impact.tokens ?? Infinity).toBeGreaterThan(0)
         // Une session désignée doit être atteignable : projet + identifiant.
-        if (f.scope === 'session') {
-          expect(f.project).not.toBe('')
-          expect(f.target).not.toBe('')
-        }
+        expect(f.scope === 'session' ? [f.project, f.target] : []).not.toContain('')
       }
     },
     TIMEOUT,
diff --git a/test/signals.test.ts b/test/signals.test.ts
index 1ea0e18..a131467 100644
--- a/test/signals.test.ts
+++ b/test/signals.test.ts
@@ -207,9 +207,7 @@ describe.skipIf(!HAS_CORPUS)('relevés par session', () => {
 
   it('ne déduit jamais un coût d’un modèle sans tarif', () => {
     for (const s of signals) {
-      for (const m of s.models) {
-        if (!m.priced) expect(m.cost).toBe(0)
-      }
+      expect(s.models.filter((m) => !m.priced && m.cost !== 0)).toEqual([])
       // Un modèle sans tarif est nommé, jamais tu.
       expect(s.unpricedModels).toEqual(s.models.filter((m) => !m.priced).map((m) => m.model))
     }
diff --git a/test/subagent-runs.test.ts b/test/subagent-runs.test.ts
index 8ea5a18..94ce1aa 100644
--- a/test/subagent-runs.test.ts
+++ b/test/subagent-runs.test.ts
@@ -79,8 +79,7 @@ describe('statut d’un run — ce que le transcript atteste, et rien de plus',
     const { subagents } = await load()
     for (const run of subagents) {
       const terminal = run.status === 'completed' || run.status === 'failed'
-      if (terminal) expect(run.endedAt).toBe(run.lastActivityAt)
-      else expect(run.endedAt).toBeUndefined()
+      expect(run.endedAt).toBe(terminal ? run.lastActivityAt : undefined)
     }
   })
 })
diff --git a/test/thresholds.test.ts b/test/thresholds.test.ts
index 084fd02..e9bc0db 100644
--- a/test/thresholds.test.ts
+++ b/test/thresholds.test.ts
@@ -222,7 +222,8 @@ describe.skipIf(!HAS_CORPUS)('calibration sur le vrai parc', () => {
         expect(c.value).toBeGreaterThan(0)
         expect(c.hits).toBeLessThanOrEqual(c.sampleSize)
         // Un signal calibré désigne au plus le décile ; jamais la moitié du parc.
-        if (c.calibrated) expect(c.hits).toBeLessThanOrEqual(Math.ceil(c.sampleSize / 2))
+        // Non calibré, le compte ne veut rien dire — d’où le 0, qui laisse passer.
+        expect(c.calibrated ? c.hits : 0).toBeLessThanOrEqual(Math.ceil(c.sampleSize / 2))
       }
     },
     TIMEOUT,

From 13471d217def5f42861a0694b92fdab9bf4faa2b Mon Sep 17 00:00:00 2001
From: Shaenn <22753401+Shaenn@users.noreply.github.com>
Date: Tue, 25 Aug 2026 03:14:58 +0200
Subject: [PATCH 26/30] Les verbes du manifeste sont ceux du parc
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

`verifie` enchaîne le lint, le typage et les tests : un seul geste avant de
pousser, le même sur tout le parc. Arrivent avec lui `lint:fix` et
`format:check`, et `format` devient `prettier . --write && pnpm lint:fix`.

Le typecheck cesse de mentir. Il ne regardait que le BFF et les tests : le
front n'était typé que pendant `pnpm dev` ou `pnpm build`, par
vite-plugin-checker. Une modification d'un composant monofichier qui cassait
les types passait donc pour vérifiée. `vue-tsc --noEmit -p tsconfig.json`
ouvre la marche.

Le lint quitte ses quatre globs pour `eslint .` — 384 fichiers relus au lieu
des seuls src, server, shared et test — et prend un cache.

`dev:all` appelle `pnpm dev` et `pnpm server` au lieu de recopier leurs
lignes de commande : une seule définition à corriger le jour où l'une bouge.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 package.json | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index 28046ca..3ad2285 100644
--- a/package.json
+++ b/package.json
@@ -9,17 +9,20 @@
   "private": true,
   "packageManager": "pnpm@11.18.0",
   "scripts": {
-    "lint": "eslint -c ./eslint.config.js \"./src*/**/*.{ts,js,cjs,mjs,vue}\" \"./server/**/*.ts\" \"./shared/**/*.ts\" \"./test/**/*.ts\"",
-    "typecheck": "tsc --noEmit -p server/tsconfig.json && tsc --noEmit -p test/tsconfig.json",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "format": "prettier --write \"**/*.{js,ts,vue,css,scss,html,md,json}\" --ignore-path .gitignore",
     "dev": "quasar dev",
     "server": "node --env-file-if-exists=server/.env --env-file-if-exists=server/.env.local --watch --import tsx server/index.ts",
-    "dev:all": "pnpm stop && concurrently -k -n web,api -c blue,magenta \"quasar dev\" \"node --env-file-if-exists=server/.env --env-file-if-exists=server/.env.local --watch --import tsx server/index.ts\"",
-    "stop": "node scripts/free-ports.mjs 8800 9100",
-    "start": "node --env-file-if-exists=server/.env --env-file-if-exists=server/.env.local --import tsx server/index.ts",
+    "dev:all": "pnpm stop && concurrently -k -n web,api -c blue,magenta \"pnpm dev\" \"pnpm server\"",
+    "stop": "node scripts/free-ports.mjs 9100 8800",
     "build": "quasar build",
+    "start": "node --env-file-if-exists=server/.env --env-file-if-exists=server/.env.local --import tsx server/index.ts",
+    "lint": "eslint . --cache --cache-location node_modules/.cache/.eslintcache --cache-strategy metadata",
+    "lint:fix": "pnpm lint --fix",
+    "format": "prettier . --write && pnpm lint:fix",
+    "format:check": "prettier . --check",
+    "typecheck": "vue-tsc --noEmit -p tsconfig.json && tsc --noEmit -p server/tsconfig.json && tsc --noEmit -p test/tsconfig.json",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "verifie": "pnpm lint && pnpm typecheck && pnpm test",
     "site:dev": "node scripts/sync-site.mjs && vitepress dev site",
     "site:build": "node scripts/sync-site.mjs && vitepress build site",
     "site:preview": "vitepress preview site",

From f5a1b67e1c58dc15f25d1a602232f9fc884da779 Mon Sep 17 00:00:00 2001
From: Shaenn <22753401+Shaenn@users.noreply.github.com>
Date: Tue, 25 Aug 2026 03:21:35 +0200
Subject: [PATCH 27/30] =?UTF-8?q?Les=20imports=20sont=20rang=C3=A9s,=20et?=
 =?UTF-8?q?=20leurs=20commentaires=20avec=20eux?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Les six derniers constats de `local/import-order`, repris à la main plutôt
que par son correcteur — celui-ci remplace le bloc allant du premier au
dernier import par les seuls imports triés, et efface au passage tout ce qui
vit entre eux.

C'est précisément ce que ces six fichiers portaient : les `export type … from`
que `src/services/projects/index.ts` réexporte, et les commentaires qui disent
à quoi sert un groupe d'imports. Ils sont conservés, et déplacés là où ils
gardent leur sens — l'en-tête « Normalised model » de `server/transcript.ts`
descend sur le `export type` qu'il explique, et non sur les imports qui le
précédaient par accident.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 server/transcript.ts                    | 25 ++++++++++++-------------
 server/usage.ts                         |  4 ++--
 src/boot/fonts.ts                       |  3 +--
 src/components/RuleTree.vue             |  6 +++---
 src/components/replay/tools/registry.ts |  2 +-
 src/services/projects/index.ts          |  2 +-
 6 files changed, 20 insertions(+), 22 deletions(-)

diff --git a/server/transcript.ts b/server/transcript.ts
index 95a2a02..1196374 100644
--- a/server/transcript.ts
+++ b/server/transcript.ts
@@ -8,22 +8,10 @@
 // pairing every `tool_use` with its matching `tool_result` so the UI can render
 // a tool call and its output as a single unit.
 
-import { readFile, stat, readdir } from 'node:fs/promises'
-import { t } from './i18n/index.ts'
 import { existsSync } from 'node:fs'
-import { str, num } from './json.ts'
-import { costOf } from './pricing.ts'
-import { growth } from './tokens.ts'
+import { readFile, stat, readdir } from 'node:fs/promises'
 import { dirname, join } from 'node:path'
-import { ContextAccumulator, classifyAttachment, readCompaction, settleTurn } from './context.ts'
 import type { TurnContext } from '../shared/context.ts'
-import { configuredLongWindow } from './claude/model.ts'
-
-// ── Normalised model ─────────────────────────────────────────────────────────
-//
-// Defined once in `shared/` and re-exported here: the SPA renders exactly these
-// shapes, so a change must break both typechecks, not just one.
-
 import type {
   Block,
   HookRun,
@@ -41,6 +29,17 @@ import type {
   TranscriptSummary,
   Usage,
 } from '../shared/transcript.ts'
+import { configuredLongWindow } from './claude/model.ts'
+import { ContextAccumulator, classifyAttachment, readCompaction, settleTurn } from './context.ts'
+import { t } from './i18n/index.ts'
+import { str, num } from './json.ts'
+import { costOf } from './pricing.ts'
+import { growth } from './tokens.ts'
+
+// ── Normalised model ─────────────────────────────────────────────────────────
+//
+// Defined once in `shared/` and re-exported here: the SPA renders exactly these
+// shapes, so a change must break both typechecks, not just one.
 
 export type {
   Block,
diff --git a/server/usage.ts b/server/usage.ts
index 807a35b..0db10bb 100644
--- a/server/usage.ts
+++ b/server/usage.ts
@@ -17,10 +17,10 @@
 //     `.meta.json` naming the agent type. Their tokens are invisible to anyone
 //     who only walks `<slug>/*.jsonl`.
 
-import { readFile, readdir, stat } from 'node:fs/promises'
 import { createReadStream } from 'node:fs'
-import { createInterface } from 'node:readline'
+import { readFile, readdir, stat } from 'node:fs/promises'
 import { join } from 'node:path'
+import { createInterface } from 'node:readline'
 import { CLAUDE_DIR } from './claude/paths.ts'
 import { str, num } from './json.ts'
 import { costOf, isPriced, type TokenCounts } from './pricing.ts'
diff --git a/src/boot/fonts.ts b/src/boot/fonts.ts
index d03fcd9..382fe56 100644
--- a/src/boot/fonts.ts
+++ b/src/boot/fonts.ts
@@ -1,5 +1,3 @@
-import { defineBoot } from '#q-app'
-
 // UI font: Inter (weights used across the app).
 import '@fontsource/inter/400.css'
 import '@fontsource/inter/500.css'
@@ -9,6 +7,7 @@ import '@fontsource/inter/700.css'
 // Monospace for durations / console-style readouts.
 import '@fontsource/jetbrains-mono/400.css'
 import '@fontsource/jetbrains-mono/500.css'
+import { defineBoot } from '#q-app'
 
 export default defineBoot(() => {
   // Font CSS is bundled via the imports above; nothing to run at boot.
diff --git a/src/components/RuleTree.vue b/src/components/RuleTree.vue
index 6e14f5f..ceb116e 100644
--- a/src/components/RuleTree.vue
+++ b/src/components/RuleTree.vue
@@ -44,16 +44,16 @@
 </template>
 
 <script setup lang="ts">
-  import { reactive } from 'vue'
-  import { useI18n } from 'vue-i18n'
+  import type { RuleNode } from '@/components/resources/projectResources'
   import type { ResourceNode } from '@/services/projects'
   import { fmtBytes } from '@/utils/format'
+  import { reactive } from 'vue'
+  import { useI18n } from 'vue-i18n'
 
   // Les nœuds sont déclarés avec `buildTree`, qui les produit : un module de
   // logique n'a pas à importer un composant pour nommer son résultat. On les
   // ré-exporte ici pour que les appelants historiques ne changent pas d'import.
   export type { RuleFileNode, RuleDirNode, RuleNode } from '@/components/resources/projectResources'
-  import type { RuleNode } from '@/components/resources/projectResources'
 
   // `fileMeta` : le chiffre en bout de ligne. C'est une taille partout, sauf sur
   // les Sauvegardes où un fichier vaut par son nombre de versions.
diff --git a/src/components/replay/tools/registry.ts b/src/components/replay/tools/registry.ts
index 298879e..6b14307 100644
--- a/src/components/replay/tools/registry.ts
+++ b/src/components/replay/tools/registry.ts
@@ -39,8 +39,8 @@ export interface ToolDescriptor {
   summary: (input: Record<string, unknown>) => string
 }
 
-import { asRecord, arr, bool, num, str, type ToolInput as Input } from './values'
 import { basename as short } from './language'
+import { asRecord, arr, bool, num, str, type ToolInput as Input } from './values'
 
 /** Collapse whitespace and cut, so a summary never wraps the header. */
 function oneLine(s: string, max = 80): string {
diff --git a/src/services/projects/index.ts b/src/services/projects/index.ts
index 3922aaa..f1a1e3d 100644
--- a/src/services/projects/index.ts
+++ b/src/services/projects/index.ts
@@ -4,8 +4,8 @@
 // keep importing them from `src/services/projects` while the BFF and the SPA
 // typecheck against the same declarations.
 
-import type { PlanInfo } from '@/services/system'
 import { apiHeaders } from '@/services/http'
+import type { PlanInfo } from '@/services/system'
 
 export type {
   FolderCandidate,

From 25c71fe0960d0de3d96010f2bb4b7bd2863d8d2a Mon Sep 17 00:00:00 2001
From: Shaenn <22753401+Shaenn@users.noreply.github.com>
Date: Tue, 25 Aug 2026 03:21:49 +0200
Subject: [PATCH 28/30] Chaque toThrow dit quelle erreur il attend
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Huit `toThrow()` nus : ils vérifiaient qu'il y a rejet, jamais lequel. Une
garde de chemin qui se mettrait à échouer pour une faute de frappe dans son
propre code les laissait tous verts.

Ils nomment maintenant ce qu'ils attendent : `PathError` pour la garde, dont
c'est le type dédié ; « Instantané inconnu. » et « Chemin de backup
invalide. » pour les deux refus distincts des sauvegardes — la nuance
comptait, `readBackup` peut échouer sur l'un comme sur l'autre ; `ZodError`
pour le schéma ; et `ENOENT` pour le pool, dont tout l'objet est de
distinguer le fichier absent de la panne de thread.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 test/ask-schema.test.ts    | 2 +-
 test/backups-stamp.test.ts | 6 +++---
 test/parse-pool.test.ts    | 2 +-
 test/path-guard.test.ts    | 6 +++---
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/test/ask-schema.test.ts b/test/ask-schema.test.ts
index 84bd8b8..dfc620c 100644
--- a/test/ask-schema.test.ts
+++ b/test/ask-schema.test.ts
@@ -46,6 +46,6 @@ describe('schéma des questions de l’Atelier', () => {
   })
 
   it('refuse toujours une option sans libellé', () => {
-    expect(() => schema.parse(question([{ description: 'sans label' }]))).toThrow()
+    expect(() => schema.parse(question([{ description: 'sans label' }]))).toThrow(z.ZodError)
   })
 })
diff --git a/test/backups-stamp.test.ts b/test/backups-stamp.test.ts
index fc2ffa2..43b5ffb 100644
--- a/test/backups-stamp.test.ts
+++ b/test/backups-stamp.test.ts
@@ -58,7 +58,7 @@ describe('purgeBackup', () => {
     // `''` compte parmi eux : il valait « tout effacer » par omission, et c'est
     // ainsi que les sauvegardes de ce poste ont disparu en écrivant ce fichier.
     for (const nom of ['..', '.', 'backups', '2026-08-13', '..\\..\\autre', 'a.b', '']) {
-      await expect(purgeBackup(nom)).rejects.toThrow()
+      await expect(purgeBackup(nom)).rejects.toThrow('Instantané inconnu.')
     }
     // Rien n'a bougé : ni les instantanés, ni ce qui vit à côté d'eux.
     await expect(readdir(BACKUPS_DIR)).resolves.toEqual(avant)
@@ -75,8 +75,8 @@ describe('purgeBackup', () => {
 
 describe('readBackup', () => {
   it('refuse de lire hors du dossier des instantanés', async () => {
-    await expect(readBackup('..', 'preferences.json')).rejects.toThrow()
-    await expect(readBackup(STAMP, '../../preferences.json')).rejects.toThrow()
+    await expect(readBackup('..', 'preferences.json')).rejects.toThrow('Instantané inconnu.')
+    await expect(readBackup(STAMP, '../../preferences.json')).rejects.toThrow('Chemin de backup invalide.')
   })
 
   it('lit le fichier sauvegardé', async () => {
diff --git a/test/parse-pool.test.ts b/test/parse-pool.test.ts
index 7e560b6..08dd96a 100644
--- a/test/parse-pool.test.ts
+++ b/test/parse-pool.test.ts
@@ -45,7 +45,7 @@ describe('lecture de transcript hors boucle', () => {
   })
 
   it('remonte l’échec d’un transcript absent, sans le confondre avec une panne de thread', async () => {
-    await expect(serialiseInPool(join(fixtures, 'nexistepas.jsonl'), 'nexistepas')).rejects.toThrow()
+    await expect(serialiseInPool(join(fixtures, 'nexistepas.jsonl'), 'nexistepas')).rejects.toThrow(/ENOENT/)
     // Un fichier manquant ne condamne pas le pool : c'est le transcript qui a
     // échoué, pas le mécanisme.
     expect(poolState().size).toBeGreaterThan(0)
diff --git a/test/path-guard.test.ts b/test/path-guard.test.ts
index f2c54f0..4824ac0 100644
--- a/test/path-guard.test.ts
+++ b/test/path-guard.test.ts
@@ -73,7 +73,7 @@ describe('isWritable', () => {
 
 describe('resolveForRead', () => {
   it('refuse le secret écrit dans une autre casse', () => {
-    expect(() => paths.resolveForRead('.Credentials.json')).toThrow()
+    expect(() => paths.resolveForRead('.Credentials.json')).toThrow(paths.PathError)
   })
 
   it('rend le nom que le disque emploie, pas celui qu’on a demandé', () => {
@@ -82,7 +82,7 @@ describe('resolveForRead', () => {
   })
 
   it('refuse un chemin qui remonte hors de la racine', () => {
-    expect(() => paths.resolveForRead('../hors.txt')).toThrow()
+    expect(() => paths.resolveForRead('../hors.txt')).toThrow(paths.PathError)
   })
 
   // Des jonctions, et non des liens de fichier : Windows n'accorde ces derniers
@@ -94,7 +94,7 @@ describe('resolveForRead', () => {
     } catch {
       return // même les jonctions sont refusées ici : le reste des cas suffit.
     }
-    expect(() => paths.resolveForRead('evasion/butin.txt')).toThrow()
+    expect(() => paths.resolveForRead('evasion/butin.txt')).toThrow(paths.PathError)
   })
 
   it('refuse une zone privée atteinte par une jonction interne', async () => {

From 5cdecaf2ed1668f46132c3fc6413b076b8c0c7f9 Mon Sep 17 00:00:00 2001
From: Shaenn <22753401+Shaenn@users.noreply.github.com>
Date: Tue, 25 Aug 2026 03:21:49 +0200
Subject: [PATCH 29/30] Les quatre exceptions restantes disent pourquoi elles
 en sont
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

`no-console` relevait seize appels. Treize sont dans les trois outils de
ligne de commande, où la console n'est pas une trace oubliée mais l'interface
de sortie : la règle y est éteinte au fichier, avec sa raison.

Les trois autres sont éteints à la ligne, chacun pour son motif. Le dernier
recours du BFF sort avant que Fastify n'existe, donc avant qu'il y ait un
journal. Un pack de langue Quasar qui ne charge pas ne se dit pas à l'écran :
l'application a déjà basculé, seuls ses libellés à elle sont restés en
arrière. Et une préférence non écrite se rattrape au geste suivant.

Le saut de `signals.test.ts` est la conclusion du test, pas son abandon : le
corpus a bougé sous la mesure, et ce qu'on comparerait ne serait plus
comparable. `ctx.skip` le dit à voix haute — c'est exactement ce que
`no-disabled-tests` demande d'éviter de faire en silence.

`pnpm lint` ne relève plus rien : zéro erreur, zéro avertissement.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 scripts/free-ports.mjs | 1 +
 scripts/i18n-scan.mjs  | 1 +
 scripts/sync-site.mjs  | 1 +
 server/index.ts        | 3 +++
 src/i18n/apply.ts      | 3 +++
 src/stores/settings.ts | 7 ++++++-
 test/signals.test.ts   | 4 ++++
 7 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/scripts/free-ports.mjs b/scripts/free-ports.mjs
index f7d6384..b8d3c14 100644
--- a/scripts/free-ports.mjs
+++ b/scripts/free-ports.mjs
@@ -1,3 +1,4 @@
+/* eslint-disable no-console -- Outil de ligne de commande : la console est sa sortie. */
 // Libère les ports d'AURA avant un lancement, et sert de moteur aux scripts d'arrêt.
 //
 //   node scripts/free-ports.mjs 8800 9100
diff --git a/scripts/i18n-scan.mjs b/scripts/i18n-scan.mjs
index 76a9029..fe6b493 100644
--- a/scripts/i18n-scan.mjs
+++ b/scripts/i18n-scan.mjs
@@ -1,3 +1,4 @@
+/* eslint-disable no-console -- Outil de ligne de commande : la console est sa sortie. */
 // Repère le texte français qui n'est pas encore passé par le catalogue.
 //
 // Ce n'est pas un linter : il ne sait pas décider, il sait *montrer*. La vraie
diff --git a/scripts/sync-site.mjs b/scripts/sync-site.mjs
index 237f6e1..3cb5d45 100644
--- a/scripts/sync-site.mjs
+++ b/scripts/sync-site.mjs
@@ -1,3 +1,4 @@
+/* eslint-disable no-console -- Outil de ligne de commande : la console est sa sortie. */
 // Copie ce que le site vitrine emprunte au reste du dépôt : le manuel embarqué et les
 // médias du README. Rien de tout cela n'est versionné sous `site/` — une page corrigée
 // dans `src/help/sections/` est corrigée sur le site au build suivant, sans geste.
diff --git a/server/index.ts b/server/index.ts
index 5135314..61c48b7 100644
--- a/server/index.ts
+++ b/server/index.ts
@@ -177,6 +177,9 @@ function openBrowser(url: string): void {
 }
 
 main().catch((err: unknown) => {
+  // Le dernier recours du BFF : à ce point, ni le journal Fastify ni les routes
+  // n’existent, et la console est le seul endroit où le message peut sortir.
+  // eslint-disable-next-line no-console
   console.error(err instanceof Error ? err.message : err)
   process.exit(1)
 })
diff --git a/src/i18n/apply.ts b/src/i18n/apply.ts
index d4d514f..b126c0c 100644
--- a/src/i18n/apply.ts
+++ b/src/i18n/apply.ts
@@ -55,6 +55,9 @@ export async function applyLocale(locale: AppLocale): Promise<void> {
     const pack = locale === 'en' ? await import('quasar/lang/en-US') : await import('quasar/lang/fr')
     Lang.set(pack.default as QuasarLangPack)
   } catch (e) {
+    // La langue de l’application a basculé ; seuls les libellés de Quasar sont
+    // restés en arrière. Rien à dire à l’utilisateur, tout à dire au journal.
+    // eslint-disable-next-line no-console
     console.error(`Pack de langue Quasar « ${locale} » non chargé`, e)
   }
 }
diff --git a/src/stores/settings.ts b/src/stores/settings.ts
index dca9dfe..f1f9bdf 100644
--- a/src/stores/settings.ts
+++ b/src/stores/settings.ts
@@ -114,7 +114,12 @@ export const useSettingsStore = defineStore('settings', () => {
       if (!ready) return
       if (saveTimer) clearTimeout(saveTimer)
       saveTimer = setTimeout(() => {
-        void savePreferences(snapshot()).catch((e: unknown) => console.error('Sauvegarde des préférences échouée', e))
+        void savePreferences(snapshot()).catch((e: unknown) =>
+          // Une préférence non écrite se rattrape au geste suivant : la signaler à
+          // l’écran coûterait plus que ce qu’elle vaut.
+          // eslint-disable-next-line no-console
+          console.error('Sauvegarde des préférences échouée', e),
+        )
       }, 400)
     },
     { deep: true },
diff --git a/test/signals.test.ts b/test/signals.test.ts
index a131467..b9928bf 100644
--- a/test/signals.test.ts
+++ b/test/signals.test.ts
@@ -185,7 +185,11 @@ describe.skipIf(!HAS_CORPUS)('relevés par session', () => {
   it('totalise exactement comme la page Usage', (ctx) => {
     // Sauter en le disant, jamais passer en silence : un test qui se tait
     // quand il n'a pas pu mesurer vaut moins que pas de test du tout.
+    // Sauter est ici la conclusion du test, pas son abandon : le corpus a bougé
+    // sous la mesure, et ce qu’on comparerait ne serait plus comparable.
+    // eslint-disable-next-line vitest/no-conditional-in-test
     if (corpusMouvant) {
+      // eslint-disable-next-line vitest/no-disabled-tests
       ctx.skip('le corpus a bougé pendant les deux lectures, reprise comprise : une session Claude Code écrivait.')
       return
     }

From 1c6cf332bc3faf98a9aba77b5d9829bc58f7c50b Mon Sep 17 00:00:00 2001
From: Shaenn <22753401+Shaenn@users.noreply.github.com>
Date: Tue, 25 Aug 2026 03:26:42 +0200
Subject: [PATCH 30/30] La documentation dit ce que les commandes font
 maintenant
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Six fichiers affirmaient que `pnpm typecheck` ne couvre pas `src/` et que
seul `pnpm build` type le front. Ce n'est plus vrai depuis que `vue-tsc`
ouvre la marche — et une règle qui a cessé d'être vraie est pire qu'une règle
absente.

Le commentaire de la CI est repris pour la même raison : `build` reste, mais
il ne rattrape plus une rupture de types. Il vérifie que Quasar sait produire
le bundle, résoudre les alias et les imports dynamiques du manuel. Le gabarit
de PR demande `pnpm verifie` plutôt que d'énumérer trois commandes.

`quasar-specifics.md` gagne le point qui, lui, reste vrai : ESLint n'obtient
pas de types complets sur les .vue, et une règle typée qui y retirerait une
assertion ne serait rattrapée par rien. D'où le relevé de `vue-tsc` avant ET
après un --fix de masse.

Version 1.3.1, et le journal dit ce que les deux chantiers de cette branche
ont changé.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 .github/PULL_REQUEST_TEMPLATE.md   |  6 ++----
 .github/workflows/ci.yml           |  7 ++++---
 CHANGELOG.md                       | 28 ++++++++++++++++++++++++++++
 CLAUDE.md                          | 21 +++++++++++++++------
 CONTRIBUTING.en.md                 | 11 ++++++-----
 CONTRIBUTING.md                    | 11 ++++++-----
 README.en.md                       |  4 ++--
 README.md                          |  4 ++--
 frontend-rules/quasar-specifics.md | 11 ++++++++---
 package.json                       |  2 +-
 10 files changed, 74 insertions(+), 31 deletions(-)

diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
index 2df27f4..055cb8d 100644
--- a/.github/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -4,10 +4,8 @@
 
 ## Vérifié
 
-- [ ] `pnpm lint`
-- [ ] `pnpm typecheck`
-- [ ] `pnpm test`
-- [ ] `pnpm build` — le seul à typer `src/`
+- [ ] `pnpm verifie` — lint, typage et tests
+- [ ] `pnpm build` — Quasar sait produire le bundle
 - [ ] Essayé dans l'application, pas seulement en test
 
 ## À savoir
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 13a24a1..5d450c8 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -5,9 +5,10 @@
 # système de fichiers, les noms courts 8.3, l'énumération des processus. Les faire tourner
 # ailleurs vérifierait autre chose que ce qui est livré.
 #
-# `build` en plus de `typecheck` : `pnpm typecheck` ne couvre que `server/` et `test/`. Le
-# front n'est typé que par `vue-tsc`, que seul le build déclenche. Sans cette étape, une
-# rupture de types dans `src/` passerait la CI.
+# `build` en plus de `typecheck` : depuis la mise au socle, `pnpm typecheck` ouvre la marche
+# par `vue-tsc` et couvre donc le front, ce qu'il ne faisait pas — le build ne rattrape plus
+# une rupture de types. Il reste parce qu'il vérifie autre chose : que Quasar sait produire
+# le bundle, résoudre les alias et les imports dynamiques du manuel.
 
 name: CI
 
diff --git a/CHANGELOG.md b/CHANGELOG.md
index bdadf69..5f095a4 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -19,6 +19,33 @@ par cas.
 Une version se pose quand il y a quelque chose à annoncer, pas à chaque fusion. Une journée
 entière de montées de dépendances n'en produit aucune.
 
+## [1.3.1] — 2026-08-25
+
+Une version d'entretien : rien de visible à l'écran, tout sous le capot. Elle réunit deux
+chantiers — ce qu'il faut pour installer AURA sans surprise, et l'adoption du socle de
+qualité commun aux dépôts du parc.
+
+### Ce qui change pour vous
+
+- **L'installation dit ce qu'elle exige.** Le gestionnaire de paquets est épinglé dans le
+  manifeste, le socle exigé nomme la version que le projet fige, et la politique
+  d'installation dit ce qu'elle refuse plutôt que de le laisser découvrir à l'échec.
+- **Les dépendances sont à jour.** Quasar, Vite, Fastify, Vitest, ESLint, vue-i18n, mermaid,
+  dompurify et le reste. Aucune ne change ce que vous voyez.
+
+### Sous le capot
+
+- **Le typecheck ne laisse plus rien dehors.** `pnpm typecheck` ne regardait que le BFF et
+  les tests : une rupture de types dans un composant du front passait pour vérifiée. Il
+  ouvre maintenant la marche par `vue-tsc`.
+- **Un seul geste avant de pousser.** `pnpm verifie` enchaîne le lint, le typage et les
+  tests. `pnpm lint` relit les 384 fichiers du dépôt au lieu de quatre dossiers.
+- **La mise en forme est vérifiée, pas seulement disponible.** Prettier est lancé comme une
+  règle ESLint, aux réglages du parc. Le dépôt est reformaté en entier.
+- **Des règles de style que le dépôt ne portait pas.** `eqeqeq`, `curly`, `func-style`,
+  `no-console`, `ban-ts-comment`, plus les règles Vue et Vitest du parc. Le lint ne relève
+  plus rien : zéro erreur, zéro avertissement.
+
 ## [1.3.0] — 2026-08-20
 
 Une version d'une seule capacité, et elle est grande : la **Passerelle**, qui relie une
@@ -173,6 +200,7 @@ collées, reprise d'une session existante.
   externe, aucun secret dans le navigateur. Voir [SECURITY.md](SECURITY.md).
 - Windows, exclusivement — la seule plateforme sur laquelle l'application a tourné.
 
+[1.3.1]: https://github.com/Shaenn/aura/releases/tag/v1.3.1
 [1.3.0]: https://github.com/Shaenn/aura/releases/tag/v1.3.0
 [1.2.0]: https://github.com/Shaenn/aura/releases/tag/v1.2.0
 [1.1.0]: https://github.com/Shaenn/aura/releases/tag/v1.1.0
diff --git a/CLAUDE.md b/CLAUDE.md
index 506271c..de5a40f 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -42,14 +42,23 @@ un téléphone, ce qui supposerait de l'adapter à cet écran.
 ```bash
 pnpm dev:all     # front :9100 + BFF :8800 (proxy /api → :8800)
 pnpm test        # vitest, environnement node, test/**/*.test.ts
-pnpm typecheck   # tsc sur server/ et test/ — ne couvre PAS src/
-pnpm lint
-pnpm format
+pnpm typecheck   # vue-tsc sur src/, puis tsc sur server/ et test/
+pnpm lint        # eslint . — 384 fichiers, mise en forme comprise
+pnpm lint:fix
+pnpm format      # prettier . --write puis pnpm lint:fix
+pnpm format:check
+pnpm verifie     # lint + typecheck + test : le geste avant de pousser
 ```
 
-`src/` est typé par `vue-tsc` via `vite-plugin-checker`, donc uniquement pendant
-`pnpm dev` ou `pnpm build`. Une modification du front qui casse les types ne sera **pas**
-vue par `pnpm typecheck`.
+`pnpm typecheck` couvre tout ce que le dépôt contient : le front par `vue-tsc`, le BFF et
+les tests par `tsc`. `vite-plugin-checker` continue de typer `src/` pendant `pnpm dev`,
+mais il ne rattrape plus rien que la ligne de commande ne verrait pas.
+
+Prettier est lancé **comme une règle ESLint** (`eslint-plugin-prettier/recommended`) : la
+mise en forme se relève par `pnpm lint` et se corrige par le même `--fix`. Une seule
+réserve : le correcteur de `local/import-order` remplace le bloc des imports par les seuls
+imports triés, et efface ce qui vit entre eux — un `export … from`, un commentaire de
+groupe. Ordonner les imports à la main plutôt que de laisser `pnpm format` s'en charger.
 
 `server/` et `test/` ont leur propre `tsconfig.json` (Node, pas de `lib: dom`) ; la racine
 les exclut. `exactOptionalPropertyTypes` est actif côté `src/`, inactif côté `server/`.
diff --git a/CONTRIBUTING.en.md b/CONTRIBUTING.en.md
index 309a31e..e8ef29c 100644
--- a/CONTRIBUTING.en.md
+++ b/CONTRIBUTING.en.md
@@ -175,14 +175,15 @@ rather than copying their markup/CSS.
 ## Quality
 
 ```bash
-pnpm lint        # ESLint
-pnpm format      # Prettier
-pnpm typecheck   # tsc over server/ and test/
+pnpm verifie     # lint + typecheck + test — run this before pushing
+pnpm lint        # ESLint, formatting included
+pnpm format      # Prettier, then ESLint --fix
+pnpm typecheck   # vue-tsc over src/, then tsc over server/ and test/
 pnpm test        # vitest
 ```
 
-`src/` is **not** covered by `pnpm typecheck`: the front is typed by `vue-tsc` through
-`vite-plugin-checker`, therefore during `pnpm dev` or `pnpm build`.
+`pnpm typecheck` covers the front, the BFF and the tests. Prettier runs as an ESLint rule:
+formatting is reported by `pnpm lint` and fixed by the same `--fix`.
 
 `server/` and `test/` have their own `tsconfig.json` (Node, `lib: esnext` without DOM, `.ts`
 extensions allowed on import); the root tsconfig excludes them. `exactOptionalPropertyTypes` is on
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 00f4416..9982955 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -174,14 +174,15 @@ plutôt que de recopier leur markup/CSS.
 ## Qualité
 
 ```bash
-pnpm lint        # ESLint
-pnpm format      # Prettier
-pnpm typecheck   # tsc sur server/ et test/
+pnpm verifie     # lint + typecheck + test — le geste avant de pousser
+pnpm lint        # ESLint, mise en forme comprise
+pnpm format      # Prettier puis ESLint --fix
+pnpm typecheck   # vue-tsc sur src/, puis tsc sur server/ et test/
 pnpm test        # vitest
 ```
 
-`src/` n'est **pas** couvert par `pnpm typecheck` : le front est typé par `vue-tsc` via
-`vite-plugin-checker`, donc pendant `pnpm dev` ou `pnpm build`.
+`pnpm typecheck` couvre le front, le BFF et les tests. Prettier est lancé comme une règle
+ESLint : la mise en forme se relève par `pnpm lint` et se corrige par le même `--fix`.
 
 `server/` et `test/` ont leur propre `tsconfig.json` (Node, `lib: esnext` sans DOM, extensions `.ts`
 autorisées à l'import) ; le tsconfig racine les exclut. `exactOptionalPropertyTypes` est actif côté
diff --git a/README.en.md b/README.en.md
index 71082d9..60cd4d5 100644
--- a/README.en.md
+++ b/README.en.md
@@ -480,8 +480,8 @@ accessibility and the write contract, and they are documented. Issues and PRs ar
 either language.
 
 ```bash
-pnpm lint
-pnpm typecheck      # server/ and test/
+pnpm verifie        # lint + typecheck + test
+pnpm typecheck      # src/, server/ and test/
 pnpm test           # vitest
 ```
 
diff --git a/README.md b/README.md
index 9bc9302..4db609b 100644
--- a/README.md
+++ b/README.md
@@ -527,8 +527,8 @@ Les issues et les pull requests sont bienvenues. Avant d'ouvrir une PR, lisez
 design, l'accessibilité et le contrat d'écriture, et elles sont documentées.
 
 ```bash
-pnpm lint
-pnpm typecheck      # server/ et test/
+pnpm verifie        # lint + typecheck + test
+pnpm typecheck      # src/, server/ et test/
 pnpm test           # vitest
 ```
 
diff --git a/frontend-rules/quasar-specifics.md b/frontend-rules/quasar-specifics.md
index 90ab4e5..ef34850 100644
--- a/frontend-rules/quasar-specifics.md
+++ b/frontend-rules/quasar-specifics.md
@@ -102,6 +102,11 @@ page ; un composable (`useLiveSession`, `useExpandAll`) porte la logique réutil
 
 ## Vérification des types
 
-`vue-tsc` tourne via `vite-plugin-checker`, donc pendant `pnpm dev` et `pnpm build`
-uniquement. **`pnpm typecheck` ne couvre pas `src/`** — il ne voit que `server/` et `test/`.
-Une modification du front qui casse les types ne se voit qu'en lançant le dev ou le build.
+`pnpm typecheck` ouvre la marche par `vue-tsc` : **il couvre `src/`**, puis `server/` et
+`test/` par `tsc`. `vite-plugin-checker` continue de typer le front pendant `pnpm dev`,
+pour le retour immédiat, mais la ligne de commande ne laisse plus rien dehors.
+
+Un point demeure, et il ne se voit pas au lint : ESLint n'obtient pas de types complets sur
+les `.vue`. Une règle typée qui retirerait une assertion `as` sur un composant monofichier
+ne serait rattrapée par rien — ni par le lint, ni par `tsc`, qui ne lit pas les `.vue`.
+D'où la règle : sur un `--fix` de masse, relever `vue-tsc --noEmit` avant ET après.
diff --git a/package.json b/package.json
index 3ad2285..a9caed9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "aura",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "AURA — Assistant Unifié des Ressources Agentiques : poste de pilotage du dossier ~/.claude",
   "productName": "AURA",
   "author": "Shaenn",