ObsiGate/docs/features/file-chat-169.md

# Chat intégré par fichier — #169

- **Statut :** ✅ livré le 2026-10-08
- **Effort :** 3-4 j (réalisé en 1 session) | **Impact :** 🟢
- **Transport :** SSE existant (#62) — pas de second WebSocket

## Ce qui a été livré

### Backend

- **Store `backend/file_chat.py`** — historique JSON par paire
  `(vault, path)` sous `data/chats/` :
  - nom de fichier = SHA-256 de `vault\0path` (32 premiers hex) : aucun
    séparateur de chemin utilisateur dans le nom → traversal impossible ;
  - plafond **500 messages** par fichier (les plus vieux supprimés) ;
  - texte tronqué à **4000 caractères** ;
  - écriture atomique (tmp + move) ; fichier corrompu → historique vide
    (fallback, pas de crash).
- **Routes `backend/routers/file_chat.py`** (tag OpenAPI « Files » dérivé) :
  - `GET /api/file/{vault}/chat?path=…` → historique chronologique ;
  - `POST /api/file/{vault}/chat` `{path, text}` → ajout + broadcast SSE ;
  - garde commune : `require_auth` + `check_vault_access` +
    `resolve_safe_path` (traversal → 403/500 via le handler `ServiceError`) ;
  - `text` ou `path` vides → 400 ; vault inconnu → 404.
- **Schémas** `ChatMessageItem` / `ChatHistoryResponse` /
  `ChatMessageResponse` dans `backend/schemas.py` (`response_model` sur les
  deux routes).
- **Broadcast** : `sse_manager.broadcast("chat_message", {vault, path, message})`.

### Frontend

- **`frontend/js/filechat.js`** — panneau latéral :
  - bouton 💬 (`.btn-chat`) dans le groupe nav de la toolbar fichier
    (viewer.js), toggle ouvre/ferme ;
  - historique rendu chronologiquement, bulles « mine » à droite,
    `textContent` pour le corps (pas d'injection HTML) ;
  - envoi POST optimiste + dédoublonnage par `id` à la réception SSE ;
  - panneau fermé / autre fichier → **toast** « Nouveau message de … »
    (silencier si c'est son propre message).
- **`frontend/js/sync.js`** — listener SSE `chat_message` avec import
  dynamique de `filechat.js` (pas de cycle d'imports).
- **CSS** bloc `#169` : panneau fixe 340 px, **plein écran ≤ 768 px**,
  variables CSS avec fallbacks, input 16 px (anti-zoom iOS).
- **i18n** : 10 clés `chat.*` dans `fr.json` et `en.json`.

## Tests

- `tests/test_file_chat.py` — 15 tests : roundtrip store, isolation par
  fichier, plafond de rétention, troncature, traversal hashée, fichier
  corrompu, routes (200/400/404/403), fixture autouse isolant `CHAT_DIR`.
- `tests/frontend/filechat.test.mjs` — 6 tests JSDOM : empty state, rendu
  chronologique + classe `mine`, anti-injection HTML, append live + dédup
  par id, isolation inter-fichiers, toggle. Locales réellement chargées
  (fetch simulé vers `frontend/locales/`).
- Les deux sont ajoutés au pipeline CI (`.gitea/workflows/ci.yml`).

## #190 — Suivi du document, chat général, ordre des onglets (2026-10-08)

### A. Le panneau suit le document

- En-tête du panneau : `.file-chat-target` affiche le titre du document
  (l'attribut `title` porte le chemin complet).
- `followFileChat(vault, path, title)` est appelé en tête de `renderFile()` :
  panneau ouvert + autre document → re-cible (reload de l'historique) ;
  panneau fermé → no-op. Le bouton 💬 transmet `data.title`.

### B. Chat général en onglet sidebar

- Onglet `#sidebar-tab-chat` (dernier, `message-circle`) + panneau
  `#sidebar-panel-chat` (liste + 📎 + saisie + Envoyer, Entrée = envoyer).
- **Store** : rien de nouveau — les sentinelles `GLOBAL_VAULT="__global__"` /
  `GLOBAL_PATH="general"` réutilisent `add_message`/`get_messages`.
- **Routes** : `GET/POST /api/chat`, `POST /api/chat/upload`,
  `GET /api/chat/attachment/{name}`.
- **Pièces jointes** : allow-list d'extensions (11 : images + vidéos), 25 MB,
  nom de stockage = UUID (le nom client n'est jamais utilisé), résolution
  par comparaison au nom + allow-list (aucun chemin utilisateur).
- **Messages non lus** : timestamp de dernière visite dans
  `localStorage['obsigate-chat-unread']`, comptage des messages plus récents
  d'un autre auteur, pastille rouge `99+` sur l'onglet, effacée à l'ouverture.
- **URL** : linkification `http(s)://` au rendu (texte autour en `TextNode`,
  donc pas d'injection).
- **SSE** : `vault === "__global__"` route vers la liste sidebar (append +
  clear) ou vers badge + toast selon que l'onglet est actif.

### C. Ordre des onglets + filtre = recherche chat

- `index.html` : le bloc `.sidebar-filter` est **déplacé après** `.sidebar-tabs`.
- `switchSidebarTab` : placeholder `sidebar.filter_chat`, dispatch `chat`.
- `initSidebarFilter` (`sidebar.js`) : `routeFilter`/`routeClear` routent
  vers `filterChatMessages()` (texte **et** auteur, insensible à la casse).

## #191 — Suppression, messages privés, boîte compacte, link preview (2026-10-08)

### A. Suppression d'un post

- `DELETE /api/chat/{id}` et `DELETE /api/chat/dm/{peer}/{id}` :
  **auteur du message ou admin** (403 sinon), 404 si l'id n'existe pas.
- Store : `delete_message(vault, path, id)` — écriture atomique,
  `False` si absent ; broadcast SSE `chat_deleted` `{vault, path, id}`.
- Frontend : bouton 🗑 (`.file-chat-del`, visible au survol) rendu dans
  `_messageEl` uniquement si l'URL de suppression est fournie **et**
  que l'utilisateur est auteur/admin ; `confirm()` natif ; retrait local
  + retrait en direct chez tous via `onChatDeleted` (relais `sync.js`).

### B. Messages privés 2 utilisateurs

- Store : `DM_VAULT = "__dm__"`, `dm_path(a, b)` = paire **triée** → les
  deux participants lisent/écrivent le même document, indépendamment de
  l'ordre.
- Routes : `GET /api/chat/users` (destinataires — usernames +
  display_names, **sans soi-même**, aucun hash/mot de passe exposé),
  `GET/POST /api/chat/dm/{username}` (404 utilisateur inconnu, 400 DM à
  soi), `DELETE /api/chat/dm/{username}/{id}`.
- Frontend : rangée de pastilles `.chat-channels` (« Général » + un
  bouton par utilisateur) au-dessus du fil ; `_channel` état courant,
  `_channelKey`/`_channelUrl`/`_channelDelUrl` ; placeholder dédié
  `chat.placeholder_dm` ; non-lus **par canal** (compteurs dans
  `localStorage`, l'ancien mélange timestamp/compteur est devenu un
  compteur unique `{"general": n, "dm:x": n}`, remis à zéro à l'ouverture,
  pastille = total) ; les DM SSE routés par `_pairOf(path)`.

### C. Boîte d'édition compacte

- Bouton d'envoi réduit à une icône `send` (`.file-chat-send-icon`) dans
  les deux formulaires (panneau document + sidebar) ; la saisie garde
  toute la largeur. `safeCreateIcons()` à la fin du `_renderShell`.

### D. Link preview

- `build_preview(text)` (store) : 1ʳᵉ URL du texte → garde SSRF
  `_assert_public_http_url` (host privé/loopback rejeté, schémas non
  http refusés) → `httpx.get` 5 s, 512 Ko, `follow_redirects` (limite
  httpx = 20) → parse OG par regex (`og:title` avec repli `<title>`,
  `og:description`, `og:image`, `og:site_name`) →
  `{url, title, description, image, site}`.
- **Best-effort** : n'importe quelle erreur (URL morte, timeout, garde)
  → `None`, le message passe quand même ; cache borné **200 entrées**.
- Frontend : `_previewEl` rend une carte cliquable (vignette lazy
  `no-referrer`, site en capitales, titre/description tronqués 2 lignes)
  sous le corps du message.
- Schéma : `ChatMessageItem.preview`.

### Tests #191

- pytest `TestDelete` (3), `TestPrivateChat` (8), `TestLinkPreview` (6,
  dont le happy path avec `httpx.get` mocké — un `max_redirects`
  inexistante sur `httpx.get` levait un TypeError silencieusement avalé
  par le `try`, testé par `test_build_preview_happy_path_parses_og`).
- JSDOM `filechat.test.mjs` +5 : carte preview, bouton supprimer
  (droit auteur/admin), `onChatDeleted`, compteurs non-lus,
  routage DM isolé du général (16 au total).

## Décisions

- **SSE plutôt qu'un second WebSocket** : le transport de #62 (EventSource
  `/api/events`, auth par cookie) existe déjà côté client dans `sync.js` ;
  un WS par fichier aurait dupliqué reconnexion/heartbeat/auth pour zéro
  bénéfice sur du messages-postés.
- **Pas d'événement dans le panneau de sync** (`_addEvent`) : les messages
  de chat gonfleraient l'historique d'événements d'index sans valeur.
- **Tag OpenAPI** : pas de tag maison (`file-chat`) — non déclaré dans
  `TAGS_METADATA`, ce qui cassait `test_used_tags_are_declared`. Les routes
  `/api/file/*` sont dérivées automatiquement sous « Files ».