added quickshell

2026-08-10 23:57:26 +02:00
parent cbaf55cfc5
commit 47ff5233bd
69 changed files with 6945 additions and 80 deletions
@@ -0,0 +1,142 @@
+import QtQuick
+import Quickshell
+import "root:/config"
+import "root:/components"
+import "root:/services"
+
+// The resource dashboard: four gauges, then the details that do not fit on one.
+Popout {
+    id: root
+
+    contentWidth: 420
+    contentHeight: 268
+
+    PopoutSurface {
+        anchors.fill: parent
+        tone: Theme.heat(Math.max(Sys.cpuUsage, Sys.memPercent))
+
+        PopoutHeader {
+            id: header
+            anchors.top: parent.top
+            anchors.left: parent.left
+            anchors.right: parent.right
+            title: "System"
+            icon: "󰍛"
+            accent: Theme.primary
+            subtitle: "UP " + Sys.uptime + "  ·  " + Sys.procs + " PROCS"
+        }
+
+        Row {
+            id: gauges
+            anchors.top: header.bottom
+            anchors.topMargin: Theme.padM
+            anchors.horizontalCenter: parent.horizontalCenter
+            spacing: Theme.padM
+
+            Gauge {
+                width: 88; height: 88
+                value: Sys.cpuUsage
+                label: "CPU"
+                sub: Math.round(Sys.cpuTemp) + "°C"
+            }
+
+            Gauge {
+                width: 88; height: 88
+                value: Sys.memPercent
+                label: "MEM"
+                sub: Sys.gb(Sys.memUsed) + "/" + Sys.gb(Sys.memTotal)
+            }
+
+            Gauge {
+                width: 88; height: 88
+                visible: Sys.gpuAvailable
+                value: Sys.gpuUsage
+                label: "GPU"
+                sub: Math.round(Sys.gpuTemp) + "°C"
+            }
+
+            Gauge {
+                width: 88; height: 88
+                value: Sys.diskPercent
+                label: "DISK"
+                sub: Sys.diskFree + " free"
+            }
+        }
+
+        Column {
+            anchors.top: gauges.bottom
+            anchors.topMargin: Theme.padM
+            anchors.left: parent.left
+            anchors.right: parent.right
+            spacing: 3
+
+            InfoRow {
+                width: parent.width
+                key: "Processor"
+                value: Sys.cpuModel
+            }
+
+            InfoRow {
+                width: parent.width
+                key: "Load"
+                value: Sys.load1.toFixed(2) + "  " + Sys.load5.toFixed(2) + "  " + Sys.load15.toFixed(2)
+            }
+
+            InfoRow {
+                width: parent.width
+                visible: Sys.gpuAvailable
+                key: "VRAM"
+                value: Sys.gb(Sys.gpuVramUsed) + " / " + Sys.gb(Sys.gpuVramTotal)
+            }
+
+            InfoRow {
+                width: parent.width
+                key: "Root"
+                value: Sys.gb(Sys.diskUsed) + " of " + Sys.gb(Sys.diskTotal) + " used"
+            }
+
+            InfoRow {
+                width: parent.width
+                key: "Network"
+                value: Sys.netUp
+                    ? Sys.netInterface + "  ↓ " + Sys.rate(Sys.netRx) + "  ↑ " + Sys.rate(Sys.netTx)
+                    : "offline"
+            }
+        }
+    }
+
+    component InfoRow: Item {
+        id: infoRow
+
+        property string key: ""
+        property string value: ""
+
+        implicitHeight: visible ? 17 : 0
+
+        Text {
+            id: keyLabel
+            anchors.left: parent.left
+            anchors.verticalCenter: parent.verticalCenter
+            text: infoRow.key.toUpperCase()
+            color: Theme.muted
+            font.family: Theme.fontMono
+            font.pixelSize: Theme.fsMicro
+            font.letterSpacing: 1.5
+            renderType: Text.NativeRendering
+        }
+
+        Text {
+            anchors.right: parent.right
+            anchors.left: keyLabel.right
+            anchors.leftMargin: Theme.padM
+            anchors.verticalCenter: parent.verticalCenter
+            text: infoRow.value
+            horizontalAlignment: Text.AlignRight
+            elide: Text.ElideRight
+            color: Theme.subtext
+            font.family: Theme.fontMono
+            font.pixelSize: Theme.fsMicro
+            renderType: Text.NativeRendering
+        }
+    }
+}