The latest articles on DEV Community by Logan Mann (@itsloganmann). https://dev.to/itsloganmann https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4094842%2F783b9b71-1d09-4a77-adf9-ce17fdff0d9f.jpg https://dev.to/itsloganmann en Logan Mann Tue, 25 Aug 2026 23:33:28 +0000 https://dev.to/itsloganmann/symphony-a-live-map-of-your-ai-coding-agents-4pd0 https://dev.to/itsloganmann/symphony-a-live-map-of-your-ai-coding-agents-4pd0 <p><em>Watch Claude Code, Codex, and opencode edit your repository in real time, and catch collisions before they become merge conflicts.</em></p> <p>Your team runs coding agents now. One engineer starts three Claude Code sessions before lunch. Another runs Codex on the same service. The work is invisible until a diff lands in git. When two agents edit the same file, you find out at merge time, after both agents have already done the work twice.</p> <p>Observability tools trace the agents that you build with SDKs. They show token counts, traces, and session replays for your own orchestrated code. None of them answer the question every team actually has: who is touching my repository right now, and are two people about to collide?</p> <h2> What Symphony does </h2> <p>Symphony is an open-source control room for AI coding agents. You install one hook. From that point, every edit that any agent makes, on every machine on your team, streams onto one live board.</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fj9x3ityy5q82eh137yd4.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fj9x3ityy5q82eh137yd4.png" alt="The live board: every agent, every file, with a collision flagged in red" width="800" height="450"></a></p> <p>The board shows:</p> <ul> <li>A shared repository tree that lights up as agents claim files.</li> <li>A red flag when agents of two people touch the same file.</li> <li>A warning to the agent itself, before it saves over the work of a teammate.</li> <li>A live 3D map. Zones of your system ring the repository core, agents hold position around the zones they touch, and edits travel the edges as particles.</li> <li>A token leaderboard, meeting notes with per-person deliverables, and a profile card for every person and agent.</li> </ul> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fqrm1a2yfk8rmbuzpp1zn.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fqrm1a2yfk8rmbuzpp1zn.png" alt="The live 3D map: zones, agents, and collisions" width="800" height="450"></a></p> <p>Add an OpenAI or Anthropic key and the board explains itself: plain-English zone names, per-person work summaries, and a one-line team standup. The LLM features are optional. The board works without them.</p> <h2> How it works </h2> <p>The design is small:</p> <ol> <li>A lightweight hook mints a stable event id per edit, spools it to disk, and drains it to an ingest API. It never blocks the agent's tool call.</li> <li>The backend upserts edits into Supabase through stored, service-role-only functions.</li> <li>Browsers subscribe to a server-sent-event stream and fall back to snapshot polling.</li> </ol> <p>No SDK. No instrumentation of your code. The hook covers Claude Code, Codex, and opencode today.</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F2505ymi6h4c78hhhik9r.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F2505ymi6h4c78hhhik9r.png" alt="The token leaderboard: who is driving the most agent work" width="800" height="450"></a></p> <h2> The research behind it </h2> <p>This is not a new idea. It is a well-studied idea that never got a product for the agent era. FASTDash (Microsoft Research) and the TeamWATCH studies showed that a shared, real-time view of edits improves team awareness and catches conflicts early. The agent era made the problem worse: the team now includes software that edits at machine speed. The citations ship in the repository.</p> <h2> Try it </h2> <p>Symphony is MIT-licensed. It self-hosts in minutes on a free Supabase project. Run it locally, or deploy the three-surface app to Modal. The quickstart is five commands: clone, configure, apply the schema, run the server, and install the hook.</p> <p>Repo: <a href="https://github.com/itsloganmann/symphony" rel="noopener noreferrer">https://github.com/itsloganmann/symphony</a></p> <p>If you try it, tell me what breaks. Issues and pull requests are welcome.</p> <p><em>Originally published on <a href="https://itsloganmann.substack.com/p/symphony-a-live-map-of-your-ai-coding" rel="noopener noreferrer">Substack</a>.</em></p> ai opensource programming devtools