diff --git a/frontend/src/components/common/ProgressModal.tsx b/frontend/src/components/common/ProgressModal.tsx index fa453213..0670f451 100644 --- a/frontend/src/components/common/ProgressModal.tsx +++ b/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 */}
{item.completed ? ( - ) : item.inProgress ? ( -
) : (
)} @@ -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' }`} >