Improve live recordings UI, upload flow, and default Flux theme.

Refresh list status over Reverb with polling fallback, clarify queued vs processing, streamline upload empty states, and seed an admin login.

resources/views/components/transcription-status-badge.blade.php

@@ -1,7 +1,7 @@
 @props([
     'status',
     'label' => null,
-    /** @var string|null Alpine expression that returns a row object with badge_color + status_label */
+    /** @var string|null Alpine expression that returns a row object with badge_color + status_label (+ status for spinner) */
     'alpineRow' => null,
 ])
 
@@ -17,14 +17,17 @@
 
     $color = match ($status) {
         'done' => 'teal',
-        'processing', 'pending' => 'amber',
+        'processing' => 'amber',
+        'pending' => 'zinc',
         'failed' => 'red',
         default => 'zinc',
     };
+
+    $icon = $status === 'processing' ? 'loading' : null;
 @endphp
 
 @if ($alpineRow)
-    <span {{ $attributes->class('inline-flex') }}>
+    <span {{ $attributes->class('inline-flex items-center gap-1.5') }}>
         @foreach (['teal', 'amber', 'red', 'zinc'] as $badgeColor)
             @if ($badgeColor === $color)
                 <flux:badge
@@ -43,9 +46,17 @@
                 >{{ $label }}</flux:badge>
             @endif
         @endforeach
+        <flux:icon.loading
+            variant="micro"
+            class="size-3 text-amber-600 dark:text-amber-400"
+            x-show="{{ $alpineRow }}.status === 'processing'"
+            x-cloak
+        />
     </span>
 @else
-    <flux:badge size="sm" :color="$color" {{ $attributes }}>
-        {{ $label }}
-    </flux:badge>
+    <span {{ $attributes->class('inline-flex items-center gap-1.5') }}>
+        <flux:badge size="sm" :color="$color" :icon="$icon">
+            {{ $label }}
+        </flux:badge>
+    </span>
 @endif