🦞 OpenClaw Command Center

<div align="center">

Mission control for your AI agents

Features • Quick Start • Security • Configuration

</div>

---

Why Command Center?

Your AI agents are running 24/7. You need to know what they're doing.

Command Center gives you real-time visibility into your OpenClaw deployment — sessions, costs, system health, scheduled tasks — all in one secure dashboard.

⚡ Fast

• Single API call — unified state endpoint, not 16+ separate requests
• 2-second updates — real-time SSE push, not polling
• 5-second cache — backend stays responsive under load
• Instant startup — no build step, no compilation

🪶 Lightweight

• Zero dependencies for users — just Node.js
• ~200KB total — dashboard + server
• No webpack/vite/bundler — runs directly
• No React/Vue/Angular — vanilla JS, works everywhere

📱 Responsive

• Desktop & mobile — works on any screen size
• Dark mode — easy on the eyes, Starcraft-inspired
• Live updates — no manual refresh needed
• Offline-friendly — graceful degradation

🔧 Modern

• ES Modules — clean component architecture
• SSE streaming — efficient real-time updates
• REST API — integrate with your tools
• TypeScript-ready — JSDoc types included

🔒 Security (Most Important)

Command Center takes security seriously:

# Secure deployment example (Tailscale)
DASHBOARD_AUTH_MODE=tailscale node lib/server.js
# Only users on your Tailscale network can access

---

Features

---

Quick Start

Option 1: ClawHub (Recommended)

clawhub install command-center
cd skills/command-center
node lib/server.js

Option 2: Git Clone

git clone https://github.com/jontsai/openclaw-command-center
cd openclaw-command-center
npm install  # Optional: only for dev tools
node lib/server.js

Option 3: One-liner

npx degit jontsai/openclaw-command-center dashboard && cd dashboard && node lib/server.js

Dashboard runs at http://localhost:3333 🎉

---

Zero-Config Experience

Command Center auto-detects your OpenClaw workspace:

1. $OPENCLAW_WORKSPACE environment variable
2. ~/.openclaw-workspace or ~/openclaw-workspace
3. Common names: ~/molty, ~/clawd, ~/moltbot

If you have memory/ or state/ directories, you're good to go.

---

Configuration

Environment Variables

🔒 Authentication

📋 Recommended OpenClaw Settings

For the best Command Center experience, configure your OpenClaw gateway:

Slack Threading (Critical)

Enable threading for all messages to get proper topic tracking:

# In your OpenClaw config (gateway.yaml or via openclaw gateway config)
slack:
  capabilities:
    threading: all  # Options: all, dm, group, none

Why this matters: Without threading, the dashboard can't track conversation topics properly. Each thread becomes a trackable unit of work.

Session Labels

Use descriptive session labels for better dashboard visibility:

sessions:
  labelFormat: "{channel}:{topic}"  # Customize as needed

Cerebro (Topic Tracking)

Enable Cerebro for automatic conversation tagging:

# Initialize Cerebro directories
mkdir -p ~/your-workspace/cerebro/topics
mkdir -p ~/your-workspace/cerebro/orphans

The dashboard will automatically detect and display topic data.

---

Multi-Profile Support

Running multiple OpenClaw instances?

# Production dashboard
node lib/server.js --profile production --port 3333

# Development dashboard  
node lib/server.js --profile dev --port 3334

---

API

Command Center exposes a REST API:

---

Architecture

command-center/
├── lib/
│   ├── server.js           # HTTP server + API
│   ├── config.js           # Configuration
│   └── jobs.js             # Cron integration
├── public/
│   ├── index.html          # Dashboard UI
│   └── js/                 # Components (ES modules)
└── scripts/
    ├── setup.sh            # First-time setup
    └── verify.sh           # Health check

---

🚀 Coming Soon

Advanced Job Scheduling

Building on OpenClaw's native cron system with intelligent scheduling primitives:

Multi-Agent Orchestration

• Agent-to-agent handoffs
• Swarm coordination patterns
• Specialized agent routing (data analysis, documentation, testing)
• Cross-session context sharing

Integration Ecosystem

• Webhook triggers for external systems
• Slack slash commands for quick actions
• API for custom integrations
• Plugin architecture for specialized agents

---

Screenshots

Dashboard Overview

The hero view shows key metrics at a glance: total tokens, costs, active sessions, estimated savings, and system capacity.

<p align="center"> <img src="docs/screenshots/hero.png" alt="Dashboard Hero" width="800"> </p>

Sessions Panel

Monitor all active AI sessions in real-time. Each card shows model, channel, token usage, cost, and activity status. Filter by status (live/recent/idle), channel, or session type.

<p align="center"> <img src="docs/screenshots/sessions-panel.png" alt="Sessions Panel" width="800"> </p>

Cron Jobs

View and manage scheduled tasks. See run history, next scheduled time, and enable/disable jobs. The dashboard shows job success/failure sparklines and filters by status and schedule type.

<p align="center"> <img src="docs/screenshots/cron-panel.png" alt="Cron Jobs Panel" width="800"> </p>

Cerebro Topics

Automatic conversation organization. Topics are auto-detected from Slack threads, with status tracking (active/resolved/parked), thread counts, and quick navigation. Privacy controls let you hide sensitive topics.

<p align="center"> <img src="docs/screenshots/cerebro-panel.png" alt="Cerebro Topics Panel" width="800"> </p>

Operators

See who's interacting with your AI agents. Track active sessions per operator, permission levels, and last activity timestamps.

<p align="center"> <img src="docs/screenshots/operators-panel.png" alt="Operators Panel" width="800"> </p>

Memory Browser

Browse your agent's memory files — daily logs, long-term memory, and workspace files. Quick navigation with file sizes and modification times.

<p align="center"> <img src="docs/screenshots/memory-panel.png" alt="Memory Panel" width="800"> </p>

Cost Breakdown Modal

Click on any cost stat to see detailed breakdowns: token usage by type, pricing rates, and calculation methodology. Includes estimated savings vs. manual work.

<p align="center"> <img src="docs/screenshots/cost-modal.png" alt="Cost Breakdown Modal" width="800"> </p>

Operator Details

Click on an operator card to see their session history, stats, and activity timeline.

<p align="center"> <img src="docs/screenshots/operator-modal.png" alt="Operator Details Modal" width="800"> </p>

Privacy Settings

Control what's visible for demos and screenshots. Hide sensitive topics, sessions, or cron jobs. Settings sync to the server automatically.

<p align="center"> <img src="docs/screenshots/privacy-modal.png" alt="Privacy Settings Modal" width="800"> </p>

Session Details

Click any session card to see detailed information: summary, key facts, tools used, and recent messages.

<p align="center"> <img src="docs/screenshots/session-detail.png" alt="Session Details Panel" width="800"> </p>

Full Dashboard

The complete dashboard with all panels visible.

<details> <summary>Click to expand full dashboard view</summary> <p align="center"> <img src="docs/screenshots/dashboard-full.png" alt="Full Dashboard" width="800"> </p> </details>

---

Contributing

Contributions welcome! Please read CONTRIBUTING.md.

Development

npm install        # Install dev dependencies
npm run dev        # Watch mode
npm run lint       # Check code style
npm run format     # Auto-format
./scripts/verify.sh  # Run health checks

---

License

MIT © Jonathan Tsai

---

<div align="center">

ClawHub · OpenClaw · Discord

</div>