A real-time, high-performance dashboard for managing autonomous agents and complex task queues. Built with Convex, React, and Tailwind CSS, Mission Control provides a "Command Center" experience for monitoring and orchestrating operations.
- 🚀 Real-time Synchronization: Powered by Convex, every change (task moves, agent updates, comments, document creation) propagates instantly to all connected clients.
- 🤖 Agent Oversight: Monitor the status and activity of your agent roster in real-time, with live counts in the header.
- 📦 Mission Queue: A kanban-style overview of tasks categorized by status: Inbox, Assigned, In Progress, Review, and Done, with selection-driven detail views.
- 🧭 Task Detail Panel: Inspect and edit task status, descriptions, and assignees, plus quick actions like “Mark as Done” and task ID copy.
- 🧾 Resources & Deliverables: Task-linked documents show up as structured resources with type and path metadata.
- 💬 Comments & Activity: Comment tracking and a live activity feed with filters for tasks, comments, docs, and status updates.
- 🔐 Secure Access: Integrated Convex Auth for secure terminal login and management.
- 📱 Responsive Design: Premium, centered layout that works seamlessly across all devices.
- 🔗 OpenClaw Integration: Automatic task tracking for OpenClaw agent runs with real-time progress updates.
- Backend: Convex (Real-time Database, Functions, Auth)
- Frontend: React with Vite
- Styling: Tailwind CSS
- Icons: Tabler Icons
Run the following commands to install dependencies and start the development environment:
bun install
bun devTo populate your local dashboard with the initial roster of agents and tasks, run the seed script:
npx convex run seed:run- Open the app in your browser (usually
http://localhost:5173). - Use the Sign Up flow to create your commander credentials.
- Access the dashboard to start monitoring operations.
Mission Control integrates with OpenClaw to automatically track agent tasks in real-time.
OpenClaw Agent → Lifecycle Events → Hook Handler → HTTP POST → Convex → Real-time UI
When an OpenClaw agent runs:
- Task Created - A new task appears in the "In Progress" column with the user's prompt as the title
- Progress Updates - Tool usage and thinking events appear as comments
- Completion - Task moves to "Done" with duration displayed (e.g., "Completed in 2m 15s")
- Errors - Task moves to "Review" column with error details
Copy the hook to your OpenClaw hooks directory:
cp -r ~/.openclaw/hooks/mission-control ~/.openclaw/hooks/Or create it manually at ~/.openclaw/hooks/mission-control/handler.ts.
Add the Mission Control URL to your OpenClaw config (~/.openclaw/config.jsonc):
Or set the environment variable:
export MISSION_CONTROL_URL="https://your-project.convex.site/openclaw/event"openclaw gateway restart| Feature | Description |
|---|---|
| Prompt Capture | User prompts become task titles and descriptions |
| Duration Tracking | Shows how long each agent run took |
| Source Detection | Messages from Telegram, Discord, etc. show source prefix |
| Markdown Comments | Progress updates render with full markdown support |
| Agent Matching | OpenClaw agents map to Mission Control agents by name |
The integration receives events at:
POST /openclaw/event
Payload format:
{
"runId": "unique-run-id",
"action": "start" | "end" | "error" | "progress",
"sessionKey": "session-key",
"prompt": "user prompt text",
"source": "Telegram",
"response": "agent response",
"error": "error message"
}Mission Control // Secure Terminal Access // Ref: 2026
{ "hooks": { "internal": { "enabled": true, "entries": { "mission-control": { "enabled": true, "env": { "MISSION_CONTROL_URL": "https://your-project.convex.site/openclaw/event" } } } } } }