lock: add placeholder + manual focus

modules/lock/Center.qml

@@ -110,6 +110,15 @@ ColumnLayout {
 
         Keys.onPressed: event => root.lock.pam.handleKey(event)
 
+        StateLayer {
+            hoverEnabled: false
+            cursorShape: Qt.IBeamCursor
+
+            function onClicked(): void {
+                parent.forceActiveFocus();
+            }
+        }
+
         RowLayout {
             id: input
 
@@ -122,14 +131,21 @@ ColumnLayout {
                 text: "lock"
             }
 
+            Item {
+                Layout.fillWidth: true
+                Layout.fillHeight: true
+
                 ListView {
                     id: passwordList
 
-                Layout.fillWidth: true
+                    anchors.left: parent.left
+                    anchors.right: parent.right
+                    anchors.verticalCenter: parent.verticalCenter
                     implicitHeight: Appearance.font.size.normal
 
                     orientation: Qt.Horizontal
                     clip: true
+                    interactive: false
                     spacing: Appearance.spacing.small / 2
                     highlightRangeMode: ListView.StrictlyEnforceRange
                     preferredHighlightBegin: 0
@@ -179,6 +195,22 @@ ColumnLayout {
                     }
                 }
 
+                StyledText {
+                    anchors.centerIn: parent
+
+                    text: qsTr("Enter your password")
+                    color: Colours.palette.m3outline
+                    font.pointSize: Appearance.font.size.normal
+                    font.family: Appearance.font.family.mono
+
+                    opacity: root.lock.pam.buffer ? 0 : 1
+
+                    Behavior on opacity {
+                        Anim {}
+                    }
+                }
+            }
+
             StyledRect {
                 implicitWidth: implicitHeight
                 implicitHeight: enterIcon.implicitHeight + Appearance.padding.small * 2

modules/lock/Pam.qml

@@ -1,8 +1,9 @@
+import Quickshell
 import Quickshell.Wayland
 import Quickshell.Services.Pam
 import QtQuick
 
-PamContext {
+Scope {
     id: root
 
     required property WlSessionLock lock
@@ -11,11 +12,11 @@ PamContext {
     property string buffer: ""
 
     function handleKey(event: KeyEvent): void {
-        if (active)
+        if (passwd.active)
             return;
 
         if (event.key === Qt.Key_Enter || event.key === Qt.Key_Return) {
-            start();
+            passwd.start();
         } else if (event.key === Qt.Key_Backspace) {
             if (event.modifiers & Qt.ControlModifier) {
                 buffer = "";
@@ -28,23 +29,36 @@ PamContext {
         }
     }
 
+    PamContext {
+        id: passwd
+
         onResponseRequiredChanged: {
             if (!responseRequired)
                 return;
 
-        respond(buffer);
+            respond(root.buffer);
-        buffer = "";
+            root.buffer = "";
         }
 
         onCompleted: res => {
             if (res === PamResult.Success)
-            return lock.unlock();
+                return root.lock.unlock();
 
             if (res === PamResult.Error)
-            state = "error";
+                root.state = "error";
             else if (res === PamResult.MaxTries)
-            state = "max";
+                root.state = "max";
             else if (res === PamResult.Failed)
-            state = "fail";
+                root.state = "fail";
+
+            stateReset.restart();
+        }
+    }
+
+    Timer {
+        id: stateReset
+
+        interval: 4000
+        onTriggered: root.state = "none"
     }
 }