◈ GlassPulse

Das glasmorphe Service-Dashboard — Monitoring so hübsch, dass deine Statusseite viral geht.

Checks · Uptime · Latenz · Performance — gerendert in lebendigem Aurora-Glas.

✨ Warum GlassPulse?

Statusseiten sehen aus wie 1999. GlassPulse ist das, was passiert, wenn ein Designsystem und eine Monitoring-Engine sich verlieben: Frosted-Glass-Karten auf einem animierten Aurora-Verlauf, Neon-Statussignale, Live-Latenz-Sparklines — und ein nativer MCP-Server, damit dein KI-Agent deine Infrastruktur mit dir beobachten kann.

• 🪟 Echtes Glassmorphism — Backdrop-Blur, Glanzlichter, Aurora-Blobs

• 🎨 Lebendig & vibrant — Violett → Fuchsia → Cyan-Palette, Dark-First, Light-Theme inklusive

• 📊 Echtes Monitoring — HTTP-, TCP-Port-, Keyword-, JSON-Path- und SSL-Ablauf-Checks

• ⚡ Performance-Budgets — Dienste degradieren (gelb), wenn die Latenz dein SLO überschreitet

• 🧩 Konfigurationsgesteuert — eine services.json, JSON-Schema-validiert, kein Backend nötig

• 🤖 MCP-first — Liefere dein Dashboard und einen agentenbereiten MCP-Server aus einem Repo

• 🌗 Theme-Umschalter — dunkles Aurora oder helles Glas, pro Browser gespeichert

Related MCP server: prismix-status-mcp

🚀 Schnellstart

git clone https://github.com/MountainLabsDE/GlassPulse-Dashboard.git
cd GlassPulse
npm install
npm run dev          # → http://localhost:5173

Das war's. Die gebündelte Demo-Konfiguration testet echte öffentliche Endpunkte (GitHub API, Cloudflare, jsDelivr), sodass du sofort Live-Daten sehen kannst.

Konfiguriere deine Dienste

Bearbeite app/src/config/services.json:

{
  "title": "My Infrastructure",
  "services": [
    {
      "id": "api",
      "name": "REST API",
      "group": "Core",
      "icon": "🛰️",
      "accent": "#8b5cf6",
      "checks": [
        { "type": "http", "url": "https://api.example.com/health", "degradeAboveMs": 800 },
        { "type": "ssl", "host": "api.example.com", "warnDays": 14 }
      ]
    }
  ]
}

Fünf Check-Typen: http · tcp · keyword · jsonpath · ssl Vollständige Referenz: app/schema/glasspulse.schema.json

Browser-Hinweis: Das Dashboard führt Checks clientseitig aus, daher leuchten CORS-fähige Endpunkte sofort auf. TCP/SSL-Checks (und alle Endpunkte hinter CORS) sind als nur-Agent markiert — der MCP-Server testet sie nativ über Node.

🤖 MCP-Server

GlassPulse liefert einen erstklassigen MCP-Server (stdio + streamable HTTP):

npm run mcp:build
node mcp-server/dist/index.js                 # stdio
GLASSPULSE_MCP_TRANSPORT=http npm run mcp     # HTTP :3100/mcp
GLASSPULSE_CONFIG=/path/to/your.json npm run mcp

Werkzeuge: list_services · get_status · get_metrics · run_check Ressourcen: glasspulse://services · glasspulse://status

Claude Desktop / Cursor

{
  "mcpServers": {
    "glasspulse": {
      "command": "node",
      "args": ["/absolute/path/to/GlassPulse/mcp-server/dist/index.js"]
    }
  }
}

Dann frag einfach deinen Agenten: "Ist die API erreichbar? Wie hoch ist die p95-Latenz?"

📦 Bereitstellung

npm run build        # static bundle in app/dist

Lege app/dist auf GitHub Pages, Vercel, Netlify oder einem beliebigen statischen Host ab. Für TCP/SSL-Checks aus dem Dashboard heraus, führe den MCP-Server (oder einen beliebigen statischen Dateiserver) in deinem Netzwerk aus und weise GLASSPULSE_CONFIG auf dieselbe Konfiguration.

🗺 Roadmap

• Incident-Timeline & Wartungsfenster

• WebSocket-Live-Push (optionaler kleiner Agent)

• Webhook-/Alert-Integrationen (Slack, Discord, Telegram)

• Mehrere Dashboards aus einer Konfiguration

• Plugin-Checks (benutzerdefinierte JS-Sonden)

🤝 Mitwirken

PRs willkommen! Bewahre die Glas-Ästhetik, füge Tests für die Engine-Logik hinzu.

📄 Lizenz

Apache-2.0 — © MountainLabs UG (haftungsbeschränkt).

Wir haben Apache-2.0 bewusst über MIT gewählt: Es gewährt Mitwirkenden und Nutzern eine explizite Patentlizenz und verlangt gleichzeitig eine Namensnennung über NOTICE. Der Name "GlassPulse" und das Logo bleiben Marken der MountainLabs UG.