messaging in artifacts..

frontend/vehicles.html

@@ -861,8 +861,8 @@
         <!-- TAB: Reports -->
         <div id="tab-reports" class="hidden flex-1 min-h-0 overflow-y-auto">
             <div id="reports-pending-message" class="mb-4 text-center p-4 border border-[#222] bg-[#0a0a0a] rounded-xl flex items-center justify-center gap-3 shadow-sm">
-                <i class="fa-solid fa-circle-notch fa-spin text-[#c89a6c]"></i>
-                <span class="text-xs text-[#a89f97] font-medium tracking-wide uppercase">Generating artifacts & rendering analytics... Please wait</span>
+                <i id="reports-pending-icon" class="fa-solid fa-layer-group text-[#c89a6c]"></i>
+                <span id="reports-pending-text" class="text-xs text-[#a89f97] font-medium tracking-wide uppercase">Trigger process from settings. Artifacts will be available here once processing completes.</span>
             </div>
             <div id="reports-pending" class="grid grid-cols-2 xl:grid-cols-3 gap-4 w-full">
                 <!-- Skeleton Loader 1 -->
@@ -2030,6 +2030,13 @@
                     <span class="text-xs font-semibold">Executing inference pipeline... results pending</span>
                 </div>`;
 
+            // Update Reports tab pending message
+            const repIcon = document.getElementById('reports-pending-icon');
+            if (repIcon) repIcon.className = 'fa-solid fa-circle-notch fa-spin text-[#c89a6c]';
+            const repText = document.getElementById('reports-pending-text');
+            if (repText) repText.innerText = 'Generating artifacts & rendering analytics... Please wait';
+
+
             // Start WebSocket
             const videoDuration = _params.config.duration || 10;