Verdent Docs
Bien démarrer

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) ou Ctrl+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 :

BoutonFonction
Nouvelle sessionDémarrer une nouvelle conversation avec un contexte vierge
Historique du projetParcourir et restaurer les sessions précédentes
Centre utilisateurConsulter les informations de compte et le solde de crédits
RetourEnvoyer un retour et signaler des problèmes
ParamètresConfigurer 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 :

BoutonFonction
Ajouter du contexteRéférencer des fichiers avec des mentions @ ou invoquer des sous-agents
Ajouter des images ou des fichiersInclure des captures d'écran, des schémas ou des documents à analyser
Ajouter un sous-agentDéléguer des tâches à des sous-agents spécialisés
Changer de modeBasculer entre les modes Agent, Plan et Chat
Changer/personnaliser le modèle IASélectionner les préréglages Performance, Équilibre, Efficacité ou des modèles spécifiques
Think Hard ModeActiver le budget de réflexion maximal pour un raisonnement complexe
Changer la permissionModifier le mode de permission (Acceptation manuelle, Exécution automatique, Plan, Ignorer les permissions)
EnvoyerSoumettre 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

La barre supérieure utilise différents modèles de navigation selon la fonction :

Boutons :

  • Nouvelle session - Sélectionner ce bouton efface immédiatement votre conversation en cours et vous ramène à une vue de conversation vierge avec un contexte propre. Il n'y a pas de page ou de fenêtre séparée ; cela se produit instantanément dans la même vue.

Pages :

  • Historique du projet - Ouvre une vue en pleine page dédiée où vous pouvez parcourir toutes vos sessions et conversations précédentes. Cela vous éloigne de la vue de conversation pour afficher votre historique de sessions. Sélectionnez le bouton X pour revenir à la vue de conversation.

Fenêtres contextuelles (boîtes de dialogue en superposition) :

  • Centre utilisateur - Ouvre une fenêtre contextuelle en superposition affichant les informations de votre compte, votre solde de crédits et les détails d'utilisation. La vue de conversation reste visible derrière la fenêtre contextuelle.
  • Retour - Ouvre une fenêtre contextuelle en superposition avec un formulaire pour envoyer un retour et signaler des problèmes. La vue de conversation reste en arrière-plan.

Pour fermer les fenêtres contextuelles, sélectionnez soit à l'extérieur de la zone de la fenêtre contextuelle, soit le bouton X dans le coin de la fenêtre contextuelle.

Menus déroulants :

  • Paramètres - Ouvre un menu déroulant intégré avec des options pour les serveurs MCP, les sous-agents, les règles et les préréglages de modèle. Lorsque vous sélectionnez une option dans le menu (par exemple, « Serveurs MCP »), cela ouvre une vue en pleine page dédiée à cette configuration. Sélectionnez le bouton X pour revenir à la vue de conversation.

Tous les boutons de la zone de saisie ouvrent des menus déroulants pour une configuration rapide et intégrée :

Modèle de menu déroulant : Chaque bouton de la zone de saisie (Ajouter du contexte, Ajouter des images ou des fichiers, Ajouter un sous-agent, Changer de mode, Changer/personnaliser le modèle IA, Think Hard Mode, Changer la permission) ouvre un menu déroulant directement sous le bouton. Ces menus vous permettent de configurer votre requête sans quitter la vue de conversation.

Pourquoi des menus déroulants : Cette conception vous maintient ancré à la vue de conversation pour toutes les opérations courantes. Vous pouvez ajuster les paramètres, sélectionner des modèles, changer de mode et ajouter du contexte sans perdre de vue votre conversation ni interrompre votre flux de travail.

Fermeture des menus déroulants : Les menus déroulants se ferment automatiquement lorsque vous effectuez une sélection ou sélectionnez n'importe où en dehors du menu. Cela vous permet de configurer rapidement les paramètres et de revenir à la composition de votre requête.

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ètresRè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


Voir aussi