add node_exporter host vitals + quickshell HUD

Prometheus node_exporter enabled on every host, plus a quickshell widget (SUPER+CTRL+V on terra) to view live CPU/mem/disk/net/uptime without a separate dashboard. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_011FHr5ug9pu8q4XPrRkFnzJ
2026-08-22 20:50:16 +02:00
parent 60bef752cb
commit dc83e8c156
11 changed files with 978 additions and 0 deletions
@@ -0,0 +1,94 @@
+import QtQuick
+import QtQuick.Shapes
+
+// Horizontal meter in the Slant language: a chamfered track whose fill is a
+// clipped copy of the SAME hexagon, so empty and full always share one
+// silhouette (the trick the sidebar's volume meter uses vertically).
+Item {
+    id: bar
+
+    property real value: 0        // 0..1
+    property real warn: 0.85      // fraction at which the fill goes hot
+    property bool unknown: false  // no reading — draw an empty, dimmed track
+
+    readonly property real frac: bar.unknown ? 0 : Math.max(0, Math.min(1, bar.value))
+    readonly property bool hot: !bar.unknown && bar.frac >= bar.warn
+
+    implicitWidth: 200
+    implicitHeight: 13
+
+    readonly property int chamfer: 5
+
+    // Track.
+    Shape {
+        anchors.fill: parent
+        preferredRendererType: Shape.CurveRenderer
+
+        ShapePath {
+            strokeWidth: 1
+            strokeColor: bar.unknown ? "#3A3D42" : "#7A7B7D"
+            fillColor: "#292C30"
+
+            startX: bar.chamfer
+            startY: 0
+            PathLine { x: bar.width; y: 0 }
+            PathLine { x: bar.width; y: bar.height - bar.chamfer }
+            PathLine { x: bar.width - bar.chamfer; y: bar.height }
+            PathLine { x: 0; y: bar.height }
+            PathLine { x: 0; y: bar.chamfer }
+            PathLine { x: bar.chamfer; y: 0 }
+        }
+    }
+
+    // Fill — revealed from the left.
+    Item {
+        id: fillClip
+
+        anchors.left: parent.left
+        anchors.leftMargin: 2
+        anchors.top: parent.top
+        anchors.topMargin: 2
+        anchors.bottom: parent.bottom
+        anchors.bottomMargin: 2
+        clip: true
+
+        width: bar.frac * (bar.width - 4)
+
+        Behavior on width {
+            NumberAnimation {
+                duration: 220
+                easing.type: Easing.OutCubic
+            }
+        }
+
+        Shape {
+            id: fill
+
+            width: bar.width - 4
+            height: bar.height - 4
+            preferredRendererType: Shape.CurveRenderer
+
+            readonly property int chamfer: bar.chamfer - 2
+
+            ShapePath {
+                strokeWidth: 0
+                fillColor: bar.hot ? "#FF6B4A" : "#FFD063"
+
+                Behavior on fillColor {
+                    ColorAnimation {
+                        duration: 200
+                    }
+                }
+
+                startX: fill.chamfer
+                startY: 0
+                PathLine { x: fill.width; y: 0 }
+                PathLine { x: fill.width; y: fill.height - fill.chamfer }
+                PathLine { x: fill.width - fill.chamfer; y: fill.height }
+                PathLine { x: 0; y: fill.height }
+                PathLine { x: 0; y: fill.chamfer }
+                PathLine { x: fill.chamfer; y: 0 }
+            }
+        }
+    }
+}