Mobile bottom toolbar: explorer, search, palette, tab switcher — Obsidian-style

frontend/index.html

@@ -1572,5 +1572,37 @@ curl -X POST https://votre-serveur.com/webhook \
   </div>
 
   <script type="module" src="/static/js/app.js"></script>
+
+  <!-- ── Mobile Bottom Toolbar ── -->
+  <nav class="mobile-toolbar" id="mobile-toolbar" aria-label="Barre d'outils mobile">
+    <button class="mt-btn" id="mt-explorer" title="Explorateur" aria-label="Explorateur de vault">
+      <i data-lucide="folder-open" style="width:20px;height:20px"></i>
+      <span class="mt-label">Explorer</span>
+    </button>
+    <button class="mt-btn" id="mt-search" title="Rechercher" aria-label="Rechercher">
+      <i data-lucide="search" style="width:20px;height:20px"></i>
+      <span class="mt-label">Recherche</span>
+    </button>
+    <button class="mt-btn mt-btn-primary" id="mt-palette" title="Palette" aria-label="Palette de fichiers">
+      <i data-lucide="command" style="width:20px;height:20px"></i>
+      <span class="mt-label">Palette</span>
+    </button>
+    <button class="mt-btn" id="mt-tabs" title="Onglets" aria-label="Onglets ouverts">
+      <i data-lucide="files" style="width:20px;height:20px"></i>
+      <span class="mt-badge" id="mt-tab-count" style="display:none">0</span>
+      <span class="mt-label">Onglets</span>
+    </button>
+  </nav>
+
+  <!-- ── Mobile Tab Switcher (bottom sheet) ── -->
+  <div class="mt-tab-switcher" id="mt-tab-switcher">
+    <div class="mt-sheet-handle"></div>
+    <div class="mt-sheet-header">
+      <span class="mt-sheet-title">Fichiers ouverts</span>
+      <button class="mt-sheet-close" id="mt-sheet-close" aria-label="Fermer">✕</button>
+    </div>
+    <div class="mt-sheet-list" id="mt-tab-list"></div>
+  </div>
+  <div class="mt-overlay" id="mt-overlay"></div>
  </body>
  </html>