https://github.com/kleinpanic/mission-control
Real-time dashboard for monitoring and orchestrating OpenClaw agents. WebSocket-powered Next.js app with agents panel, kanban board, cost tracker, and sessions viewer.
https://github.com/kleinpanic/mission-control
Last synced: 4 months ago
JSON representation
Real-time dashboard for monitoring and orchestrating OpenClaw agents. WebSocket-powered Next.js app with agents panel, kanban board, cost tracker, and sessions viewer.
- Host: GitHub
- URL: https://github.com/kleinpanic/mission-control
- Owner: kleinpanic
- Created: 2026-02-14T22:04:52.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2026-02-16T07:32:59.000Z (4 months ago)
- Last Synced: 2026-02-16T14:45:37.809Z (4 months ago)
- Language: TypeScript
- Size: 1.02 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Mission Control
Real-time dashboard for monitoring and orchestrating OpenClaw agents.
## Features
- **Dashboard** - Overview cards, activity feed, quick stats
- **Agents Panel** - Monitor all 6 agents (main, dev, ops, school, research, meta)
- **Kanban Board** - Task management with drag-and-drop
- **Cost Tracker** - Track spending across all providers
- **Cron Monitor** - View and manage scheduled jobs
- **Sessions Viewer** - Inspect active sessions and history
## Quick Start
```bash
# Install dependencies
npm install
# Create .env.local (copy from template or set manually)
echo "OPENCLAW_GATEWAY_URL=ws://127.0.0.1:18789" >> .env.local
echo "OPENCLAW_GATEWAY_TOKEN=" >> .env.local
echo "NEXT_PUBLIC_OPENCLAW_GATEWAY_TOKEN=" >> .env.local
# Start development server
PORT=3333 npm run dev
# Open http://localhost:3333
```
## Configuration
### Environment Variables
| Variable | Description | Default |
|----------|-------------|---------|
| `OPENCLAW_GATEWAY_URL` | WebSocket URL for gateway | `ws://127.0.0.1:18789` |
| `OPENCLAW_GATEWAY_TOKEN` | Authentication token | Required |
| `NEXT_PUBLIC_OPENCLAW_GATEWAY_TOKEN` | Token for client-side | Required |
| `MISSION_CONTROL_PORT` | Server port | `3333` |
### Gateway Token
Get your token from `~/.openclaw/openclaw.json`:
```bash
jq -r '.gateway.auth.token' ~/.openclaw/openclaw.json
```
## Tech Stack
- **Framework**: Next.js 16 (App Router)
- **UI**: Tailwind CSS + shadcn/ui
- **State**: Zustand
- **Database**: SQLite (better-sqlite3)
- **Real-time**: WebSocket
## Project Structure
```
mission-control/
├── src/
│ ├── app/ # Next.js App Router pages
│ │ ├── agents/ # Agents panel
│ │ ├── kanban/ # Kanban board
│ │ ├── costs/ # Cost tracker
│ │ ├── cron/ # Cron monitor
│ │ ├── sessions/ # Sessions viewer
│ │ ├── settings/ # Settings page
│ │ └── api/ # API routes
│ ├── components/ # React components
│ ├── lib/ # Utilities (db, gateway)
│ ├── stores/ # Zustand stores
│ └── types/ # TypeScript types
├── data/ # SQLite database
└── public/ # Static assets
```
## Development
```bash
# Run development server
PORT=3333 npm run dev
# Build for production
npm run build
# Start production server
PORT=3333 npm start
# Lint
npm run lint
```
## API Routes
| Route | Description |
|-------|-------------|
| `POST /api/gateway` | Proxy to OpenClaw gateway |
| `GET/POST/PATCH/DELETE /api/tasks` | Kanban task CRUD |
| `GET /api/costs` | Cost aggregation (codexbar) |
## Keyboard Shortcuts
- `Ctrl+K` - Quick search (planned)
- `R` - Refresh current view
## License
Private/Internal use only.
---
Built for [OpenClaw](https://openclaw.ai) by Meta agent during 24-hour autonomous sprint.