feat: Initialize ObsiGate application with core frontend and backend components.

frontend/app.js

@@ -2885,6 +2885,38 @@
       }
     },
 
+    async toggleBookmark(vault, path, title, card) {
+      try {
+        const data = await api("/api/bookmarks/toggle", {
+          method: "POST",
+          body: JSON.stringify({ vault, path, title }),
+        });
+        
+        // Refresh both widgets to keep sync
+        DashboardBookmarkWidget.load();
+        
+        // Update current card icon if it exists
+        if (card) {
+          const btn = card.querySelector(".dashboard-card-bookmark-btn");
+          if (btn) {
+            btn.classList.toggle("active", data.bookmarked);
+            const icon = btn.querySelector("i");
+            if (icon) icon.setAttribute("data-lucide", data.bookmarked ? "bookmark" : "bookmark-plus");
+            safeCreateIcons();
+          }
+        }
+        
+        // Check if we need to refresh the current list to reflect bookmark status across all cards
+        // To avoid flickering, just update the cache and re-render if needed or do a silent refresh
+        this._cache.forEach(f => {
+          if (f.vault === vault && f.path === path) f.bookmarked = data.bookmarked;
+        });
+      } catch (err) {
+        console.error("Failed to toggle bookmark:", err);
+        showToast("Erreur lors de l'épinglage", "error");
+      }
+    },
+
     showLoading() {
       const grid = document.getElementById("dashboard-recent-grid");
       const loading = document.getElementById("dashboard-loading");
@@ -2944,8 +2976,19 @@
       badge.className = "dashboard-vault-badge";
       badge.textContent = file.vault;
 
+      const bookmarkBtn = document.createElement("button");
+      bookmarkBtn.className = `dashboard-card-bookmark-btn ${file.bookmarked ? "active" : ""}`;
+      bookmarkBtn.title = file.bookmarked ? "Retirer des bookmarks" : "Ajouter aux bookmarks";
+      bookmarkBtn.innerHTML = `<i data-lucide="${file.bookmarked ? "bookmark" : "bookmark-plus"}" style="width:14px;height:14px"></i>`;
+      
+      bookmarkBtn.addEventListener("click", (e) => {
+        e.stopPropagation();
+        this.toggleBookmark(file.vault, file.path, file.title, card);
+      });
+
       header.appendChild(icon);
       header.appendChild(badge);
+      header.appendChild(bookmarkBtn);
       card.appendChild(header);
 
       // Title
@@ -3055,10 +3098,74 @@
       }
 
       this.populateVaultFilter();
-      this.load(selectedContextVault);
     },
   };
 
+  // ---------------------------------------------------------------------------
+  // Dashboard Bookmarks Widget
+  // ---------------------------------------------------------------------------
+  const DashboardBookmarkWidget = {
+    _cache: [],
+    _currentFilter: "",
+
+    async load(vaultFilter = "") {
+      const v = vaultFilter || selectedContextVault || "all";
+      this._currentFilter = v;
+      this.showLoading();
+
+      let url = "/api/bookmarks";
+      if (v !== "all") url += `?vault=${encodeURIComponent(v)}`;
+
+      try {
+        const data = await api(url);
+        this._cache = data.files || [];
+        this.render();
+      } catch (err) {
+        console.error("Dashboard: Failed to load bookmarks:", err);
+        this.showEmpty();
+      }
+    },
+
+    showLoading() {
+      const grid = document.getElementById("dashboard-bookmarks-grid");
+      const empty = document.getElementById("dashboard-bookmarks-empty");
+      const section = document.getElementById("dashboard-bookmarks-section");
+      
+      if (grid) grid.innerHTML = "";
+      if (empty) empty.classList.add("hidden");
+    },
+
+    render() {
+      const grid = document.getElementById("dashboard-bookmarks-grid");
+      const empty = document.getElementById("dashboard-bookmarks-empty");
+      const section = document.getElementById("dashboard-bookmarks-section");
+
+      if (!this._cache || this._cache.length === 0) {
+        if (grid) grid.innerHTML = "";
+        if (empty) empty.classList.remove("hidden");
+        return;
+      }
+
+      if (empty) empty.classList.add("hidden");
+      if (!grid) return;
+      grid.innerHTML = "";
+
+      this._cache.forEach((f, idx) => {
+        const card = DashboardRecentWidget._createCard(f, idx);
+        grid.appendChild(card);
+      });
+
+      safeCreateIcons();
+    },
+
+    showEmpty() {
+      const grid = document.getElementById("dashboard-bookmarks-grid");
+      const empty = document.getElementById("dashboard-bookmarks-empty");
+      if (grid) grid.innerHTML = "";
+      if (empty) empty.classList.remove("hidden");
+    }
+  };
+
   async function loadRecentFiles(vaultFilter) {
     const listEl = document.getElementById("recent-list");
     const emptyEl = document.getElementById("recent-empty");
@@ -4671,19 +4778,22 @@
             <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 id="dashboard-bookmarks-empty" class="dashboard-recent-empty hidden">
+            <i data-lucide="pin"></i>
+            <span>Aucun bookmark</span>
+            <p>Épinglez des fichiers pour les retrouver ici.</p>
           </div>
         </div>`;
       safeCreateIcons();
     }
 
-    // Show the dashboard widget
+    // Show the dashboard widgets
     if (typeof DashboardRecentWidget !== "undefined") {
       DashboardRecentWidget.load(selectedContextVault);
     }
+    if (typeof DashboardBookmarkWidget !== "undefined") {
+      DashboardBookmarkWidget.load(selectedContextVault);
+    }
   }
 
   function showLoading() {