From ecb1e14cf5a76b454bd5464dc01922dfdf9b38cb Mon Sep 17 00:00:00 2001
From: Oliver Kieselbach <oliver.kieselbach@outlook.com>
Date: Mon, 29 Jun 2026 15:40:31 +0200
Subject: [PATCH] fix(ui): align script-execution duration after status on
 remediation cycle header

The multi-phase remediation cycle header rendered the run duration before the
status label, while every single row (platform, detect-only) shows duration
after the status. Reorder the header so duration consistently trails the status
everywhere.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 src/Web/autopilot-monitor-web/components/ScriptExecutions.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Web/autopilot-monitor-web/components/ScriptExecutions.tsx b/src/Web/autopilot-monitor-web/components/ScriptExecutions.tsx
index 4243b079..deae8658 100644
--- a/src/Web/autopilot-monitor-web/components/ScriptExecutions.tsx
+++ b/src/Web/autopilot-monitor-web/components/ScriptExecutions.tsx
@@ -224,6 +224,7 @@ function ScriptCardView({ card, showScriptOutput, latestBootstrapVersion, displa
           )}
         </div>
         <div className="flex items-center space-x-3 text-xs flex-shrink-0 ml-2">
+          <span className={`font-medium ${statusColor}`}>{card.headerLabel}</span>
           {cardDurationLabel && (
             <span
               className={`font-mono ${isCardSlow ? "text-amber-600 font-medium" : "text-gray-500"}`}
@@ -232,7 +233,6 @@ function ScriptCardView({ card, showScriptOutput, latestBootstrapVersion, displa
               {cardDurationLabel}
             </span>
           )}
-          <span className={`font-medium ${statusColor}`}>{card.headerLabel}</span>
           <svg className={`w-4 h-4 text-gray-400 transition-transform duration-200 ${phasesOpen ? 'rotate-90' : ''}`} fill="none" stroke="currentColor" viewBox="0 0 24 24">
             <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5l7 7-7 7" />
           </svg>