PyObservability 0.0.3__py3-none-any.whl → 1.0.0__py3-none-any.whl

pyobservability/static/styles.css

@@ -7,8 +7,12 @@
 }
 
 * { 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; }
+html,body {
+  height:100%; margin:0; font-family: Inter, system-ui, -apple-system,
+  "Segoe UI", Roboto, "Helvetica Neue", Arial; background:var(--bg); color:#e6eef8;
+}
 
+.hidden { display: none !important; }
 .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);
@@ -16,15 +20,20 @@ html,body { height:100%; margin:0; font-family: Inter, system-ui, -apple-system,
 .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 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-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; align-items: stretch; }
+.meta-card {
+  display: flex; flex-direction: column; 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 { flex: 1; 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; }
@@ -47,14 +56,61 @@ html,body { height:100%; margin:0; font-family: Inter, system-ui, -apple-system,
 .tables-row { display:grid; grid-template-columns:1fr; grid-auto-rows:auto; 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; }
+.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; }
+input#proc-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; }
+  .meta-row { grid-template-columns: 1fr; }
+}
+
+/* ---------------- SPINNER ------------------- */
+.loading-overlay {
+  position: absolute;
+  inset: 0;
+  background: rgba(0,0,0,0.65);   /* Darker so spinner is visible */
+  backdrop-filter: blur(2px);     /* Add blur to ensure visual separation */
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 50;
+  border-radius: 8px;
+}
+
+.spinner {
+  width: 32px;
+  height: 32px;
+  border: 4px solid rgba(255,255,255,0.25);
+  border-top: 4px solid white;     /* More contrast */
+  border-radius: 50%;
+  animation: spin 0.7s linear infinite;
+}
+
+@keyframes spin {
+  to { transform: rotate(360deg); }
+}
+
+/* --------------- PAGINATION ------------------ */
+.pagination { display: flex; justify-content: center; gap: 6px; padding: 6px; margin-top: 6px; font-size: 13px; }
+
+.pagination button {
+  background: var(--panel); color: inherit; border: 1px solid rgba(255,255,255,0.05); padding: 4px 8px; border-radius: 4px; cursor: pointer;
+}
+
+.pagination button.active {
+  background: var(--accent);
+  color: #000;
+}
+.pagination-info {
+  font-size: 13px;
+  margin-bottom: 4px;
+  opacity: 0.85;
 }

pyobservability/templates/index.html

@@ -21,29 +21,34 @@
 
   <main class="container">
     <section class="meta-row">
+      <div class="meta-card">
+        <div class="meta-title">System</div>
+        <div id="system" class="meta-value pre"></div>
+      </div>
+
       <div class="meta-card">
         <div class="meta-title">IP</div>
-        <div id="ip" class="meta-value">—</div>
+        <div id="ip-info" class="meta-value pre"></div>
       </div>
 
       <div class="meta-card">
         <div class="meta-title">GPU / CPU Model</div>
-        <div id="gpu" class="meta-value pre">—</div>
+        <div id="processor" 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 id="cpuload" class="meta-value pre"></div>
       </div>
 
       <div class="meta-card">
         <div class="meta-title">Disk ( / )</div>
-        <div id="disk" class="meta-value pre">—</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 id="memory" class="meta-value pre"></div>
       </div>
     </section>
 
@@ -52,7 +57,7 @@
         <div class="panel-header">
           <h3>CPU (Average)</h3>
           <div class="panel-actions">
-            <label><input type="checkbox" id="show-cores" /> Show per-core</label>
+            <label><input type="checkbox" id="show-cores" checked="true" /> Show per-core</label>
           </div>
         </div>
         <canvas id="cpu-avg-chart" class="chart"></canvas>
@@ -78,12 +83,29 @@
 
     <section class="tables-row">
       <div class="panel">
-        <div class="panel-header"><h3>Services</h3></div>
+        <div class="panel-header">
+          <h3>Services</h3>
+          <div class="panel-actions">
+            <label><input type="checkbox" id="get-all-services" /> Get all</label>
+          </div>
+        </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>
+          <thead><tr><th>PID</th><th>Name</th><th>Status</th><th>CPU</th><th>Memory</th><th>Threads</th><th>Open Files</th></tr></thead>
+          <tbody></tbody>
+        </table>
+      </div>
+
+    <section class="tables-row">
+      <div class="panel">
+        <div class="panel-header"><h3>Processes</h3></div>
+        <div class="panel-body service-controls">
+          <input id="proc-filter" placeholder="filter process name..." />
+        </div>
+        <table class="table" id="processes-table">
+          <thead><tr><th>PID</th><th>Name</th><th>Status</th><th>CPU</th><th>Memory</th><th>Uptime</th><th>Threads</th><th>Open Files</th></tr></thead>
           <tbody></tbody>
         </table>
       </div>
@@ -102,7 +124,17 @@
         <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>
+            <thead></thead>
+            <tbody></tbody>
+          </table>
+        </div>
+      </div>
+
+      <div class="panel">
+        <div class="panel-header"><h3>PyUdisk</h3></div>
+        <div class="panel-body">
+          <table class="table" id="pyudisk-table">
+            <thead></thead>
             <tbody></tbody>
           </table>
         </div>
@@ -111,14 +143,19 @@
       <div class="panel">
         <div class="panel-header"><h3>Certificates</h3></div>
         <div class="panel-body">
-          <pre id="certificates" class="pre">—</pre>
+          <table class="table" id="certificates-table">
+            <thead></thead>
+            <tbody></tbody>
+          </table>
         </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>
+    <div><code>PyObservability: v{{ version }}</code><br>
+      <a href="https://github.com/thevickypedia/PyObservability" target="_blank">https://github.com/thevickypedia/PyObservability</a>
+    </div>
   </footer>
 
   <script>

pyobservability/transport.py

@@ -0,0 +1,71 @@
+import asyncio
+import json
+import logging
+
+from fastapi import WebSocket, WebSocketDisconnect
+
+from pyobservability.config import settings
+from pyobservability.monitor import Monitor
+
+LOGGER = logging.getLogger("uvicorn.default")
+
+
+async def _forward_metrics(websocket: WebSocket, q: asyncio.Queue):
+    while True:
+        payload = await q.get()
+        await websocket.send_json(payload)
+
+
+async def websocket_endpoint(websocket: WebSocket):
+    await websocket.accept()
+
+    monitor: Monitor | None = None
+    q: asyncio.Queue | None = None
+
+    try:
+        while True:
+            msg = await websocket.receive_text()
+            data = json.loads(msg)
+            if data.get("type") == "update_flags":
+                if monitor:
+                    await monitor.update_flags(
+                        all_services=data.get("all_services", False),
+                    )
+                continue
+
+            # -------------------------------------------
+            # UI requests a specific target to monitor
+            # -------------------------------------------
+            if data.get("type") == "select_target":
+                base_url = data["base_url"]
+
+                # stop old monitor
+                if monitor:
+                    monitor.unsubscribe(q)
+                    await monitor.stop()
+
+                if target := settings.targets_by_url.get(base_url):
+                    LOGGER.info("Gathering metrics for: %s", target["name"])
+                else:
+                    LOGGER.warning(f"Invalid base url: {base_url}")
+                    raise WebSocketDisconnect(code=400, reason=f"Invalid base url: {base_url}")
+
+                # create new monitor
+                monitor = Monitor(target)
+                await monitor.start()
+
+                # new subscription queue
+                q = monitor.subscribe()
+
+                # start forwarding metrics
+                asyncio.create_task(_forward_metrics(websocket, q))
+    except WebSocketDisconnect:
+        pass
+    except Exception as err:
+        LOGGER.error("WS error: %s", err)
+
+    # cleanup
+    if monitor:
+        if q:
+            monitor.unsubscribe(q)
+        await monitor.stop()

pyobservability/version.py

@@ -1 +1 @@
-__version__ = "0.0.3"
+__version__ = "1.0.0"

{pyobservability-0.0.3.dist-info → pyobservability-1.0.0.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: PyObservability
-Version: 0.0.3
+Version: 1.0.0
 Summary: Lightweight OS-agnostic observability UI for PyNinja
 Author-email: Vignesh Rao <svignesh1793@gmail.com>
 License: MIT License

pyobservability-1.0.0.dist-info/RECORD

@@ -0,0 +1,16 @@
+pyobservability/__init__.py,sha256=rr4udGMbbNPl3yo7l8R3FUUVVahBtYVaW6vSWWgXlv0,2617
+pyobservability/main.py,sha256=Ty0bS7ZWyKXuo-xuKoFQESvT-B-19W04d_Nk0KveNtg,3004
+pyobservability/monitor.py,sha256=4Xd8k7gcOmHM-WvQpgFiDVGtzMu_RpFPZXPPoz4GoA4,6224
+pyobservability/transport.py,sha256=FyzJAMZPn7JUZIGgxnSw3on1K6T4ciZE1EuGdAcxt_w,2188
+pyobservability/version.py,sha256=J-j-u0itpEFT6irdmWmixQqYMadNl1X91TxUmoiLHMI,22
+pyobservability/config/enums.py,sha256=iMIOpa8LYSszkPIYBhupX--KrEXVTTsBurinpAxLvMA,86
+pyobservability/config/settings.py,sha256=BjTZnkGS1pZKbN3Fq_5HQX8C6oEjWn_gVJLXcZZ6EWE,4853
+pyobservability/static/app.js,sha256=6hjFy2jt4ndYJUI1DZT08CpuxHyWj9iSAZ2vxaTqH2A,20664
+pyobservability/static/styles.css,sha256=dnYSXNeXd6Ohu4h8sJCO87vzPbkYcw9XVGGwB8IJbxw,4703
+pyobservability/templates/index.html,sha256=2aQdb0QlDY5Hboev-_lJPlpnGxiC6h3fp0FlvL72S9k,5227
+pyobservability-1.0.0.dist-info/licenses/LICENSE,sha256=_sOIKJWdD2o1WwwDIwYB2qTP2nlSWqT5Tyg9jr1Xa4w,1070
+pyobservability-1.0.0.dist-info/METADATA,sha256=4Wj2FH4KYhsDbEntXxnMginYE9QR9AluZyYLMHvwhbg,6822
+pyobservability-1.0.0.dist-info/WHEEL,sha256=_zCd3N1l69ArxyTb8rzEoP9TpbYXkqRFSNOD5OuxnTs,91
+pyobservability-1.0.0.dist-info/entry_points.txt,sha256=DSGIr_VA8Tb3FYa2iNUYpf55eAvuFCAoInNS4ngXaME,57
+pyobservability-1.0.0.dist-info/top_level.txt,sha256=p20T0EmihDYW1uMintRXr7X9bg3XWYKyoSbBHOVC1xI,16
+pyobservability-1.0.0.dist-info/RECORD,,

pyobservability-0.0.3.dist-info/RECORD

@@ -1,15 +0,0 @@
-pyobservability/__init__.py,sha256=rr4udGMbbNPl3yo7l8R3FUUVVahBtYVaW6vSWWgXlv0,2617
-pyobservability/main.py,sha256=QCoALD_vk3S5XKEIwMI_LzfNixzq7xpIS0uA21uMqs0,3414
-pyobservability/monitor.py,sha256=bDbkSOHgtS_9Jv7IqZ9eN1P_-cFeZFlnozRo2N6hh_s,6578
-pyobservability/version.py,sha256=4GZKi13lDTD25YBkGakhZyEQZWTER_OWQMNPoH_UM2c,22
-pyobservability/config/enums.py,sha256=iMIOpa8LYSszkPIYBhupX--KrEXVTTsBurinpAxLvMA,86
-pyobservability/config/settings.py,sha256=HoDRuzwCCbCdNQLdOiy9JUoiM2BqUsRkX6zUyDLordY,3811
-pyobservability/static/app.js,sha256=nXUWAoRDUTKAtRfLmg6GveBQlRtNk-UoVp09AXvSlrA,13743
-pyobservability/static/styles.css,sha256=t6r1C0ueBanipgRRjdu18nmq6RbSGLK5bhpf0BdMOpQ,3245
-pyobservability/templates/index.html,sha256=PsN3aq-7Q6RzGeshoNH5v37G3sHoI2saJq6mfuA6JYs,3977
-pyobservability-0.0.3.dist-info/licenses/LICENSE,sha256=_sOIKJWdD2o1WwwDIwYB2qTP2nlSWqT5Tyg9jr1Xa4w,1070
-pyobservability-0.0.3.dist-info/METADATA,sha256=mdFfoTsAoeh2HlXq6ndwjzwVVM17xT8IwQh1NQEr1QQ,6822
-pyobservability-0.0.3.dist-info/WHEEL,sha256=_zCd3N1l69ArxyTb8rzEoP9TpbYXkqRFSNOD5OuxnTs,91
-pyobservability-0.0.3.dist-info/entry_points.txt,sha256=DSGIr_VA8Tb3FYa2iNUYpf55eAvuFCAoInNS4ngXaME,57
-pyobservability-0.0.3.dist-info/top_level.txt,sha256=p20T0EmihDYW1uMintRXr7X9bg3XWYKyoSbBHOVC1xI,16
-pyobservability-0.0.3.dist-info/RECORD,,