From fff0e9447072e97f16ad07e9acaf0bf1a14c702d Mon Sep 17 00:00:00 2001
From: Bruno Charest <bruno.charest@gmail.com>
Date: Fri, 27 Mar 2026 14:11:07 -0400
Subject: [PATCH] feat: add initial implementation of the ObsiGate frontend
 SPA.

---
 frontend/app.js     | 34 ++++++++++++++++++++++++++++------
 frontend/index.html |  5 -----
 2 files changed, 28 insertions(+), 11 deletions(-)

diff --git a/frontend/app.js b/frontend/app.js
index 429677b..500ee25 100644
--- a/frontend/app.js
+++ b/frontend/app.js
@@ -4653,13 +4653,35 @@
 
   function showWelcome() {
     hideProgressBar();
-    // Show the dashboard widget instead of simple welcome message
+    
+    // Ensure the dashboard container exists (it might have been wiped by renderFile)
+    const area = document.getElementById("content-area");
+    if (area && !document.getElementById("dashboard-home")) {
+      area.innerHTML = `
+        <div id="dashboard-home" class="dashboard-home" role="region" aria-label="Derniers fichiers ouverts">
+          <div class="dashboard-header">
+            <div class="dashboard-title-row">
+              <i data-lucide="clock" class="dashboard-icon"></i>
+              <h2>Derniers fichiers ouverts</h2>
+            </div>
+          </div>
+          <div id="dashboard-recent-grid" class="dashboard-recent-grid"></div>
+          <div id="dashboard-loading" class="dashboard-loading">
+            <div class="skeleton-card"></div>
+            <div class="skeleton-card"></div>
+            <div class="skeleton-card"></div>
+          </div>
+          <div id="dashboard-recent-empty" class="dashboard-recent-empty hidden">
+            <i data-lucide="layout"></i>
+            <span>Aucun fichier récent</span>
+            <p>Les fichiers que vous ouvrirez s'afficheront ici.</p>
+          </div>
+        </div>`;
+      safeCreateIcons();
+    }
+
+    // Show the dashboard widget
     if (typeof DashboardRecentWidget !== "undefined") {
-      // Re-init the widget to refresh data and populate vault filter
-      const dashboardVaultFilter = document.getElementById("dashboard-vault-filter");
-      if (dashboardVaultFilter) {
-        dashboardVaultFilter.value = selectedContextVault === "all" ? "" : selectedContextVault;
-      }
       DashboardRecentWidget.load(selectedContextVault);
     }
   }
diff --git a/frontend/index.html b/frontend/index.html
index dc122b1..3d654c7 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -356,11 +356,6 @@
               <i data-lucide="clock" class="dashboard-icon"></i>
               <h2>Derniers fichiers ouverts</h2>
             </div>
-            <div class="dashboard-filter-row">
-              <select id="dashboard-vault-filter" class="dashboard-select">
-                <option value="">Tous les vaults</option>
-              </select>
-              <span class="dashboard-count" id="dashboard-count"></span>
             </div>
           </div>
           <div id="dashboard-recent-grid" class="dashboard-recent-grid"></div>