@sltogethertao-sudo

OpenClaw Viz

OpenClaw Multi-Agent Work Visualization Dashboard

当前版本
v1.0.0
code-plugin社区source-linked

🌀 OpenClaw Viz — Multi-Agent Work Visualization

Industrial-grade dashboard for observing and controlling OpenClaw multi-agent systems.

<p> <a href="https://github.com/openclaw/openclaw"><img src="https://img.shields.io/badge/OpenClaw-2026.5.7-6C47FF" alt="OpenClaw"></a> <img src="https://img.shields.io/badge/v1.0-stable-6464ff" alt="Version"> <img src="https://img.shields.io/badge/license-MIT-green" alt="License"> <a href="https://nodejs.org"><img src="https://img.shields.io/badge/node-%3E%3D22-blue" alt="Node"></a> </p>

Features

🤖 Agent Topology Graph

  • Force-directed graph (D3.js) showing real-time agent relationships
  • Node types: Agent · Session · Cron Job · Module
  • Status indicators: active, idle, stale, error
  • Drag, zoom, pan · Click-to-inspect

📊 Session Monitoring

  • Real-time session list with status, token usage, cost
  • Session history viewer with role-colored messages
  • Module attribution · Fuzzy search & multi-filter · 4 sort modes
  • JSON / Markdown export

⚡ Human Intervention Console

  • Send messages to any active session
  • Steer sub-agents with directional instructions
  • Terminate runaway agents

🗂️ Project Intelligence

  • Module dependency graph (11 workspace projects, 6 relationship types)
  • Project timeline / Gantt with milestone markers
  • Activity heatmap from daily memory files · Milestone tracker
  • Task flow pipeline (Input → Processing → Completed)

🔔 Smart Alerts Engine

  • Error spike detection · Stale session monitoring
  • Token usage warnings · Model provider failure alerts
  • Configurable alert thresholds

👥 Multi-User & RBAC

  • User registration with viewer / operator / admin roles
  • 10 fine-grained permissions across 3 roles
  • Immutable audit trail with SHA-based hash chains
  • SSO / JWT authentication (Google OIDC, GitHub, Microsoft stubs)

🎞️ Session Replay & A/B Testing

  • Playback engine with 378-frame support
  • 5 speed settings (0.5x–10x) · Timeline scrubber
  • This week vs. last week metrics comparison

🛡️ Enterprise

  • Multi-cluster monitoring with DNS-SD auto-discovery
  • Prometheus / Grafana integration (7-panel dashboard export)
  • API rate limiting (per-role) · Session-level audit export (JSON/CSV/JSONL)
  • Intervention policy engine with 5 built-in rules

Prerequisites

  • Node.js ≥ 22 (recommended 24)
  • OpenClaw 2026.5.x running locally with a Gateway
  • journalctl (optional, for live log viewer)

Quick Start

# Install dependencies
npm run install:all

# Development (hot reload)
npm run dev

# Production build
npm run build
npm start

⚠️ OpenClaw Gateway must be running on the same machine for Viz to connect. The dashboard reads session data from ~/.openclaw/agents/ and ~/.openclaw/cron/.

The dashboard will be available at http://localhost:3000.


Architecture

┌─────────────────────────────────────────────────────┐
│                   Browser (React)                    │
│  ┌──────────┐  ┌───────────┐  ┌──────────────────┐ │
│  │ Topology  │  │  Session  │  │  Intervention    │ │
│  │  Graph    │  │  Monitor  │  │  Console         │ │
│  │  (D3.js)  │  │           │  │                  │ │
│  └─────┬─────┘  └─────┬─────┘  └───────┬──────────┘ │
│        │               │                │            │
│  ┌─────┴───────────────┴────────────────┴──────────┐ │
│  │              Zustand Store + WebSocket            │ │
│  └─────────────────────┬───────────────────────────┘ │
└────────────────────────┼────────────────────────────┘
                         │ WebSocket + REST
┌────────────────────────┼────────────────────────────┐
│                   Express Server                      │
│  ┌─────────────────────┴───────────────────────────┐ │
│  │              Data Collection Layer                │ │
│  │  sessions.json │ JSONL logs │ cron │ processes   │ │
│  └─────────────────────┬───────────────────────────┘ │
│                         │                             │
│  ┌─────────────────────┴───────────────────────────┐ │
│  │              OpenClaw Gateway                     │ │
│  │  ~/.openclaw/agents/ │ ~/.openclaw/cron/         │ │
│  └──────────────────────────────────────────────────┘ │
└──────────────────────────────────────────────────────┘

Tech Stack

LayerTechnology
FrontendReact 18, Vite 6, TailwindCSS 3
VisualizationD3.js 7 (force-directed graph)
StateZustand 5
BackendExpress 4, WebSocket (ws)
Real-timechokidar (file watching) + WS push
DeploymentDocker, Node.js 24

Configuration

Env VariableDefaultDescription
PORT3000Server port
OPENCLAW_HOME~/.openclawOpenClaw data directory

Development

# Run only server
npm run server

# Run only client
npm run client

# Full stack dev
npm run dev

# Build for production
npm run build

Version Evolution

VersionHighlights
V4.1OIDC SSO (Google), API rate limiting, cluster auto-discovery, Grafana JSON export, session-level audit export
V4.0RBAC permission matrix, immutable audit trail, multi-cluster monitoring, Prometheus/Grafana integration, SSO/JWT auth
V3.0Multi-user system, intervention policy engine, session replay, A/B test comparison
V2.0Project dependency graph, timeline/Gantt, activity heatmap, milestone tracker, task flow pipeline, smart alerts
V1.1Session search & filter, cron management, performance metrics dashboard, session export
V1.0Agent topology graph, session monitoring, intervention console, WebSocket real-time updates, gateway log viewer, system metrics

Planned: SAML SSO, webhook alerting (Slack/PagerDuty), policy chaining, replay bookmarks, PDF export.


Contributing

See CONTRIBUTING.md.


License

MIT

源码与版本

源码仓库

sltogethertao-sudo/openclaw-viz

打开仓库

源码提交

1d73373dc0104180c6c17bc4c32be5561a0b2192

查看提交

安装命令

openclaw plugins install clawhub:openclaw-viz

元数据

  • 包名: openclaw-viz
  • 创建时间: 2026/05/24
  • 更新时间: 2026/05/24
  • 执行代码:
  • 源码标签: main

兼容性

  • 构建于 OpenClaw: ^2026.4.0
  • 插件 API 范围: ^1.0.0
  • 标签: latest
  • 文件数: 44