CH
Back to projects
Shipped
Full-Stack DevelopmentUX DesignReal-Time Systems

Agent Hub Desktop App

Electron menubar control center for multi-agent monitoring

1 clickto monitor and control everything
Product Screenshots
Agent Hub menubar popover showing services, Docker containers, workflows, and RAG index status

Menubar popover: real-time overview of all services, containers, and workflows

Architecture
AGENT HUB — COLLECTOR ARCHITECTUREELECTRON MAIN PROCESSIPC CollectorsReact 19 UITailwind 430s polling intervalPopover + DashboardDockerAPIn8nCLIServicesTCP probeGitStatusRAGStatsTasksQueue
Problem

Monitoring multiple Docker containers, n8n workflows, RAG services, and agent status required switching between terminals, browser tabs, and log files. No single view of system health. Starting, stopping, or restarting services meant remembering CLI commands.

Discovery

Mapped all data sources: Docker API, n8n CLI, TCP port probes, file-based stats, git status. Identified that 90% of monitoring needs could be served by a quick-glance popover, with a full dashboard for deep investigation. Evaluated menubar app patterns on macOS.

Solution

Electron 34 app with two views: a frameless popover (420×650px) for quick status checks, and a full dashboard window (1200×800px) for detailed investigation. IPC collector architecture polls 10 data sources every 30 seconds. Action buttons for Docker start/stop/restart, n8n workflow run/enable/disable, and script triggers. Global keyboard shortcut (Cmd+Shift+H) for instant access.

Outcomes
  • Single-click access to health status of all services, containers, and workflows
  • GUI controls replaced dozens of CLI commands for daily operations
  • 10 data collectors running in parallel with 30-second refresh cycles
  • Tabbed interface: overview, Docker, workflows, tasks, git activity, RAG stats
  • Built in one session with React 19, Tailwind 4, and electron-vite
Built with
ElectronReact 19TypeScriptTailwind 4