[{"data":1,"prerenderedAt":263},["ShallowReactive",2],{"post-agent-deck-tableau-de-bord-agents-ia-fr":3,"surround-/fr/blog/agent-deck-tableau-de-bord-agents-ia-fr":253,"post-translations-20":258},{"id":4,"title":5,"body":6,"canonical_id":236,"category":237,"date_created":238,"date_updated":238,"description":12,"extension":239,"head":240,"image":241,"lang":242,"layout":243,"meta":244,"navigation":245,"ogImage":240,"path":246,"reading_time":247,"robots":240,"schemaOrg":240,"seo":248,"sitemap":250,"stem":251,"__hash__":252},"blog/fr/blog/20.agent-deck-tableau-de-bord-agents-ia.md","Agent Deck : mon tableau de bord pour suivre Codex, Claude et Cursor",{"type":7,"value":8,"toc":227},"minimark",[9,13,21,28,64,69,85,104,111,118,122,125,128,154,157,161,164,171,174,178,185,188,191,195,208,211,219],[10,11,12],"p",{},"Quand je travaille avec plusieurs agents IA de développement en parallèle, je finis rapidement par passer d'une application à l'autre pour comprendre ce qui se passe. Une session Codex travaille encore, Claude attend une réponse, Cursor a terminé une tâche... et chaque outil affiche ses limites d'utilisation dans un endroit différent.",[10,14,15,16,20],{},"J'avais besoin d'une vue simple pour surveiller cette activité sans interrompre mon travail. J'ai donc créé ",[17,18,19],"strong",{},"Agent Deck",", un tableau de bord macOS qui réunit Codex, Claude et Cursor dans une seule interface.",[10,22,23,24,27],{},"Agent Deck n'est pas un nouvel agent et ne cherche pas à remplacer ces applications. C'est un ",[17,25,26],{},"écran de contrôle local et en lecture seule",", pensé pour rester visible à côté de mon écran principal.",[29,30,34,35],"div",{"className":31},[32,33],"text-center","mx-auto","\n  ",[36,37,43,44,34],"a",{"href":38,"target":39,"rel":40},"https://github.com/eMeRiKa13/agent-deck","_blank",[41,42],"noopener","noreferrer","\n    ",[45,46,47,48,47,53,47,57,43],"picture",{},"\n      ",[49,50],"source",{"srcSet":51,"type":52},"/img/blog/illustration/agent-deck-dashboard.avif","image/avif",[49,54],{"srcSet":55,"type":56},"/img/blog/illustration/agent-deck-dashboard.webp","image/webp",[58,59],"img",{"src":60,"alt":61,"loading":62,"className":63},"/img/blog/illustration/agent-deck-dashboard.jpg","Interface responsive d'Agent Deck affichant les sessions Codex, Claude et Cursor ainsi que l'utilisation des abonnements","lazy",[33],[65,66,68],"h2",{"id":67},"un-tableau-de-bord-conçu-pour-le-xeneon-edge","Un tableau de bord conçu pour le XENEON EDGE",[10,70,71,72,79,80,84],{},"Le point de départ du projet est le ",[36,73,76],{"href":74,"target":39,"rel":75},"https://www.corsair.com/fr/fr/p/monitors/cc-9011311-ww/corsair-xeneon-edge-14-5-lcd-touchscreen-white-cc-9011311-ww",[41,42],[17,77,78],{},"CORSAIR XENEON EDGE",", un écran tactile de 14,5 pouces au format très large ",[81,82,83],"code",{},"2560 × 720",", placé devant mon écran wide principal.",[29,86,34,88],{"className":87},[32,33],[36,89,43,91,34],{"href":74,"target":39,"rel":90},[41,42],[45,92,47,93,47,96,47,99,43],{},[49,94],{"srcSet":95,"type":52},"/img/blog/illustration/agent-deck-xeneon-edge.avif",[49,97],{"srcSet":98,"type":56},"/img/blog/illustration/agent-deck-xeneon-edge.webp",[58,100],{"src":101,"alt":102,"loading":62,"className":103},"/img/blog/illustration/agent-deck-xeneon-edge.jpg","Écran tactile CORSAIR XENEON EDGE ciblé par l'interface d'Agent Deck",[33],[10,105,106,107,110],{},"Cette résolution ",[81,108,109],{},"32:9"," a guidé l'interface en trois zones : les sessions récentes à gauche, le détail de la conversation sélectionnée au centre et l'utilisation des abonnements à droite. Les informations importantes restent ainsi visibles d'un coup d'œil.",[10,112,113,114,117],{},"Mais Agent Deck n'est pas limité à cet écran. ",[17,115,116],{},"L'application est responsive et fonctionne sur toutes les résolutions."," Sur une fenêtre plus étroite, les sessions et les quotas restent accessibles tandis que le détail d'une conversation s'ouvre dans un panneau coulissant.",[65,119,121],{"id":120},"ce-quagent-deck-permet-de-surveiller","Ce qu'Agent Deck permet de surveiller",[10,123,124],{},"L'objectif est de répondre rapidement à trois questions : quels agents travaillent, quelles sessions demandent mon attention et où en sont mes limites d'utilisation.",[10,126,127],{},"L'application affiche notamment :",[129,130,131,139,142,145,148,151],"ul",{},[132,133,134,135,138],"li",{},"Les sessions récentes de ",[17,136,137],{},"Codex, Claude et Cursor"," dans une liste unifiée.",[132,140,141],{},"Leur état : en cours, en attente, terminé ou nécessitant une action.",[132,143,144],{},"Le résumé et les événements récents de la conversation sélectionnée.",[132,146,147],{},"Le modèle utilisé, la branche Git, la durée et le nombre de tokens.",[132,149,150],{},"Les limites disponibles, leur date de réinitialisation et l'utilisation de chaque abonnement.",[132,152,153],{},"La disponibilité des différents services et les éventuelles données manquantes.",[10,155,156],{},"Les sessions sont actualisées automatiquement toutes les 15 secondes. Je peux donc laisser Agent Deck ouvert et repérer immédiatement un agent bloqué ou une tâche terminée.",[65,158,160],{"id":159},"une-application-locale-et-en-lecture-seule","Une application locale et en lecture seule",[10,162,163],{},"Comme Agent Deck affiche le contenu de conversations de travail, je ne voulais ni compte supplémentaire ni service cloud dédié.",[10,165,166,167,170],{},"L'application lit les données déjà présentes sur le Mac et les sessions authentifiées par Codex, Claude et Cursor. Les bases locales sont ouvertes en ",[17,168,169],{},"lecture seule"," : Agent Deck ne peut pas créer une conversation, envoyer un prompt, reprendre une tâche ou modifier les réglages d'un fournisseur.",[10,172,173],{},"Les identifiants restent dans le backend Rust et ne sont jamais transmis à l'interface Vue. Agent Deck ne téléverse pas non plus les conversations vers un serveur qui lui serait propre. Les seuls appels externes servent à récupérer les informations de compte et de quotas auprès des services concernés.",[65,175,177],{"id":176},"tauri-rust-et-vue-pour-une-app-macos-légère","Tauri, Rust et Vue pour une app macOS légère",[10,179,180,181,184],{},"Pour ce projet, j'ai utilisé ",[17,182,183],{},"Tauri 2"," et Rust pour accéder aux données locales, avec Vue 3, TypeScript et Tailwind CSS pour l'interface.",[10,186,187],{},"Cette stack me permet de conserver un frontend web responsive tout en créant une véritable application macOS. L'interface suit le thème clair ou sombre du système et est disponible en français et en anglais.",[10,189,190],{},"Agent Deck est actuellement testé sur les Mac Apple Silicon. Je ne propose pas encore de binaire officiel : le projet se compile depuis les sources avec Node.js, pnpm et Rust.",[65,192,194],{"id":193},"agent-deck-est-disponible-gratuitement","Agent Deck est disponible gratuitement",[10,196,197,198,202,203,207],{},"Comme ",[36,199,201],{"href":200},"/fr/blog/google-antigravity-creation-outil-optimisation-images","ANVL"," et ",[36,204,206],{"href":205},"/fr/blog/vibe-coder-app-codex-openai","SIZR",", Agent Deck est un petit outil né d'un besoin très concret dans mon workflow.",[10,209,210],{},"Le code source est disponible gratuitement sous licence MIT, avec les instructions nécessaires pour lancer ou compiler l'application sur macOS.",[10,212,213,214],{},"👉 ",[36,215,218],{"href":38,"rel":216,"target":39},[217],"nofollow","Retrouvez Agent Deck sur mon compte GitHub",[10,220,221,222,226],{},"Et si vous cherchez à intégrer les agents IA dans vos outils ou à construire une application web ou desktop, découvrez mes services de ",[36,223,225],{"href":224},"/fr/services/product-engineering","Product Engineering",".",{"title":228,"searchDepth":229,"depth":229,"links":230},"",2,[231,232,233,234,235],{"id":67,"depth":229,"text":68},{"id":120,"depth":229,"text":121},{"id":159,"depth":229,"text":160},{"id":176,"depth":229,"text":177},{"id":193,"depth":229,"text":194},"20","ai","2026-07-22T10:00:00.000Z","md",null,"/img/blog/blog20.jpg","fr","page",{},true,"/fr/blog/agent-deck-tableau-de-bord-agents-ia",4,{"description":249,"title":5},"Agent Deck réunit dans un tableau de bord macOS local l'activité de Codex, Claude et Cursor, les sessions à surveiller et l'usage des abonnements.",{"loc":246},"fr/blog/20.agent-deck-tableau-de-bord-agents-ia","CN28Wv-JBNHBbGCe3DqO4kcR6v9X9KaISgsP5B2gO6g",[240,254],{"title":255,"path":256,"stem":257,"children":-1},"Context engineering : comment je donne le bon contexte à mes agents IA","/fr/blog/context-engineering-agents-ia","fr/blog/19.context-engineering-agents-ia",[259,262],{"path":260,"lang":261},"/en/blog/agent-deck-ai-coding-agents-dashboard","en",{"path":246,"lang":242},1784725295387]