OpenClaw Agent Dashboard
Ein ansprechendes, sicheres Echtzeit-Monitoring-Dashboard für OpenClaw-Agents. Verfolgen Sie Sitzungen, überwachen Sie die API-Nutzung, sehen Sie Kosten ein, verwalten Sie Speicherdateien und behalten Sie den Systemzustand im Blick – alles an einem Ort.
📸 Screenshots
✨ Funktionen
- 🤖 Sitzungsverwaltung – Alle Agent-Sitzungen mit Echtzeit-Aktivitätsstatus anzeigen
- 📊 Rate-Limit-Überwachung – Claude- und Gemini-API-Nutzung über gleitende Fenster verfolgen
- 💰 Kostenanalyse – Detaillierte Ausgabenaufschlüsselung nach Modell, Sitzung und Zeitraum
- ⚡ Live-Feed – Echtzeit-Stream von Agent-Nachrichten über alle Sitzungen hinweg
- 🧠 Speicher-Viewer – Agent-Speicherdateien durchsuchen und lesen (MEMORY.md, HEARTBEAT.md, tägliche Notizen)
- 📁 Dateimanager – Workspace-Dateien, Skills und Konfigurationen anzeigen und bearbeiten, mit Sicherheitshärtung
- 📈 Systemzustand – CPU, RAM, Festplatte, Temperatur-Überwachung mit Sparklines
- 🔄 Dienststeuerung – Schnellaktionen zum Neustarten von OpenClaw, Dashboard oder anderen Diensten
- 📋 Log-Viewer – Echtzeit-Systemlogs mit automatischer Aktualisierung
- ⏰ Cron-Verwaltung – Cron-Jobs anzeigen, aktivieren/deaktivieren und manuell auslösen
- 🌐 Tailscale-Integration – Tailscale-Status, IP und verbundene Peers anzeigen
- 🎯 Aktivitäts-Heatmap – Spitzenauslastungszeiten der letzten 30 Tage visualisieren
- 🔥 Streak-Verfolgung – Tägliche Aktivitätsstränge überwachen
- 🔍 Sitzungssuche und -filterung – Nach Status, Modell, Datumsbereich filtern mit Live-Suche
- 🎨 Dunkles/Helles Theme – Umschalten zwischen dunklem und hellem Modus mit dauerhafter Einstellung
- ⌨️ Tastaturkürzel – Schnelle Navigation mit Hotkeys (1-7, Leertaste, /, Esc, ?)
- 📱 Mobil responsiv – Funktioniert auf Smartphones und Tablets
- 🔔 Browser-Benachrichtigungen – Benachrichtigungen bei Annäherung an Nutzungslimits
- 📊 Zeitleistenansicht – Visuelle Zeitleiste der Sitzungsaktivität
- 💾 Git-Aktivität – Aktuelle Commits über Ihre Repos verfolgen
- 🎛️ Claude-Nutzungs-Scraper – Echte Nutzungsdaten von der Claude Code CLI abrufen
- 🔷 Gemini-Nutzungsverfolgung – Google Gemini-Modellnutzung mit Aufschlüsselung nach Modell überwachen
- 🔀 Anbieterwechsel – Umschalten zwischen Claude- und Gemini-Nutzung auf der Übersichtskarte
- 📊 Modellauswahl – Wählen Sie das anzuzeigende Modell/Fenster (Opus, Sonnet, Pro, Flash usw.)
- 🔄 Auto-Refresh – Live-Datenaktualisierung alle 5 Sekunden
- 🌟 Lebenszeit-Statistiken – Gesamte Tokens, Nachrichten, Kosten seit der ersten Sitzung
- 📈 Verlaufsdaten – 24-Stunden-CPU-, RAM-, Temperatur- und Festplattennutzungs-Sparklines
- 🎯 Schnellaktionen – Systemwartung mit einem Klick (Updates, Bereinigung, Neustarts)
- 🍎 macOS-kompatibel – Volle Unterstützung für macOS-Systemstatistiken, Dienste und Speicherberichte
- 🛡️ System-Sicherheits-Dashboard – UFW-Regeln, offene Ports, fail2ban, SSH-Logs, Sicherheitsaudit (erfordert erneute Authentifizierung)
- ⚙️ Konfigurationseditor – OpenClaw-Konfiguration mit JSON-Validierung, automatischem Backup und Gateway-Neustart bearbeiten (erfordert erneute Authentifizierung)
- 🐳 Docker-Verwaltung – Container, Images, Systemnutzung anzeigen; Container starten/stoppen/neustarten; ungenutzte Ressourcen bereinigen
- 🔔 Benachrichtigungszentrale – Audit-Log-Ereignisfeed mit ungelesenem Badge-Zähler (Anmeldung, Konfigurationsänderungen, Sicherheitsereignisse)
- 🔐 Benutzername/Passwort-Auth – Sichere Registrierung mit PBKDF2-Passwort-Hashing
- 🔑 TOTP-MFA – Optionale Zwei-Faktor-Authentifizierung (kompatibel mit Google Authenticator)
- 💾 Angemeldet bleiben – Sitzungsgebundener oder 3-Stunden-persistenter Login
- 🛡️ Sicherheitsgehärtet – HSTS, CSP, Ratenbegrenzung, timing-sichere Vergleiche, Audit-Logging
- 📦 Minimale Abhängigkeiten – Reines Node.js, keine Datenbank oder npm-Pakete erforderlich. Optional:
jq (Docker-Seite), tmux + python3 (Claude-CLI-Nutzungs-Scraper), docker (Docker-Verwaltung)
🚀 Schnellstart```bash
Clone the repository
git clone https://github.com/tugcantopaloglu/openclaw-dashboard.git
cd openclaw-dashboard
Set your OpenClaw workspace path (optional, auto-detects if not set)
export WORKSPACE_DIR=/path/to/your/openclaw/workspace
Start the dashboard
node server.js
Besuchen Sie `http://localhost:7000` in Ihrem Browser. Beim ersten Besuch sehen Sie einen **Registrierungsbildschirm**, auf dem Sie Ihren Benutzernamen und Ihr Passwort erstellen. Nach der Registrierung melden Sie sich mit Ihren Anmeldedaten an.
## 📦 Installation
### Voraussetzungen
- **Node.js** v18 oder höher (Überprüfung mit `node --version`)
- **OpenClaw** installiert und läuft
- **Systemd** (optional, für die Dienstinstallation unter Linux)
#### Optionale Abhängigkeiten
| Tool | Erforderlich für | Installation |
|------|-----------------|--------------|
| `jq` | Docker-Verwaltungsseite | `sudo apt install jq` |
| `tmux` | Claude CLI Nutzungs-Scraper | `sudo apt install tmux` |
| `python3` | Parser für die Claude CLI-Nutzung | Normalerweise vorinstalliert |
| `docker` | Docker-Verwaltungsseite | [docs.docker.com](https://docs.docker.com/engine/install/) |
### Manuelle Installation
1. **Klonen Sie das Repository** ```bash
git clone https://github.com/tugcantopaloglu/openclaw-dashboard.git
cd openclaw-dashboard
- Umgebung konfigurieren (optional) ```bash
export DASHBOARD_PORT=7000
export WORKSPACE_DIR=/path/to/your/workspace
export OPENCLAW_DIR=$HOME/.openclaw
export OPENCLAW_AGENT=main
- Server starten ```bash
node server.js
Der Server wird ausgeben: ```
🚀 Dashboard running on http://localhost:7000
🔑 Recovery token: abc123def456...
**Speichern Sie den Wiederherstellungs-Token** — Sie werden ihn brauchen, falls Sie Ihr Passwort vergessen.
4. **Auf das Dashboard zugreifen**
Öffnen Sie `http://localhost:7000` und registrieren Sie Ihr Konto.
### Systemd-Dienst (install.sh)
tugcantopaloglu/openclaw-dashboard
