feat: remove the stolen screen space

Bar/Bar.qml

@@ -32,47 +32,13 @@ Scope {
                     id: panel
                     screen: modelData
                     color: "transparent"
-                    implicitHeight: barBackground.height + 24
+                    implicitHeight: barBackground.height
                     anchors.top: true
                     anchors.left: true
                     anchors.right: true
 
                     visible: true
 
-                    property string lastFocusedWindowTitle: ""
-                    property bool activeWindowVisible: false
-                    property string displayedWindowTitle: ""
-
-                    onLastFocusedWindowTitleChanged: {
-                        displayedWindowTitle = (lastFocusedWindowTitle === "(No active window)") ? "" : lastFocusedWindowTitle
-                    }
-
-                    Timer {
-                        id: hideTimer
-                        interval: 4000
-                        repeat: false
-                        onTriggered: panel.activeWindowVisible = false
-                    }
-
-                    Connections {
-                        target: Niri
-                        function onFocusedWindowTitleChanged() {
-                            var newTitle = Niri.focusedWindowTitle
-
-                            if (newTitle !== panel.lastFocusedWindowTitle) {
-                                panel.lastFocusedWindowTitle = newTitle
-
-                                if (newTitle === "(No active window)") {
-                                    panel.activeWindowVisible = false
-                                    hideTimer.stop()
-                                } else {
-                                    panel.activeWindowVisible = true
-                                    hideTimer.restart()
-                                }
-                            }
-                        }
-                    }
-
                     Rectangle {
                         id: barBackground
                         width: parent.width
@@ -98,7 +64,9 @@ Scope {
                         }
                     }
 
-                    ActiveWindow {}
+                    ActiveWindow {
+                        screen: modelData
+                    }
 
                     Workspace {
                         id: workspace
@@ -153,6 +121,25 @@ Scope {
                         }
                     }
 
+
+
+                    Background {}
+                    Overview {}
+                }
+
+                PanelWindow {
+                    id: topCornerPanel
+                    anchors.top: true
+                    anchors.left: true
+                    anchors.right: true
+                    color: "transparent"
+                    screen: modelData
+                    margins.top: 36
+                    WlrLayershell.exclusionMode: ExclusionMode.Ignore
+                    visible: true
+
+                    implicitHeight: 24
+
                     Corners {
                         id: topleftCorner
                         position: "bottomleft"
@@ -160,7 +147,7 @@ Scope {
                         fillColor: (Theme.backgroundPrimary !== undefined && Theme.backgroundPrimary !== null) ? Theme.backgroundPrimary : "#222"
                         offsetX: -39
                         offsetY: 0
-                        anchors.top: barBackground.bottom
+                        anchors.top: parent.top
                     }
 
                     Corners {
@@ -170,16 +157,58 @@ Scope {
                         fillColor: (Theme.backgroundPrimary !== undefined && Theme.backgroundPrimary !== null) ? Theme.backgroundPrimary : "#222"
                         offsetX: 39
                         offsetY: 0
-                        anchors.top: barBackground.bottom
+                        anchors.top: parent.top
+                    }
                 }
 
-                    Background {}
+                PanelWindow {
-                    Overview {}
+                    id: bottomLeftPanel
+                    anchors.bottom: true
+                    anchors.left: true
+                    color: "transparent"
+                    screen: modelData
+                    WlrLayershell.exclusionMode: ExclusionMode.Ignore
+                    visible: true
+
+                    implicitHeight: 24
+
+                    Corners {
+                        id: bottomLeftCorner
+                        position: "topleft"
+                        size: 1.3
+                        fillColor: (Theme.backgroundPrimary !== undefined && Theme.backgroundPrimary !== null) ? Theme.backgroundPrimary : "#222"
+                        offsetX: -39
+                        offsetY: 0
+                        anchors.top: parent.top
+                    }
+                }
+
+                PanelWindow {
+                    id: bottomRightCornerPanel
+                    anchors.bottom: true
+                    anchors.right: true
+                    color: "transparent"
+                    screen: modelData
+                    WlrLayershell.exclusionMode: ExclusionMode.Ignore
+                    visible: true
+
+                    implicitHeight: 24
+
+                    Corners {
+                        id: bottomRightCorner
+                        position: "topright"
+                        size: 1.3
+                        fillColor: (Theme.backgroundPrimary !== undefined && Theme.backgroundPrimary !== null) ? Theme.backgroundPrimary : "#222"
+                        offsetX: 39
+                        offsetY: 0
+                        anchors.top: parent.top
                     }
                 }
             }
         }
 
+    }
+
     // This alias exposes the visual bar's visibility to the outside world
     property alias visible: barRootItem.visible
 }

Bar/Modules/ActiveWindow.qml

@@ -5,38 +5,18 @@ import qs.Settings
 import Quickshell.Wayland
 import Quickshell.Widgets
 
-Item {
+PanelWindow {
-    id: activeWindowWrapper
+    id: activeWindowPanel
-    width: parent.width
+    screen: (typeof modelData !== 'undefined' ? modelData : null)
-    property int fullHeight: activeWindowTitleContainer.height
+    WlrLayershell.exclusionMode: ExclusionMode.Ignore
-    property bool shouldShow: false
+    anchors.top: true
-    
+    anchors.left: true
-    Timer {
+    anchors.right: true
-        id: visibilityTimer
+    margins.top: barHeight
-        interval: 4000
+    visible: activeWindowWrapper.shouldShow
-        running: false
+    implicitHeight: activeWindowTitleContainer.height
-        onTriggered: {
+    property int barHeight: 36
-            activeWindowWrapper.shouldShow = false
+    color: "transparent"
-        }
-    }
-    
-    Connections {
-        target: ToplevelManager
-        function onActiveToplevelChanged() {
-            if (ToplevelManager.activeToplevel?.appId) {
-                activeWindowWrapper.shouldShow = true
-                visibilityTimer.restart()
-            } else {
-                activeWindowWrapper.shouldShow = false
-                visibilityTimer.stop()
-            }
-        }
-    }
-
-    y: shouldShow ? barBackground.height : barBackground.height - fullHeight
-    height: shouldShow ? fullHeight : 1
-    opacity: shouldShow ? 1 : 0
-    clip: true
 
             function getIcon() {
             var icon = Quickshell.iconPath(ToplevelManager.activeToplevel.appId.toLowerCase(), true);
@@ -53,6 +33,41 @@ Item {
             return icon;
         }
 
+    Item {
+        id: activeWindowWrapper
+        width: parent.width
+        property int fullHeight: activeWindowTitleContainer.height
+        property bool shouldShow: false
+
+        Timer {
+            id: visibilityTimer
+            interval: 4000
+            running: false
+            onTriggered: {
+                activeWindowWrapper.shouldShow = false;
+            }
+        }
+
+        Connections {
+            target: ToplevelManager
+            function onActiveToplevelChanged() {
+                if (ToplevelManager.activeToplevel?.appId) {
+                    activeWindowWrapper.shouldShow = true;
+                    visibilityTimer.restart();
+                } else {
+                    activeWindowWrapper.shouldShow = false;
+                    visibilityTimer.stop();
+                }
+            }
+        }
+
+        y: shouldShow ? 0 : -activeWindowPanel.barHeight
+        height: shouldShow ? fullHeight : 1
+        opacity: shouldShow ? 1 : 0
+        clip: true
+
+
+
         Behavior on height {
             NumberAnimation {
                 duration: 300
@@ -132,5 +147,5 @@ Item {
             x: activeWindowTitleContainer.x + 34 - width
             offsetY: -1
         }
+    }
 }
-