revert volume to single hoverpanel, device list expands in-place

modules/Bar.qml

@@ -171,7 +171,6 @@ PanelWindow {
                 }
                 M.Volume {
                     visible: M.Modules.volume.enable
-                    bar: bar
                 }
             }
 

modules/HoverPanel.qml

@@ -45,12 +45,14 @@ PanelWindow {
     WlrLayershell.exclusiveZone: 0
     WlrLayershell.namespace: root.panelNamespace
 
+    property real topMargin: 0
+
     anchors.top: true
     anchors.left: true
     anchors.right: true
     anchors.bottom: true
 
-    margins.top: 0
+    margins.top: topMargin
 
     function _updatePosition() {
         const scr = screen;

modules/Volume.qml

@@ -38,9 +38,13 @@ M.BarSection {
         return streams;
     }
 
+    property bool _expanded: false
     property bool _osdActive: false
     readonly property bool _anyHover: root._hovered || hoverPanel.panelHovered
-    readonly property bool _showPanel: _anyHover || _osdActive
+    readonly property bool _showPanel: _anyHover || _expanded || _osdActive
+
+    on_ShowPanelChanged: if (!_showPanel)
+        _expanded = false
 
     onVolumeChanged: _flashPanel()
     onMutedChanged: _flashPanel()
@@ -56,8 +60,6 @@ M.BarSection {
         onTriggered: root._osdActive = false
     }
 
-    required property var bar
-
     M.BarIcon {
         icon: root._volumeIcon
         minIcon: "\uF028"
@@ -91,7 +93,6 @@ M.BarSection {
         }
     }
 
-    // OSD panel — hover shows slider only, fixed height, no resize
     M.HoverPanel {
         id: hoverPanel
         showPanel: root._showPanel
@@ -179,7 +180,7 @@ M.BarSection {
             }
         }
 
-        // Sink name row — click chevron to open mixer popup
+        // Sink name + chevron
         Item {
             width: parent.width
             height: 22
@@ -202,7 +203,7 @@ M.BarSection {
                 anchors.right: parent.right
                 anchors.rightMargin: 12
                 anchors.verticalCenter: parent.verticalCenter
-                text: "\uF078"
+                text: root._expanded ? "\uF077" : "\uF078"
                 color: M.Theme.base04
                 font.pixelSize: M.Theme.fontSize - 3
                 font.family: M.Theme.iconFontFamily
@@ -210,23 +211,15 @@ M.BarSection {
 
             TapHandler {
                 cursorShape: Qt.PointingHandCursor
-                onTapped: mixerLoader.active = true
+                onTapped: root._expanded = !root._expanded
             }
         }
-    }
 
-    // Mixer popup — separate window, no resize issues
+        // Device + stream list
-    LazyLoader {
+        Column {
-        id: mixerLoader
+            id: deviceList
-        active: false
+            width: parent.width
-
+            visible: root._expanded
-        M.HoverPanel {
-            popupMode: true
-            accentColor: root.accentColor
-            screen: root.bar.screen
-            anchorX: root.mapToGlobal(root.width / 2, 0).x - (root.bar.screen?.x ?? 0)
-            contentWidth: 220
-            onDismissed: mixerLoader.active = false
 
             // Output devices
             Rectangle {
@@ -253,7 +246,7 @@ M.BarSection {
                 delegate: Item {
                     required property var modelData
 
-                    width: 220
+                    width: deviceList.width
                     height: 28
 
                     readonly property bool _active: modelData === root.sink
@@ -288,7 +281,7 @@ M.BarSection {
                     TapHandler {
                         onTapped: {
                             Pipewire.preferredDefaultAudioSink = modelData;
-                            mixerLoader.active = false;
+                            root._expanded = false;
                         }
                     }
                 }
@@ -322,7 +315,7 @@ M.BarSection {
                     id: streamEntry
                     required property var modelData
 
-                    width: 220
+                    width: deviceList.width
                     height: 32
 
                     readonly property string _appName: modelData.properties["application.name"] || modelData.description || modelData.name || "Unknown"
@@ -410,6 +403,12 @@ M.BarSection {
                     }
                 }
             }
+
+            // Bottom padding
+            Item {
+                width: 1
+                height: 4
+            }
         }
     }
 }