-
-
Render the entire commit tree capable of 2,000commits with git time machine and AI commands
-
Find any git commit with advanced filtering and search
-
Review any git file differences with ease
-
Integrated AI helper for assistance
-
Analyze your team pulse and performance with custom AI
-
Resolve any merge conflict easily with the helper
-
Check quality and security before you push
-
Monitor automations and actions inside the app
GitCanopy: The Agentic Git Workstation
Inspiration
Git is the heartbeat of modern engineering, yet Git clients have historically remained stuck as simple visual wrappers around terminal commands. Developers frequently suffer from "Tab-Switching Fatigue"—constantly jumping between code, a Git GUI, and the GitLab web interface to manage issues and pipelines.
GitCanopy was engineered to serve as the "Cognitive Workstation" for engineers. The core vision was to create a tool that does not just display what changed, but deeply understands why it changed, enabling users to take action across the entire DevOps stack without ever leaving the workspace.
What it does
GitCanopy is a high-performance, minimalist Git client that transforms version control into an interactive, AI-enhanced experience.
- The Mycelia Agent (Centerpiece): Powered by the Model Context Protocol (MCP), Mycelia acts as an active development partner. It bridges local repositories directly with GitLab. Users can prompt it to "Summarize the last 3 failing pipelines on GitLab," "Create a 'Critical' issue for this bug," or "Review my MR status." Rather than simply chatting, it executes.
- The Railway Graph: A 60FPS, lane-persistent visualization engine that maps complex repository histories into a beautiful, navigable "Railway" system.
- AI Command Center (⌘J): A centered, Spotlight-style CLI where users type intents in plain English (e.g., "squash my last three commits"), which the AI translates into safe, atomic Git operations.
- Quality Reviewer: Before pushing code, GitCanopy audits staged diffs, providing a Quality Score (0-100) and catching logical bugs or performance bottlenecks in real-time.
- Git Time Machine: A temporal scrubber that allows users to visually reconstruct the repository at any point in its history.
How it was built
- The Brain: Google Gemini (1.5 Pro & 2.0 Flash) serves as the core reasoning engine, allowing the Mycelia agent to plan complex, multi-step workflows.
- The Superpowers: The Model Context Protocol (MCP) was implemented to modularize tool use. This allows GitCanopy to handshake with external servers (like the official GitLab MCP) to perform cloud-side actions securely.
- The UI/UX: Built using Electron, React, and TypeScript, adopting a "Zed-inspired" hyper-minimalist aesthetic. Data density and speed were prioritized, utilizing Virtualized Lists and Web Workers to ensure zero-lag even in repositories exceeding 100,000+ commits.
- The Engine: A custom Node.js Git service that uses safe argument arrays and read-write locking to guarantee repository integrity during AI-driven operations.
Key Challenges Resolved
- Agentic Reliability: Ensuring the AI agent reliably uses the correct GitLab tool parameters (such as Project IDs vs. Names) required rigorous prompt engineering and error-handling loops.
- Performance at Scale: Rendering a live-updating Git graph while an AI agent scans the background for quality audits required offloading heavy computations to worker threads, successfully maintaining a fluid 60FPS UI.
- Secure Integration: Implementing OS-level encrypted storage for GitLab tokens and AI API keys ensures that advanced intelligence never compromises security.
Key Accomplishments
- Beyond the Chatbot: The application moves past "passive AI" (simple summaries) to a functional agent that actively interacts with the GitLab API to solve real engineering problems.
- A Unified Aesthetic: The UI feels "alive" through subtle animations and tactical coloring, turning the complex DAG of Git history into an intuitive visual layout.
- The Command Palette: The ⌘J interface delivers a highly optimized, fast, and intuitive mechanism for interacting with Git.
Core Insights
Developing this architecture demonstrated that the future of developer tools is not just about "adding AI"—it relies on Agentic Integration. By leveraging MCP, GitCanopy becomes infinitely extensible. While it supports GitLab today, the exact same agent architecture can expand to inspect AWS infrastructure or Sentry error logs directly from within the Git client.
Future Roadmap
- Deep GitLab Code Reviews: Enabling Mycelia to pull MR comments directly into the diff view for a seamless "Review-to-Fix" loop.
- Self-Healing Pipelines: Integrations where Mycelia can automatically analyze GitLab CI failure logs and propose local fixes.
- Collaborative Mycelia: Allowing teams to share "Agent Prompts" for project-specific automation (e.g., "Standardize my commit for a Jira sprint").
GitCanopy is not just a Git client. It is the intelligent root system for the entire development workflow.
Built With
- bun
- d3.js
- electron
- git-cli
- node.js
- react
- react-window
- restapi
- tailwind
- typescript
- vite
Log in or sign up for Devpost to join the conversation.