+ {/* Overall Progress */}
+
+ Step {status.analysisProgress.currentStep} of {status.analysisProgress.totalSteps}
+
+ {Math.round((status.analysisProgress.currentStep / status.analysisProgress.totalSteps) * 100)}%
+
+
+
+
+ {/* Timeframe Progress */}
+ {status.analysisProgress.timeframeProgress && (
+
+
+
+ Analyzing {status.analysisProgress.timeframeProgress.currentTimeframe || 'timeframes'}
+
+
+ {status.analysisProgress.timeframeProgress.current}/{status.analysisProgress.timeframeProgress.total}
+
+
+
+ )}
+
+ {/* Detailed Steps */}
+
+ {status.analysisProgress.steps.map((step, index) => (
+
+ {/* Status Icon */}
+
+ {step.status === 'active' ? '⏳' :
+ step.status === 'completed' ? '✓' :
+ step.status === 'error' ? '✗' :
+ index + 1}
+
+
+ {/* Step Info */}
+
+
+ {step.title}
+
+
+ {step.details || step.description}
+
+
+
+ {/* Duration */}
+ {step.duration && (
+
+ {(step.duration / 1000).toFixed(1)}s
+
+ )}
+
+ ))}
+
+