Fix lock input not working after switching tty or suspending

.gitignore

@@ -0,0 +1 @@
+wallpaper

Boateye.qml

@@ -13,6 +13,7 @@ PanelWindow {
         left: true
         bottom: true
     }
+    WlrLayershell.namespace: "mcsr"
     implicitHeight: 540
     implicitWidth: 540
     color: "transparent"
@@ -42,6 +43,8 @@ PanelWindow {
         radius: 12
         Item {
             anchors.fill: parent
+            layer.enabled: true
+            layer.smooth: false
             ScreencopyView {
                 width: Quickshell.screens[0].width
                 height: Quickshell.screens[0].height

Lock.qml

@@ -14,6 +14,7 @@ WlSessionLock {
     function instalock() {lock.animate = false; lock.locked = true}
     function open() {lock.animate = true; lock.locked = true}
     function close() {lock.locked = false}
+    property var clock: SystemClock {}
     WlSessionLockSurface {
         id: surface
         color: "transparent"
@@ -35,19 +36,34 @@ WlSessionLock {
                 color: "#222222"
                 TextInput {
                     id: input
-                    x: (parent.width - this.width)/2
-                    Behavior on x { NumberAnimation {
-                        duration: 300
-                        easing.type: Easing.OutQuint
-                    }}
-                    anchors.verticalCenter: parent.verticalCenter
+                    anchors.fill: parent
                     focus: true
                     color: "white"
                     font.pixelSize: 20
-                    echoMode: TextInput.Password
+                    echoMode: TextInput.NoEcho
                     cursorDelegate: Item {}
                     Keys.onReturnPressed: pam.start()
                 }
+                Row {
+                    anchors.verticalCenter: parent.verticalCenter
+                    x: (parent.width - this.width)/2 
+                    spacing: 4
+                    Repeater {
+                        model: input.text.length
+                        Rectangle {
+                            width: 8
+                            height: width
+                            radius: width/2
+                            color: "white"
+                        }
+                    }
+                    Behavior on x {
+                        NumberAnimation {
+                            duration: 300
+                            easing.type: Easing.OutQuint
+                        }
+                    }
+                }
                 Text {
                     anchors {
                         horizontalCenter: parent.horizontalCenter

Thin.qml

@@ -0,0 +1,137 @@
+import Quickshell
+import Quickshell.Wayland
+import Quickshell.Widgets
+import Quickshell.Io
+
+import QtQuick
+import QtQuick.Effects
+
+Item {
+    id: thin
+    property bool open: false
+    property real pos: 0
+    PropertyAnimation on pos {
+        id: entry
+        running: false
+        to: 1
+        duration: 400
+        easing.type: Easing.OutQuint
+    }
+    PropertyAnimation on pos {
+        id: exit
+        running: false
+        to: 0
+        duration: 350
+        easing.type: Easing.OutQuint
+        onFinished: thin.open = false
+    }
+    IpcHandler {
+        target: "thin"
+        function open() {
+            thin.open = true
+            exit.stop()
+            entry.start()
+        }
+        function close() {
+            entry.stop()
+            exit.start()
+        }
+    }
+    PanelWindow {
+        visible: thin.open
+        anchors {
+            right: true
+            bottom: true
+        }
+        implicitHeight: 430
+        implicitWidth: 1080
+        color: "transparent"
+        WlrLayershell.layer: WlrLayer.Overlay
+
+        RectangularShadow {
+            anchors.fill: pie_wrapper
+            radius: pie_wrapper.radius
+            blur: 10
+            spread: 2
+        }
+        ClippingRectangle {
+            id: pie_wrapper
+            anchors {
+                left: parent.left
+                top: parent.top
+                margins: 12
+                leftMargin: 1080 * (1 - thin.pos) + 12
+            }
+            width: 210
+            height: 210
+            color: "white"
+            radius: 12
+            Item {
+                anchors.fill: parent
+                layer.enabled: true
+                layer.smooth: false
+                ScreencopyView {
+                    width: Quickshell.screens[0].width
+                    height: Quickshell.screens[0].height
+                    live: true
+                    captureSource: Quickshell.screens[0]
+                    x: -1386
+                    y: -1208
+                }
+                transform: Scale {
+                    origin: {x: 0; y: 0}
+                    xScale: 6
+                    yScale: xScale
+                }
+            }
+        }
+    }
+    PanelWindow {
+        visible: thin.open
+        anchors {
+            top: true
+            left: true
+        }
+        implicitWidth: 1080
+        implicitHeight: 120
+        color: "transparent"
+        WlrLayershell.layer: WlrLayer.Overlay
+        RectangularShadow {
+            anchors.fill: e_wrapper
+            radius: e_wrapper.radius
+            blur: 10
+            spread: 2
+        }
+        ClippingRectangle {
+            id: e_wrapper
+            anchors {
+                right: parent.right
+                bottom: parent.bottom
+                margins: 12
+                rightMargin: 1080 * (1 - thin.pos) + 12
+            }
+            width: 240
+            height: 48
+            color: "white"
+            radius: 12
+            Item {
+                anchors.fill: parent
+                ScreencopyView {
+                layer.enabled: true
+                layer.smooth: false
+                    width: Quickshell.screens[0].width
+                    height: Quickshell.screens[0].height
+                    live: true
+                    captureSource: Quickshell.screens[0]
+                    x: -1080
+                    y: -47
+                }
+                transform: Scale {
+                    origin: {x: 0; y: 0}
+                    xScale: 5
+                    yScale: xScale
+                }
+            }
+        }
+    }
+}

shell.qml

@@ -12,6 +12,7 @@ ShellRoot {
     Shell.Wall {}
     Shell.TopBar {id: bar}
     Shell.Boateye {}
+    Shell.Thin {}
     Shell.Lock {id: lock}
     IpcHandler {
         target: "lock"

wallpaper

@@ -1 +0,0 @@
-/home/spingus/Pictures/Wallpapers/breeze-light.png