feat: roadmap items #7 #8 #9 #10 — recent files, semver tag, search filters, dedup

- #7: Section « Récents » dans la page d'accueil vault (5 derniers fichiers)
- #8: Git tag v1.8.0
- #9: Filtres search avancés created:/modified:/size: avec parsing dates/sizes
- #10: Déduplication IGNORED_DIRS (indexer.py source unique, watcher+main importent)
- ROADMAP: tous les items marqués FAIT, version → 1.9.0

frontend/js/vaulthome.js

@@ -80,6 +80,11 @@ export async function showVaultHome(vaultName, dirPath = '') {
     </div>`;
 
   await loadAndRender(vaultName, state.currentDir, resultsArea);
+
+  // Also load recent files for this vault (only at root level)
+  if (!state.currentDir) {
+    loadRecentSection(vaultName, container);
+  }
 }
 
 /**
@@ -285,6 +290,62 @@ async function loadAndRender(vaultName, dirPath, container) {
   }
 }
 
+// ---------------------------------------------------------------------------
+// Recent files section (loaded at vault root only)
+// ---------------------------------------------------------------------------
+
+async function loadRecentSection(vaultName, container) {
+  try {
+    const data = await api(`/api/recent?mode=opened&vault=${encodeURIComponent(vaultName)}&limit=5`);
+    const files = data.files || [];
+    if (files.length === 0) return;
+
+    // Insert recent section BEFORE the results area
+    const resultsArea = document.getElementById('vault-home-results');
+    const section = el('div', { class: 'vault-home-recent' });
+
+    const header = el('div', { class: 'vault-home-recent-header' });
+    header.innerHTML = `
+      <i data-lucide="clock" style="width:14px;height:14px"></i>
+      <span>Récents</span>`;
+    section.appendChild(header);
+
+    const list = el('div', { class: 'vault-home-recent-list' });
+    files.forEach((f) => {
+      const title = f.title || f.path.split('/').pop() || '';
+      const displayTitle = title.match(/\.md$/i) ? title.replace(/\.md$/i, '') : title;
+      const dir = f.path.includes('/') ? f.path.split('/').slice(0, -1).join('/') + '/' : '';
+
+      const item = el('div', { class: 'vault-home-recent-item' });
+      item.innerHTML = `
+        <i data-lucide="${getFileIcon ? getFileIcon(f.path) : 'file'}" style="width:14px;height:14px;opacity:0.6;flex-shrink:0"></i>
+        <span class="vault-home-recent-title">${escapeHtml(displayTitle)}</span>
+        <span class="vault-home-recent-dir">${escapeHtml(dir)}</span>
+        <span class="vault-home-recent-time">${escapeHtml(f.mtime_human || '')}</span>`;
+
+      item.addEventListener('click', () => TabManager.openPreview(f.vault, f.path));
+      item.addEventListener('dblclick', (e) => {
+        e.preventDefault();
+        TabManager.openPersistent(f.vault, f.path);
+      });
+      list.appendChild(item);
+    });
+
+    section.appendChild(list);
+
+    // Insert before the results area
+    if (resultsArea) {
+      container.insertBefore(section, resultsArea);
+    } else {
+      container.appendChild(section);
+    }
+
+    safeCreateIcons();
+  } catch {
+    // Silently skip if recent files can't be loaded
+  }
+}
+
 // ---------------------------------------------------------------------------
 // Utility
 // ---------------------------------------------------------------------------