From c93b7fb2fdf90ca3e6a2ad0dab73a0a0765bdf0b Mon Sep 17 00:00:00 2001
From: Bruno Charest <bruno.charest@gmail.com>
Date: Fri, 19 Jun 2026 08:29:32 -0400
Subject: [PATCH] fix: reorder help sections to match TOC

- help-ai now at position 10 (between help-graphe and help-palette)
- help-personnalisation moved to position 17 (before help-astuces)
- All 18 sections now match TOC order
---
 frontend/index.html | 514 ++++++++++++++++++++++----------------------
 1 file changed, 259 insertions(+), 255 deletions(-)

diff --git a/frontend/index.html b/frontend/index.html
index baa4926..d2c8004 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -3407,262 +3407,9 @@
                             </p>
                         </section>
 
-                        <section
-                            class="help-section"
-                            id="help-personnalisation"
-                        >
-                            <h2 data-i18n="help.86e3825d">🎨 Personnalisation</h2>
-
-                            <h3 data-i18n="auto.337d8626">Thème clair/sombre</h3>
-                            <p data-i18n="help.theme_toggle">Basculez entre les thèmes :</p>
-                            <ul>
-                                <li>
-                                    <strong data-i18n="help.menu_options">Menu Options</strong><span data-i18n="help.desc_beed5686"> : Cliquez sur
-                                    "Thème" dans le menu</span></li>
-                                <li>
-                                    <strong>Raccourci</strong> :
-                                    <code>Ctrl+T</code>
-                                </li>
-                                <li>
-                                    <strong>Persistance</strong><span data-i18n="help.desc_e5b67e3d"> : Votre choix
-                                    est sauvegardé en localStorage</span></li>
-                                <li>
-                                    <strong>Highlight.js</strong><span data-i18n="help.desc_d5c977ac"> : Les blocs de
-                                    code s'adaptent au thème</span></li>
-                            </ul>
-
-                            <h3 data-i18n="help.7bcbb2e3">Redimensionnement de la sidebar</h3>
-                            <p>
-                                Sur desktop, ajustez la largeur de la sidebar :
-                            </p>
-                            <ul>
-                                <li>
-                                    <strong>Handle de redimensionnement</strong>
-                                    : Bordure droite de la sidebar
-                                </li>
-                                <li>
-                                    <strong data-i18n="auto.1a8a8118">Glisser-déposer</strong> : Cliquez
-                                    et glissez pour ajuster
-                                </li>
-                                <li>
-                                    <strong>Limites</strong> : Min 200px, Max
-                                    500px
-                                </li>
-                                <li>
-                                    <strong>Persistance</strong><span data-i18n="help.desc_6a80241e"> : La largeur
-                                    est sauvegardée</span></li>
-                            </ul>
-
-                            <h3 data-i18n="auto.9122fd5c">Configuration avancée</h3>
-                            <p>
-                                Le modal Configurations (menu Options) permet de
-                                :
-                            </p>
-                            <ul>
-                                <li>
-                                    <strong data-i18n="config.section_search">Paramètres de recherche</strong><span data-i18n="help.desc_6b88a375"> :
-                                    Délai debounce, résultats par page, timeout</span></li>
-                                <li>
-                                    <strong data-i18n="settings.backend_section">Paramètres backend</strong><span data-i18n="help.desc_5d0fbb81"> :
-                                    Workers, boosts TF-IDF, expansions préfixe</span></li>
-                                <li>
-                                    <strong data-i18n="config.tag_filtering_label">Filtrage de tags</strong> : Patterns
-                                    pour masquer les tags template
-                                </li>
-                                <li>
-                                    <strong data-i18n="config.diagnostics">Diagnostics</strong><span data-i18n="help.desc_6ae5342c"> : Stats index,
-                                    mémoire, moteur de recherche</span></li>
-                                <li>
-                                    <strong data-i18n="auto.83a0efdf">Réindexation</strong> : Forcer un
-                                    rescan des vaults
-                                </li>
-                            </ul>
-                        </section>
+                        
 
                         <!-- ⌨️ Palette de commandes -->
-                        <section class="help-section" id="help-palette">
-                            <h2 data-i18n="help.62308f96">⌨️ Palette de commandes</h2>
-                            <p data-i18n="auto.774dbd63">
-                                La palette de commandes permet d'accéder
-                                rapidement aux fichiers et aux actions sans
-                                utiliser la souris.
-                            </p>
-
-                            <h3 data-i18n="help.b6619ac9">Ouverture</h3>
-                            <ul>
-                                <li>
-                                    <strong>Ctrl+Shift+Espace</strong> : Palette
-                                    de fichiers (recherche par titre)
-                                </li>
-                                <li>
-                                    <strong>Ctrl+Alt+Espace</strong> : Palette
-                                    de commandes (liste d'actions)
-                                </li>
-                                <li>
-                                    <strong>Tab</strong> : Bascule entre mode
-                                    fichiers et mode commandes
-                                </li>
-                            </ul>
-
-                            <h3 data-i18n="help.6d547397">Mode fichiers</h3>
-                            <p>
-                                Tapez le nom d'un fichier pour le trouver
-                                rapidement. La recherche utilise l'API
-                                <code>/api/suggest</code> pour des suggestions
-                                instantanées. Appuyez sur <kbd>Enter</kbd> pour
-                                ouvrir le fichier sélectionné.
-                            </p>
-
-                            <h3 data-i18n="help.3cf370b1">Mode commandes</h3>
-                            <p>
-                                Tapez <code>&gt;</code> (ou Ctrl+Alt+Espace)
-                                pour voir la liste des actions disponibles :
-                            </p>
-                            <ul>
-                                <li>
-                                    🏠 <strong data-i18n="viewer.breadcrumb_home">Accueil</strong> : Retour à
-                                    l'accueil
-                                </li>
-                                <li>
-                                    ✏️ <strong data-i18n="auto.b893650a">Éditer fichier courant</strong> :
-                                    Ouvre l'éditeur sur l'onglet actif
-                                </li>
-                                <li>
-                                    🪟 <strong>Pop-out</strong> : Ouvre le
-                                    document dans une fenêtre détachée
-                                </li>
-                                <li>
-                                    📄 <strong data-i18n="auto.aedff644">Créer fichier markdown</strong> :
-                                    Crée un nouveau fichier .md et l'ouvre dans
-                                    l'éditeur
-                                </li>
-                                <li>
-                                    🗑️
-                                    <strong>Supprimer fichier courant</strong> :
-                                    Supprime le fichier de l'onglet actif
-                                </li>
-                                <li>
-                                    📁 <strong data-i18n="auto.195a8e44">Créer répertoire</strong> : Crée
-                                    un nouveau dossier
-                                </li>
-                                <li>
-                                    🗑️ <strong data-i18n="auto.5a486420">Supprimer répertoire</strong> :
-                                    Supprime un dossier et son contenu
-                                </li>
-                                <li>
-                                    🌓 <strong data-i18n="theme.change">Changer le thème</strong> :
-                                    Bascule clair/sombre
-                                </li>
-                                <li>
-                                    🔄 <strong data-i18n="config.reindex">Réindexer</strong> : Force la
-                                    réindexation complète
-                                </li>
-                                <li>
-                                    ❓ <strong data-i18n="header.help">Aide</strong> : Ouvre ce guide
-                                </li>
-                                <li>
-                                    ⚙️ <strong data-i18n="config.title">Configuration</strong> : Ouvre
-                                    les paramètres
-                                </li>
-                            </ul>
-
-                            <h3 data-i18n="help.nav_navigation">Navigation</h3>
-                            <ul>
-                                <li>
-                                    <kbd>↑</kbd> <kbd>↓</kbd> : Se déplacer dans
-                                    la liste
-                                </li>
-                                <li><kbd>Enter</kbd> : Ouvrir/sélectionner</li>
-                                <li><kbd>Esc</kbd> : Fermer la palette</li>
-                                <li>
-                                    <kbd>Tab</kbd> : Basculer entre fichiers et
-                                    commandes
-                                </li>
-                            </ul>
-                        </section>
-
-                        <section class="help-section" id="help-raccourcis">
-                            <h2 data-i18n="help.2a2e5b0f">⌨️ Raccourcis clavier</h2>
-
-                            <h3 data-i18n="help.nav_navigation">Navigation</h3>
-                            <ul>
-                                <li>
-                                    <code>Ctrl+K</code> ou <code>Cmd+K</code> :
-                                    Focaliser la barre de recherche
-                                </li>
-                                <li>
-                                    <code>/</code> : Focaliser la recherche
-                                    (hors champ texte)
-                                </li>
-                                <li>
-                                    <code>Escape</code> : Fermer les suggestions
-                                    / quitter la recherche
-                                </li>
-                            </ul>
-
-                            <h3 data-i18n="auto.13c3ee2c">Recherche et autocomplétion</h3>
-                            <ul>
-                                <li>
-                                    <code>↑</code> / <code>↓</code> : Naviguer
-                                    dans les suggestions
-                                </li>
-                                <li>
-                                    <code>Enter</code> : Sélectionner la
-                                    suggestion active ou lancer la recherche
-                                </li>
-                                <li>
-                                    <code>Escape</code> : Fermer le dropdown de
-                                    suggestions
-                                </li>
-                            </ul>
-
-                            <h3 data-i18n="help.nav_interface">Interface</h3>
-                            <ul>
-                                <li>
-                                    <code>Ctrl+T</code> : Basculer le thème
-                                    clair/sombre
-                                </li>
-                                <li>
-                                    <code>Ctrl+Shift+Espace</code> : Palette de
-                                    fichiers
-                                </li>
-                                <li>
-                                    <code>Ctrl+Alt+Espace</code> : Palette de
-                                    commandes
-                                </li>
-                                <li>
-                                    <code>Escape</code> : Fermer la palette /
-                                    les suggestions
-                                </li>
-                            </ul>
-
-                            <h3 data-i18n="help.nav_tabs">Onglets</h3>
-                            <ul>
-                                <li>
-                                    <code>Ctrl+W</code> : Fermer l'onglet actif
-                                </li>
-                                <li><code>Ctrl+Tab</code> : Onglet suivant</li>
-                                <li>
-                                    <code>Ctrl+Shift+Tab</code> : Onglet
-                                    précédent
-                                </li>
-                            </ul>
-
-                            <h3 data-i18n="auto.a131dfab">Éditeur CodeMirror</h3>
-                            <ul>
-                                <li>
-                                    <code>Ctrl+F</code> : Rechercher dans le
-                                    fichier
-                                </li>
-                                <li><code>Ctrl+Z</code> : Annuler</li>
-                                <li><code>Ctrl+Y</code> : Refaire</li>
-                                <li>
-                                    <code>Ctrl+S</code> : Sauvegarder (si
-                                    configuré)
-                                </li>
-                            </ul>
-                        </section>
-
                         <section class="help-section" id="help-ai">
                             <h2 data-i18n="auto.c4922a99">🤖 Intelligence Artificielle dans l'Éditeur</h2>
                             <p data-i18n="help.desc_b5f89b3b">
@@ -3881,6 +3628,191 @@
                             </p>
                         </section>
 
+<section class="help-section" id="help-palette">
+                            <h2 data-i18n="help.62308f96">⌨️ Palette de commandes</h2>
+                            <p data-i18n="auto.774dbd63">
+                                La palette de commandes permet d'accéder
+                                rapidement aux fichiers et aux actions sans
+                                utiliser la souris.
+                            </p>
+
+                            <h3 data-i18n="help.b6619ac9">Ouverture</h3>
+                            <ul>
+                                <li>
+                                    <strong>Ctrl+Shift+Espace</strong> : Palette
+                                    de fichiers (recherche par titre)
+                                </li>
+                                <li>
+                                    <strong>Ctrl+Alt+Espace</strong> : Palette
+                                    de commandes (liste d'actions)
+                                </li>
+                                <li>
+                                    <strong>Tab</strong> : Bascule entre mode
+                                    fichiers et mode commandes
+                                </li>
+                            </ul>
+
+                            <h3 data-i18n="help.6d547397">Mode fichiers</h3>
+                            <p>
+                                Tapez le nom d'un fichier pour le trouver
+                                rapidement. La recherche utilise l'API
+                                <code>/api/suggest</code> pour des suggestions
+                                instantanées. Appuyez sur <kbd>Enter</kbd> pour
+                                ouvrir le fichier sélectionné.
+                            </p>
+
+                            <h3 data-i18n="help.3cf370b1">Mode commandes</h3>
+                            <p>
+                                Tapez <code>&gt;</code> (ou Ctrl+Alt+Espace)
+                                pour voir la liste des actions disponibles :
+                            </p>
+                            <ul>
+                                <li>
+                                    🏠 <strong data-i18n="viewer.breadcrumb_home">Accueil</strong> : Retour à
+                                    l'accueil
+                                </li>
+                                <li>
+                                    ✏️ <strong data-i18n="auto.b893650a">Éditer fichier courant</strong> :
+                                    Ouvre l'éditeur sur l'onglet actif
+                                </li>
+                                <li>
+                                    🪟 <strong>Pop-out</strong> : Ouvre le
+                                    document dans une fenêtre détachée
+                                </li>
+                                <li>
+                                    📄 <strong data-i18n="auto.aedff644">Créer fichier markdown</strong> :
+                                    Crée un nouveau fichier .md et l'ouvre dans
+                                    l'éditeur
+                                </li>
+                                <li>
+                                    🗑️
+                                    <strong>Supprimer fichier courant</strong> :
+                                    Supprime le fichier de l'onglet actif
+                                </li>
+                                <li>
+                                    📁 <strong data-i18n="auto.195a8e44">Créer répertoire</strong> : Crée
+                                    un nouveau dossier
+                                </li>
+                                <li>
+                                    🗑️ <strong data-i18n="auto.5a486420">Supprimer répertoire</strong> :
+                                    Supprime un dossier et son contenu
+                                </li>
+                                <li>
+                                    🌓 <strong data-i18n="theme.change">Changer le thème</strong> :
+                                    Bascule clair/sombre
+                                </li>
+                                <li>
+                                    🔄 <strong data-i18n="config.reindex">Réindexer</strong> : Force la
+                                    réindexation complète
+                                </li>
+                                <li>
+                                    ❓ <strong data-i18n="header.help">Aide</strong> : Ouvre ce guide
+                                </li>
+                                <li>
+                                    ⚙️ <strong data-i18n="config.title">Configuration</strong> : Ouvre
+                                    les paramètres
+                                </li>
+                            </ul>
+
+                            <h3 data-i18n="help.nav_navigation">Navigation</h3>
+                            <ul>
+                                <li>
+                                    <kbd>↑</kbd> <kbd>↓</kbd> : Se déplacer dans
+                                    la liste
+                                </li>
+                                <li><kbd>Enter</kbd> : Ouvrir/sélectionner</li>
+                                <li><kbd>Esc</kbd> : Fermer la palette</li>
+                                <li>
+                                    <kbd>Tab</kbd> : Basculer entre fichiers et
+                                    commandes
+                                </li>
+                            </ul>
+                        </section>
+
+                        <section class="help-section" id="help-raccourcis">
+                            <h2 data-i18n="help.2a2e5b0f">⌨️ Raccourcis clavier</h2>
+
+                            <h3 data-i18n="help.nav_navigation">Navigation</h3>
+                            <ul>
+                                <li>
+                                    <code>Ctrl+K</code> ou <code>Cmd+K</code> :
+                                    Focaliser la barre de recherche
+                                </li>
+                                <li>
+                                    <code>/</code> : Focaliser la recherche
+                                    (hors champ texte)
+                                </li>
+                                <li>
+                                    <code>Escape</code> : Fermer les suggestions
+                                    / quitter la recherche
+                                </li>
+                            </ul>
+
+                            <h3 data-i18n="auto.13c3ee2c">Recherche et autocomplétion</h3>
+                            <ul>
+                                <li>
+                                    <code>↑</code> / <code>↓</code> : Naviguer
+                                    dans les suggestions
+                                </li>
+                                <li>
+                                    <code>Enter</code> : Sélectionner la
+                                    suggestion active ou lancer la recherche
+                                </li>
+                                <li>
+                                    <code>Escape</code> : Fermer le dropdown de
+                                    suggestions
+                                </li>
+                            </ul>
+
+                            <h3 data-i18n="help.nav_interface">Interface</h3>
+                            <ul>
+                                <li>
+                                    <code>Ctrl+T</code> : Basculer le thème
+                                    clair/sombre
+                                </li>
+                                <li>
+                                    <code>Ctrl+Shift+Espace</code> : Palette de
+                                    fichiers
+                                </li>
+                                <li>
+                                    <code>Ctrl+Alt+Espace</code> : Palette de
+                                    commandes
+                                </li>
+                                <li>
+                                    <code>Escape</code> : Fermer la palette /
+                                    les suggestions
+                                </li>
+                            </ul>
+
+                            <h3 data-i18n="help.nav_tabs">Onglets</h3>
+                            <ul>
+                                <li>
+                                    <code>Ctrl+W</code> : Fermer l'onglet actif
+                                </li>
+                                <li><code>Ctrl+Tab</code> : Onglet suivant</li>
+                                <li>
+                                    <code>Ctrl+Shift+Tab</code> : Onglet
+                                    précédent
+                                </li>
+                            </ul>
+
+                            <h3 data-i18n="auto.a131dfab">Éditeur CodeMirror</h3>
+                            <ul>
+                                <li>
+                                    <code>Ctrl+F</code> : Rechercher dans le
+                                    fichier
+                                </li>
+                                <li><code>Ctrl+Z</code> : Annuler</li>
+                                <li><code>Ctrl+Y</code> : Refaire</li>
+                                <li>
+                                    <code>Ctrl+S</code> : Sauvegarder (si
+                                    configuré)
+                                </li>
+                            </ul>
+                        </section>
+
+                        
+
                         <!-- 🔗 Partage -->
                         <section class="help-section" id="help-partage">
                             <h2 data-i18n="help.8c65b2f2">🔗 Partage et Webhooks</h2>
@@ -4467,7 +4399,79 @@ curl -X POST https://votre-serveur.com/webhook \
                             </ul>
                         </section>
 
-                        <section class="help-section" id="help-astuces">
+                        <section
+                            class="help-section"
+                            id="help-personnalisation"
+                        >
+                            <h2 data-i18n="help.86e3825d">🎨 Personnalisation</h2>
+
+                            <h3 data-i18n="auto.337d8626">Thème clair/sombre</h3>
+                            <p data-i18n="help.theme_toggle">Basculez entre les thèmes :</p>
+                            <ul>
+                                <li>
+                                    <strong data-i18n="help.menu_options">Menu Options</strong><span data-i18n="help.desc_beed5686"> : Cliquez sur
+                                    "Thème" dans le menu</span></li>
+                                <li>
+                                    <strong>Raccourci</strong> :
+                                    <code>Ctrl+T</code>
+                                </li>
+                                <li>
+                                    <strong>Persistance</strong><span data-i18n="help.desc_e5b67e3d"> : Votre choix
+                                    est sauvegardé en localStorage</span></li>
+                                <li>
+                                    <strong>Highlight.js</strong><span data-i18n="help.desc_d5c977ac"> : Les blocs de
+                                    code s'adaptent au thème</span></li>
+                            </ul>
+
+                            <h3 data-i18n="help.7bcbb2e3">Redimensionnement de la sidebar</h3>
+                            <p>
+                                Sur desktop, ajustez la largeur de la sidebar :
+                            </p>
+                            <ul>
+                                <li>
+                                    <strong>Handle de redimensionnement</strong>
+                                    : Bordure droite de la sidebar
+                                </li>
+                                <li>
+                                    <strong data-i18n="auto.1a8a8118">Glisser-déposer</strong> : Cliquez
+                                    et glissez pour ajuster
+                                </li>
+                                <li>
+                                    <strong>Limites</strong> : Min 200px, Max
+                                    500px
+                                </li>
+                                <li>
+                                    <strong>Persistance</strong><span data-i18n="help.desc_6a80241e"> : La largeur
+                                    est sauvegardée</span></li>
+                            </ul>
+
+                            <h3 data-i18n="auto.9122fd5c">Configuration avancée</h3>
+                            <p>
+                                Le modal Configurations (menu Options) permet de
+                                :
+                            </p>
+                            <ul>
+                                <li>
+                                    <strong data-i18n="config.section_search">Paramètres de recherche</strong><span data-i18n="help.desc_6b88a375"> :
+                                    Délai debounce, résultats par page, timeout</span></li>
+                                <li>
+                                    <strong data-i18n="settings.backend_section">Paramètres backend</strong><span data-i18n="help.desc_5d0fbb81"> :
+                                    Workers, boosts TF-IDF, expansions préfixe</span></li>
+                                <li>
+                                    <strong data-i18n="config.tag_filtering_label">Filtrage de tags</strong> : Patterns
+                                    pour masquer les tags template
+                                </li>
+                                <li>
+                                    <strong data-i18n="config.diagnostics">Diagnostics</strong><span data-i18n="help.desc_6ae5342c"> : Stats index,
+                                    mémoire, moteur de recherche</span></li>
+                                <li>
+                                    <strong data-i18n="auto.83a0efdf">Réindexation</strong> : Forcer un
+                                    rescan des vaults
+                                </li>
+                            </ul>
+                        </section>
+
+<section class="help-section" id="help-astuces">
                             <h2 data-i18n="help.686f8313">💡 Astuces et bonnes pratiques</h2>
 
                             <h3 data-i18n="auto.559ef1da">Workflow recommandé</h3>