{# Contenu de la documentation Lucy Assist (vue Guide du panneau) #}

<div class="lucy-doc">
    <h2 class="lucy-vue-titre">Guide Lucy</h2>

    <div class="lucy-rubriques">
        {# assist.rubrique #}
        <details class="lucy-rubrique" open>
            <summary>
                <span class="lucy-pastille-ico lucy-pastille-ico-sm"><span class="lucy-ico" data-ico="map-pin" data-size="18"></span></span>
                <span class="lucy-rubrique-titre">Aide contextuelle</span>
                <span class="lucy-ico lucy-rubrique-chevron" data-ico="chevron-down" data-size="16"></span>
            </summary>
            <div class="lucy-rubrique-corps">
                <div>Lucy détecte la page où vous vous trouvez pour vous proposer une aide ciblée.</div>
            </div>
        </details>

        <details class="lucy-rubrique">
            <summary>
                <span class="lucy-pastille-ico lucy-pastille-ico-sm"><span class="lucy-ico" data-ico="magnifying-glass" data-size="18"></span></span>
                <span class="lucy-rubrique-titre">Recherche intelligente</span>
                <span class="lucy-ico lucy-rubrique-chevron" data-ico="chevron-down" data-size="16"></span>
            </summary>
            <div class="lucy-rubrique-corps">
                <div>Trouvez n'importe quel élément en posant simplement la question.</div>
                <div class="lucy-exemple">Ex. « Trouve-moi le client Dupont »</div>
            </div>
        </details>

        <details class="lucy-rubrique">
            <summary>
                <span class="lucy-pastille-ico lucy-pastille-ico-sm"><span class="lucy-ico" data-ico="sparkles" data-size="18"></span></span>
                <span class="lucy-rubrique-titre">Création assistée</span>
                <span class="lucy-ico lucy-rubrique-chevron" data-ico="chevron-down" data-size="16"></span>
            </summary>
            <div class="lucy-rubrique-corps">
                <div>Créez de nouveaux éléments en discutant avec Lucy, qui vous guide étape par étape.</div>
                <div class="lucy-exemple">Ex. « Crée un nouveau membre nommé Jean Martin »</div>
            </div>
        </details>

        <details class="lucy-rubrique">
            <summary>
                <span class="lucy-pastille-ico lucy-pastille-ico-sm"><span class="lucy-ico" data-ico="chart-bar" data-size="18"></span></span>
                <span class="lucy-rubrique-titre">Statistiques et graphiques</span>
                <span class="lucy-ico lucy-rubrique-chevron" data-ico="chevron-down" data-size="16"></span>
            </summary>
            <div class="lucy-rubrique-corps">
                <div>Obtenez des chiffres, des répartitions et des graphiques sur vos données.</div>
                <div class="lucy-exemple">Ex. « Répartition des membres par ville »</div>
            </div>
        </details>

        <details class="lucy-rubrique">
            <summary>
                <span class="lucy-pastille-ico lucy-pastille-ico-sm"><span class="lucy-ico" data-ico="exclamation-circle" data-size="18"></span></span>
                <span class="lucy-rubrique-titre">Analyse de bugs</span>
                <span class="lucy-ico lucy-rubrique-chevron" data-ico="chevron-down" data-size="16"></span>
            </summary>
            <div class="lucy-rubrique-corps">
                <div>Signalez un problème et Lucy l'analyse pour détecter un éventuel bug.</div>
                <div class="lucy-exemple">Ex. « Je n'arrive pas à enregistrer le formulaire, j'ai une erreur »</div>
            </div>
        </details>

        <details class="lucy-rubrique">
            <summary>
                <span class="lucy-pastille-ico lucy-pastille-ico-sm"><span class="lucy-ico" data-ico="cog-6-tooth" data-size="18"></span></span>
                <span class="lucy-rubrique-titre">Raccourcis clavier</span>
                <span class="lucy-ico lucy-rubrique-chevron" data-ico="chevron-down" data-size="16"></span>
            </summary>
            <div class="lucy-rubrique-corps">
                <div>Ctrl + K ouvre Lucy, Échap la ferme, Ctrl + Entrée envoie le message. Sur Mac, utilisez ⌘ à la place de Ctrl.</div>
            </div>
        </details>
    </div>

    <div class="lucy-tarification">
        <div class="lucy-surtitre">Tarification</div>
        <div class="lucy-tuiles-3">
            <div class="lucy-tuile">
                <span class="lucy-tuile-valeur-sm">{{ lucy_assist_config.prix_par_million|floatformat:"-2" }} €</span>
                <span class="lucy-tuile-label">HT par million de tokens</span>
            </div>
            <div class="lucy-tuile">
                <span class="lucy-tuile-valeur-sm" data-nombre="{{ lucy_assist_config.tokens_moyens_conversation }}">{{ lucy_assist_config.tokens_moyens_conversation }}</span>
                <span class="lucy-tuile-label">tokens moyens par conversation</span>
            </div>
            <div class="lucy-tuile">
                <span class="lucy-tuile-valeur-sm">≈ <span data-nombre="{{ lucy_assist_config.conversations_par_million }}">{{ lucy_assist_config.conversations_par_million }}</span></span>
                <span class="lucy-tuile-label">conversations par million de tokens</span>
            </div>
        </div>
        <div class="lucy-note">
            <span class="lucy-ico" data-ico="information-circle" data-size="20"></span>
            <div>La consommation dépend de la complexité des questions et des réponses.</div>
        </div>
    </div>
</div>