meta: many resource usage improvements and consolidations

Modules/TopBar/AudioVisualization.qml

@@ -24,12 +24,10 @@ Item {
         onExited: (exitCode) => {
             root.cavaAvailable = exitCode === 0;
             if (root.cavaAvailable) {
-                console.log("cava found - enabling real audio visualization");
                 cavaProcess.running = Qt.binding(() => {
                     return root.hasActiveMedia && root.activePlayer && root.activePlayer.playbackState === MprisPlaybackState.Playing;
                 });
             } else {
-                console.log("cava not found - using fallback animation");
                 fallbackTimer.running = Qt.binding(() => {
                     return root.hasActiveMedia && root.activePlayer && root.activePlayer.playbackState === MprisPlaybackState.Playing;
                 });

Modules/TopBar/CpuMonitor.qml

@@ -17,6 +17,14 @@ Rectangle {
     radius: Theme.cornerRadius
     color: cpuArea.containsMouse ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.16) : Qt.rgba(Theme.secondary.r, Theme.secondary.g, Theme.secondary.b, 0.08)
 
+    Component.onCompleted: {
+        SysMonitorService.addRef();
+    }
+
+    Component.onDestruction: {
+        SysMonitorService.removeRef();
+    }
+
     MouseArea {
         id: cpuArea
 
@@ -24,7 +32,7 @@ Rectangle {
         hoverEnabled: true
         cursorShape: Qt.PointingHandCursor
         onClicked: {
-            ProcessMonitorService.setSortBy("cpu");
+            SysMonitorService.setSortBy("cpu");
             if (root.toggleProcessList)
                 root.toggleProcessList();
         }
@@ -38,10 +46,10 @@ Rectangle {
             name: "memory"
             size: Theme.iconSize - 8
             color: {
-                if (SystemMonitorService.cpuUsage > 80)
+                if (SysMonitorService.cpuUsage > 80)
                     return Theme.error;
 
-                if (SystemMonitorService.cpuUsage > 60)
+                if (SysMonitorService.cpuUsage > 60)
                     return Theme.warning;
 
                 return Theme.surfaceText;
@@ -50,7 +58,7 @@ Rectangle {
         }
 
         Text {
-            text: (SystemMonitorService.cpuUsage || 0).toFixed(0) + "%"
+            text: (SysMonitorService.cpuUsage || 0).toFixed(0) + "%"
             font.pixelSize: Theme.fontSizeSmall
             font.weight: Font.Medium
             color: Theme.surfaceText

Modules/TopBar/RamMonitor.qml

@@ -17,6 +17,14 @@ Rectangle {
     radius: Theme.cornerRadius
     color: ramArea.containsMouse ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.16) : Qt.rgba(Theme.secondary.r, Theme.secondary.g, Theme.secondary.b, 0.08)
 
+    Component.onCompleted: {
+        SysMonitorService.addRef();
+    }
+
+    Component.onDestruction: {
+        SysMonitorService.removeRef();
+    }
+
     MouseArea {
         id: ramArea
 
@@ -24,7 +32,7 @@ Rectangle {
         hoverEnabled: true
         cursorShape: Qt.PointingHandCursor
         onClicked: {
-            ProcessMonitorService.setSortBy("memory");
+            SysMonitorService.setSortBy("memory");
             if (root.toggleProcessList)
                 root.toggleProcessList();
         }
@@ -38,10 +46,10 @@ Rectangle {
             name: "developer_board"
             size: Theme.iconSize - 8
             color: {
-                if (SystemMonitorService.memoryUsage > 90)
+                if (SysMonitorService.memoryUsage > 90)
                     return Theme.error;
 
-                if (SystemMonitorService.memoryUsage > 75)
+                if (SysMonitorService.memoryUsage > 75)
                     return Theme.warning;
 
                 return Theme.surfaceText;
@@ -50,7 +58,7 @@ Rectangle {
         }
 
         Text {
-            text: (SystemMonitorService.memoryUsage || 0).toFixed(0) + "%"
+            text: (SysMonitorService.memoryUsage || 0).toFixed(0) + "%"
             font.pixelSize: Theme.fontSizeSmall
             font.weight: Font.Medium
             color: Theme.surfaceText

Modules/TopBar/SystemTrayBar.qml

@@ -22,30 +22,43 @@ Rectangle {
         Repeater {
             model: SystemTray.items
 
-            delegate: Rectangle {
+            delegate: Item {
                 property var trayItem: modelData
+                property string iconSource: {
+                    let icon = trayItem && trayItem.icon;
+                    if (typeof icon === 'string' || icon instanceof String) {
+                        if (icon.includes("?path=")) {
+                            const [name, path] = icon.split("?path=");
+                            const fileName = name.substring(name.lastIndexOf("/") + 1);
+                            return `file://${path}/${fileName}`;
+                        }
+                        return icon;
+                    }
+                    return "";
+                }
 
                 width: 24
                 height: 24
-                radius: Theme.cornerRadiusSmall
-                color: trayItemArea.containsMouse ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.12) : "transparent"
+
+                Rectangle {
+                    anchors.fill: parent
+                    radius: Theme.cornerRadiusSmall
+                    color: trayItemArea.containsMouse ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.12) : "transparent"
+                    
+                    Behavior on color {
+                        enabled: trayItemArea.containsMouse !== undefined
+                        ColorAnimation {
+                            duration: Theme.shortDuration
+                            easing.type: Theme.standardEasing
+                        }
+                    }
+                }
 
                 Image {
                     anchors.centerIn: parent
                     width: 18
                     height: 18
-                    source: {
-                        let icon = trayItem && trayItem.icon;
-                        if (typeof icon === 'string' || icon instanceof String) {
-                            if (icon.includes("?path=")) {
-                                const [name, path] = icon.split("?path=");
-                                const fileName = name.substring(name.lastIndexOf("/") + 1);
-                                return `file://${path}/${fileName}`;
-                            }
-                            return icon;
-                        }
-                        return ""; // Return empty string if icon is not a string
-                    }
+                    source: parent.iconSource
                     asynchronous: true
                     smooth: true
                     fillMode: Image.PreserveAspectFit
@@ -53,51 +66,23 @@ Rectangle {
 
                 MouseArea {
                     id: trayItemArea
-
                     anchors.fill: parent
                     acceptedButtons: Qt.LeftButton | Qt.RightButton
                     hoverEnabled: true
                     cursorShape: Qt.PointingHandCursor
                     onClicked: (mouse) => {
-                        if (!trayItem)
-                            return ;
+                        if (!trayItem) return;
 
                         if (mouse.button === Qt.LeftButton) {
                             if (!trayItem.onlyMenu)
                                 trayItem.activate();
-
                         } else if (mouse.button === Qt.RightButton) {
-                            if (trayItem && trayItem.hasMenu)
-                                customTrayMenu.showMenu(mouse.x, mouse.y);
-
+                            if (trayItem && trayItem.hasMenu) {
+                                root.menuRequested(null, trayItem, mouse.x, mouse.y);
+                            }
                         }
                     }
                 }
-
-                QtObject {
-                    id: customTrayMenu
-
-                    property bool menuVisible: false
-
-                    function showMenu(x, y) {
-                        root.menuRequested(customTrayMenu, trayItem, x, y);
-                        menuVisible = true;
-                    }
-
-                    function hideMenu() {
-                        menuVisible = false;
-                    }
-
-                }
-
-                Behavior on color {
-                    ColorAnimation {
-                        duration: Theme.shortDuration
-                        easing.type: Theme.standardEasing
-                    }
-
-                }
-
             }
 
         }

Modules/TopBar/TopBar.qml

@@ -234,16 +234,24 @@ PanelWindow {
 
                 }
 
-                CpuMonitor {
+                Loader {
                     anchors.verticalCenter: parent.verticalCenter
-                    visible: Prefs.showSystemResources
-                    toggleProcessList: () => processListPopout.toggle()
+                    active: Prefs.showSystemResources
+                    sourceComponent: Component {
+                        CpuMonitor {
+                            toggleProcessList: () => processListPopout.toggle()
+                        }
+                    }
                 }
 
-                RamMonitor {
+                Loader {
                     anchors.verticalCenter: parent.verticalCenter
-                    visible: Prefs.showSystemResources
-                    toggleProcessList: () => processListPopout.toggle()
+                    active: Prefs.showSystemResources
+                    sourceComponent: Component {
+                        RamMonitor {
+                            toggleProcessList: () => processListPopout.toggle()
+                        }
+                    }
                 }
 
                 NotificationCenterButton {