OpenClaw Agent Dashboard

OpenClawエージェント向けの、美しく安全なリアルタイム監視ダッシュボード。セッションの追跡、API使用量の監視、コストの確認、メモリファイルの管理、システムヘルスの把握を、すべて一箇所で行えます。

Dashboard Preview

スクリーンショット

概要	セッション	コスト

レート制限	ライブフィード	ログ

機能

セッション管理 - リアルタイムのアクティビティ状況とともにすべてのエージェントセッションを表示
レート制限の監視 - ローリングウィンドウに対するClaudeおよびGemini APIの使用量を追跡
コスト分析 - モデル、セッション、期間ごとの詳細な支出内訳
ライブフィード - すべてのセッションにわたるエージェントメッセージのリアルタイムストリーム
メモリビューア - エージェントのメモリファイル（MEMORY.md、HEARTBEAT.md、デイリーノート）を閲覧・表示
ファイルマネージャ - セキュリティ強化されたワークスペースファイル、スキル、設定の表示と編集
システムヘルス - スパークライン付きのCPU、RAM、ディスク、温度の監視
サービス制御 - OpenClaw、ダッシュボード、その他のサービスを再起動するクイックアクション
ログビューア - 自動更新付きのリアルタイムシステムログ
Cron管理 - cronジョブの表示、有効化/無効化、手動トリガー
Tailscale連携 - Tailscaleのステータス、IP、接続ピアを表示
アクティビティヒートマップ - 過去30日間のピーク使用時間帯を可視化
ストリーク追跡 - 毎日のアクティビティストリークを監視
セッション検索とフィルタリング - ステータス、モデル、日付範囲によるフィルタリングとライブ検索
ダーク/ライトテーマ - 設定が保持されるダークモードとライトモードの切り替え
キーボードショートカット - ホットキー（1-7、Space、/、Esc、?）で素早くナビゲート
モバイル対応 - スマートフォンやタブレットで動作
ブラウザ通知 - 使用制限が近づくとアラートを受信
タイムラインビュー - セッションアクティビティの視覚的なタイムライン
Gitアクティビティ - リポジトリ全体の最近のコミットを追跡
Claude使用量スクレイパー - Claude Code CLIから実際の使用量データを取得
Gemini使用量追跡 - モデル別の内訳でGoogle Geminiモデルの使用量を監視
プロバイダー切り替え - 概要カードでClaudeとGeminiの使用量を切り替え
モデル別セレクター - 表示するモデル/ウィンドウを選択（Opus、Sonnet、Pro、Flashなど）
自動更新 - 5秒ごとにライブデータを更新
累計統計 - 初回セッション以降の総トークン数、メッセージ数、コスト
ヘルス履歴 - 24時間のCPU、RAM、温度、ディスク使用量のスパークライン
クイックアクション - ワンクリックのシステムメンテナンス（更新、クリーンアップ、再起動）
macOS対応 - macOSのシステム統計、サービス、メモリレポートを完全サポート
システムセキュリティダッシュボード - UFWルール、開いているポート、fail2ban、SSHログ、セキュリティ監査（再認証が必要）
設定エディタ - JSON検証、自動バックアップ、ゲートウェイ再起動を備えたOpenClaw設定の編集（再認証が必要）
Docker管理 - コンテナ、イメージ、システム使用量の表示、コンテナの起動/停止/再起動、未使用リソースの削除
通知センター - 未読バッジカウンター付きの監査ログイベントフィード（ログイン、設定変更、セキュリティイベント）
ユーザー名/パスワード認証 - PBKDF2パスワードハッシュによる安全な登録
TOTP MFA - オプションの二要素認証（Google Authenticator対応）
ログイン状態の保持 - セッションのみ、または3時間の永続ログイン
セキュリティ強化 - HSTS、CSP、レート制限、タイミングセーフな比較、監査ログ
最小限の依存関係 - 純粋なNode.jsで、データベースやnpmパッケージは不要。オプション：jq（Dockerページ）、tmux + python3（Claude CLI使用量スクレイパー）、docker（Docker管理）

クイックスタート

# 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

ブラウザで http://localhost:7000 にアクセスします。初回アクセス時には 登録画面 が表示され、ユーザー名とパスワードを作成します。登録後、その認証情報でログインします。

インストール

前提条件

Node.js v18 以上（node --version で確認）
OpenClaw がインストールされ、実行中であること
Systemd（任意、Linux でのサービスインストール用）

オプションの依存関係

ツール	必要な機能	インストール
`jq`	Docker 管理ページ	`sudo apt install jq`
`tmux`	Claude CLI 使用量スクレイパー	`sudo apt install tmux`
`python3`	Claude CLI 使用量パーサー	通常はプリインストール済み
`docker`	Docker 管理ページ	docs.docker.com

手動インストール

リポジトリをクローン

git clone https://github.com/tugcantopaloglu/openclaw-dashboard.git
cd openclaw-dashboard

環境を設定（任意）

export DASHBOARD_PORT=7000
export WORKSPACE_DIR=/path/to/your/workspace
export OPENCLAW_DIR=$HOME/.openclaw
export OPENCLAW_AGENT=main

サーバーを起動する
```
node server.js
```
サーバーは次のように出力します：
```
 Dashboard running on http://localhost:7000
 Recovery token: abc123def456...
```
リカバリートークンを保存してください - パスワードを忘れた場合に必要になります。
ダッシュボードにアクセスする http://localhost:7000 を開き、アカウントを登録します。

Systemd サービス (install.sh)

自動起動とクラッシュ復旧を備えたシステムサービスとしてダッシュボードを実行するには:

sudo ./install.sh

これにより、以下が実行されます：

/etc/systemd/system/agent-dashboard.service を作成
/etc/systemd/system/agent-dashboard.service.d/override.conf にオーバーライド設定を作成
サービスを有効化して起動
ワークスペースパスを設定し、リカバリトークンを生成

ログを表示：

journalctl -u agent-dashboard -f

Docker

# Build
docker build -t openclaw-dashboard .

# Run
docker run -d \
  --name openclaw-dashboard \
  -p 3001:3001 \
  -e WORKSPACE_DIR=/app/workspace \
  -e DASHBOARD_ALLOW_HTTP=true \
  -v ~/.openclaw:/home/node/.openclaw:ro \
  -v ~/.openclaw/workspace:/app/workspace \
  openclaw-dashboard

Docker 管理ページにアクセスするには、Docker ソケットを渡します:

docker run -d \
  --name openclaw-dashboard \
  -p 3001:3001 \
  -e WORKSPACE_DIR=/app/workspace \
  -e DASHBOARD_ALLOW_HTTP=true \
  -v ~/.openclaw:/home/node/.openclaw:ro \
  -v ~/.openclaw/workspace:/app/workspace \
  -v /var/run/docker.sock:/var/run/docker.sock:ro \
  --group-add $(stat -c '%g' /var/run/docker.sock) \
  openclaw-dashboard

環境変数

変数	説明	デフォルト
`DASHBOARD_PORT`	サーバーポート	`7000`
`DASHBOARD_TOKEN`	パスワードリセット用のリカバリトークン	起動時に自動生成
`WORKSPACE_DIR`	OpenClawワークスペースのパス	`$OPENCLAW_WORKSPACE` またはカレントディレクトリ
`OPENCLAW_DIR`	OpenClaw設定ディレクトリ	`~/.openclaw`
`OPENCLAW_AGENT`	監視するエージェントID	`main`
`DASHBOARD_ALLOW_HTTP`	非ローカルIPからのHTTPを許可	`false`

例:

# Custom port
DASHBOARD_PORT=8080 node server.js

# Custom recovery token
DASHBOARD_TOKEN=my_secret_token_12345 node server.js

# Different workspace
WORKSPACE_DIR=/mnt/data/openclaw node server.js

認証

ダッシュボードはユーザー名とパスワードによる認証を使用し、安全なサーバーサイドセッションを採用しています。

初回登録

ダッシュボードのURL（例: http://localhost:7000）にアクセスします
登録画面が表示されます
ユーザー名とパスワードを選択します
登録をクリックします
新しい認証情報でログインします

ユーザー名とパスワードを入力します
オプションで**「ログイン状態を保持」**にチェックを入れると、3時間ログイン状態が維持されます（localStorageを使用）
「ログイン状態を保持」を選択しない場合、セッションはブラウザを閉じるまでのみ有効です（sessionStorageを使用）

パスワードのセキュリティ

PBKDF2ハッシュ - SHA-512による100,000回のイテレーション
ランダムソルト - パスワードごとに一意
サーバーサイドセッション - パスワードはブラウザに保存されず、セッショントークンのみが保存されます
タイミングセーフな比較 - パスワード検証時のタイミング攻撃を防止します

レート制限

ブルートフォース攻撃を防ぐため:

ログイン失敗5回 → 15分間のソフトロックアウト
ログイン失敗20回 → ハードロックアウト（サービス再起動が必要）
レート制限はインメモリで管理され、サービス再起動時にリセットされます

多要素認証（MFA）

時間ベースのワンタイムパスワード（TOTP）でセキュリティを強化できます。

MFAの有効化

ダッシュボードにログインします
サイドバーのセキュリティページに移動します
**「MFAを有効化」**をクリックします
QRコードが表示されるので、認証アプリでスキャンします:
- Google Authenticator（iOS、Android）
- Authy（iOS、Android、デスクトップ）
- Microsoft Authenticator（iOS、Android）
- 1Password、Bitwarden、またはTOTP対応の任意のアプリ
アプリに表示される6桁のコードを入力して確認します
MFAが有効になりました！

openclaw-dashboard

人気