fix panel pin button layout, network hover, mpris session switch, volume title colors

modules/HoverPanel.qml

@@ -31,6 +31,7 @@ PanelWindow {
 
     // Shared
     required property color accentColor
+    property string panelTitle: ""
     property string panelNamespace: "nova-panel"
     property real contentWidth: 220
 
@@ -49,7 +50,7 @@ PanelWindow {
         x: panelContainer.x + panelContainer.width - 28
         y: 0
         width: 28
-        height: 28
+        height: 24
     }
 
     WlrLayershell.layer: WlrLayer.Overlay
@@ -192,7 +193,7 @@ PanelWindow {
         x: 0
         y: -height
         width: root.contentWidth
-        height: panelContent.height
+        height: _panelColumn.height
         opacity: 0
 
         // Popup mode: eat clicks on panel background so outer dismiss doesn't fire
@@ -209,18 +210,34 @@ PanelWindow {
         }
 
         Column {
-            id: panelContent
+            id: _panelColumn
             width: root.contentWidth
+
+            // Header row: title (optional) + pin button — hover mode only
+            Item {
+                visible: !root.popupMode
+                width: parent.width
+                height: 24
+
+                Text {
+                    visible: root.panelTitle !== ""
+                    anchors.left: parent.left
+                    anchors.leftMargin: 12
+                    anchors.verticalCenter: parent.verticalCenter
+                    text: root.panelTitle
+                    color: root.accentColor
+                    font.pixelSize: M.Theme.fontSize - 1
+                    font.bold: true
+                    font.family: M.Theme.fontFamily
                 }
 
-        // Pin button — top-right corner, hover mode only
                 Item {
-            visible: !root.popupMode && (root.panelHovered || root._pinned)
+                    visible: root.panelHovered || root._pinned
-            x: parent.width - width - 4
+                    anchors.right: parent.right
-            y: 4
+                    anchors.rightMargin: 4
+                    anchors.verticalCenter: parent.verticalCenter
                     width: 20
                     height: 20
-            z: 2
                     opacity: pinHover.hovered || root._pinned ? 1 : 0.35
 
                     Behavior on opacity {
@@ -258,6 +275,13 @@ PanelWindow {
                 }
             }
 
+            Column {
+                id: panelContent
+                width: parent.width
+            }
+        }
+    }
+
     // Border overlay — on top of content so full-bleed items don't cover it
     Rectangle {
         x: panelContainer.x

modules/Mpris.qml

@@ -75,7 +75,13 @@ M.BarSection {
     required property var bar
 
     property bool _pinned: false
-    readonly property bool _anyHover: root._hovered || hoverPanel.panelHovered
+    property bool _switching: false
+    Timer {
+        id: _sessionSwitchTimer
+        interval: 400
+        onTriggered: root._switching = false
+    }
+    readonly property bool _anyHover: root._hovered || hoverPanel.panelHovered || _switching
     readonly property bool _showPanel: _anyHover || _pinned
 
     on_AnyHoverChanged: {
@@ -355,8 +361,21 @@ M.BarSection {
         }
 
         // Player switcher
+        Item {
+            width: parent.width
+            height: _players.length > 1 ? 28 : 0
+            visible: _players.length > 1
+
+            Flickable {
+                id: _switcher
+                anchors.centerIn: parent
+                width: Math.min(_playerRow.implicitWidth, parent.width - 16)
+                height: 22
+                contentWidth: _playerRow.implicitWidth
+                clip: true
+
                 Row {
-            anchors.horizontalCenter: parent.horizontalCenter
+                    id: _playerRow
                     height: 22
                     spacing: 6
 
@@ -393,7 +412,13 @@ M.BarSection {
                             }
 
                             TapHandler {
-                        onTapped: root._playerIdx = index
+                                onTapped: {
+                                    root._playerIdx = index;
+                                    root._switching = true;
+                                    _sessionSwitchTimer.restart();
+                                }
+                            }
+                        }
                     }
                 }
             }

modules/Network.qml

@@ -103,7 +103,7 @@ M.BarSection {
     M.NetworkMenu {
         id: networkMenu
         showPanel: root._anyHover
-        screen: root.bar.screen
+        screen: QsWindow.window?.screen ?? null
         anchorItem: root
         accentColor: root.accentColor
     }

modules/Volume.qml

@@ -213,7 +213,7 @@ M.BarSection {
                     verticalAlignment: Text.AlignVCenter
                     leftPadding: 12
                     text: "Output Devices"
-                    color: M.Theme.base04
+                    color: root.accentColor
                     font.pixelSize: M.Theme.fontSize - 1
                     font.family: M.Theme.fontFamily
                 }
@@ -279,7 +279,7 @@ M.BarSection {
                 verticalAlignment: Text.AlignVCenter
                 leftPadding: 12
                 text: "Applications"
-                color: M.Theme.base04
+                color: root.accentColor
                 font.pixelSize: M.Theme.fontSize - 1
                 font.family: M.Theme.fontFamily
             }