per-group borders, workspace hover, battery notifications, richer network tooltip

modules/Bar.qml

@@ -40,6 +40,7 @@ PanelWindow {
             spacing: M.Theme.barSpacing
 
             M.BarGroup {
+                borderColor: M.Theme.base0D
                 M.Clock { visible: M.Modules.clock }
                 M.Notifications { visible: M.Modules.notifications }
             }
@@ -53,12 +54,15 @@ PanelWindow {
             spacing: M.Theme.barSpacing
 
             M.BarGroup {
+                borderColor: M.Theme.base0D
                 M.Workspaces { bar: bar; visible: M.Modules.workspaces }
             }
             M.BarGroup {
+                borderColor: M.Theme.base0D
                 M.Tray { bar: bar; visible: M.Modules.tray }
             }
             M.BarGroup {
+                borderColor: M.Theme.base0D
                 M.WindowTitle {
                     Layout.maximumWidth: 400
                     visible: M.Modules.windowTitle
@@ -78,18 +82,21 @@ PanelWindow {
 
             // Media
             M.BarGroup {
+                borderColor: M.Theme.base0E
                 M.Mpris {}
                 M.Volume { visible: M.Modules.volume }
             }
 
             // Connectivity
             M.BarGroup {
+                borderColor: M.Theme.base0D
                 M.Network { visible: M.Modules.network }
                 M.Bluetooth {}
             }
 
             // Controls
             M.BarGroup {
+                borderColor: M.Theme.base0A
                 M.Backlight {}
                 M.PowerProfile { visible: M.Modules.powerProfile }
                 M.IdleInhibitor { visible: M.Modules.idleInhibitor }
@@ -97,6 +104,7 @@ PanelWindow {
 
             // Stats
             M.BarGroup {
+                borderColor: M.Theme.base08
                 M.Cpu { visible: M.Modules.cpu }
                 M.Memory { visible: M.Modules.memory }
                 M.Temperature { visible: M.Modules.temperature }
@@ -106,6 +114,7 @@ PanelWindow {
 
             // Power
             M.BarGroup {
+                borderColor: M.Theme.base08
                 M.Battery {}
                 M.Power { bar: bar; visible: M.Modules.power }
             }

modules/BarGroup.qml

@@ -5,9 +5,10 @@ Rectangle {
     id: root
 
     default property alias content: row.children
+    property color borderColor: M.Theme.base02
 
     color: "transparent"
-    border.color: M.Theme.base02
+    border.color: borderColor
     border.width: 1
     radius: M.Theme.radius
 

modules/Battery.qml

@@ -1,4 +1,5 @@
 import QtQuick
+import Quickshell.Io
 import Quickshell.Services.UPower
 import "." as M
 
@@ -21,6 +22,25 @@ M.BarSection {
 
     Behavior on _stateColor { ColorAnimation { duration: 300 } }
 
+    property bool _warnSent: false
+    property bool _critSent: false
+
+    onChargingChanged: { _warnSent = false; _critSent = false; }
+    onPctChanged: {
+        if (charging) return;
+        if (pct < 15 && !_critSent) {
+            _critSent = true; _warnSent = true;
+            _notif.command = ["notify-send", "--urgency=critical", "--icon=battery-low", "--category=device", "Very Low Battery", "Connect to power now!"];
+            _notif.running = true;
+        } else if (pct < 25 && !_warnSent) {
+            _warnSent = true;
+            _notif.command = ["notify-send", "--icon=battery-caution", "--category=device", "Low Battery"];
+            _notif.running = true;
+        }
+    }
+
+    Process { id: _notif }
+
     M.BarIcon {
         icon: {
             if (root.charging)

modules/Bluetooth.qml

@@ -65,4 +65,5 @@ M.BarSection {
             toggle.running = true;
         }
     }
+
 }

modules/Network.qml

@@ -6,33 +6,44 @@ M.BarSection {
     id: root
     spacing: M.Theme.moduleSpacing
     tooltip: {
-        if (root.state === "wifi")
+        const parts = [];
-            return "WiFi: " + root.essid + (root.ifname ? "\nInterface: " + root.ifname : "");
+        if (root.state === "wifi") {
-        if (root.state === "eth")
+            parts.push("WiFi: " + root.essid);
-            return "Ethernet: " + root.ifname;
+            if (root.signal) parts.push("Signal: " + root.signal + "%");
-        if (root.state === "linked")
+        } else if (root.state === "eth") {
-            return "Linked: " + root.ifname;
+            parts.push("Ethernet");
-        return "Disconnected";
+        } else if (root.state === "linked") {
+            parts.push("Linked");
+        } else {
+            return "Disconnected";
+        }
+        if (root.ipAddr) parts.push("IP: " + root.ipAddr);
+        if (root.ifname) parts.push("Interface: " + root.ifname);
+        return parts.join("\n");
     }
 
     property string ifname: ""
     property string essid: ""
     property string state: "disconnected"
+    property string ipAddr: ""
+    property string signal: ""
 
     Process {
         id: proc
         running: true
-        command: ["sh", "-c", "line=$(nmcli -t -f NAME,TYPE,DEVICE connection show --active 2>/dev/null | head -1); if [ -n \"$line\" ]; then echo \"$line\"; else dev=$(nmcli -t -f DEVICE,STATE device 2>/dev/null | grep ':connected' | grep -v ':unmanaged\\|:unavailable\\|:disconnected\\|:connecting' | head -1 | cut -d: -f1); if [ -n \"$dev\" ]; then echo \"linked:linked:$dev\"; fi; fi"]
+        command: ["sh", "-c", "line=$(nmcli -t -f NAME,TYPE,DEVICE connection show --active 2>/dev/null | head -1); if [ -z \"$line\" ]; then dev=$(nmcli -t -f DEVICE,STATE device 2>/dev/null | grep ':connected' | grep -v ':unmanaged\\|:unavailable\\|:disconnected\\|:connecting' | head -1 | cut -d: -f1); [ -n \"$dev\" ] && line=\"linked:linked:$dev\"; fi; [ -z \"$line\" ] && exit 0; echo \"$line\"; dev=$(echo \"$line\" | cut -d: -f3); ip=$(nmcli -t -f IP4.ADDRESS device show \"$dev\" 2>/dev/null | head -1 | cut -d: -f2); echo \"ip:${ip:-}\"; sig=$(nmcli -t -f GENERAL.SIGNAL device show \"$dev\" 2>/dev/null | head -1 | cut -d: -f2); echo \"sig:${sig:-}\""]
         stdout: StdioCollector {
             onStreamFinished: {
-                const line = text.trim();
+                const lines = text.trim().split("\n");
-                if (!line) {
+                if (!lines[0]) {
                     root.state = "disconnected";
                     root.essid = "";
                     root.ifname = "";
+                    root.ipAddr = "";
+                    root.signal = "";
                     return;
                 }
-                const parts = line.split(":");
+                const parts = lines[0].split(":");
                 root.essid = parts[0] || "";
                 root.ifname = parts[2] || "";
                 if ((parts[1] || "").includes("wireless"))
@@ -41,6 +52,15 @@ M.BarSection {
                     root.state = "linked";
                 else
                     root.state = "eth";
+                // Parse extra info lines
+                root.ipAddr = "";
+                root.signal = "";
+                for (let i = 1; i < lines.length; i++) {
+                    if (lines[i].startsWith("ip:"))
+                        root.ipAddr = lines[i].slice(3);
+                    else if (lines[i].startsWith("sig:"))
+                        root.signal = lines[i].slice(4);
+                }
             }
         }
     }
@@ -70,4 +90,5 @@ M.BarSection {
         color: root.state === "disconnected" ? M.Theme.base08 : M.Theme.base0C
         anchors.verticalCenter: parent.verticalCenter
     }
+
 }

modules/TrayMenu.qml

@@ -10,8 +10,7 @@ M.PopupPanel {
     property var _currentHandle: handle
     property var _handleStack: []
 
-    QsMenuOpener {
+    property QsMenuOpener _opener: QsMenuOpener {
-        id: opener
         menu: menuWindow._currentHandle
     }
 
@@ -52,7 +51,7 @@ M.PopupPanel {
     }
 
     Repeater {
-        model: opener.children
+        model: menuWindow._opener.children
 
         delegate: Item {
             id: entryItem

modules/Workspaces.qml

@@ -69,9 +69,11 @@ Row {
             required property var modelData
 
             readonly property bool active: modelData.id === root._activeId
+            property bool _hovered: false
 
             HoverHandler {
                 onHoveredChanged: {
+                    pill._hovered = hovered;
                     const name = pill.modelData.name || ("Workspace " + pill.modelData.idx);
                     if (hovered) {
                         M.FlyoutState.text = name;
@@ -87,7 +89,7 @@ Row {
             width: 20
             height: 20
             radius: M.Theme.radius
-            color: pill.active ? M.Theme.base0D : M.Theme.base02
+            color: pill.active ? M.Theme.base0D : (pill._hovered ? M.Theme.base03 : M.Theme.base02)
             Behavior on color { ColorAnimation { duration: 150 } }
 
             Text {