Vue d'ensemble de l'interface utilisateur
Comprendre les composants d'interface et la navigation de Verdent
Verdent for VS Code propose une interface épurée en trois parties, conçue pour un minimum de distraction. Toutes les interactions se déroulent dans la barre latérale Visual Studio Code, vous gardant proche de votre code.
Accéder à Verdent
Ouvrez Verdent en utilisant l'une de ces méthodes :
- Icône de la barre latérale - Sélectionnez l'icône Verdent dans la barre d'activité Visual Studio Code (barre latérale gauche)
- Raccourci clavier - Appuyez sur
Cmd+L(macOS) ouCtrl+L(Windows/Linux) - Palette de commandes - Appuyez sur
Cmd+Shift+P/Ctrl+Shift+P, puis recherchez « Verdent »
Le panneau s'ouvre dans la barre latérale Visual Studio Code et peut être redimensionné, déplacé ou ancré selon vos besoins.
Redimensionnez le panneau Verdent en faisant glisser son bord pour voir plus d'historique de conversation ou libérer de l'espace pour votre éditeur.
Composants de l'interface
Accès rapide aux fonctionnalités clés :
| Bouton | Fonction |
|---|---|
| Nouvelle session | Démarrer une nouvelle conversation avec un contexte vierge |
| Historique du projet | Parcourir et restaurer les sessions précédentes |
| Centre utilisateur | Consulter les informations de compte et le solde de crédits |
| Retour | Envoyer un retour et signaler des problèmes |
| Paramètres | Configurer les serveurs MCP, les sous-agents, les règles et les préréglages de modèle |
La zone de conversation principale affiche :
- Réponses de l'IA - Texte formaté avec blocs de code à coloration syntaxique
- Diffs de code - Comparaisons interactives avant/après pour les modifications de fichiers
- Plans - Décompositions structurées des tâches lors de l'utilisation de Plan Mode
- Résultats de vérification - Sortie d'exécution des tests et informations de débogage
- Opérations sur les fichiers - Confirmation des créations, modifications ou suppressions de fichiers
- Résultats des sous-agents - Résultats des tâches déléguées
La vue de conversation conserve l'historique complet des échanges, vous permettant de faire défiler les interactions précédentes.
La zone de saisie en bas dispose de commandes pour composer vos requêtes :
Zone de texte : Champ de texte principal pour saisir des prompts en langage naturel
Boutons d'action :
| Bouton | Fonction |
|---|---|
| Ajouter du contexte | Référencer des fichiers avec des mentions @ ou invoquer des sous-agents |
| Ajouter des images ou des fichiers | Inclure des captures d'écran, des schémas ou des documents à analyser |
| Ajouter un sous-agent | Déléguer des tâches à des sous-agents spécialisés |
| Changer de mode | Basculer entre les modes Agent, Plan et Chat |
| Changer/personnaliser le modèle IA | Sélectionner les préréglages Performance, Équilibre, Efficacité ou des modèles spécifiques |
| Think Hard Mode | Activer le budget de réflexion maximal pour un raisonnement complexe |
| Changer la permission | Modifier le mode de permission (Acceptation manuelle, Exécution automatique, Plan, Ignorer les permissions) |
| Envoyer | Soumettre votre prompt au modèle d'IA |
Indicateurs d'état
Verdent communique l'état du système à l'aide d'indicateurs visuels :
La vue de conversation communique son état par des signaux visuels plutôt que par des libellés explicites :
- Indicateur de traitement - Un indicateur visuel apparaît lorsque Verdent travaille activement. Il s'affiche pendant que l'IA lit des fichiers, analyse du code ou prépare sa réponse.
- Texte en cours de génération - Vous verrez la réponse de Verdent apparaître en temps réel pendant que l'IA compose des explications, des suggestions de code ou des plans. Le texte en flux continu indique que le modèle génère activement une sortie.
- Rien ne se passe - Lorsque la vue de conversation est statique, sans activité, Verdent attend. Cela signifie que vous devez approuver des modifications de fichiers, répondre à des questions de clarification ou fournir votre prochaine requête.
Le curseur de texte dans la zone de saisie indique si Verdent est prêt à accepter de nouvelles requêtes :
- Curseur clignotant - La zone de saisie est active et prête à recevoir du texte. Vous pouvez saisir votre requête et appuyer sur Envoyer. Cela apparaît lorsque Verdent a terminé son traitement et attend votre prochain prompt.
- Pas de curseur/désactivé - La zone de saisie est désactivée pendant que Verdent traite une requête. Cela évite les interruptions de la tâche en cours et garantit que chaque requête se termine avant qu'une autre ne commence.
Schéma de flux de travail : Lorsque vous soumettez une requête, le curseur disparaît (la saisie est désactivée). Une fois que Verdent a terminé la tâche, le curseur réapparaît, signalant que vous pouvez saisir votre prochaine requête.
La zone de saisie affiche des indicateurs montrant votre configuration actuelle :
- Bouton Changer la permission - Affiche votre mode de permission actuel comme libellé sur le bouton lui-même. Vous verrez « Manuel », « Auto », « Plan » ou « Ignorer ». Cela vous permet de confirmer quel mode d'exécution est actif avant de soumettre votre requête. Sélectionnez le bouton pour parcourir les modes disponibles.
- Bouton Changer/personnaliser le modèle IA - Affiche le modèle ou le préréglage actuellement sélectionné. Vous verrez « Performance », « Équilibre » ou « Efficacité » pour les préréglages, ou des noms de modèles spécifiques comme « Claude 4.5 Sonnet » si vous avez sélectionné un modèle individuel. Cela confirme quel modèle d'IA traitera votre prochaine requête.
Ces indicateurs offrent une confirmation en un coup d'œil de vos paramètres actuels, vous aidant à vérifier la bonne configuration avant d'envoyer vos prompts.
Les indicateurs d'état se mettent à jour en temps réel pour montrer exactement ce que fait Verdent, vous aidant à comprendre l'activité de l'agent.
Modèles de navigation
Différents éléments de navigation utilisent des méthodes différentes pour revenir à la vue de conversation principale :
Depuis les pages (Historique du projet, Paramètres) :
- Sélectionnez le bouton X dans le coin supérieur de la page
- Cela vous ramène à la vue de conversation là où vous l'aviez laissée
Depuis les fenêtres contextuelles (Centre utilisateur, Retour) :
- Sélectionnez le bouton X dans le coin de la fenêtre contextuelle, ou
- Sélectionnez n'importe où en dehors de la superposition de la fenêtre contextuelle
- La vue de conversation était toujours visible derrière la fenêtre contextuelle, donc fermer celle-ci restaure immédiatement le focus
Depuis les menus déroulants :
- Les menus se ferment automatiquement lorsque vous effectuez une sélection
- Sélectionnez n'importe où en dehors du menu pour fermer sans sélectionner
- Vous ne quittez jamais la vue de conversation, il n'y a donc rien dont « revenir »
Philosophie de navigation : La plupart des interactions se déroulent via des menus déroulants qui vous maintiennent dans la vue de conversation. Historique du projet et les options de Paramètres naviguent vers des pages séparées, tandis que Centre utilisateur et Retour utilisent des fenêtres contextuelles en superposition qui ne masquent pas votre conversation.
Utilisez des mentions @ et des commandes slash pour guider la navigation. Cela aide Verdent à comprendre votre intention et à choisir les bons outils.
Personnalisation avec les règles
Accédez à Paramètres → Règles pour personnaliser le comportement de Verdent à l'aide de fichiers Markdown :
Fichier : VERDENT.md
Portée : Préférences globales appliquées à tous les projets
Objectif : Définissez vos préférences d'utilisation personnelles que Verdent appliquera lors des conversations dans tous les espaces de travail. Ce sont des paramètres globaux qui persistent d'une session à l'autre, quel que soit le projet sur lequel vous travaillez.
Cas d'usage courants :
- Langue de sortie par défaut (par exemple, « Répondre toujours en espagnol »)
- Préférences de commentaires de code (par exemple, « Inclure des commentaires détaillés dans le code généré »)
- Formatage des réponses (par exemple, « Utiliser TypeScript pour tous les exemples JavaScript »)
- Préférences de style de codage personnel
Comment modifier :
Ouvrir les paramètres
Sélectionnez Paramètres dans la barre supérieure
Sélectionner Règles
Choisissez Règles dans le menu déroulant
Modifier les règles utilisateur
Sélectionnez Règles utilisateur pour créer ou modifier VERDENT.md au format Markdown
Fichier : AGENTS.md
Portée : Règles spécifiques au projet pour l'espace de travail actuel uniquement
Objectif : Définissez les normes de codage, les modèles d'architecture et les flux de travail de développement qui s'appliquent spécifiquement au projet actuel. Ces règles remplacent les Règles utilisateur lorsque vous travaillez dans cet espace de travail et aident Verdent à comprendre les exigences propres à votre projet.
Cas d'usage courants :
- Normes de codage spécifiques au projet (par exemple, « Utiliser le kebab-case pour tous les noms de fichiers »)
- Modèles d'architecture (par exemple, « Suivre le modèle de dépôt pour l'accès aux données »)
- Exigences de la pile technologique (par exemple, « Utiliser les Hooks React, pas de composants de classe »)
- Conventions d'équipe (par exemple, « Toutes les réponses API doivent inclure des codes d'erreur »)
Comment modifier :
Ouvrir les paramètres
Sélectionnez Paramètres dans la barre supérieure
Sélectionner Règles
Choisissez Règles dans le menu déroulant
Modifier les règles de projet
Sélectionnez Règles de projet pour créer ou modifier AGENTS.md à la racine de votre espace de travail
Ce fichier est spécifique au projet et généralement soumis au contrôle de version.
Fichier : Plan.md
Portée : Contrôle le format et le contenu de sortie de Plan Mode
Objectif : Personnalisez les informations qui apparaissent dans les plans, leur niveau de détail et le format qu'ils suivent lors de l'utilisation de Plan Mode. Ces règles déterminent la structure et le contenu des plans que Verdent génère avant d'exécuter des tâches complexes.
Cas d'usage courants :
- Niveau de détail du plan (par exemple, « Inclure des estimations de temps pour chaque étape »)
- Structure du plan (par exemple, « Toujours inclure une section 'Risques' »)
- Exigences de contenu (par exemple, « Lister tous les fichiers qui seront modifiés »)
- Format de sortie (par exemple, « Utiliser des listes numérotées pour les étapes séquentielles »)
Comment modifier :
Ouvrir les paramètres
Sélectionnez Paramètres dans la barre supérieure
Sélectionner Règles
Choisissez Règles dans le menu déroulant
Modifier les règles de plan
Sélectionnez Règles de plan pour créer ou modifier plan_rules.md au format Markdown