feat(editeur): #93 edition inline — Editer/Forge remplacent la vue lecture

Le conteneur d'edition (#editor-container, CodeMirror ou iframe Forge) est deplace dans la zone de contenu du document (#content-area ou pane active) au lieu de l'overlay plein ecran : le mode edition remplace la vue lecture. L'overlay reste monte (transparent, pointer-events: none) car le ruban d'edition mobile y est ancre ; il ne sert plus que de repli quand la cible n'est pas le document affiche. Garde-fou dans renderFile() pour liberer proprement la session (destroy CodeMirror/Yjs, retrait de l'iframe Forge) ; forge-close passe par closeEditor() ; cache d'onglet invalide au retour en lecture.

Assistant IA : app_context.editing annonce le document en cours d'edition (frontend bookslm.js + backend bookslm.py), et chaque ecriture d'outil (edit_file, append_to_file, create_file, restore_backup) recharge le document affiche (obsigate:file-written) — tampon CodeMirror remplace avec auto-save neutralisee, parent-reload pour l'iframe Forge, re-rendu de la vue lecture sinon.

Tests : tests/frontend/editor-inline.test.mjs (19), tests/test_bookslm.py::TestGeneralPrompt (3 nouveaux). Fiche : docs/features/editeur-inline.md.

frontend/js/viewer.js

@@ -1,7 +1,8 @@
 /* ObsiGate — Viewer module */
 import { api, AuthManager } from './auth.js';
 import { state } from './state.js';
-import { escapeHtml, safeCreateIcons, safeHighlight, getFileIcon, openEditor, copyToClipboard } from './utils.js';
+import { escapeHtml, safeCreateIcons, safeHighlight, getFileIcon, openEditor, copyToClipboard, activateInlineEditor, detachInlineEditor } from './utils.js';
+import { isInlineEditorActive } from './editor-inline.js';
 import { TabManager, closeMobileSidebar, ContextMenuManager, RightSidebarManager, showToast, buildFrontmatterCard } from './ui.js';
 import { syncActiveFileTreeItem, searchByTag, TagFilterService, refreshSidebarTreePreservingState, focusPathInSidebar } from './sidebar.js';
 import { AutocompleteDropdown, performAdvancedSearch } from './search.js';
@@ -518,6 +519,11 @@ function applyPrettyHighlight(codeEl, lang, text) {
 }
 
 export function renderFile(data) {
+  // #93 — An inline edition session (#editor-container mounted in the content
+  // area) is destroyed by this very re-render: release it first so the editor
+  // state (CodeMirror view, Forge iframe, Yjs session) is torn down cleanly
+  // instead of being wiped mid-session by a tab switch / sidebar click.
+  if (isInlineEditorActive()) detachInlineEditor();
   const area = getContentArea();
 
   // Handle PDF files — render in iframe with TOC sidebar
@@ -749,11 +755,19 @@ export function renderFile(data) {
   const forgeBtn = el("button", { class: "btn-action btn-forge", title: t("viewer.forge_title") }, [icon("hammer", 14), document.createTextNode("Forge")]);
   forgeBtn.addEventListener("click", () => {
     var modal = document.getElementById("editor-modal");
-    var container = modal.querySelector(".editor-container");
     var bodyEl = document.getElementById("editor-body");
     // Set editor state so parent buttons work
     state.editorVault = data.vault;
     state.editorPath = data.path;
+    // #93 — Forge replaces the document read view when this file is the one
+    // currently displayed; otherwise it falls back to the overlay.
+    var inline = activateInlineEditor(data.vault, data.path);
+    if (!inline) {
+      // A stale inline session (another document) must release the area first.
+      detachInlineEditor();
+      state.editorVault = data.vault;
+      state.editorPath = data.path;
+    }
     // Update header: show "Forge" brand + filename
     var brand = modal.querySelector(".editor-brand");
     var titleInp = document.getElementById("editor-title-input");
@@ -766,7 +780,8 @@ export function renderFile(data) {
     var iframe = document.createElement("iframe");
     iframe.id = "forge-iframe";
     iframe.src = "/editor-poc?vault=" + encodeURIComponent(data.vault) + "&path=" + encodeURIComponent(data.path) + "&_ts=" + Date.now();
-    iframe.style.cssText = "width:100%;height:82vh;border:none;display:block;";
+    // Inline: the iframe fills the content area; overlay: the original 82vh.
+    iframe.style.cssText = "width:100%;height:" + (inline ? "100%" : "82vh") + ";border:none;display:block;";
     bodyEl.appendChild(iframe);
     modal.classList.add("active");
     safeCreateIcons();