phases one of time logged now with log display

resources/views/components/passkey-verify.blade.php

@@ -7,58 +7,50 @@
 ])
 
 @assets
-@vite('resources/js/passkeys.js')
+    @vite('resources/js/passkeys.js')
 @endassets
 
-<div
-    x-data="{
-        supported: false,
-        loading: false,
-        error: null,
-        updateSupport() {
-            this.supported = Boolean(window.Passkeys?.isSupported());
-        },
-        init() {
-            this.updateSupport();
+<div x-data="{
+    supported: false,
+    loading: false,
+    error: null,
+    updateSupport() {
+        this.supported = Boolean(window.Passkeys?.isSupported());
+    },
+    init() {
+        this.updateSupport();
 
-            window.addEventListener('passkeys:ready', () => this.updateSupport(), { once: true });
-        },
-        async verify() {
-            this.loading = true;
-            this.error = null;
-            try {
-                const response = await window.Passkeys.verify({
-                    routes: {
-                        options: '{{ route($optionsRoute) }}',
-                        submit: '{{ route($submitRoute) }}',
-                    },
-                });
-                Livewire.navigate(response.redirect || '/dashboard');
-            } catch (e) {
-                if (e.constructor?.name !== 'UserCancelledError') {
-                    this.error = e.message;
-                }
-            } finally {
-                this.loading = false;
+        window.addEventListener('passkeys:ready', () => this.updateSupport(), { once: true });
+    },
+    async verify() {
+        this.loading = true;
+        this.error = null;
+        try {
+            const response = await window.Passkeys.verify({
+                routes: {
+                    options: '{{ route($optionsRoute) }}',
+                    submit: '{{ route($submitRoute) }}',
+                },
+            });
+            Livewire.navigate(response.redirect || '/dashboard');
+        } catch (e) {
+            if (e.constructor?.name !== 'UserCancelledError') {
+                this.error = e.message;
             }
-        },
-    }"
->
+        } finally {
+            this.loading = false;
+        }
+    },
+}">
     <template x-if="supported">
         <div>
             <div class="grid gap-2">
-                <flux:button
-                    variant="outline"
-                    icon="finger-print"
-                    class="w-full"
-                    x-on:click="verify()"
-                    x-bind:disabled="loading"
-                >
+                <flux:button variant="outline" icon="finger-print" class="w-full" x-on:click="verify()"
+                    x-bind:disabled="loading">
                     <span x-show="!loading">{{ $label }}</span>
                     <span x-show="loading" x-cloak>{{ $loadingLabel }}</span>
                 </flux:button>
-                <p x-show="error" x-text="error" x-cloak
-                   class="text-sm text-center text-red-600 dark:text-red-400"></p>
+                <p x-show="error" x-text="error" x-cloak class="text-sm text-center text-red-600 dark:text-red-400"></p>
             </div>
 
             <div class="relative my-6">