{{-- Child Livewire component — polls independently so the parent BrowseCatalogue
     never re-renders due to polling, preserving navigation state. --}}
<div wire:poll.3s="pollProgress">
    @php $run = $this->activeRun; @endphp
    @if($run)
    <div class="jlr-progress-wrap" style="{{ $run['stalled'] ? 'border-color:#fbbf24;background:#fffbeb;' : '' }}">
        <div class="jlr-progress-meta">
            <div class="jlr-progress-title">
                @if($run['stalled'])
                    <svg style="width:14px;height:14px;color:#d97706;flex-shrink:0;" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/></svg>
                    <span style="color:#d97706;">{{ $this->vehicleName }} — extraction stalled, use Resume Extraction</span>
                @else
                    <div class="jlr-progress-spinner"></div>
                    Extracting {{ $this->vehicleName }}
                @endif
            </div>
            <div class="jlr-progress-counts">
                {{ $run['done'] }} done
                @if($run['fetching'] > 0)
                    · {{ $run['fetching'] }} fetching
                @endif
                @if($run['pending'] > 0)
                    · {{ $run['pending'] }} pending
                @endif
                @if($run['failed'] > 0)
                    · <span style="color:#ef4444;">{{ $run['failed'] }} failed</span>
                @endif
                · {{ $run['total'] }} total
                · {{ $run['percent'] }}%
                · started {{ $run['started_ago'] }}
            </div>
        </div>
        <div class="jlr-progress-bar-track">
            <div class="jlr-progress-bar-fill" style="width:{{ $run['percent'] }}%;{{ $run['stalled'] ? 'background:#d97706;' : '' }}"></div>
        </div>
    </div>
    @endif
</div>