Possible brightness implementation

Modules/Bar/Brightness.qml

@@ -0,0 +1,63 @@
+import QtQuick
+import Quickshell
+import qs.Modules.Settings
+import qs.Services
+import qs.Widgets
+
+Item {
+  id: root
+
+  width: pill.width
+  height: pill.height
+
+  // Used to avoid opening the pill on Quickshell startup
+  property bool firstBrightnessReceived: false
+
+  function getIcon() {
+    if (!BrightnessService.available) {
+      return "brightness_auto"
+    }
+    var brightness = BrightnessService.brightness
+    return brightness <= 0 ? "brightness_1" : 
+           brightness < 33 ? "brightness_low" : 
+           brightness < 66 ? "brightness_medium" : "brightness_high"
+  }
+
+  // Connection used to open the pill when brightness changes
+  Connections {
+    target: Brightness
+    function onBrightnessUpdated() {
+      // console.log("[Bar:Brightness] onBrightnessUpdated")
+      if (!firstBrightnessReceived) {
+        // Ignore the first brightness change
+        firstBrightnessReceived = true
+      } else {
+        pill.show()
+      }
+    }
+  }
+
+  NPill {
+    id: pill
+    icon: getIcon()
+    iconCircleColor: Colors.mPrimary
+    collapsedIconColor: Colors.mOnSurface
+    autoHide: true
+    text: Math.round(BrightnessService.brightness) + "%"
+    tooltipText: "Brightness: " + Math.round(BrightnessService.brightness) + "%\nMethod: " + BrightnessService.currentMethod + "\nLeft click for advanced settings.\nScroll up/down to change BrightnessService."
+
+    onWheel: function (angle) {
+      if (!BrightnessService.available) return
+      
+      if (angle > 0) {
+        BrightnessService.increaseBrightness(1)
+      } else if (angle < 0) {
+        BrightnessService.decreaseBrightness(1)
+      }
+    }
+    onClicked: {
+      settingsPanel.requestedTab = SettingsPanel.Tab.Display
+      settingsPanel.isLoaded = true
+    }
+  }
+}