Update ProgressModal.tsx

frontend/src/components/common/ProgressModal.tsx

@@ -336,8 +336,9 @@ export default function ProgressModal({
     return steps.map((step) => {
       const actuallyCompleted = isStepCompleted(step.phase, currentPhase, stepLogs);
       const visuallyCompleted = visuallyCompletedSteps.has(step.phase);
-      // Only show as in progress if it's the current phase AND not visually completed yet
-      const inProgress = step.phase === currentPhase && !visuallyCompleted && !actuallyCompleted;
+      // Don't show any step as in-progress (no blue styling)
+      // Steps are either completed (green) or pending (gray)
+      const inProgress = false;
       
       // Get step log and format message
       const stepLog = stepLogs.find(log => log.stepName === step.phase);
@@ -510,19 +511,15 @@ export default function ProgressModal({
               className={`flex items-center gap-3 p-3 rounded-lg border transition-all ${
                 item.completed
                   ? 'bg-green-50 dark:bg-green-900/20 border-green-200 dark:border-green-800'
-                  : item.inProgress
-                  ? 'bg-blue-50 dark:bg-blue-900/20 border-blue-200 dark:border-blue-800'
                   : 'bg-gray-50 dark:bg-gray-800 border-gray-200 dark:border-gray-700 opacity-60'
               }`}
             >
-              {/* Icon - no spinner in steps, only checkmark or circle */}
+              {/* Icon - only checkmark for completed, gray circle for pending */}
               <div className="flex-shrink-0">
                 {item.completed ? (
                   <svg className="w-5 h-5 text-green-600 dark:text-green-400" fill="currentColor" viewBox="0 0 20 20">
                     <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
                   </svg>
-                ) : item.inProgress ? (
-                  <div className="w-5 h-5 rounded-full border-2 border-blue-500 dark:border-blue-400 bg-blue-50 dark:bg-blue-900/20" />
                 ) : (
                   <div className="w-5 h-5 rounded-full border-2 border-gray-300 dark:border-gray-600" />
                 )}
@@ -533,8 +530,6 @@ export default function ProgressModal({
                 className={`flex-1 text-sm font-medium ${
                   item.completed
                     ? 'text-green-800 dark:text-green-300'
-                    : item.inProgress
-                    ? 'text-blue-800 dark:text-blue-300'
                     : 'text-gray-500 dark:text-gray-400'
                 }`}
               >