winfo: add no active client placeholders

Also change close button to kill

modules/windowinfo/Buttons.qml

@@ -140,7 +140,7 @@ ColumnLayout {
         Button {
             color: Colours.palette.m3errorContainer
             onColor: Colours.palette.m3onErrorContainer
-            text: qsTr("Close")
+            text: qsTr("Kill")
 
             function onClicked(): void {
                 Hyprland.dispatch(`movetoworkspace ${wsId},address:${Hyprland.activeClient?.address}`);

modules/windowinfo/Details.qml

@@ -14,7 +14,7 @@ ColumnLayout {
     Label {
         Layout.topMargin: Appearance.padding.large * 2
 
-        text: Hyprland.activeClient.title
+        text: Hyprland.activeClient?.title ?? "No active client"
         wrapMode: Text.WrapAtWordBoundaryOrAnywhere
 
         font.pointSize: Appearance.font.size.large
@@ -22,7 +22,7 @@ ColumnLayout {
     }
 
     Label {
-        text: Hyprland.activeClient.wmClass
+        text: Hyprland.activeClient?.wmClass ?? "No active client"
         color: Colours.palette.m3tertiary
 
         font.pointSize: Appearance.font.size.larger
@@ -41,74 +41,78 @@ ColumnLayout {
 
     Detail {
         icon: "location_on"
-        text: qsTr("Address: %1").arg(Hyprland.activeClient.address)
+        text: qsTr("Address: %1").arg(Hyprland.activeClient?.address ?? "unknown")
         color: Colours.palette.m3primary
     }
 
     Detail {
         icon: "location_searching"
-        text: qsTr("Position: %1, %2").arg(Hyprland.activeClient.x).arg(Hyprland.activeClient.y)
+        text: qsTr("Position: %1, %2").arg(Hyprland.activeClient?.x ?? -1).arg(Hyprland.activeClient?.y ?? -1)
     }
 
     Detail {
         icon: "resize"
-        text: qsTr("Size: %1 x %2").arg(Hyprland.activeClient.width).arg(Hyprland.activeClient.height)
+        text: qsTr("Size: %1 x %2").arg(Hyprland.activeClient?.width ?? -1).arg(Hyprland.activeClient?.height ?? -1)
         color: Colours.palette.m3tertiary
     }
 
     Detail {
         icon: "workspaces"
-        text: qsTr("Workspace: %1 (%2)").arg(Hyprland.activeClient.workspace.name).arg(Hyprland.activeClient.workspace.id)
+        text: qsTr("Workspace: %1 (%2)").arg(Hyprland.activeClient?.workspace.name ?? -1).arg(Hyprland.activeClient?.workspace.id ?? -1)
         color: Colours.palette.m3secondary
     }
 
     Detail {
         icon: "desktop_windows"
         text: {
-            const mon = Hyprland.activeClient.monitor;
+            const mon = Hyprland.activeClient?.monitor;
-            return qsTr("Monitor: %1 (%2) at %3, %4").arg(mon.name).arg(mon.id).arg(mon.x).arg(mon.y);
+            if (mon)
+                return qsTr("Monitor: %1 (%2) at %3, %4").arg(mon.name).arg(mon.id).arg(mon.x).arg(mon.y);
+            return qsTr("Monitor: unknown");
         }
     }
 
     Detail {
         icon: "page_header"
-        text: qsTr("Initial title: %1").arg(Hyprland.activeClient.initialTitle)
+        text: qsTr("Initial title: %1").arg(Hyprland.activeClient?.initialTitle ?? "unknown")
         color: Colours.palette.m3tertiary
     }
 
     Detail {
         icon: "category"
-        text: qsTr("Initial class: %1").arg(Hyprland.activeClient.initialClass)
+        text: qsTr("Initial class: %1").arg(Hyprland.activeClient?.initialClass ?? "unknown")
     }
 
     Detail {
         icon: "account_tree"
-        text: qsTr("Process id: %1").arg(Hyprland.activeClient.pid)
+        text: qsTr("Process id: %1").arg(Hyprland.activeClient?.pid ?? -1)
         color: Colours.palette.m3primary
     }
 
     Detail {
         icon: "picture_in_picture_center"
-        text: qsTr("Floating: %1").arg(Hyprland.activeClient.floating ? "yes" : "no")
+        text: qsTr("Floating: %1").arg(Hyprland.activeClient?.floating ? "yes" : "no")
         color: Colours.palette.m3secondary
     }
 
     Detail {
         icon: "gradient"
-        text: qsTr("Xwayland: %1").arg(Hyprland.activeClient.lastIpcObject.xwayland ? "yes" : "no")
+        text: qsTr("Xwayland: %1").arg(Hyprland.activeClient?.lastIpcObject.xwayland ? "yes" : "no")
     }
 
     Detail {
         icon: "keep"
-        text: qsTr("Pinned: %1").arg(Hyprland.activeClient.lastIpcObject.pinned ? "yes" : "no")
+        text: qsTr("Pinned: %1").arg(Hyprland.activeClient?.lastIpcObject.pinned ? "yes" : "no")
         color: Colours.palette.m3secondary
     }
 
     Detail {
         icon: "fullscreen"
         text: {
-            const fs = Hyprland.activeClient.fullscreen;
+            const fs = Hyprland.activeClient?.fullscreen;
-            return qsTr("Fullscreen state: %1").arg(fs == 0 ? "off" : fs == 1 ? "maximised" : "on");
+            if (fs)
+                return qsTr("Fullscreen state: %1").arg(fs == 0 ? "off" : fs == 1 ? "maximised" : "on");
+            return qsTr("Fullscreen state: unknown");
         }
         color: Colours.palette.m3tertiary
     }

modules/windowinfo/Preview.qml

@@ -18,7 +18,7 @@ Item {
     Layout.preferredWidth: preview.implicitWidth + Appearance.padding.large * 2
     Layout.fillHeight: true
 
-    ClippingRectangle {
+    StyledClippingRect {
         id: preview
 
         anchors.horizontalCenter: parent.horizontalCenter
@@ -29,9 +29,44 @@ Item {
 
         implicitWidth: view.implicitWidth
 
-        color: "transparent"
+        color: Colours.palette.m3surfaceContainer
         radius: Appearance.rounding.small
 
+        Loader {
+            anchors.centerIn: parent
+            active: !Hyprland.activeClient
+            asynchronous: true
+
+            sourceComponent: ColumnLayout {
+                spacing: 0
+
+                MaterialIcon {
+                    Layout.alignment: Qt.AlignHCenter
+                    text: "web_asset_off"
+                    color: Colours.palette.m3outline
+                    font.pointSize: Appearance.font.size.extraLarge * 3
+                    font.variableAxes: ({
+                            opsz: Appearance.font.size.extraLarge * 3
+                        })
+                }
+
+                StyledText {
+                    Layout.alignment: Qt.AlignHCenter
+                    text: qsTr("No active client")
+                    color: Colours.palette.m3outline
+                    font.pointSize: Appearance.font.size.extraLarge
+                    font.weight: 500
+                }
+
+                StyledText {
+                    Layout.alignment: Qt.AlignHCenter
+                    text: qsTr("Try switching to a window")
+                    color: Colours.palette.m3outline
+                    font.pointSize: Appearance.font.size.large
+                }
+            }
+        }
+
         ScreencopyView {
             id: view