Fix dock preview not showing up after first hover

dots/.config/quickshell/ii/modules/ii/dock/DockApps.qml

@@ -17,14 +17,20 @@ Item {
     property real windowControlsHeight: 30
     property real buttonPadding: 5
 
-    property Item lastHoveredButton
+    property Item lastHoveredButton: null
     property bool buttonHovered: false
     property bool requestDockShow: previewPopup.show
 
     Layout.fillHeight: true
-    Layout.topMargin: Appearance.sizes.hyprlandGapsOut // why does this work
+    Layout.topMargin: Appearance.sizes.hyprlandGapsOut
     implicitWidth: listView.implicitWidth
-    
+
+    function popupCenterXForButton(button) {
+        if (!button || !root.QsWindow)
+            return 0
+        return root.QsWindow.mapFromItem(button, button.width / 2, 0).x
+    }
+
     StyledListView {
         id: listView
         spacing: 2
@@ -56,37 +62,32 @@ Item {
     PopupWindow {
         id: previewPopup
         property var appTopLevel: root.lastHoveredButton?.appToplevel
-        property bool allPreviewsReady: false
+
+        property bool shouldShow: (popupMouseArea.containsMouse || root.buttonHovered)
+            && appTopLevel
+            && appTopLevel.toplevels
+            && appTopLevel.toplevels.length > 0
+
+        property bool show: false
+        property real cachedCenterX: 0
+
         Connections {
             target: root
             function onLastHoveredButtonChanged() {
-                previewPopup.allPreviewsReady = false; // Reset readiness when the hovered button changes
+                if (root.lastHoveredButton && root.QsWindow)
-            } 
+                    previewPopup.cachedCenterX = root.popupCenterXForButton(root.lastHoveredButton)
-        }
+            }
-        function updatePreviewReadiness() {
+            function onButtonHoveredChanged() {
-            for(var i = 0; i < previewRowLayout.children.length; i++) {
+                if (root.buttonHovered && root.lastHoveredButton && root.QsWindow)
-                const view = previewRowLayout.children[i];
+                    previewPopup.cachedCenterX = root.popupCenterXForButton(root.lastHoveredButton)
-                if (view.hasContent === false) {
+                updateTimer.restart()
-                    allPreviewsReady = false;
-                    return;
-                }
             }
-            allPreviewsReady = true;
         }
-        property bool shouldShow: {
-            const hoverConditions = (popupMouseArea.containsMouse || root.buttonHovered)
-            return hoverConditions && allPreviewsReady;
-        }
-        property bool show: false
 
         onShouldShowChanged: {
-            if (shouldShow) {
+            updateTimer.restart()
-                // show = true;
-                updateTimer.restart();
-            } else {
-                updateTimer.restart();
-            }
         }
+
         Timer {
             id: updateTimer
             interval: 100
@@ -94,14 +95,15 @@ Item {
                 previewPopup.show = previewPopup.shouldShow
             }
         }
+
         anchor {
             window: root.QsWindow.window
             adjustment: PopupAdjustment.None
             gravity: Edges.Top | Edges.Right
             edges: Edges.Top | Edges.Left
-
         }
-        visible: popupBackground.visible
+
+        visible: popupBackground.opacity > 0
         color: "transparent"
         implicitWidth: root.QsWindow.window?.width ?? 1
         implicitHeight: popupMouseArea.implicitHeight + root.windowControlsHeight + Appearance.sizes.elevationMargin * 2
@@ -112,10 +114,8 @@ Item {
             implicitWidth: popupBackground.implicitWidth + Appearance.sizes.elevationMargin * 2
             implicitHeight: root.maxWindowPreviewHeight + root.windowControlsHeight + Appearance.sizes.elevationMargin * 2
             hoverEnabled: true
-            x: {
+            x: previewPopup.cachedCenterX - width / 2
-                const itemCenter = root.QsWindow?.mapFromItem(root.lastHoveredButton, root.lastHoveredButton?.width / 2, 0);
+
-                return itemCenter.x - width / 2
-            }
             StyledRectangularShadow {
                 target: popupBackground
                 opacity: previewPopup.show ? 1 : 0
@@ -124,6 +124,7 @@ Item {
                     animation: Appearance.animation.elementMoveFast.numberAnimation.createObject(this)
                 }
             }
+
             Rectangle {
                 id: popupBackground
                 property real padding: 5
@@ -198,13 +199,10 @@ Item {
                                 }
                                 ScreencopyView {
                                     id: screencopyView
-                                    captureSource: previewPopup ? windowButton.modelData : null
+                                    captureSource: windowButton.modelData
                                     live: true
                                     paintCursor: true
                                     constraintSize: Qt.size(root.maxWindowPreviewWidth, root.maxWindowPreviewHeight)
-                                    onHasContentChanged: {
-                                        previewPopup.updatePreviewReadiness();
-                                    }
                                     layer.enabled: true
                                     layer.effect: OpacityMask {
                                         maskSource: Rectangle {