openclaw - 💡(How to fix) Fix [Proposal] Pulse: Service Health Monitoring Dashboard [1 participants]

import psutil
import requests

# Define metrics to collect
metrics = {
    'cpu_percent': psutil.cpu_percent(),
    'ram_percent': psutil.virtual_memory().percent,
    'disk_percent': psutil.disk_usage('/').percent,
    'uptime': psutil.boot_time()
}

# Define HTTP probes for services
services = {
    'OpenClaw': 'http://openclaw:8080',
    'QuantPipe': 'http://quantpipe:8080',
    'GitchPage': 'http://gitchpage:8080'
}

# Collect metrics and send to local endpoint
for service, url in services.items():
    try:
        response = requests.get(url)
        metrics[f'{service}_http_2xx_rate'] = response.status_code == 200
    except requests.exceptions.RequestException:
        metrics[f'{service}_http_2xx_rate'] = False

# Push metrics to local endpoint
requests.post('http://localhost:8080/metrics', json=metrics)

from fastapi import FastAPI
from fastapi.responses import JSONResponse
from pydantic import BaseModel

app = FastAPI()

class Metrics(BaseModel):
    cpu_percent: float
    ram_percent: float
    disk_percent: float
    uptime: float
    # Add other metrics as needed

@app.post("/metrics")
async def create_metrics(metrics: Metrics):
    # Store metrics in DuckDB
    import duckdb
    con = duckdb.connect(database='metrics.db')
    con.execute("CREATE TABLE IF NOT EXISTS metrics (cpu_percent FLOAT, ram_percent FLOAT, disk_percent FLOAT, uptime FLOAT);")
    con.execute("INSERT INTO metrics VALUES (?, ?, ?, ?);", (metrics.cpu_percent, metrics.ram_percent, metrics.disk_percent, metrics.uptime))
    con.close()
    return JSONResponse(content={"message": "Metrics stored successfully"}, status_code=201)

import React, { useState, useEffect } from 'react';
import axios from 'axios';
import ReactECharts from 'echarts-for-react';

function MonitorPage() {
    const [metrics, setMetrics] = useState({});

    useEffect(() => {
        axios.get('http://localhost:8080/metrics')
            .then(response => {
                setMetrics(response.data);
            })
            .catch(error => {
                console.error(error);
            });
    }, []);

    const options = {
        xAxis: {
            type: 'category',
            data: ['CPU',