Fix multi-timeframe analysis display and database issues
- Fixed analysis-details API to display multi-timeframe analysis results - Added comprehensive timeframe breakdown (15m, 1h, 2h, 4h) with confidence levels - Fixed database field recognition issues with Prisma client - Enhanced analysis display with entry/exit levels and technical analysis - Added proper stop loss and take profit calculations from AI analysis - Improved multi-layout analysis display (AI + DIY layouts) - Fixed automation service to handle database schema sync issues - Added detailed momentum, trend, and volume analysis display - Enhanced decision visibility on automation dashboard
This commit is contained in:
mindesbunister
@@ -18,13 +18,35 @@ export default function AutomationPage() {
|
||||
const [isLoading, setIsLoading] = useState(false)
|
||||
const [learningInsights, setLearningInsights] = useState(null)
|
||||
const [recentTrades, setRecentTrades] = useState([])
|
||||
const [analysisDetails, setAnalysisDetails] = useState(null)
|
||||
|
||||
useEffect(() => {
|
||||
fetchStatus()
|
||||
fetchLearningInsights()
|
||||
fetchRecentTrades()
|
||||
fetchAnalysisDetails()
|
||||
|
||||
// Auto-refresh every 30 seconds
|
||||
const interval = setInterval(() => {
|
||||
fetchStatus()
|
||||
fetchAnalysisDetails()
|
||||
}, 30000)
|
||||
|
||||
return () => clearInterval(interval)
|
||||
}, [])
|
||||
|
||||
const fetchAnalysisDetails = async () => {
|
||||
try {
|
||||
const response = await fetch('/api/automation/analysis-details')
|
||||
const data = await response.json()
|
||||
if (data.success) {
|
||||
setAnalysisDetails(data.data)
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Failed to fetch analysis details:', error)
|
||||
}
|
||||
}
|
||||
|
||||
const fetchStatus = async () => {
|
||||
try {
|
||||
const response = await fetch('/api/automation/status')
|
||||
@@ -473,6 +495,201 @@ export default function AutomationPage() {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Detailed AI Analysis Section */}
|
||||
{analysisDetails?.analysis && (
|
||||
<div className="space-y-6">
|
||||
<h2 className="text-2xl font-bold text-white">Latest AI Analysis</h2>
|
||||
|
||||
<div className="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-6">
|
||||
{/* Main Decision */}
|
||||
<div className="card card-gradient p-6">
|
||||
<h3 className="text-lg font-bold text-white mb-4">🎯 Trading Decision</h3>
|
||||
<div className="space-y-3">
|
||||
<div className="flex justify-between">
|
||||
<span className="text-gray-300">Decision:</span>
|
||||
<span className={`font-bold px-2 py-1 rounded ${
|
||||
analysisDetails.analysis.decision === 'BUY' ? 'bg-green-600 text-white' :
|
||||
analysisDetails.analysis.decision === 'SELL' ? 'bg-red-600 text-white' :
|
||||
'bg-gray-600 text-white'
|
||||
}`}>
|
||||
{analysisDetails.analysis.decision}
|
||||
</span>
|
||||
</div>
|
||||
<div className="flex justify-between">
|
||||
<span className="text-gray-300">Confidence:</span>
|
||||
<span className={`font-semibold ${
|
||||
analysisDetails.analysis.confidence > 80 ? 'text-green-400' :
|
||||
analysisDetails.analysis.confidence > 60 ? 'text-yellow-400' :
|
||||
'text-red-400'
|
||||
}`}>
|
||||
{analysisDetails.analysis.confidence}%
|
||||
</span>
|
||||
</div>
|
||||
<div className="flex justify-between">
|
||||
<span className="text-gray-300">Market Sentiment:</span>
|
||||
<span className={`font-semibold ${
|
||||
analysisDetails.analysis.sentiment === 'BULLISH' ? 'text-green-400' :
|
||||
analysisDetails.analysis.sentiment === 'BEARISH' ? 'text-red-400' :
|
||||
'text-gray-400'
|
||||
}`}>
|
||||
{analysisDetails.analysis.sentiment}
|
||||
</span>
|
||||
</div>
|
||||
<div className="mt-4 p-3 bg-gray-800 rounded-lg">
|
||||
<p className="text-sm text-gray-300">
|
||||
<strong>Summary:</strong> {analysisDetails.analysis.summary}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Key Levels */}
|
||||
<div className="card card-gradient p-6">
|
||||
<h3 className="text-lg font-bold text-white mb-4">📊 Key Levels</h3>
|
||||
<div className="space-y-3">
|
||||
{analysisDetails.analysis.keyLevels?.support?.length > 0 && (
|
||||
<div>
|
||||
<h4 className="text-sm font-semibold text-green-400 mb-2">Support Levels</h4>
|
||||
{analysisDetails.analysis.keyLevels.support.map((level, idx) => (
|
||||
<div key={idx} className="flex justify-between text-sm">
|
||||
<span className="text-gray-300">S{idx + 1}:</span>
|
||||
<span className="text-green-400 font-mono">${level.toFixed(2)}</span>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
)}
|
||||
{analysisDetails.analysis.keyLevels?.resistance?.length > 0 && (
|
||||
<div>
|
||||
<h4 className="text-sm font-semibold text-red-400 mb-2">Resistance Levels</h4>
|
||||
{analysisDetails.analysis.keyLevels.resistance.map((level, idx) => (
|
||||
<div key={idx} className="flex justify-between text-sm">
|
||||
<span className="text-gray-300">R{idx + 1}:</span>
|
||||
<span className="text-red-400 font-mono">${level.toFixed(2)}</span>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Technical Indicators */}
|
||||
<div className="card card-gradient p-6">
|
||||
<h3 className="text-lg font-bold text-white mb-4">📈 Technical Indicators</h3>
|
||||
<div className="space-y-2">
|
||||
{analysisDetails.analysis.technicalIndicators && Object.entries(analysisDetails.analysis.technicalIndicators).map(([key, value]) => (
|
||||
<div key={key} className="flex justify-between text-sm">
|
||||
<span className="text-gray-300 capitalize">{key.replace(/([A-Z])/g, ' $1').trim()}:</span>
|
||||
<span className="text-white font-mono">
|
||||
{typeof value === 'number' ? value.toFixed(2) : value}
|
||||
</span>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* AI Reasoning */}
|
||||
{analysisDetails.analysis.reasoning && (
|
||||
<div className="card card-gradient p-6">
|
||||
<h3 className="text-lg font-bold text-white mb-4">🤖 AI Reasoning</h3>
|
||||
<div className="space-y-3">
|
||||
<div className="p-4 bg-gray-800 rounded-lg">
|
||||
<p className="text-gray-300">{analysisDetails.analysis.reasoning}</p>
|
||||
</div>
|
||||
{analysisDetails.analysis.executionPlan && (
|
||||
<div className="p-4 bg-blue-900/20 border border-blue-500/20 rounded-lg">
|
||||
<h4 className="text-blue-400 font-semibold mb-2">Execution Plan:</h4>
|
||||
<p className="text-gray-300">{analysisDetails.analysis.executionPlan}</p>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Risk Assessment */}
|
||||
{analysisDetails.analysis.riskAssessment && (
|
||||
<div className="card card-gradient p-6">
|
||||
<h3 className="text-lg font-bold text-white mb-4">⚠️ Risk Assessment</h3>
|
||||
<div className="space-y-3">
|
||||
<div className="p-4 bg-yellow-900/20 border border-yellow-500/20 rounded-lg">
|
||||
<p className="text-gray-300">{analysisDetails.analysis.riskAssessment}</p>
|
||||
</div>
|
||||
{analysisDetails.analysis.marketConditions && (
|
||||
<div className="p-4 bg-gray-800 rounded-lg">
|
||||
<h4 className="text-gray-400 font-semibold mb-2">Market Conditions:</h4>
|
||||
<p className="text-gray-300">{analysisDetails.analysis.marketConditions}</p>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Layout Analysis */}
|
||||
{analysisDetails.analysis.layoutAnalysis && (
|
||||
<div className="card card-gradient p-6">
|
||||
<h3 className="text-lg font-bold text-white mb-4">🔍 Multi-Layout Analysis</h3>
|
||||
<div className="space-y-4">
|
||||
{Object.entries(analysisDetails.analysis.layoutAnalysis).map(([layout, analysis]) => (
|
||||
<div key={layout} className="p-4 bg-gray-800 rounded-lg">
|
||||
<h4 className="text-blue-400 font-semibold mb-2 capitalize">{layout} Layout:</h4>
|
||||
<p className="text-gray-300 text-sm">{analysis}</p>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Performance Metrics */}
|
||||
<div className="card card-gradient p-6">
|
||||
<h3 className="text-lg font-bold text-white mb-4">📊 Analysis Performance</h3>
|
||||
<div className="grid grid-cols-2 md:grid-cols-4 gap-4">
|
||||
<div className="text-center">
|
||||
<div className="text-2xl font-bold text-blue-400">
|
||||
{analysisDetails.analysis.timestamp ?
|
||||
new Date(analysisDetails.analysis.timestamp).toLocaleTimeString() :
|
||||
'N/A'
|
||||
}
|
||||
</div>
|
||||
<div className="text-sm text-gray-400">Last Analysis</div>
|
||||
</div>
|
||||
<div className="text-center">
|
||||
<div className="text-2xl font-bold text-green-400">
|
||||
{analysisDetails.analysis.processingTime ?
|
||||
`${analysisDetails.analysis.processingTime}ms` :
|
||||
'N/A'
|
||||
}
|
||||
</div>
|
||||
<div className="text-sm text-gray-400">Processing Time</div>
|
||||
</div>
|
||||
<div className="text-center">
|
||||
<div className="text-2xl font-bold text-purple-400">
|
||||
{analysisDetails.session?.totalTrades || 0}
|
||||
</div>
|
||||
<div className="text-sm text-gray-400">Total Trades</div>
|
||||
</div>
|
||||
<div className="text-center">
|
||||
<div className="text-2xl font-bold text-yellow-400">
|
||||
{analysisDetails.session?.errorCount || 0}
|
||||
</div>
|
||||
<div className="text-sm text-gray-400">Errors</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* No Analysis Available */}
|
||||
{!analysisDetails?.analysis && status?.isActive && (
|
||||
<div className="card card-gradient p-6">
|
||||
<h3 className="text-lg font-bold text-white mb-4">🤖 AI Analysis</h3>
|
||||
<div className="text-center py-8">
|
||||
<div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-500 mx-auto mb-4"></div>
|
||||
<p className="text-gray-400">Waiting for first analysis...</p>
|
||||
<p className="text-sm text-gray-500 mt-2">The AI will analyze the market every hour</p>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user