feat: chat — suivi du document, chat général en onglet sidebar, onglets au-dessus du filtre #190

- **A — Suivi du document** : l'en-tête du panneau chat affiche le document
  ciblé (titre + chemin) et `followFileChat()` appelé par `renderFile()`
  re-cible le panneau ouvert à chaque changement de document.
- **B — Chat général** : onglet « Chat » (dernier) dans la sidebar,
  conversation centrale stockée dans le store #169 via les sentinelles
  `__global__/general` (`GET/POST /api/chat`) ; pastille de messages non
  lus sur l'onglet ; pièces jointes image/vidéo (`POST /api/chat/upload` :
  allow-list d'extensions, 25 MB, nom UUID ; `GET /api/chat/attachment/{name}`
  résolu contre l'allow-list) ; URL cliquables au rendu ; date/heure d'envoi.
- **C — Ordre des onglets** : la barre de filtre passe sous les onglets et
  sert de recherche dans le chat (texte + auteur) quand l'onglet Chat est
  actif (`switchSidebarTab` + `routeFilter`).
- Transport : broadcast SSE `chat_message` réutilisé (`vault __global__`
  route vers la sidebar, sinon le panneau fichier) — pas de 2ᵉ WebSocket.
- i18n FR/EN (6 clés), CSS bloc #190, `initSidebarChat()` dans l'orchestrateur.
- Tests : pytest 27 chat (12 nouveaux) ; JSDOM `filechat.test.mjs` 11 (5
  nouveaux) ; suite 1655 passed, ruff/mypy 0, validate-imports 42 modules.
- Docs : CHANGELOG [Unreleased], ROADMAP #190 → index, fiche
  `file-chat-169.md` §#190, guide « Chat général », journal des interventions.

tests/frontend/filechat.test.mjs

@@ -21,7 +21,14 @@ const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
 const dom = new JSDOM(
-  `<!DOCTYPE html><html><body><div id="toast-container"></div></body></html>`,
+  `<!DOCTYPE html><html><body><div id="toast-container"></div>
+    <div class="sidebar-tab-panel active" id="sidebar-panel-chat">
+      <div id="sidebar-panel-chat-list" class="file-chat-list"></div>
+      <div id="sidebar-panel-chat-pending"></div>
+      <form id="sidebar-panel-chat-form"><input id="sidebar-panel-chat-input" /></form>
+    </div>
+    <button id="sidebar-tab-chat"></button>
+  </body></html>`,
   { url: "http://localhost/", pretendToBeVisual: true },
 );
 
@@ -63,7 +70,10 @@ const { initI18n } = await import(pathToFileURL(path.join(JS_DIR, "i18n.js")).hr
 await initI18n();
 
 const mod = await import("../../frontend/js/filechat.js");
-const { renderChatMessages, onChatMessage, openFileChat, closeFileChat, toggleFileChat } = mod;
+const {
+  renderChatMessages, onChatMessage, openFileChat, closeFileChat, toggleFileChat,
+  followFileChat, openSidebarChat, filterChatMessages, refreshUnreadBadge,
+} = mod;
 
 let pass = 0;
 const cases = [];
@@ -148,6 +158,59 @@ test("toggleFileChat: opens then closes on the same file", async () => {
   closeFileChat();
 });
 
+test("#190 A — followFileChat re-targets the open panel", async () => {
+  await openFileChat("V", "one.md", "Doc Un");
+  const panel = document.getElementById("file-chat-panel");
+  assert.strictEqual(panel.classList.contains("hidden"), false);
+  followFileChat("V", "two.md", "Doc Deux");
+  await new Promise((r) => setTimeout(r, 20));
+  const target = panel.querySelector(".file-chat-target");
+  assert.strictEqual(target.textContent, "Doc Deux");
+  assert.strictEqual(target.title, "two.md");
+  closeFileChat();
+  followFileChat("V", "three.md", "Doc Trois");
+  await new Promise((r) => setTimeout(r, 20));
+  assert.strictEqual(panel.querySelector(".file-chat-target").textContent, "Doc Deux");
+});
+
+test("#190 B — openSidebarChat renders the general history", async () => {
+  await openSidebarChat();
+  const list = document.getElementById("sidebar-panel-chat-list");
+  assert.strictEqual(list.querySelector(".file-chat-empty") !== null, true);
+});
+
+test("#190 B — onChatMessage routes __global__ to the sidebar list", async () => {
+  const list = document.getElementById("sidebar-panel-chat-list");
+  onChatMessage({ vault: "__global__", path: "general", message: { id: "g1", user: "alice", text: "salut tout le monde", ts: 5 } });
+  assert.strictEqual(list.querySelectorAll(".file-chat-msg").length, 1);
+  assert.strictEqual(list.querySelector(".file-chat-body").textContent, "salut tout le monde");
+  onChatMessage({ vault: "__global__", path: "general", message: { id: "g1", user: "alice", text: "salut tout le monde", ts: 5 } });
+  assert.strictEqual(list.querySelectorAll(".file-chat-msg").length, 1);
+});
+
+test("#190 C — filterChatMessages narrows by text/user", async () => {
+  onChatMessage({ vault: "__global__", path: "general", message: { id: "f1", user: "alice", text: "recette de pizza", ts: 10 } });
+  onChatMessage({ vault: "__global__", path: "general", message: { id: "f2", user: "bob", text: "deploiement docker", ts: 11 } });
+  const list = document.getElementById("sidebar-panel-chat-list");
+  filterChatMessages("pizza");
+  assert.strictEqual(list.querySelectorAll(".file-chat-msg").length, 1);
+  assert.strictEqual(list.querySelector(".file-chat-body").textContent, "recette de pizza");
+  filterChatMessages("bob"); // la recherche couvre aussi l'auteur
+  assert.strictEqual(list.querySelectorAll(".file-chat-msg").length, 1);
+  filterChatMessages("");
+  assert.ok(list.querySelectorAll(".file-chat-msg").length >= 3);
+});
+
+test("#190 — URL rendered as a link, surrounding text stays plain", async () => {
+  const list = document.getElementById("sidebar-panel-chat-list");
+  onChatMessage({ vault: "__global__", path: "general", message: { id: "u1", user: "alice", text: "voici https://example.com/doc et du texte", ts: 20 } });
+  const msg = list.querySelector('[data-id="u1"]');
+  const a = msg.querySelector("a.file-chat-link");
+  assert.strictEqual(a.href, "https://example.com/doc");
+  assert.strictEqual(a.target, "_blank");
+  assert.ok(msg.textContent.includes("du texte"));
+});
+
 // Sequential execution: each case depends on panel state left by the previous.
 for (const [name, fn] of cases) {
   try {