PyObservability 0.0.0a0__py3-none-any.whl

pyobservability/main.py

@@ -0,0 +1,44 @@
+# app/main.py
+import asyncio
+import pathlib
+from fastapi import FastAPI, WebSocket, WebSocketDisconnect, Request
+from fastapi.staticfiles import StaticFiles
+from fastapi.templating import Jinja2Templates
+from pyobservability.monitor import Monitor
+import os
+from dotenv import load_dotenv
+load_dotenv()
+
+app = FastAPI(title="Monitor UI")
+root = pathlib.Path(__file__).parent
+templates_dir = root / "templates"
+static_dir = root / "static"
+templates = Jinja2Templates(directory=templates_dir)
+app.mount("/static", StaticFiles(directory=static_dir), name="static")
+
+monitor = Monitor(poll_interval=float(os.getenv("POLL_INTERVAL", 2)))
+
+@app.get("/")
+async def index(request: Request):
+    # pass configured targets to the template so frontend can prebuild UI
+    return templates.TemplateResponse("index.html", {"request": request, "targets": monitor.targets})
+
+@app.websocket("/ws")
+async def websocket_endpoint(websocket: WebSocket):
+    await websocket.accept()
+    await monitor.start()
+    q = monitor.subscribe()
+    try:
+        while True:
+            payload = await q.get()
+            # send as JSON text
+            await websocket.send_json(payload)
+    except WebSocketDisconnect:
+        monitor.unsubscribe(q)
+    except Exception:
+        monitor.unsubscribe(q)
+        try:
+            await websocket.close()
+        except:
+            pass
+    await monitor.stop()

pyobservability/monitor.py

@@ -0,0 +1,234 @@
+# app/monitor.py
+
+import asyncio
+import os
+import json
+from typing import Any, Dict, List
+import aiohttp
+from asyncio import CancelledError
+
+
+###############################################################################
+# ENDPOINT DEFINITIONS (PyNinja Correct)
+###############################################################################
+
+ENDPOINTS = {
+    "ip": {
+        "path": "/get-ip",
+        "params": {"public": "false"},
+    },
+    "cpu": {
+        "path": "/get-cpu",
+        "params": {"interval": 2, "per_cpu": "true"},
+    },
+    "cpu_load": {
+        "path": "/get-cpu-load",
+        "params": {},
+    },
+    "gpu": {
+        "path": "/get-processor",
+        "params": {},
+    },
+    "memory": {
+        "path": "/get-memory",
+        "params": {},
+    },
+    "disk": {
+        "path": "/get-disk-utilization",
+        "params": {"path": "/"},
+    },
+    "disks": {
+        "path": "/get-all-disks",
+        "params": {},
+    },
+    "services": {
+        "path": "/get-all-services",
+        "params": {},
+    },
+    "docker_stats": {
+        "path": "/get-docker-stats",
+        "params": {},
+    },
+    "certificates": {
+        "path": "/get-certificates",
+        "params": {},
+    }
+}
+
+
+###############################################################################
+# LOAD TARGETS FROM ENV
+###############################################################################
+
+def load_targets_from_env() -> List[Dict[str, Any]]:
+    raw = os.getenv("MONITOR_TARGETS", "[]")
+
+    try:
+        data = json.loads(raw)
+    except Exception:
+        data = [raw] if raw else []
+
+    parsed = []
+
+    for entry in data:
+        if isinstance(entry, str):
+            parsed.append({"name": entry, "base_url": entry, "apikey": None})
+        elif isinstance(entry, dict):
+            parsed.append({
+                "name": entry.get("name") or entry["base_url"],
+                "base_url": entry["base_url"],
+                "apikey": entry.get("apikey")
+            })
+
+    return parsed
+
+
+###############################################################################
+# MONITOR CLASS
+###############################################################################
+
+class Monitor:
+
+    def __init__(self, poll_interval: float = 2.0):
+        self.targets = load_targets_from_env()
+        self.poll_interval = float(os.getenv("POLL_INTERVAL", poll_interval))
+        self.sessions: Dict[str, aiohttp.ClientSession] = {}
+        self._ws_subscribers: List[asyncio.Queue] = []
+        self._task = None
+        self._stop = asyncio.Event()
+
+    ############################################################################
+    # LIFECYCLE
+    ############################################################################
+    async def start(self):
+        for t in self.targets:
+            self.sessions[t["base_url"]] = aiohttp.ClientSession()
+        self._task = asyncio.create_task(self._run_loop())
+
+    async def stop(self):
+        self._stop.set()
+        if self._task:
+            self._task.cancel()
+            try:
+                await self._task
+            except CancelledError:
+                pass
+
+        for sess in self.sessions.values():
+            await sess.close()
+
+    ############################################################################
+    # SUBSCRIBE / UNSUBSCRIBE
+    ############################################################################
+    def subscribe(self) -> asyncio.Queue:
+        q = asyncio.Queue(maxsize=10)
+        self._ws_subscribers.append(q)
+        return q
+
+    def unsubscribe(self, q: asyncio.Queue):
+        try:
+            self._ws_subscribers.remove(q)
+        except ValueError:
+            pass
+
+    ############################################################################
+    # FETCH WRAPPER
+    ############################################################################
+    async def _fetch(self, session, base_url, ep, apikey=None, params=None):
+        url = base_url.rstrip("/") + ep
+        headers = {"accept": "application/json"}
+        if apikey:
+            headers["Authorization"] = f"Bearer {apikey}"
+
+        try:
+            async with session.get(url, headers=headers, params=params, timeout=10) as resp:
+                if resp.status == 200:
+                    try:
+                        return await resp.json()
+                    except Exception:
+                        return {"detail": await resp.text()}
+                return {"error": f"HTTP {resp.status}"}
+        except Exception as e:
+            return {"error": str(e)}
+
+    ############################################################################
+    # PER-TARGET POLLING
+    ############################################################################
+    async def _poll_target(self, target: Dict[str, Any]) -> Dict[str, Any]:
+        base = target["base_url"]
+        apikey = target.get("apikey")
+        session = self.sessions[base]
+
+        result = {
+            "name": target["name"],
+            "base_url": base,
+            "metrics": {}
+        }
+
+        # Fire ALL requests concurrently
+        tasks = {}
+
+        for key, cfg in ENDPOINTS.items():
+            tasks[key] = asyncio.create_task(
+                self._fetch(
+                    session,
+                    base,
+                    cfg["path"],
+                    apikey=apikey,
+                    params=cfg["params"]
+                )
+            )
+
+        # Wait for all endpoints
+        raw_results = await asyncio.gather(*tasks.values(), return_exceptions=True)
+
+        for (key, _), resp in zip(tasks.items(), raw_results):
+            if isinstance(resp, Exception):
+                result["metrics"][key] = {"error": str(resp)}
+                continue
+            if isinstance(resp, dict):
+                result["metrics"][key] = resp.get("detail", resp)
+            else:
+                # raw string / number / list / etc
+                result["metrics"][key] = resp
+
+        return result
+
+    ############################################################################
+    # POLL ALL HOSTS
+    ############################################################################
+    async def _poll_all(self) -> List[Dict[str, Any]]:
+        tasks = [self._poll_target(t) for t in self.targets]
+        results = await asyncio.gather(*tasks, return_exceptions=True)
+        out = []
+        for r in results:
+            if isinstance(r, Exception):
+                out.append({"error": str(r)})
+            else:
+                out.append(r)
+        return out
+
+    ############################################################################
+    # MAIN LOOP
+    ############################################################################
+    async def _run_loop(self):
+        while not self._stop.is_set():
+            metrics = await self._poll_all()
+
+            payload = {
+                "type": "metrics",
+                "ts": asyncio.get_event_loop().time(),
+                "data": metrics
+            }
+
+            for q in list(self._ws_subscribers):
+                try:
+                    q.put_nowait(payload)
+                except asyncio.QueueFull:
+                    try:
+                        _ = q.get_nowait()
+                        q.put_nowait(payload)
+                    except Exception:
+                        pass
+
+            await asyncio.sleep(self.poll_interval)

pyobservability/static/app.js

@@ -0,0 +1,392 @@
+// app/static/app.js
+(function () {
+  // ------------------------------------------------------------
+  // CONFIG
+  // ------------------------------------------------------------
+  const MAX_POINTS = 60;
+  const targets = window.MONITOR_TARGETS || [];
+
+  // ------------------------------------------------------------
+  // DOM REFERENCES
+  // ------------------------------------------------------------
+  const nodeSelect = document.getElementById("node-select");
+  const refreshBtn = document.getElementById("refresh-btn");
+
+  const ipEl = document.getElementById("ip");
+  const gpuEl = document.getElementById("gpu");
+  const memEl = document.getElementById("memory");
+  const diskEl = document.getElementById("disk");
+  const loadEl = document.getElementById("cpuload");
+
+  const cpuAvgCtx = document.getElementById("cpu-avg-chart").getContext("2d");
+  const memCtx = document.getElementById("mem-chart").getContext("2d");
+  const loadCtx = document.getElementById("load-chart").getContext("2d");
+
+  const coresGrid = document.getElementById("cores-grid");
+
+  const servicesTableBody = document.querySelector("#services-table tbody");
+  const svcFilter = document.getElementById("svc-filter");
+
+  const dockerStatsEl = document.getElementById("docker-stats");
+  const containersList = document.getElementById("containers-list");
+
+  const disksTableBody = document.querySelector("#disks-table tbody");
+  const certsEl = document.getElementById("certificates");
+
+  const showCoresCheckbox = document.getElementById("show-cores");
+
+  // ------------------------------------------------------------
+  // CHART HELPERS
+  // ------------------------------------------------------------
+  function makeMainChart(ctx, label) {
+    const EMPTY = Array(MAX_POINTS).fill(null);
+    const LABELS = Array(MAX_POINTS).fill("");
+
+    return new Chart(ctx, {
+      type: "line",
+      data: {
+        labels: [...LABELS],
+        datasets: [
+          {
+            label,
+            data: [...EMPTY],
+            fill: true,
+            tension: 0.2,
+            cubicInterpolationMode: "monotone",
+            pointRadius: 0
+          }
+        ]
+      },
+      options: {
+        animation: false,
+        responsive: true,
+        maintainAspectRatio: false,
+        spanGaps: false,
+        scales: {
+          x: { display: false },
+          y: {
+            beginAtZero: true,
+            suggestedMax: 100
+          }
+        },
+        plugins: {
+          legend: { display: false }
+        }
+      }
+    });
+  }
+
+  function makeCoreSparkline(ctx, coreName) {
+    const EMPTY_LABELS = Array(MAX_POINTS).fill("");
+    const EMPTY_DATA   = Array(MAX_POINTS).fill(null);
+
+    return new Chart(ctx, {
+      type: "line",
+      data: {
+        labels: [...EMPTY_LABELS],
+        datasets: [{
+          label: coreName,
+          data: [...EMPTY_DATA],
+          fill: false,
+          tension: 0.2,
+          pointRadius: 0
+        }]
+      },
+      options: {
+        animation: false,
+        responsive: false,
+        interaction: false,
+        events: [],
+        spanGaps: false,
+        plugins: { legend: { display: false } },
+        scales: {
+          x: { display: false },
+          y: { display: false, suggestedMax: 100 }
+        }
+      }
+    });
+  }
+
+  const cpuAvgChart = makeMainChart(cpuAvgCtx, "CPU Avg");
+  const memChart    = makeMainChart(memCtx,    "Memory %");
+  const loadChart   = makeMainChart(loadCtx,   "CPU Load");
+
+  // ------------------------------------------------------------
+  // CORE SPARKLINE STATE
+  // ------------------------------------------------------------
+  const coreMini = {};
+
+  function createCoreChart(coreName) {
+    const wrapper = document.createElement("div");
+    wrapper.className = "core-mini";
+    wrapper.innerHTML = `
+      <div class="label">${coreName}</div>
+      <canvas width="120" height="40"></canvas>
+      <div class="value">—</div>
+    `;
+    coresGrid.appendChild(wrapper);
+
+    const canvas = wrapper.querySelector("canvas");
+    const valEl = wrapper.querySelector(".value");
+    const chart = makeCoreSparkline(canvas.getContext("2d"), coreName);
+
+    coreMini[coreName] = { chart, el: wrapper, valEl };
+    return coreMini[coreName];
+  }
+
+  function getCoreChart(coreName) {
+    return coreMini[coreName] || createCoreChart(coreName);
+  }
+
+  function pruneOldCores(latest) {
+    for (const name of Object.keys(coreMini)) {
+      if (!latest.includes(name)) {
+        try { coreMini[name].chart.destroy(); } catch {}
+        coreMini[name].el.remove();
+        delete coreMini[name];
+      }
+    }
+  }
+
+  // ------------------------------------------------------------
+  // RESET UI
+  // ------------------------------------------------------------
+  function resetUI() {
+    // Pre-fill charts with right-anchored null buffers
+    const EMPTY_DATA = Array(MAX_POINTS).fill(null);
+    const EMPTY_LABELS = Array(MAX_POINTS).fill("");
+
+    function resetChart(chart) {
+      chart.data.labels = [...EMPTY_LABELS];
+      chart.data.datasets[0].data = [...EMPTY_DATA];
+      chart.update();
+    }
+
+    // Reset main charts (CPU Avg, Memory %, CPU Load)
+    resetChart(cpuAvgChart);
+    resetChart(memChart);
+    resetChart(loadChart);
+
+    // Remove all per-core mini charts
+    for (const name of Object.keys(coreMini)) {
+      try { coreMini[name].chart.destroy(); } catch {}
+      coreMini[name].el.remove();
+      delete coreMini[name];
+    }
+
+    // Reset static UI fields
+    ipEl.textContent = "—";
+    gpuEl.textContent = "—";
+    memEl.textContent = "—";
+    diskEl.textContent = "—";
+    loadEl.textContent = "—";
+
+    servicesTableBody.innerHTML = "";
+    dockerStatsEl.textContent = "—";
+    containersList.innerHTML = "";
+    disksTableBody.innerHTML = "";
+    certsEl.textContent = "—";
+  }
+
+  // ------------------------------------------------------------
+  // HELPERS
+  // ------------------------------------------------------------
+  function pushPoint(chart, value) {
+    const ts = new Date().toLocaleTimeString();
+    chart.data.labels.push(ts);
+    chart.data.datasets[0].data.push(isFinite(value) ? Number(value) : NaN);
+
+    if (chart.data.labels.length > MAX_POINTS) {
+      chart.data.labels.shift();
+      chart.data.datasets[0].data.shift();
+    }
+
+    chart.update("none");
+  }
+
+  function num(x) {
+    const n = Number(x);
+    return Number.isFinite(n) ? n : null;
+  }
+
+  // ------------------------------------------------------------
+  // METRICS HANDLER
+  // ------------------------------------------------------------
+  function handleMetrics(list) {
+    const now = new Date().toLocaleTimeString();
+
+    for (const host of list) {
+      if (host.base_url !== selectedBase) continue;
+      const m = host.metrics || {};
+
+      // ------------------- BASIC INFO -------------------
+      ipEl.textContent = m.ip?.ip || m.ip || "—";
+      gpuEl.textContent = JSON.stringify(m.gpu ?? "—", null, 2);
+      diskEl.textContent = m.disk ? JSON.stringify(m.disk, null, 0) : "—";
+
+      // ------------------- MEMORY -------------------
+      if (m.memory) {
+        const used = m.memory.ram_used || m.memory.used || "";
+        const percent = m.memory.ram_usage ?? m.memory.usage ?? m.memory.percent ?? "—";
+        memEl.textContent = `used: ${used} (${percent}%)`;
+        pushPoint(memChart, num(percent));
+      }
+
+      // ------------------- CPU -------------------
+      let avg = null;
+
+      if (m.cpu) {
+        const detail = m.cpu.detail || m.cpu;
+
+        if (typeof detail === "object") {
+          const names = Object.keys(detail);
+          pruneOldCores(names);
+
+          const values = [];
+
+          for (const [core, val] of Object.entries(detail)) {
+            const v = num(val);
+            values.push(v);
+
+            const c = getCoreChart(core);
+            c.chart.data.labels.push(now);
+            c.chart.data.datasets[0].data.push(v ?? 0);
+
+            if (c.chart.data.labels.length > MAX_POINTS) {
+              c.chart.data.labels.shift();
+              c.chart.data.datasets[0].data.shift();
+            }
+
+            c.chart.update("none");
+            c.valEl.textContent = `${(v ?? 0).toFixed(1)}%`;
+          }
+
+          avg = values.reduce((a, b) => a + (b ?? 0), 0) / values.length;
+        }
+        else if (typeof detail === "number") {
+          avg = detail;
+        }
+      }
+
+      if (avg != null) pushPoint(cpuAvgChart, avg);
+
+      // ------------------- CPU LOAD -------------------
+      if (m.cpu_load) {
+        const load = m.cpu_load.detail || m.cpu_load;
+        if (typeof load === "object") {
+          const m1  = load.m1 ?? load[0];
+          const m5  = load.m5 ?? load[1];
+          const m15 = load.m15 ?? load[2];
+
+          loadEl.textContent = `${m1} / ${m5} / ${m15}`;
+          pushPoint(loadChart, num(m1) ?? 0);
+        } else {
+          loadEl.textContent = load;
+          pushPoint(loadChart, num(load));
+        }
+      }
+
+      // ------------------- SERVICES -------------------
+      if (Array.isArray(m.services)) {
+        const filter = svcFilter.value.trim().toLowerCase();
+        servicesTableBody.innerHTML = "";
+
+        for (const s of m.services) {
+          const name = s.pname || s.label || s.name || "";
+
+          if (filter && !name.toLowerCase().includes(filter)) continue;
+
+          const tr = document.createElement("tr");
+          tr.innerHTML = `
+            <td>${s.pid ?? s.PID ?? ""}</td>
+            <td>${name}</td>
+            <td>${s.status ?? "—"}</td>
+            <td>${s.cpu ? JSON.stringify(s.cpu) : "—"}</td>
+            <td>${s.memory ? (s.memory.rss || s.memory.pfaults || JSON.stringify(s.memory)) : "—"}</td>
+          `;
+          servicesTableBody.appendChild(tr);
+        }
+      }
+
+      // ------------------- DOCKER -------------------
+      if (m.docker_stats)
+        dockerStatsEl.textContent = JSON.stringify(m.docker_stats, null, 2);
+
+      if (Array.isArray(m.containers)) {
+        containersList.innerHTML = "";
+        for (const c of m.containers) {
+          const li = document.createElement("li");
+          li.textContent = c["Container Name"] || c.name || JSON.stringify(c);
+          containersList.appendChild(li);
+        }
+      }
+
+      // ------------------- DISKS -------------------
+      if (Array.isArray(m.disks)) {
+        disksTableBody.innerHTML = "";
+        for (const d of m.disks) {
+          const tr = document.createElement("tr");
+          tr.innerHTML = `
+            <td>${d.name || d.device_id || ""}</td>
+            <td>${d.size || d.total || ""}</td>
+            <td>${(d.mountpoints || []).join(", ")}</td>
+          `;
+          disksTableBody.appendChild(tr);
+        }
+      }
+
+      // ------------------- CERTIFICATES -------------------
+      if (m.certificates) {
+        certsEl.textContent = JSON.stringify(m.certificates, null, 2);
+      }
+    }
+  }
+
+  // ------------------------------------------------------------
+  // EVENT BINDINGS
+  // ------------------------------------------------------------
+  targets.forEach(t => {
+    const opt = document.createElement("option");
+    opt.value = t.base_url;
+    opt.textContent = t.name || t.base_url;
+    nodeSelect.appendChild(opt);
+  });
+
+  let selectedBase =
+    nodeSelect.value || (targets[0] && targets[0].base_url);
+  nodeSelect.value = selectedBase;
+
+  nodeSelect.addEventListener("change", () => {
+    selectedBase = nodeSelect.value;
+    resetUI();
+  });
+
+  refreshBtn.addEventListener("click", resetUI);
+
+  showCoresCheckbox.addEventListener("change", () => {
+    const visible = showCoresCheckbox.checked;
+    Object.values(coreMini).forEach(c => {
+      c.el.style.display = visible ? "block" : "none";
+    });
+  });
+
+  // ------------------------------------------------------------
+  // WEBSOCKET
+  // ------------------------------------------------------------
+  const protocol = location.protocol === "https:" ? "wss" : "ws";
+  const ws = new WebSocket(`${protocol}://${location.host}/ws`);
+
+  ws.onmessage = evt => {
+    try {
+      const msg = JSON.parse(evt.data);
+      if (msg.type === "metrics") handleMetrics(msg.data);
+    } catch (err) {
+      console.error("WS parse error:", err);
+    }
+  };
+
+  // ------------------------------------------------------------
+  // INIT
+  // ------------------------------------------------------------
+  resetUI();
+})();

pyobservability/static/styles.css

@@ -0,0 +1,60 @@
+:root {
+  --bg: #0b1220;
+  --panel: #0f1724;
+  --muted: #9fb0d7;
+  --accent: #63b3ff;
+  --glass: rgba(255,255,255,0.03);
+}
+
+* { box-sizing: border-box; }
+html,body { height:100%; margin:0; font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; background:var(--bg); color:#e6eef8; }
+
+.topbar {
+  display:flex; align-items:center; justify-content:space-between;
+  padding:12px 20px; background:linear-gradient(90deg,#071028,#0b1530); border-bottom:1px solid rgba(255,255,255,0.02);
+}
+.brand { font-weight:700; font-size:18px; }
+.controls { display:flex; gap:8px; align-items:center; }
+
+.controls select, .controls button { background:var(--panel); color:inherit; border:1px solid rgba(255,255,255,0.04); padding:6px 8px; border-radius:6px; }
+.controls label { font-size:14px; color:var(--muted); margin-right:6px; }
+
+.container { padding:18px; display:flex; flex-direction:column; gap:16px; max-width:1200px; margin:0 auto; }
+
+.meta-row { display:flex; gap:12px; }
+.meta-card { background:var(--panel); padding:12px; border-radius:8px; width:1fr; min-width:120px; flex:1; box-shadow:0 4px 12px rgba(2,6,23,0.6); }
+.meta-title { font-size:12px; color:var(--muted); }
+.meta-value { margin-top:6px; font-weight:600; font-size:16px; }
+.meta-value.pre { white-space:pre-wrap; font-family:monospace; font-size:13px; }
+
+.charts-row { display:flex; gap:12px; }
+.panel { background:var(--panel); border-radius:8px; padding:12px; box-shadow:0 6px 18px rgba(2,6,23,0.6); flex:1; }
+.panel.wide { flex:2; }
+.panel.narrow { flex:0.8; }
+.panel-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:6px; }
+.panel-header h3 { margin:0; font-size:14px; }
+.panel-actions { font-size:13px; color:var(--muted); }
+
+.chart { height:220px !important; width:100% !important; }
+.chart-small { height:120px !important; width:100% !important; }
+
+.details-row { display:flex; gap:12px; }
+.cores-grid { display:grid; grid-template-columns: repeat(auto-fit,minmax(120px,1fr)); gap:8px; width:100%; overflow:hidden; }
+.core-mini { background:var(--glass); padding:6px; border-radius:6px; text-align:center; font-size:12px; }
+.core-mini .label { color:var(--muted); font-size:11px; }
+.core-mini .value { font-weight:700; margin-top:6px; }
+
+.tables-row { display:grid; grid-template-columns: repeat(2, 1fr); gap:12px; }
+.table { width:100%; border-collapse:collapse; font-size:13px; }
+.table th, .table td { padding:8px; border-bottom:1px solid rgba(255,255,255,0.03); text-align:left; }
+.pre { background:rgba(255,255,255,0.02); padding:8px; border-radius:6px; overflow:auto; white-space:pre-wrap; font-family:monospace; font-size:13px; }
+.list { padding-left:14px; margin:8px 0; }
+.footer { padding:12px 20px; font-size:12px; color:var(--muted); text-align:center; border-top:1px solid rgba(255,255,255,0.02); margin-top:20px; }
+.service-controls { display:flex; gap:8px; padding-bottom:8px; }
+input#svc-filter { flex:1; padding:6px 8px; background:var(--panel); border:1px solid rgba(255,255,255,0.04); color:inherit; border-radius:6px; }
+
+@media (max-width:900px) {
+  .tables-row { grid-template-columns: 1fr; }
+  .charts-row { flex-direction:column; }
+  .details-row { flex-direction:column; }
+}

pyobservability/templates/index.html

@@ -0,0 +1,129 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1" />
+  <title>Node Monitor — Single Node View</title>
+
+  <link rel="stylesheet" href="/static/styles.css" />
+  <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+</head>
+<body>
+  <header class="topbar">
+    <div class="brand">Node Monitor</div>
+
+    <div class="controls">
+      <label for="node-select">Node:</label>
+      <select id="node-select" aria-label="Select node"></select>
+      <button id="refresh-btn" title="Force refresh">Refresh</button>
+    </div>
+  </header>
+
+  <main class="container">
+    <section class="meta-row">
+      <div class="meta-card">
+        <div class="meta-title">IP</div>
+        <div id="ip" class="meta-value">—</div>
+      </div>
+
+      <div class="meta-card">
+        <div class="meta-title">GPU / CPU Model</div>
+        <div id="gpu" class="meta-value pre">—</div>
+      </div>
+
+      <div class="meta-card">
+        <div class="meta-title">CPU Load (1/5/15)</div>
+        <div id="cpuload" class="meta-value">—</div>
+      </div>
+
+      <div class="meta-card">
+        <div class="meta-title">Disk ( / )</div>
+        <div id="disk" class="meta-value pre">—</div>
+      </div>
+
+      <div class="meta-card">
+        <div class="meta-title">Memory</div>
+        <div id="memory" class="meta-value pre">—</div>
+      </div>
+    </section>
+
+    <section class="charts-row">
+      <div class="panel">
+        <div class="panel-header">
+          <h3>CPU (Average)</h3>
+          <div class="panel-actions">
+            <label><input type="checkbox" id="show-cores" /> Show per-core</label>
+          </div>
+        </div>
+        <canvas id="cpu-avg-chart" class="chart"></canvas>
+      </div>
+
+      <div class="panel">
+        <div class="panel-header"><h3>Memory (%)</h3></div>
+        <canvas id="mem-chart" class="chart"></canvas>
+      </div>
+    </section>
+
+    <section class="details-row">
+      <div class="panel wide">
+        <div class="panel-header"><h3>Per-Core (sparklines)</h3></div>
+        <div id="cores-grid" class="cores-grid"></div>
+      </div>
+
+      <div class="panel narrow">
+        <div class="panel-header"><h3>CPU Load History</h3></div>
+        <canvas id="load-chart" class="chart-small"></canvas>
+      </div>
+    </section>
+
+    <section class="tables-row">
+      <div class="panel">
+        <div class="panel-header"><h3>Services</h3></div>
+        <div class="panel-body service-controls">
+          <input id="svc-filter" placeholder="filter service name..." />
+        </div>
+        <table class="table" id="services-table">
+          <thead><tr><th>PID</th><th>Name</th><th>Status</th><th>CPU</th><th>Memory</th></tr></thead>
+          <tbody></tbody>
+        </table>
+      </div>
+
+      <div class="panel">
+        <div class="panel-header"><h3>Docker / Containers</h3></div>
+        <div class="panel-body">
+          <pre id="docker-stats" class="pre"></pre>
+          <h4>Containers</h4>
+          <ul id="containers-list" class="list"></ul>
+        </div>
+      </div>
+
+      <div class="panel">
+        <div class="panel-header"><h3>Disks</h3></div>
+        <div class="panel-body">
+          <table class="table" id="disks-table">
+            <thead><tr><th>Name</th><th>Size</th><th>Mounts</th></tr></thead>
+            <tbody></tbody>
+          </table>
+        </div>
+      </div>
+
+      <div class="panel">
+        <div class="panel-header"><h3>Certificates</h3></div>
+        <div class="panel-body">
+          <pre id="certificates" class="pre">—</pre>
+        </div>
+      </div>
+    </section>
+  </main>
+
+  <footer class="footer">
+    <div>OpenAPI: <code>/static/openapi.json</code> (uploaded file available at <code>/mnt/data/openapi.json</code>)</div>
+  </footer>
+
+  <script>
+    // inject server-side targets
+    window.MONITOR_TARGETS = {{ targets | tojson }};
+  </script>
+  <script src="/static/app.js"></script>
+</body>
+</html>

pyobservability/version.py

@@ -0,0 +1 @@
+__version__ = "0.0.0a0"

pyobservability-0.0.0a0.dist-info/METADATA

@@ -0,0 +1,56 @@
+Metadata-Version: 2.4
+Name: PyObservability
+Version: 0.0.0a0
+Summary: Lightweight OS-agnostic observability UI for PyNinja
+Author-email: Vignesh Rao <svignesh1793@gmail.com>
+License: MIT License
+        
+        Copyright (c) 2025 TheVickypedia
+        
+        Permission is hereby granted, free of charge, to any person obtaining a copy
+        of this software and associated documentation files (the "Software"), to deal
+        in the Software without restriction, including without limitation the rights
+        to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+        copies of the Software, and to permit persons to whom the Software is
+        furnished to do so, subject to the following conditions:
+        
+        The above copyright notice and this permission notice shall be included in all
+        copies or substantial portions of the Software.
+        
+        THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+        IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+        FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+        AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+        LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+        OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+        SOFTWARE.
+        
+Project-URL: Homepage, https://github.com/thevickypedia/PyObservability
+Project-URL: Docs, https://thevickypedia.github.io/PyObservability
+Project-URL: Source, https://github.com/thevickypedia/PyObservability
+Project-URL: Bug Tracker, https://github.com/thevickypedia/PyObservability/issues
+Project-URL: Release Notes, https://github.com/thevickypedia/PyObservability/blob/main/release_notes.rst
+Keywords: PyObservability,observability,system-monitor,PyNinja
+Classifier: License :: OSI Approved :: MIT License
+Classifier: Programming Language :: Python :: 3
+Classifier: Development Status :: 3 - Alpha
+Classifier: Operating System :: MacOS :: MacOS X
+Classifier: Operating System :: Microsoft :: Windows
+Classifier: Operating System :: POSIX :: Linux
+Classifier: Topic :: System :: Monitoring
+Requires-Python: >=3.11
+Description-Content-Type: text/markdown
+License-File: LICENSE
+Requires-Dist: fastapi
+Requires-Dist: uvicorn[standard]
+Requires-Dist: aiohttp
+Requires-Dist: jinja2
+Requires-Dist: python-dotenv
+Provides-Extra: dev
+Requires-Dist: sphinx==5.1.1; extra == "dev"
+Requires-Dist: pre-commit; extra == "dev"
+Requires-Dist: recommonmark; extra == "dev"
+Requires-Dist: gitverse; extra == "dev"
+Dynamic: license-file
+
+# PyObservability

pyobservability-0.0.0a0.dist-info/RECORD

@@ -0,0 +1,12 @@
+pyobservability/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
+pyobservability/main.py,sha256=yegGcq_OTHGIeJOiJecxnNSBYQ_Hf2MRjJs4KgNZsrQ,1385
+pyobservability/monitor.py,sha256=H_8-c5_S0QNWlGnMktEm1Z64T8HK2nXQ803V1scr6Ok,7393
+pyobservability/version.py,sha256=MVtVCT-b01z6f8XUlOsWWZynQ9Wv001Mk-_erJHty6Y,24
+pyobservability/static/app.js,sha256=dLxyB25ttKaSE1RLpCaqeLXRRwcWyre0icMDZUV6CvU,12351
+pyobservability/static/styles.css,sha256=lUQ74-frlBuNcf6u_8KHUKcNsdMmb0vSxBBaDLPwGEI,3236
+pyobservability/templates/index.html,sha256=6x_fCqTcgcA7eInq49VMsoAGW-Ks80k0by8LeP1rkvI,3988
+pyobservability-0.0.0a0.dist-info/licenses/LICENSE,sha256=_sOIKJWdD2o1WwwDIwYB2qTP2nlSWqT5Tyg9jr1Xa4w,1070
+pyobservability-0.0.0a0.dist-info/METADATA,sha256=E_g2OFzx8C103vvcVThDjaVvJjpBsj86Y9caIH4EZ6E,2663
+pyobservability-0.0.0a0.dist-info/WHEEL,sha256=_zCd3N1l69ArxyTb8rzEoP9TpbYXkqRFSNOD5OuxnTs,91
+pyobservability-0.0.0a0.dist-info/top_level.txt,sha256=p20T0EmihDYW1uMintRXr7X9bg3XWYKyoSbBHOVC1xI,16
+pyobservability-0.0.0a0.dist-info/RECORD,,

pyobservability-0.0.0a0.dist-info/WHEEL

@@ -0,0 +1,5 @@
+Wheel-Version: 1.0
+Generator: setuptools (80.9.0)
+Root-Is-Purelib: true
+Tag: py3-none-any
+

pyobservability-0.0.0a0.dist-info/licenses/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 TheVickypedia
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

pyobservability-0.0.0a0.dist-info/top_level.txt

@@ -0,0 +1 @@
+pyobservability