The Problem
You install OpenClaw, configure it, and let it run in the background. But how do you actually know it's working?
There's no built-in status page. No heartbeat alerts. No way to see if it's processing tasks or just sitting idle.
The Solution
I built a simple, self-hostable monitoring dashboard for OpenClaw agents:
π OpenClaw Monitor on GitHub
Tech Stack:
- Frontend: Vue 3 (Composition API) + Element Plus + Vite
- Backend: Express + SQLite (sql.js)
- Auth: JWT
- i18n: Chinese + English
Features
- π Heartbeat Detection β Knows immediately when your agent goes down
- π Gateway Management β Manage multiple gateway configs from one UI
- π Real-time Status β Live view of agent operations
- π JWT Authentication β Secure access for your monitoring layer
- π i18n β Switch between EN/CN
- π± Responsive β Works on desktop and mobile
Quick Start
git clone https://github.com/flik2002/openclaw-monitor-frontend.git
cd openclaw-monitor-frontend
npm install
npm run dev
Why "AI Monitoring AI"?
OpenClaw is fantastic at automating tasks. But in production, you need observability β the same as any other service. This is a small step toward treating AI agents like real infrastructure.
Contributing
Still early stage. Issues, stars, and PRs all welcome.














