[{"data":1,"prerenderedAt":263},["ShallowReactive",2],{"post-agent-deck-ai-coding-agents-dashboard-en":3,"surround-/en/blog/agent-deck-ai-coding-agents-dashboard-en":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/en/blog/20.agent-deck-ai-coding-agents-dashboard.md","Agent Deck: My Dashboard for Monitoring Codex, Claude, and 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",{},"When I work with several AI coding agents in parallel, I quickly end up switching between applications to understand what is happening. A Codex session is still working, Claude is waiting for a response, Cursor has completed a task... and each tool displays its usage limits in a different place.",[10,14,15,16,20],{},"I needed a simple view to monitor this activity without interrupting my work. So I built ",[17,18,19],"strong",{},"Agent Deck",", a macOS dashboard that brings Codex, Claude, and Cursor together in a single interface.",[10,22,23,24,27],{},"Agent Deck is not a new agent and does not aim to replace these applications. It is a ",[17,25,26],{},"local, read-only control screen",", designed to remain visible next to my main display.",[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","Responsive Agent Deck interface showing Codex, Claude, and Cursor sessions alongside subscription usage","lazy",[33],[65,66,68],"h2",{"id":67},"a-dashboard-designed-for-the-xeneon-edge","A Dashboard Designed for the XENEON EDGE",[10,70,71,72,79,80,84],{},"The starting point for the project was the ",[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",", a 14.5-inch touchscreen with an ultrawide ",[81,82,83],"code",{},"2560 × 720"," format, positioned in front of my main ultrawide monitor.",[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","CORSAIR XENEON EDGE touchscreen targeted by the Agent Deck interface",[33],[10,105,106,107,110],{},"This ",[81,108,109],{},"32:9"," resolution shaped the interface into three areas: recent sessions on the left, details of the selected conversation in the center, and subscription usage on the right. The most important information remains visible at a glance.",[10,112,113,114,117],{},"However, Agent Deck is not limited to this display. ",[17,115,116],{},"The application is responsive and works at any resolution."," In a narrower window, sessions and quotas remain accessible while conversation details open in a slide-over panel.",[65,119,121],{"id":120},"what-agent-deck-lets-me-monitor","What Agent Deck Lets Me Monitor",[10,123,124],{},"The goal is to quickly answer three questions: which agents are working, which sessions need my attention, and how much of my usage limits remains available.",[10,126,127],{},"The application displays:",[129,130,131,139,142,145,148,151],"ul",{},[132,133,134,135,138],"li",{},"Recent ",[17,136,137],{},"Codex, Claude, and Cursor"," sessions in a unified list.",[132,140,141],{},"Their status: working, waiting, completed, or requiring attention.",[132,143,144],{},"A summary and recent events from the selected conversation.",[132,146,147],{},"The model used, Git branch, duration, and token count.",[132,149,150],{},"Available limits, reset times, and usage for each subscription.",[132,152,153],{},"Provider availability and any missing data.",[10,155,156],{},"Sessions refresh automatically every 15 seconds. I can leave Agent Deck open and immediately spot an agent that is blocked or a task that has finished.",[65,158,160],{"id":159},"a-local-read-only-application","A Local, Read-Only Application",[10,162,163],{},"Because Agent Deck displays the content of work conversations, I did not want an additional account or a dedicated cloud service.",[10,165,166,167,170],{},"The application reads data already stored on the Mac and the authenticated sessions used by Codex, Claude, and Cursor. Local databases are opened in ",[17,168,169],{},"read-only mode",": Agent Deck cannot create a conversation, send a prompt, resume a task, or change a provider's settings.",[10,172,173],{},"Credentials remain in the Rust backend and are never sent to the Vue interface. Agent Deck does not upload conversations to its own server either. The only external requests retrieve account and quota information from the relevant services.",[65,175,177],{"id":176},"tauri-rust-and-vue-for-a-lightweight-macos-app","Tauri, Rust, and Vue for a Lightweight macOS App",[10,179,180,181,184],{},"For this project, I used ",[17,182,183],{},"Tauri 2"," and Rust to access local data, with Vue 3, TypeScript, and Tailwind CSS for the interface.",[10,186,187],{},"This stack allows me to keep a responsive web frontend while creating a real macOS application. The interface follows the system's light or dark appearance and is available in English and French.",[10,189,190],{},"Agent Deck is currently tested on Apple Silicon Macs. I do not provide an official binary yet: the project can be built from source with Node.js, pnpm, and Rust.",[65,192,194],{"id":193},"agent-deck-is-available-for-free","Agent Deck Is Available for Free",[10,196,197,198,202,203,207],{},"Like ",[36,199,201],{"href":200},"/en/blog/google-antigravity-image-optimization-tool","ANVL"," and ",[36,204,206],{"href":205},"/en/blog/vibe-coder-app-codex-openai","SIZR",", Agent Deck is a small tool born from a very concrete need in my workflow.",[10,209,210],{},"The source code is available for free under the MIT license, along with the instructions required to run or build the application on macOS.",[10,212,213,214],{},"👉 ",[36,215,218],{"href":38,"rel":216,"target":39},[217],"nofollow","Find Agent Deck on my GitHub account",[10,220,221,222,226],{},"And if you are looking to integrate AI agents into your tools or build a web or desktop application, discover my ",[36,223,225],{"href":224},"/en/services/product-engineering","Product Engineering services",".",{"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","en","page",{},true,"/en/blog/agent-deck-ai-coding-agents-dashboard",4,{"description":249,"title":5},"Agent Deck brings Codex, Claude, and Cursor activity, sessions requiring attention, and subscription usage together in a local macOS dashboard.",{"loc":246},"en/blog/20.agent-deck-ai-coding-agents-dashboard","9WhSwgTLVyvCwJUXewRAMKRH57Q0P1K8kKWxJcyVG5c",[240,254],{"title":255,"path":256,"stem":257,"children":-1},"Context Engineering: How I Give AI Agents the Right Context","/en/blog/context-engineering-ai-agents","en/blog/19.context-engineering-ai-agents",[259,260],{"path":246,"lang":242},{"path":261,"lang":262},"/fr/blog/agent-deck-tableau-de-bord-agents-ia","fr",1784725295367]