openclaw-workspace/memory/projects/mission-control-dashboard.md

Mission Control Dashboard

Overview

Next.js 14 dashboard for project management and system monitoring

Location

C:\web\htdocs\mission-control URL: http://localhost:3000

Status

🔄 Consolidating — Combined with Python version
See: mission-control-dashboard-tlc.md for unified project plan

Note: Both dashboards running feature-complete but need refresh/merge.

Features

Project Management

• Project cards with status (Planning, In Progress, Completed)
• Kanban task boards
• Drag-and-drop task management

Status Widgets (Real-Time)

• OpenClaw gateway status
• Home Assistant connectivity
• Discord bot status
• GLaDOS MCP health
• Cron job monitoring

Quick Actions

• Common operation buttons
• One-click system checks

Knowledge Base

• Reference cards with commands
• API endpoint documentation
• Path references

Tech Stack

• Framework: Next.js 14+ with App Router
• Language: TypeScript
• Styling: Tailwind CSS + shadcn/ui
• Data: Real-time polling APIs

API Endpoints

System Status

• GET /api/gateway — Live OpenClaw status (30s refresh)
• GET /api/cron — All cron jobs with status indicators
• GET /api/backup — Supermemory backup status

Project Management

• GET /api/projects — List all projects
• POST /api/projects — Create new project
• PUT /api/projects/[id] — Update project
• POST /api/projects/[id]/tasks — Add task
• PUT /api/projects/[id]/tasks/[taskId] — Update task status

Voice Control (GLaDOS Integration)

MCP Tools:

• list_projects() — "What am I working on?"
• create_project(name) — Start new project
• add_task(project, task) — Add task via voice
• update_task_status(taskId, status) — Mark complete
• get_project_status() — Check overall progress

Themes

4 distinct themes created:

1. NASA Retro — 1969 CRT monitor aesthetic
2. Luxury Commander — Swiss editorial, watch brand quality
3. Cyberpunk Terminal — Neon dystopian tech
4. Organic Living — Biomorphic, natural flows

Switch via: themes\switch-theme.bat [1-4]

Data Storage

• Projects: data/projects.json (dynamic read/write)
• Data Store: data/data-store.ts (read/write utilities)

Usage

cd C:\web\htdocs\mission-control
npm run dev
# Open http://localhost:3000

Next Steps

• Add Home Assistant real-time data (once HA cleanup complete)
• Mobile responsiveness tweaks
• PTT key binding (Spacebar hold)

---

Trigger words: dashboard, mission control, nextjs, projects, kanban, status