feat: Display persistent OSD percentage option

Common/SettingsData.qml

@@ -160,6 +160,7 @@ Singleton {
     property int notificationTimeoutNormal: 5000
     property int notificationTimeoutCritical: 0
     property int notificationPopupPosition: SettingsData.Position.Top
+    property bool osdAlwaysShowValue: false
     property var screenPreferences: ({})
     property int animationSpeed: SettingsData.AnimationSpeed.Short
     readonly property string defaultFontFamily: "Inter Variable"
@@ -351,6 +352,7 @@ Singleton {
                 notificationTimeoutNormal = settings.notificationTimeoutNormal !== undefined ? settings.notificationTimeoutNormal : 5000
                 notificationTimeoutCritical = settings.notificationTimeoutCritical !== undefined ? settings.notificationTimeoutCritical : 0
                 notificationPopupPosition = settings.notificationPopupPosition !== undefined ? settings.notificationPopupPosition : SettingsData.Position.Top
+                osdAlwaysShowValue = settings.osdAlwaysShowValue !== undefined ? settings.osdAlwaysShowValue : false
                 dankBarSpacing = settings.dankBarSpacing !== undefined ? settings.dankBarSpacing : (settings.topBarSpacing !== undefined ? settings.topBarSpacing : 4)
                 dankBarBottomGap = settings.dankBarBottomGap !== undefined ? settings.dankBarBottomGap : (settings.topBarBottomGap !== undefined ? settings.topBarBottomGap : 0)
                 dankBarInnerPadding = settings.dankBarInnerPadding !== undefined ? settings.dankBarInnerPadding : (settings.topBarInnerPadding !== undefined ? settings.topBarInnerPadding : 4)
@@ -483,6 +485,7 @@ Singleton {
                                                 "notificationTimeoutNormal": notificationTimeoutNormal,
                                                 "notificationTimeoutCritical": notificationTimeoutCritical,
                                                 "notificationPopupPosition": notificationPopupPosition,
+                                                "osdAlwaysShowValue": osdAlwaysShowValue,
                                                 "screenPreferences": screenPreferences,
                                                 "pluginSettings": pluginSettings,
                                                 "animationSpeed": animationSpeed
@@ -1083,6 +1086,11 @@ Singleton {
         saveSettings()
     }
 
+    function setOsdAlwaysShowValue(enabled) {
+        osdAlwaysShowValue = enabled
+        saveSettings()
+    }
+
     function sendTestNotifications() {
         sendTestNotification(0)
         testNotifTimer1.start()

Modules/ControlCenter/Widgets/AudioSliderRow.qml

@@ -69,9 +69,6 @@ Row {
         valueOverride: actualVolumePercent
         thumbOutlineColor: Theme.surfaceContainer
         trackColor: root.sliderTrackColor.a > 0 ? root.sliderTrackColor : Theme.surfaceContainerHigh
-        onIsDraggingChanged: {
-            AudioService.suppressOSD = isDragging
-        }
         onSliderValueChanged: function(newValue) {
             if (defaultSink) {
                 defaultSink.audio.volume = newValue / 100.0

Modules/OSD/BrightnessOSD.qml

@@ -79,6 +79,7 @@ DankOSD {
                 showValue: true
                 unit: "%"
                 thumbOutlineColor: Theme.surfaceContainer
+                alwaysShowValue: SettingsData.osdAlwaysShowValue
 
                 Component.onCompleted: {
                     if (DisplayService.brightnessAvailable) {

Modules/OSD/VolumeOSD.qml

@@ -94,6 +94,7 @@ DankOSD {
                 unit: "%"
                 thumbOutlineColor: Theme.surfaceContainer
                 valueOverride: displayPercent
+                alwaysShowValue: SettingsData.osdAlwaysShowValue
 
                 Component.onCompleted: {
                     if (AudioService.sink && AudioService.sink.audio) {
@@ -103,7 +104,9 @@ DankOSD {
 
                 onSliderValueChanged: newValue => {
                                           if (AudioService.sink && AudioService.sink.audio) {
+                                              AudioService.suppressOSD = true
                                               AudioService.sink.audio.volume = newValue / 100
+                                              AudioService.suppressOSD = false
                                           }
                                       }
 

Modules/Settings/PersonalizationTab.qml

@@ -1458,6 +1458,23 @@ Item {
                             SettingsData.sendTestNotifications()
                         }
                     }
+
+                    Rectangle {
+                        width: parent.width
+                        height: 1
+                        color: Theme.outline
+                        opacity: 0.2
+                    }
+
+                    DankToggle {
+                        width: parent.width
+                        text: "Always Show OSD Percentage"
+                        description: "Display volume and brightness percentage values by default in OSD popups"
+                        checked: SettingsData.osdAlwaysShowValue
+                        onToggled: checked => {
+                                       SettingsData.setOsdAlwaysShowValue(checked)
+                                   }
+                    }
                 }
             }
 

Widgets/DankSlider.qml

@@ -17,6 +17,7 @@ Item {
     property bool isDragging: false
     property bool wheelEnabled: true
     property real valueOverride: -1
+    property bool alwaysShowValue: false
     readonly property bool containsMouse: sliderMouseArea.containsMouse
 
     property color thumbOutlineColor: Theme.surfaceContainer
@@ -239,7 +240,7 @@ Item {
                 anchors.bottom: parent.top
                 anchors.bottomMargin: Theme.spacingM
                 x: Math.max(0, Math.min(parent.width - width, sliderHandle.x + sliderHandle.width/2 - width/2))
-                visible: (sliderMouseArea.containsMouse && slider.showValue) || (slider.isDragging && slider.showValue)
+                visible: slider.alwaysShowValue ? slider.showValue : ((sliderMouseArea.containsMouse && slider.showValue) || (slider.isDragging && slider.showValue))
                 opacity: visible ? 1 : 0
 
                 StyledText {