Barre latérale du projet
Aperçu
La Barre latérale du projet est le hub de navigation central de votre espace de travail de projet. Elle fournit un accès rapide à chaque outil et panneau majeur dont vous avez besoin en travaillant — de la gestion de fichiers et du contrôle de version aux sessions de chat IA, au suivi des tâches, aux déploiements et plus encore. Chaque panneau s'ouvre en superposition coulissante pour que vous puissiez passer d'un outil à l'autre sans quitter votre vue actuelle.
La barre latérale longe le bord droit de l'espace de travail du projet et contient des boutons à icônes pour chaque panneau. Cliquer sur une icône ouvre la superposition de ce panneau, et cliquer à nouveau (ou appuyer sur Échap) la ferme. La barre latérale est toujours visible et constitue le moyen principal d'interagir avec les outils de votre projet.
Panneaux disponibles
La barre latérale contient les panneaux suivants, chacun documenté en détail dans les sections ci-dessous :
Favoris
Ajoutez en favoris et organisez vos fichiers de projet les plus utilisés pour un accès instantané.
Chat
Gérez les groupes de chat IA, les sessions d'agents et l'historique des conversations.
GitHub
Affichez le statut du dépôt, les branches, les commits et gérez les pull requests.
Tâches
Suivez les tâches du projet, assignez des priorités et gérez votre flux de travail.
Déploiements
Surveillez et déclenchez des déploiements vers vos fournisseurs d'hébergement configurés.
Calendrier d'historique
Parcourez l'activité du projet et les modifications de fichiers sur une chronologie de calendrier.
Builds
Affichez les journaux de build, le statut et la sortie de vos builds de projet.
Arborescence de fichiers
Gérez les paramètres d'affichage de l'arborescence de fichiers et les actions au niveau des éléments.
Boîte d'invite
Entrée d'invite à accès rapide pour envoyer des instructions à l'agent IA.
Bibliothèque de groupes de blocs
Parcourez et gérez les blocs de composants réutilisables depuis votre bibliothèque.
Fichiers cochés
Affichez et gérez les fichiers actuellement sélectionnés pour les opérations en masse.
Recherche
Recherchez dans l'ensemble de votre projet des fichiers, du code et du contenu.
Masquer les fichiers
Configurez quels fichiers et dossiers sont masqués de l'arborescence de fichiers.
Panneau des favoris
Aperçu
Le Panneau des favoris est une superposition de la barre latérale qui vous permet d'ajouter en favoris et d'organiser vos fichiers de projet les plus utilisés pour un accès rapide. Au lieu de fouiller dans l'arborescence de fichiers à chaque fois, marquez les fichiers importants comme favoris et retrouvez-les instantanément.
Fonctionnalités
Bouton favori
Cliquez sur l'icône étoile sur n'importe quel fichier pour l'ajouter ou le retirer de vos favoris. Les fichiers favoris apparaissent dans le Panneau des favoris pour un accès rapide.
Organisation par groupes
Organisez vos fichiers favoris en groupes personnalisés. Les groupes sont enregistrés localement et persistent entre les sessions.
Sélection de fichiers multiples
Sélectionnez plusieurs fichiers favoris à la fois et effectuez des actions en masse comme les ajouter tous à une tâche.
Ajouter à une tâche
Sélectionnez un ou plusieurs fichiers favoris et ajoutez-les directement à une tâche en un seul clic, simplifiant votre flux de travail.
Compteur de favoris
Un badge affiche le nombre total de fichiers favoris pour que vous sachiez toujours combien sont enregistrés.
Panneau de chat
Aperçu
Le Panneau de chat est une superposition de la barre latérale pour gérer vos groupes de chat IA et sessions d'agents. Il fournit un endroit central pour parcourir, créer, modifier et supprimer des conversations de chat, ainsi que pour afficher les journaux de sessions CLI, SDK et ACP.
Onglets
Chat
Parcourez et gérez vos groupes de chat IA. Créez de nouveaux groupes, renommez-les, recherchez parmi ceux existants ou supprimez les conversations dont vous n'avez plus besoin.
CLI
Affichez les journaux de sessions des agents basés sur CLI comme Claude Code, Gemini CLI et Codex CLI. Chaque session affiche le type d'agent avec son logo de marque.
SDK
Affichez les journaux de sessions des agents basés sur SDK, y compris les intégrations Claude SDK, Gemini SDK et OpenAI SDK.
ACP
Affichez les journaux de sessions des agents ACP (Agent Communication Protocol) avec leurs configurations et leur historique d'exécution.
Fonctionnalités
CRUD des groupes de chat
Créez, renommez, recherchez et supprimez des groupes de chat. Chaque groupe peut contenir un fil de conversation complet avec contexte.
Paginazione
Les sessions chargent 50 éléments à la fois avec un bouton « Charger plus » pour les historiques volumineux.
Sélection multiple
Utilisez Maj+Clic pour la sélection par plage entre les sessions. Effectuez une suppression en masse ou d'autres actions sur les éléments sélectionnés.
Menu contextuel
Faites un clic droit sur n'importe quelle session pour accéder aux actions rapides comme supprimer ou afficher les journaux détaillés.
Identification de l'agent
Chaque session affiche les logos de marque de l'agent IA utilisé (Claude Code, Gemini, Codex, ACP) pour que vous puissiez les identifier en un coup d'œil.
Panneau des tâches
Aperçu
Le Panneau des tâches est une superposition de la barre latérale pour créer et gérer les tâches au niveau du projet. Chaque tâche peut inclure un nom, une invite ou instruction, et une sélection de fichiers de projet pour le contexte. Les tâches vous aident à organiser les éléments de travail et à les transmettre directement aux agents IA.
Fonctionnalités
Création de tâches
Créez des tâches avec un nom, un texte d'invite/instruction et des fichiers de projet sélectionnés. Les tâches sont limitées au projet en cours.
Intégration de l'arborescence de fichiers
Un panneau d'arborescence de fichiers redimensionnable vous permet de parcourir et sélectionner les fichiers de projet à joindre comme contexte pour la tâche.
Sélection de fichiers multiples
Sélectionnez plusieurs fichiers à inclure dans une tâche. La liste des fichiers sélectionnés affiche tous les fichiers choisis avec des options pour retirer des éléments individuels.
Menu contextuel
Faites un clic droit sur les fichiers dans l'arborescence de fichiers de la tâche pour des actions rapides comme ajouter ou retirer de la tâche.
Surveillant de fichiers
Le surveillant de fichiers intégré détecte automatiquement les modifications des fichiers de projet pour que le contexte de votre tâche reste à jour.
Notifications toast
Retour visuel via des notifications toast pour les enregistrements réussis, les erreurs et les messages d'information.
Panneau de déploiements
Aperçu
Le Panneau de déploiements est une superposition de la barre latérale pour déployer votre projet sur diverses plateformes d'hébergement. Les plateformes disponibles changent en fonction de votre type de projet, vous donnant les bonnes options de déploiement pour votre pile.
Support de plateforme par type de projet
Frontend / Applications web
Déployez des sites statiques, des SPA et des applications SSR.
Projets Backend / Python / API
Déployez des applications côté serveur et des API.
Projets WordPress
Déployez des configurations CMS WordPress headless.
Fonctionnalités
CRUD de déploiement
Créez, affichez, mettez à jour et supprimez des déploiements. Chaque déploiement suit sa plateforme, sa branche et la configuration de son dépôt git.
Détection automatique
Les déploiements existants connectés à votre projet sont automatiquement détectés et listés lorsque vous ouvrez le panneau.
Gestion des clés API
Gérez les clés API pour chaque plateforme de déploiement. Les clés sont stockées de manière sécurisée et associées à des déploiements spécifiques.
Paramètres spécifiques à la plateforme
Configurez la branche de déploiement, le dépôt git, les variables d'environnement et les options spécifiques à la plateforme pour chaque déploiement.
Indicateur de déploiement actif
Le déploiement actuellement actif est mis en évidence pour que vous puissiez voir quel déploiement est en ligne en un coup d'œil.
Menu contextuel
Faites un clic droit sur n'importe quel déploiement pour des actions rapides, y compris supprimer et actualiser le statut.
Panneau du calendrier d'historique
Aperçu
Le Panneau du calendrier d'historique est une superposition de la barre latérale qui fournit une vue basée sur un calendrier de l'historique de votre projet. Parcourez les entrées par date, affichez l'historique de contexte interne et externe, et examinez les interactions IA passées liées à des jours spécifiques.
Fonctionnalités
Calendrier interactif
Naviguez à travers les mois et les années avec un sélecteur de calendrier visuel. Les dates qui ont des entrées d'historique sont mises en évidence pour que vous puissiez repérer l'activité en un coup d'œil.
Sélecteur mois/année
Passez rapidement à n'importe quel mois et année au lieu de faire défiler un mois à la fois.
Onglets d'historique
Basculez entre les onglets « GitHub » et « Interne » pour afficher différents types d'historique — commits git et événements versus entrées de contexte IA internes.
Visionneur d'entrées
Cliquez sur n'importe quelle date mise en évidence pour voir toutes les entrées d'historique de ce jour. Cliquez sur une entrée individuelle pour afficher ses détails complets.
Menu contextuel
Faites un clic droit sur les entrées pour des actions rapides comme afficher les détails ou supprimer des éléments d'historique spécifiques.
Suppression avec confirmation
Supprimez les entrées d'historique avec une étape de confirmation pour empêcher la suppression accidentelle.
Notifiche
Les notifications de type toast confirment les actions réussies, les erreurs ou les messages d'information dans le panneau.
Éléments de l'arborescence de fichiers
Aperçu
L'Arborescence de fichiers est le navigateur de fichiers principal dans la barre latérale du projet. Elle affiche la structure de répertoires de votre projet dans une vue arborescente récursive et extensible. Chaque fichier et dossier est rendu avec des icônes spécifiques au type et prend en charge un riche ensemble d'interactions.
Fonctionnalités
Vue arborescente récursive
Les dossiers se développent et se réduisent pour révéler leur contenu. L'arborescence prend en charge l'imbrication profonde avec une limite de profondeur configurable pour maintenir les performances.
Icônes de type de fichier
Chaque fichier affiche une icône correspondant à son type (par ex. TypeScript, JavaScript, JSON, CSS, images). Les dossiers ont des icônes distinctes ouvert/fermé.
Glisser-déposer
Déplacez des fichiers et dossiers en les faisant glisser vers un nouvel emplacement dans l'arborescence. Les cibles de dépôt sont mises en évidence lors du glissement.
Sélection de fichiers
Cliquez sur un fichier pour le sélectionner et l'ouvrir. Utilisez les cases à cocher pour la sélection de fichiers multiples avec Maj+Clic pour la sélection par plage.
Menu contextuel
Faites un clic droit sur n'importe quel fichier ou dossier pour des actions rapides : copier le contenu, ajouter à une tâche, créer/modifier dans l'éditeur, refactoriser, supprimer, masquer, basculer le favori ou télécharger.
Actualisation automatique
Les dossiers sont surveillés pour les modifications du système de fichiers et s'actualisent automatiquement lorsque des fichiers sont ajoutés, supprimés ou modifiés.
Mise en évidence de la recherche
Lors d'une recherche, les noms de fichiers correspondants sont mis en évidence dans l'arborescence pour vous aider à localiser rapidement les résultats.
Bouton de favori
L'icône étoile sur chaque fichier vous permet de l'ajouter ou de le retirer des favoris avec un retour visuel instantané.
Changement de fournisseur
Basculez entre différentes racines de source ou chemins de fournisseur au sein d'un projet lorsque plusieurs sont détectés.
Boîte d'invite
Aperçu
La Boîte d'invite se trouve en haut de l'arborescence de fichiers et fournit des boutons d'action à accès rapide pour les opérations courantes sur les fichiers. Elle comprend des outils pour copier le contenu des fichiers, créer des tâches à partir des fichiers sélectionnés et gérer l'affichage de l'arborescence de fichiers.
Actions
Copier
Copiez le contenu du fichier actuellement sélectionné dans votre presse-papiers. Utile pour récupérer rapidement du code à coller dans le chat IA ou un autre éditeur.
Ajouter à une tâche
Créez une nouvelle tâche à partir des fichiers sélectionnés. Cela ouvre le Panneau des tâches avec les fichiers choisis préattachés comme contexte, vous permettant de définir un nom de tâche et une invite pour que les agents IA travaillent dessus.
Bibliothèque de groupes de blocs
Aperçu
La Bibliothèque de groupes de blocs est une modale accessible depuis la barre d'invite (icône puzzle) qui vous permet de parcourir, rechercher et sélectionner des composants d'interface utilisateur et des blocs réutilisables à inclure comme contexte dans vos conversations IA ou tâches. Les composants sont organisés par groupe et peuvent être ajoutés en favoris pour un accès rapide.
Fonctionnalités
Navigation des composants
Parcourez tous les composants et blocs disponibles organisés par nom de groupe. Chaque composant affiche une miniature de prévisualisation chargée à la demande.
Recherche et filtre
Recherchez des composants par nom ou description pour trouver rapidement ce dont vous avez besoin. Filtrez par catégorie ou groupe.
Prévisualisations chargées à la demande
Les prévisualisations de composants se chargent à la demande en utilisant IntersectionObserver avec un tampon de préchargement de 300px pour des performances de défilement fluides.
Composants favoris
Ajoutez en favoris les composants fréquemment utilisés pour les épingler en haut de la bibliothèque pour un accès rapide.
Vue détaillée
Cliquez sur n'importe quel composant pour ouvrir une modale de détail affichant sa prévisualisation complète, sa description et ses métadonnées.
Sélection de contexte
Sélectionnez un ou plusieurs composants à inclure comme contexte dans votre chat IA ou tâche. Un compteur indique combien sont actuellement sélectionnés.
Fichiers cochés
Aperçu
L'onglet Fichiers cochés (icône de case à cocher dans la barre d'invite) affiche tous les fichiers actuellement sélectionnés/cochés dans l'arborescence de fichiers. Il fournit une vue consolidée de votre contexte sélectionné — fichiers, composants et projets — pour que vous puissiez examiner et gérer ce qui sera envoyé aux agents IA.
Fonctionnalités
Liste des fichiers sélectionnés
Affichez tous les fichiers cochés dans une liste triée alphabétiquement. Chaque fichier affiche son chemin relatif à la racine du projet.
Affichage de la sélection de composants
Voyez quels composants de la Bibliothèque de groupes de blocs sont actuellement sélectionnés en plus de vos fichiers cochés.
Regroupement par projet
Lorsque des fichiers de plusieurs projets sélectionnés sont inclus, ils sont regroupés sous leurs noms de projet respectifs.
Retirer des fichiers individuels
Cliquez sur n'importe quel fichier pour le désélectionner du contexte. Le double-clic déclenche la désélection avec un délai d'attente pour empêcher les basculements rapides accidentels.
Tout effacer
Un bouton « Tout effacer » vous permet de désélectionner tous les fichiers cochés à la fois pour repartir à zéro.
Recherche
Aperçu
La fonction Recherche (icône de loupe dans la barre d'invite) fournit un filtrage en temps réel des noms de fichiers dans l'arborescence de fichiers. Au fur et à mesure que vous tapez, l'arborescence se met à jour instantanément pour n'afficher que les fichiers correspondants, avec les termes correspondants mis en évidence.
Fonctionnalités
Filtrage en temps réel
L'arborescence de fichiers filtre au fur et à mesure que vous tapez. Seuls les fichiers dont les noms correspondent à votre requête sont affichés, ce qui permet de localiser rapidement des fichiers spécifiques dans de grands projets.
Mise en évidence des correspondances
Les portions correspondantes des noms de fichiers sont visuellement mises en évidence avec un style distinct pour que vous puissiez facilement voir pourquoi chaque résultat correspond.
Développement automatique des dossiers
Lorsqu'une requête de recherche correspond à des fichiers dans des dossiers réduits, ces dossiers se développent automatiquement pour révéler les résultats correspondants.
Filtrage des fichiers masqués
La recherche respecte vos paramètres de fichiers masqués — les fichiers que vous avez choisi de masquer n'apparaîtront pas dans les résultats de recherche.
Masquer les fichiers
Aperçu
La fonction Masquer les fichiers (icône œil dans la barre d'invite) vous permet de basculer la visibilité des fichiers et dossiers dans l'arborescence de fichiers. Les fichiers masqués sont filtrés de la vue arborescente et des résultats de recherche, gardant votre espace de travail propre et concentré sur les fichiers importants.
Fonctionnalités
Bouton œil
Cliquez sur l'icône œil ouvert/fermé dans la barre d'invite pour basculer la visibilité des fichiers masqués. Lorsque l'œil est fermé, les fichiers masqués sont filtrés.
Masquage basé sur le chemin
Masquez des fichiers par modèle de chemin. Vous pouvez masquer des fichiers spécifiques, des dossiers entiers ou des groupes de fichiers correspondant à un modèle.
État persistant
Vos paramètres de fichiers masqués persistent entre les sessions, vous n'avez donc pas besoin de masquer à nouveau les mêmes fichiers à chaque ouverture du projet.
Intégration au menu contextuel
Faites un clic droit sur n'importe quel fichier ou dossier dans l'arborescence et sélectionnez « Masquer » pour l'ajouter rapidement à la liste des fichiers masqués.