phases one of time logged now with log display

resources/views/components/app-logo-icon.blade.php

@@ -1,8 +1,4 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 42" {{ $attributes }}>
-    <path 
-        fill="currentColor" 
-        fill-rule="evenodd" 
-        clip-rule="evenodd"
-        d="M17.2 5.633 8.6.855 0 5.633v26.51l16.2 9 16.2-9v-8.442l7.6-4.223V9.856l-8.6-4.777-8.6 4.777V18.3l-5.6 3.111V5.633ZM38 18.301l-5.6 3.11v-6.157l5.6-3.11V18.3Zm-1.06-7.856-5.54 3.078-5.54-3.079 5.54-3.078 5.54 3.079ZM24.8 18.3v-6.157l5.6 3.111v6.158L24.8 18.3Zm-1 1.732 5.54 3.078-13.14 7.302-5.54-3.078 13.14-7.3v-.002Zm-16.2 7.89 7.6 4.222V38.3L2 30.966V7.92l5.6 3.111v16.892ZM8.6 9.3 3.06 6.222 8.6 3.143l5.54 3.08L8.6 9.3Zm21.8 15.51-13.2 7.334V38.3l13.2-7.334v-6.156ZM9.6 11.034l5.6-3.11v14.6l-5.6 3.11v-14.6Z"
-    />
+    <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"
+        d="M17.2 5.633 8.6.855 0 5.633v26.51l16.2 9 16.2-9v-8.442l7.6-4.223V9.856l-8.6-4.777-8.6 4.777V18.3l-5.6 3.111V5.633ZM38 18.301l-5.6 3.11v-6.157l5.6-3.11V18.3Zm-1.06-7.856-5.54 3.078-5.54-3.079 5.54-3.078 5.54 3.079ZM24.8 18.3v-6.157l5.6 3.111v6.158L24.8 18.3Zm-1 1.732 5.54 3.078-13.14 7.302-5.54-3.078 13.14-7.3v-.002Zm-16.2 7.89 7.6 4.222V38.3L2 30.966V7.92l5.6 3.111v16.892ZM8.6 9.3 3.06 6.222 8.6 3.143l5.54 3.08L8.6 9.3Zm21.8 15.51-13.2 7.334V38.3l13.2-7.334v-6.156ZM9.6 11.034l5.6-3.11v14.6l-5.6 3.11v-14.6Z" />
 </svg>

resources/views/components/app-logo.blade.php

@@ -2,15 +2,17 @@
     'sidebar' => false,
 ])
 
-@if($sidebar)
+@if ($sidebar)
     <flux:sidebar.brand name="Warehouse Management System" {{ $attributes }}>
-        <x-slot name="logo" class="flex aspect-square size-8 items-center justify-center rounded-md bg-accent-content text-accent-foreground">
+        <x-slot name="logo"
+            class="flex aspect-square size-8 items-center justify-center rounded-md bg-accent-content text-accent-foreground">
             <x-app-logo-icon class="size-5 fill-current text-white dark:text-black" />
         </x-slot>
     </flux:sidebar.brand>
 @else
     <flux:brand name="Warehouse Management System" {{ $attributes }}>
-        <x-slot name="logo" class="flex aspect-square size-8 items-center justify-center rounded-md bg-accent-content text-accent-foreground">
+        <x-slot name="logo"
+            class="flex aspect-square size-8 items-center justify-center rounded-md bg-accent-content text-accent-foreground">
             <x-app-logo-icon class="size-5 fill-current text-white dark:text-black" />
         </x-slot>
     </flux:brand>

resources/views/components/auth-header.blade.php

@@ -1,7 +1,4 @@
-@props([
-    'title',
-    'description',
-])
+@props(['title', 'description'])
 
 <div class="flex w-full flex-col text-center">
     <flux:heading size="xl">{{ $title }}</flux:heading>

resources/views/components/auth-session-status.blade.php

@@ -1,6 +1,4 @@
-@props([
-    'status',
-])
+@props(['status'])
 
 @if ($status)
     <div {{ $attributes->merge(['class' => 'font-medium text-sm text-green-600']) }}>

resources/views/components/dashboard/chart-card.blade.php

@@ -1,11 +1,4 @@
-@props([
-    'title',
-    'description' => '',
-    'type' => 'line',
-    'config' => [],
-    'height' => 300,
-    'icon' => 'fa-chart-line',
-])
+@props(['title', 'description' => '', 'type' => 'line', 'config' => [], 'height' => 300, 'icon' => 'fa-chart-line'])
 
 <div class="card wms-chart-card mb-4 h-100">
     <div class="card-header wms-chart-card__header">
@@ -14,7 +7,7 @@
             <h3 class="wms-chart-card__title">
                 <i class="fas {{ $icon }} me-2"></i>{{ $title }}
             </h3>
-            @if($description !== '')
+            @if ($description !== '')
                 <p class="wms-chart-card__description">{{ $description }}</p>
             @endif
         </div>
@@ -22,13 +15,8 @@
 
     <div class="card-body">
         <div class="wms-chart-card__canvas" style="height: {{ (int) $height }}px;">
-            <canvas
-                data-wms-chart
-                data-chart-type="{{ $type }}"
-                data-chart-config='@json($config)'
-                aria-label="{{ $title }} chart"
-                role="img"
-            ></canvas>
+            <canvas data-wms-chart data-chart-type="{{ $type }}" data-chart-config='@json($config)'
+                aria-label="{{ $title }} chart" role="img"></canvas>
         </div>
     </div>
 </div>

resources/views/components/dashboard/metric-card.blade.php

@@ -1,9 +1,4 @@
-@props([
-    'label',
-    'value' => 0,
-    'hint' => '',
-    'icon' => 'fa-chart-simple',
-])
+@props(['label', 'value' => 0, 'hint' => '', 'icon' => 'fa-chart-simple'])
 
 <div class="col-xl-3 col-md-6">
     <div class="card wms-metric-card mb-4">
@@ -11,7 +6,7 @@
             <div>
                 <div class="wms-metric-card__label">{{ $label }}</div>
                 <div class="wms-metric-card__value">{{ is_numeric($value) ? number_format((int) $value) : $value }}</div>
-                @if($hint !== '')
+                @if ($hint !== '')
                     <div class="wms-metric-card__hint">{{ $hint }}</div>
                 @endif
             </div>

resources/views/components/desktop-user-menu.blade.php

@@ -1,17 +1,10 @@
 <flux:dropdown position="bottom" align="start">
-    <flux:sidebar.profile
-        :name="auth()->user()->name"
-        :initials="auth()->user()->initials()"
-        icon:trailing="chevrons-up-down"
-        data-test="sidebar-menu-button"
-    />
+    <flux:sidebar.profile :name="auth()->user()->name" :initials="auth()->user()->initials()"
+        icon:trailing="chevrons-up-down" data-test="sidebar-menu-button" />
 
     <flux:menu>
         <div class="flex items-center gap-2 px-1 py-1.5 text-start text-sm">
-            <flux:avatar
-                :name="auth()->user()->name"
-                :initials="auth()->user()->initials()"
-            />
+            <flux:avatar :name="auth()->user()->name" :initials="auth()->user()->initials()" />
             <div class="grid flex-1 text-start text-sm leading-tight">
                 <flux:heading class="truncate">{{ auth()->user()->name }}</flux:heading>
                 <flux:text class="truncate">{{ auth()->user()->email }}</flux:text>
@@ -24,13 +17,8 @@
             </flux:menu.item>
             <form method="POST" action="{{ route('logout') }}" class="w-full">
                 @csrf
-                <flux:menu.item
-                    as="button"
-                    type="submit"
-                    icon="arrow-right-start-on-rectangle"
-                    class="w-full cursor-pointer"
-                    data-test="logout-button"
-                >
+                <flux:menu.item as="button" type="submit" icon="arrow-right-start-on-rectangle"
+                    class="w-full cursor-pointer" data-test="logout-button">
                     {{ __('Log out') }}
                 </flux:menu.item>
             </form>

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

@@ -1,59 +1,53 @@
 @assets
-@vite('resources/js/passkeys.js')
+    @vite('resources/js/passkeys.js')
 @endassets
 
-<div
-    x-data="{
-        supported: false,
-        showForm: false,
-        name: '',
-        loading: false,
-        error: null,
-        updateSupport() {
-            this.supported = Boolean(window.Passkeys?.isSupported());
-        },
-        init() {
-            this.updateSupport();
+<div x-data="{
+    supported: false,
+    showForm: false,
+    name: '',
+    loading: false,
+    error: null,
+    updateSupport() {
+        this.supported = Boolean(window.Passkeys?.isSupported());
+    },
+    init() {
+        this.updateSupport();
 
-            window.addEventListener('passkeys:ready', () => this.updateSupport(), { once: true });
-        },
-        async register() {
-            if (!this.name.trim()) return;
+        window.addEventListener('passkeys:ready', () => this.updateSupport(), { once: true });
+    },
+    async register() {
+        if (!this.name.trim()) return;
 
-            this.loading = true;
-            this.error = null;
+        this.loading = true;
+        this.error = null;
 
-            try {
-                await window.Passkeys.register({ name: this.name });
-                this.name = '';
-                this.showForm = false;
-                await $wire.loadPasskeys();
-            } catch (e) {
-                if (e.constructor?.name !== 'UserCancelledError') {
-                    this.error = e.message;
-                }
-            } finally {
-                this.loading = false;
-            }
-        },
-        cancel() {
-            this.showForm = false;
+        try {
+            await window.Passkeys.register({ name: this.name });
             this.name = '';
-            this.error = null;
-        },
-    }"
->
+            this.showForm = false;
+            await $wire.loadPasskeys();
+        } catch (e) {
+            if (e.constructor?.name !== 'UserCancelledError') {
+                this.error = e.message;
+            }
+        } finally {
+            this.loading = false;
+        }
+    },
+    cancel() {
+        this.showForm = false;
+        this.name = '';
+        this.error = null;
+    },
+}">
     <template x-if="!supported">
         <flux:text>{{ __('Passkeys are not supported in this browser.') }}</flux:text>
     </template>
 
     <template x-if="supported && !showForm">
         <div>
-            <flux:button
-                variant="primary"
-                icon="plus"
-                x-on:click="showForm = true"
-            >
+            <flux:button variant="primary" icon="plus" x-on:click="showForm = true">
                 {{ __('Add passkey') }}
             </flux:button>
         </div>
@@ -61,31 +55,19 @@
 
     <template x-if="supported && showForm">
         <div class="space-y-4 rounded-lg border border-zinc-200 dark:border-zinc-700 bg-zinc-50 dark:bg-zinc-800/50 p-4">
-            <flux:input
-                label="{{ __('Passkey name') }}"
-                x-model="name"
-                placeholder="{{ __('e.g., MacBook Pro, iPhone') }}"
-                x-on:keydown.enter.prevent="register()"
-                x-ref="passkeyNameInput"
-                x-init="$nextTick(() => $refs.passkeyNameInput?.focus())"
-            />
+            <flux:input label="{{ __('Passkey name') }}" x-model="name"
+                placeholder="{{ __('e.g., MacBook Pro, iPhone') }}" x-on:keydown.enter.prevent="register()"
+                x-ref="passkeyNameInput" x-init="$nextTick(() => $refs.passkeyNameInput?.focus())" />
             <flux:text class="!mt-1">{{ __('Give this passkey a name to help you identify it later.') }}</flux:text>
 
             <p x-show="error" x-text="error" x-cloak class="text-sm text-red-600 dark:text-red-400"></p>
 
             <div class="flex gap-2">
-                <flux:button
-                    variant="primary"
-                    x-on:click="register()"
-                    x-bind:disabled="loading || !name.trim()"
-                >
+                <flux:button variant="primary" x-on:click="register()" x-bind:disabled="loading || !name.trim()">
                     <span x-show="!loading">{{ __('Register passkey') }}</span>
                     <span x-show="loading" x-cloak>{{ __('Registering...') }}</span>
                 </flux:button>
-                <flux:button
-                    variant="ghost"
-                    x-on:click="cancel()"
-                >
+                <flux:button variant="ghost" x-on:click="cancel()">
                     {{ __('Cancel') }}
                 </flux:button>
             </div>

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">

resources/views/components/wms/page-hero.blade.php

@@ -10,17 +10,17 @@
     <div class="wms-page-hero-copy">
         <p class="wms-page-hero-kicker">{{ $eyebrow }}</p>
         <h1 class="wms-page-hero-title">{{ $title }}</h1>
-        @if($description)
+        @if ($description)
             <p class="wms-page-hero-description">{{ $description }}</p>
         @endif
     </div>
 
     <div class="wms-page-hero-actions">
-        @foreach($stats as $stat)
+        @foreach ($stats as $stat)
             <article class="wms-page-hero-stat">
                 <span>{{ $stat['label'] ?? '' }}</span>
                 <strong>
-                    @if(! empty($stat['icon']))
+                    @if (!empty($stat['icon']))
                         <i class="{{ $stat['icon'] }}" aria-hidden="true"></i>
                     @endif
                     {{ $stat['value'] ?? '' }}
@@ -28,13 +28,13 @@
             </article>
         @endforeach
 
-        @if($icon && count($stats) === 0)
+        @if ($icon && count($stats) === 0)
             <article class="wms-page-hero-stat wms-page-hero-icon-card" aria-hidden="true">
                 <strong><i class="{{ $icon }}"></i></strong>
             </article>
         @endif
 
-        @if($slot->isNotEmpty())
+        @if ($slot->isNotEmpty())
             {{ $slot }}
         @endif
     </div>