From 4a38f4c24c0ada807ad57ea2de206039e5ec9f06 Mon Sep 17 00:00:00 2001
From: Etienne Delvarre <etiennedelvarre@Mac-mini-de-Etienne.local>
Date: Fri, 29 May 2026 17:49:35 +0200
Subject: [PATCH] =?UTF-8?q?Fix=20l=C3=A9gende=20Binder=20+=20persistance?=
 =?UTF-8?q?=20vue=20active=20au=20refresh?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Binder en flex column pour que la légende apparaisse
- Vue active sauvegardée dans localStorage, restaurée au chargement

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 public/index.html | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/public/index.html b/public/index.html
index eb27b1b..9ec2d41 100644
--- a/public/index.html
+++ b/public/index.html
@@ -342,7 +342,7 @@ window.dispatchEvent(new Event('tiptap-loaded'));
 
   /* ── Vue Rédaction ── */
   .redaction-layout { display: flex; height: calc(100vh - 60px); }
-  .binder { width: 260px; flex-shrink: 0; background: var(--bg-alt); border-right: 1px solid var(--border); overflow-y: auto; padding: 16px 0; }
+  .binder { width: 260px; flex-shrink: 0; background: var(--bg-alt); border-right: 1px solid var(--border); overflow-y: auto; padding: 16px 0; display: flex; flex-direction: column; }
   .binder-acte { padding: 0 12px; margin-bottom: 4px; }
   .binder-acte-title { font-family: 'Playfair Display', serif; font-size: 13px; font-weight: 700; color: var(--text-hint); text-transform: uppercase; letter-spacing: 0.5px; padding: 10px 12px 6px; cursor: pointer; user-select: none; }
   .binder-acte-title:hover { color: var(--text); }
@@ -424,7 +424,7 @@ window.dispatchEvent(new Event('tiptap-loaded'));
   <div class="sidebar">
     <div class="sidebar-logo">Tableau de bord</div>
     <div class="sidebar-project">Projet RdB</div>
-    <div class="nav-item active" data-view="vision" onclick="switchView('vision')"><span class="nav-icon">&#9733;</span> Vision</div>
+    <div class="nav-item" data-view="vision" onclick="switchView('vision')"><span class="nav-icon">&#9733;</span> Vision</div>
     <div class="nav-item" data-view="frise" onclick="switchView('frise')"><span class="nav-icon">&#9868;</span> Frise</div>
     <div class="nav-item" data-view="redaction" onclick="switchView('redaction')"><span class="nav-icon">&#9998;</span> Rédaction</div>
     <div class="sidebar-footer">Etienne & Myriam</div>
@@ -630,6 +630,7 @@ function switchView(name) {
   document.querySelectorAll('.view').forEach(v => v.classList.remove('active'));
   document.getElementById('view-' + name).classList.add('active');
   document.querySelectorAll('.nav-item[data-view]').forEach(n => n.classList.toggle('active', n.dataset.view === name));
+  try { localStorage.setItem('tdb-rdb-view', name); } catch(e) {}
   const topTitle = document.querySelector('.topbar-title');
   const btnNew = document.querySelector('.btn-new');
   if (name === 'vision') {
@@ -1011,6 +1012,11 @@ async function loadData() {
   populateFilterOptions();
   renderFrise();
   applyFilters();
+  // Restore last active view
+  try {
+    const saved = localStorage.getItem('tdb-rdb-view');
+    if (saved && document.getElementById('view-' + saved)) switchView(saved);
+  } catch(e) {}
 }
 
 function esc(s) {