CopilotKit

Une phrase pour présenter

CopilotKit est un framework frontend d’agents IA destiné aux développeurs, permettant d’intégrer des conversations, des interfaces génératives, un partage d’état, des appels à des outils et une validation par des humains dans des applications réelles. Il dispose d’un noyau open source pouvant être déployé en autonomie, ainsi que de threads persistants, de vérifications hébergées et d’une plateforme de gestion opérationnelle pour les entreprises.

Présentation des outils

CopilotKit n’est pas un robot de conversation destiné aux utilisateurs ordinaires, mais plutôt un SDK et un environnement de runtime pour créer des interfaces de produits d’Agent. Les développeurs peuvent déployer rapidement en utilisant des composants de chat prédéfinis, ou bien prendre le contrôle total du layout et des interactions grâce à une API Headless.

Le framework relie l’interface utilisateur à l’backend de l’agent via AG-UI, permettant à une même interface frontale d’accéder à différents modèles, frameworks ou agents personnalisés. La plateforme d’intelligence d’entreprise ajoute quant à elle des fonctionnalités de persistance, de synchronisation en temps réel, d’interface de contrôle des vérifications et de multi-locataires par rapport au runtime open source.

Composition du produit

Fonction principale

Composants de chat prédéfinis

CopilotChat, CopilotSidebar et CopilotPopup permettent d’ajouter rapidement une interface de chat complète, prenant en charge le flux de messages, les réponses de l’agent et les processus d’outils. Les équipes peuvent modifier les étiquettes, les messages de bienvenue, les thèmes et le comportement interactif.

Headless UI

Le mode Headless ne fournit que l’état et le comportement, sans imposer l’utilisation de composants visuels par défaut. Il convient aux équipes disposant déjà d’un système de design, de normes d’accessibilité ou d’interactions de produits complexes, mais nécessite davantage d’efforts en ingénierie front-end.

UI générative

L’agent peut rendre les composants React enregistrés par le développeur en fonction de la tâche, emballer les résultats des outils backend ou mettre à jour l’interface en fonction des mises à jour d’état en flux. On peut également utiliser des solutions déclaratives ou ouvertes telles que A2UI ou MCP Apps, mais plus le niveau d’ouverture est élevé, plus les exigences en matière de validation et d’isolation sont importantes.

État partagé

L’interface d’application et l’Agent peuvent lire et écrire le même état typé, et s’ synchronisent de manière incrémentale via des événements. Elle convient aux filtres, aux formulaires, aux tableaux de bord et aux tâches à plusieurs étapes, mais il faut gérer les droits d’accès, les conflits et la validation serveur.

Appel d’outils front-end

Les développeurs peuvent exposer des fonctions côté navigateur en tant qu’outils Agent, tels que la navigation, la mise à jour de formulaires ou l’affichage de boîtes de confirmation. Tout outil ayant des effets secondaires externes doit inclure des vérifications de permissions, une validation des paramètres et une confirmation de l’utilisateur.

Intervention humaine

L’agent peut s’arrêter à des étapes clés pour demander l’approbation de l’utilisateur, modifier les entrées, réessayer ou passer à un niveau de traitement supérieur. Cette capacité convient aux processus qui nécessitent un contrôle humain, tels que les paiements, les suppressions, les publications et les recommandations à haut risque.

Affichage des outils backend

Lorsque l’agent backend appelle l’outil, le frontend peut afficher les paramètres, l’avancement et les résultats à l’aide de cartes personnalisées. Ainsi, les utilisateurs peuvent comprendre ce que fait l’agent et obtenir des mises à jour continues pour les tâches longues.

Multimodal et voix

Le framework prend en charge des pièces jointes multimodales telles que des fichiers et des images, et offre dans le document des fonctionnalités d’interface pour la voix et les résultats de raisonnement. Le support des modèles, du stockage et du navigateur dépend toujours de l’intégration et du forfait spécifiques.

Threads persistants et vérifications

Enterprise Intelligence permet de reprendre les conversations malgré les mises à jour, les appareils et les sessions, et de consulter les threads et les événements dans la console. Le noyau open source peut être implémenté par les développeurs pour assurer la persistance, mais aucune interface de gestion hébergée n’est fournie automatiquement.

Entrées multiples pour Channels

Les entrepôts officiels actuels prennent explicitement en charge Slack et Microsoft Teams, permettant à un même agent de conserver les outils, l’état et le mode d’approbation manuelle. Discord, WhatsApp, Telegram, Google Chat, iMessage et les SMS sont toujours indiqués comme en phase de planification et ne peuvent pas être présentés comme déjà pris en charge.

• Composants d’agent prédéfinis pour les chats, les barres latérales et les fenêtres contextuelles
• Interface frontale Headless avec une personnalisation visuelle complète
• Solutions UI statiques, déclaratives et génératives ouvertes
• État de partage bidirectionnel entre l’agent et l’application
• Appel des outils front-end et affichage des résultats des outils back-end
• Processus d’approbation manuelle, de modification, de tentative répétée et de mise à niveau
• Threads persistants, synchronisation en temps réel et plateforme de vérification gérée
• Intégration des canaux Slack et Microsoft Teams

Qu’est-ce que AG-UI ?

AG-UI est un protocole d’événements ouvert promu par l’équipe CopilotKit, chargé de relier les Agents à l’interface utilisateur. Il transmet des messages, des changements d’état, des appels d’outils, des informations sur le cycle de vie ainsi que des événements personnalisés, permettant ainsi à l’interface frontale de ne pas avoir à concevoir un format de communication privé pour chaque framework d’Agent.

Ces protocoles ne sont pas mutuellement substituables. Un produit peut utiliser le service AG-UI pour l’interaction en interface utilisateur, les outils MCP pour l’accès, puis se connecter à d’autres Agents via une connexion A2A.

Frameworks d’agent pris en charge

La documentation officielle propose plusieurs approches d’intégration backend, notamment des agents intégrés, LangGraph, CrewAI, Mastra, Google ADK, AWS Strands, PydanticAI, Microsoft Agent Framework, Agno, LlamaIndex et le Claude Agent SDK.

Support frontend et canaux

Tutoriel d'utilisation

Créer la première application CopilotKit

1. Préparez Node.js 20 ou une version ultérieure, et déterminez le service de modèle ainsi que la clé API à utiliser.
2. Créez un nouveau projet à l’aide de la CLI officielle, en choisissant le framework frontend, la voie Agent et si vous souhaitez activer les threads persistants.
3. Placer la clé dans les variables d’environnement du serveur, et ne pas l’inclure dans le code du client ou dans le dépôt de version.
4. Démarrer le projet local en vérifiant d’abord la messagerie en flux, les états d’erreur et une simple appel d’outil.
5. Après avoir ajouté l’authentification, l’autorisation du serveur et le masquage des journaux, déployez-le dans l’environnement de test.

Ajouter une messagerie aux applications existantes

1. Installer les composants principaux front-end, l’UI et les paquets de runtime, puis créer une entrée de runtime serveur selon le framework existant.
2. En appliquant la configuration racine du Provider, on connecte et enregistre l’Agent ou le modèle au temps de exécution.
3. Sélectionnez les composants Chat, Sidebar ou Popup, et adaptez-les au design existant ainsi qu’à la mise en page pour mobile.
4. Ajoutez un outil front-end en lecture seule pour vérifier que les paramètres, les résultats et les exceptions s’affichent correctement.
5. Ouvrir progressivement les opérations d’écriture, et ajouter une confirmation de l’utilisateur ainsi qu’une vérification des droits du serveur pour chaque effet secondaire.

Se connecter au backend de l’agent existant

1. Vérifiez d’abord si le framework backend dispose déjà d’un adaptateur AG-UI officiel, puis sélectionnez la version correspondante des documents.
2. Définir l’identifiant de l’agent, l’identifiant du thread, l’état initial et le type d’outils pouvant être appelés.
3. Enregistrer l’agent dans Copilot Runtime et limiter l’accès et les canaux de demande entre utilisateurs.
4. Vérifier que le flux de messages, les incrémentations d’état, l’annulation, la tentative de réessai et l’interruption manuelle restent cohérents.
5. Simuler des pannes de réseau, des événements répétés, des tâches longues et des onglets concurrents avant la production.

Déployer une plateforme de threads persistants

1. Choisissez d’abord Copilot Cloud ou une plateforme d’intelligence d’entreprise auto-hébergée en fonction de la capacité de stockage des données et des capacités de maintenance.
2. Après la création d’organisations et de projets dans la solution cloud, des clés de runtime au niveau du projet sont générées et séparées par environnement.
3. La solution auto-hébergée prépare Kubernetes, Postgres, Redis, OIDC, ainsi que la gestion des entrées et des clés.
4. Configurer l’adresse de la plateforme en temps de exécution ainsi que les identifiants, et valider la restauration des threads entre mises à jour et entre appareils.
5. Définir la durée de conservation, l’isolation des locataires, les sauvegardes, le renouvellement des clés, la surveillance et les procédures de traitement des événements.

Comparaison des solutions d’UI générative

Pour quels équipes de développement

• Équipe SaaS : Ajouter un Copilot sensible au contexte aux produits existants
• Équipe d’agents entrepreneurs : finalisation rapide de la messagerie, des outils et de l’interface utilisateur générative.
• Plateforme interne à l’entreprise : intégrer les agents de processus dans des pages web, Slack ou Teams
• Équipe des produits de données : Permettre à l’agent de contrôler les filtres, les tableaux et les composants visuels
• Équipe clientèle et opérations : ajouter une confirmation manuelle avant les actions clés
• Équipe multi-framework : réduction des coûts frontend pour le changement du backend Agent grâce à AG-UI
• Équipe de conformité : utilisation d’une couche persistante auto-hébergée et gestion des dialogues avec isolation au niveau du projet

Scénarios d'utilisation typiques

Différences entre le noyau open source et les plateformes d’entreprise

Le noyau open source suffit pour créer des applications d’agents fonctionnelles, sans avoir besoin des services hébergés de CopilotKit. Lorsqu’une persistance entre sessions est nécessaire, l’équipe peut mettre en place son propre système de stockage ou acheter une plateforme intelligente d’entreprise.

Prix et forfaits

Au 22 août 2026, la page de tarification officielle actuelle propose quatre niveaux : Developer, Pro, Team et Enterprise. Les PDF du produit initial ainsi que les anciennes pages de tarification affichaient des montants différents ; il convient de se référer à la page de tarification officielle en vigueur.

Developer, Pro et Team comprennent tous l’hébergement cloud, Inspector, le SDK front-end, la connexion backend Agent et une UI Headless. Team ajoute un support Slack exclusif, tandis qu’Enterprise ajoute des SLA, des correctifs prioritaires, la participation au roadmap et jusqu’à 5 heures de support technique par semaine.

Limite des canaux

Les points Channels représentent la limite des capacités du canal CopilotKit et ne sont pas équivalents aux tokens du modèle sous-jacent. Lorsque l’on utilise une clé de modèle intégrée, les frais de traitement du modèle sont généralement facturés séparément par le fournisseur correspondant.

Mode de déploiement

La plateforme intelligente d’entreprise auto-hébergée ne s’exécute pas simplement en téléchargeant un seul fichier. La méthode de déploiement officielle nécessite Kubernetes, Postgres, Redis, une source d’identité OIDC, un point d’accès, un mécanisme de rotation des clés et des capacités de surveillance.

Avantages du produit

• Le noyau open source couvre l’ensemble du processus : messagerie, outils, état et UI générative.
• AG-UI découple l’interface utilisateur de divers frameworks d’agents
• Les composants préfabriqués et l’approche Headless allient vitesse et liberté de conception
• La capacité de collaboration homme-machine convient aux processus métier réels ayant des effets secondaires
• L’intégration officielle couvre TypeScript, Python et plusieurs frameworks d’agents.
• Le même agent peut être étendu aux pages web, aux appareils mobiles et aux canaux d’équipe.
• On peut passer progressivement d’un noyau open source auto-hébergé à une plateforme entreprise persistante.
• Une communauté GitHub active, des exemples et des documents facilitent le débogage

Restrictions d'utilisation et précautions

• C’est un framework de développement, et non un robot de chat universel prêt à l’emploi immédiatement après inscription.
• Le fait que les frameworks open source soient gratuits ne signifie pas que les modèles, les bases de vecteurs, l’hébergement et la maintenance le soient également.
• Une UI générative complexe nécessite des restrictions strictes sur les composants, les attributs et les actions exécutables.
• L’état partagé et les outils front-end doivent à nouveau valider les permissions sur le serveur.
• Les threads persistants, la console de gestion et la synchronisation en temps réel relèvent des limites de la plateforme commerciale.
• Les plateformes d’entreprise auto-hébergées nécessitent des compétences avancées en Kubernetes et en gestion de bases de données.
• Le niveau de maturité des documents pour les interfaces mobiles et non React peut être inférieur à celui de la voie React.
• La plateforme de messagerie prévue ne peut pas faire de promesses aux clients en fonction des capacités actuellement disponibles.
• Il existe des incohérences entre les documents officiels et le texte de la licence du dépôt ; il convient de vérifier selon la version spécifique.

Sécurité et confidentialité

CopilotKit se situera entre l’interface utilisateur, l’agent, le modèle et les outils métier ; la conception sécurisée doit couvrir chaque niveau. Le fait que des boutons soient cachés à l’interface ne revient pas à un contrôle d’accès, et tous les paramètres des outils ainsi que l’identité de l’utilisateur doivent être révalidés sur un serveur fiable.

La date de dernière mise à jour de la politique de confidentialité officielle reste octobre 2023 ; elle indique que des informations sur les comptes, des données d’utilisation, des adresses IP, ainsi que des données relatives au navigateur et au système d’exploitation sont collectées, et que ces données peuvent être traitées par des prestataires. Les entreprises qui passent des commandes doivent exiger des documents mis à jour concernant le traitement des données, leur conservation, les sous-traitants, la sécurité et la réponse aux incidents.

• Conserver les clés de modèle, les clés de plateforme et les identifiants d’outil sur le serveur
• Établir des limites d’isolation claires pour les organisations, projets, utilisateurs et threads
• Placer les opérations de suppression, de paiement, de publication et d’envoi après une confirmation manuelle
• Vérification du mode pour les attributs des composants et les paramètres des outils générés par l’agent
• Empêcher que le contenu injecté via des prompts ne déclenche directement des outils frontaux ou backends à hauts privilèges
• Messages démasqués, pièces jointes, tokens, informations personnelles et données commerciales dans les journaux
• Définir des politiques de durée de conservation, d’exportation, de suppression et de sauvegarde pour les threads persistants
• Vérifier les annonces de sécurité, les instructions de migration et les changements de licence avant d’upgrader les dépendances

GitHub, SDK et licences

Le dépôt principal officiel de CopilotKit contient des paquets frontend, le runtime, des exemples, une CLI ainsi que des dossiers pour le SDK Python ; la page publique actuelle affiche environ 36 900 étoiles et 4 600 forks. Le fichier README du dépôt et le fichier de licence racine indiquent clairement que la licence est MIT.

Un document officiel de comparaison d’OSS indique toujours Apache 2.0, ce qui est en conflit avec le dépôt principal actuel ; le dépôt indépendant AG-UI adopte également explicitement la licence MIT. Lors de la publication ou de la redistribution, il convient de vérifier le fichier de licence de la version du paquet installé, et non de se fier uniquement à la page d’aperçu.

Informations de base

Indice de recommandation

Le score de recommandation est de 4,7 sur 5. CopilotKit organise en un stack de développement relativement complet les aspects les plus difficiles de l’interface utilisateur d’Agent : interaction fluide, affichage des outils, partage d’état, UI générative et collaboration homme-machine.

Il convient le mieux aux projets disposant d’une équipe d’ingénierie et prêts à intégrer des agents dans des produits réels. Avant de choisir, il convient de définir clairement les limites entre logiciels libres et commerciaux, le coût des modèles, les besoins en persistance, le niveau de maturité non React et la version de la licence.

Questions fréquentes

CopilotKit est-il gratuit ?

Le noyau open source peut être utilisé gratuitement, et l’abonnement cloud pour les développeurs reste également gratuit à vie. Les appels aux modèles, les bases de données externes, les ressources cloud ainsi que les coûts de gestion d’équipe doivent généralement être pris en charge séparément.

Quel est le prix du forfait à paiement minimum ?

Actuellement, Pro coûte 39 dollars par mois et inclut 5000 threads, une conservation sur 5 jours, 10 GB de stockage multimodal ainsi que 2000 points Channels par mois.

CopilotKit est-il un chatbot ?

Il ne s’agit pas d’un service de chat universel prêt à l’emploi, mais plutôt d’un cadre pour développer des interfaces de chat et d’interaction avec des agents. L’utilisateur doit fournir le modèle ou le backend de l’agent et effectuer l’intégration de l’application.

Peut-on se passer de Copilot Cloud ?

C’est possible. Le noyau open source peut fonctionner sur des infrastructures propres, et l’équipe peut également gérer elle-même l’authentification et la persistance ; les plateformes hébergées offrent principalement des threads persistants prêts à l’emploi, ainsi que des fonctionnalités de vérification et de maintenance.

Quels modèles sont pris en charge ?

L’agent intégré peut se connecter à OpenAI, Anthropic, Google et aux modèles compatibles avec les SDK d’IA, et il est également possible d’utiliser d’autres modèles via des frameworks d’agents externes. La disponibilité des modèles dépend du backend spécifique.

Est-ce que LangGraph est pris en charge ?

Soutien : les versions officielles proposent Python, FastAPI et TypeScript, ce qui en fait l’une des intégrations les plus complètes en termes de fonctionnalités.

Quelle est la différence entre AG-UI et MCP ?

AG-UI est responsable de l’interaction en temps réel entre l’agent et l’interface utilisateur, tandis que MCP gère la connexion de l’agent aux outils et aux données. Ils se complètent mutuellement et sont souvent utilisés ensemble dans une même application.

Est-il possible de générer des composants React ?

Oui, l’agent peut appeler des composants pré-enregistrés, afficher les résultats des outils backend ou mettre à jour l’UI en fonction de l’état partagé. En environnement de production, le catalogue des composants et la gamme des attributs doivent être restreints.

Est-ce que la validation manuelle est prise en charge ?

Soutien : l’agent peut suspendre et attendre l’approbation, l’édition, la tentative de nouveau ou la mise à niveau par l’utilisateur. Les véritables droits d’accès au système doivent néanmoins être contrôlés du côté serveur.

Est-ce que c’est compatible avec Slack et Teams ?

Actuellement, les deux sont officiellement pris en charge et soumis à des limites liées au nombre d’organisations de forfaits, au nombre de chaînes et aux points. D’autres plateformes de messagerie sont encore en phase de planification.

Quelle licence utilise CopilotKit ?

Le dépôt principal de GitHub et la licence racine sont clairement définis comme MIT, mais un document d’aperçu officiel indique encore Apache 2.0. Il convient de se fier à la version réellement utilisée ainsi qu’à la licence contenue dans le dépôt et le paquet.

La plateforme d’intelligence d’entreprise est-elle open source ?

Non. CopilotKit adopte un modèle à deux niveaux avec un noyau open source et une plateforme d’entreprise commerciale ; les threads persistants, les vérifications hébergées, le multi-locataire et le support entreprise font partie des fonctionnalités commerciales.

Résumé

CopilotKit est conçu pour créer des expériences d’agents IA véritablement intégrés aux produits, et non pas simplement des fenêtres de chat indépendantes. Le noyau open source offre des fonctionnalités suffisamment complètes en matière de chat, d’outils, d’état, d’UI générative et de collaboration homme-machine.

Une fois le projet mis en production, il convient de décider s’il faut développer une plateforme propre ou en acheter une commerciale en fonction de la persistance des threads, de la synchronisation entre appareils, de la console de gestion et des exigences de conformité, tout en vérifiant en permanence les changements de forfaits, de dépendances et de licences.