diff --git a/.research/frontend-refactor/detection.tsx b/.research/frontend-refactor/detection.tsx
index e097e4e..06810ad 100644
--- a/.research/frontend-refactor/detection.tsx
+++ b/.research/frontend-refactor/detection.tsx
@@ -301,19 +301,19 @@ const AlertDetails: React.FC<AlertDetailsProps> = ({ log, onClose, showNotificat
                         <span className={`text-sm font-medium ${isDark ? 'text-gray-400' : 'text-gray-600'}`}>ML Score Details:</span>
                         <div className={`mt-2 p-3 rounded-lg space-y-2 ${isDark ? 'bg-gray-700' : 'bg-gray-50'}`}>
                             {[
-                                { label: 'Confidence', value: log.confidence, color: 'bg-blue-500' },
-                                { label: 'AE Score',   value: log.ae_score,   color: 'bg-purple-500' },
-                            ].map(({ label, value, color }) => (
+                                { label: 'Confidence', value: log.confidence },
+                                { label: 'AE Score',   value: log.ae_score   },
+                            ].map(({ label, value }) => (
                                 <div key={label} className="flex justify-between items-center">
                                     <span className={`text-sm ${isDark ? 'text-gray-400' : 'text-gray-600'}`}>{label}:</span>
-                                    <div className="flex items-center space-x-2">
-                                        <div className={`w-24 h-2 rounded-full ${isDark ? 'bg-gray-600' : 'bg-gray-200'}`}>
-                                            <div className={`h-2 rounded-full ${color}`} style={{ width: `${Math.min(value * 100, 100)}%` }} />
-                                        </div>
-                                        <span className={`text-sm font-medium font-mono ${isDark ? 'text-gray-300' : 'text-gray-900'}`}>
-                                            {value.toFixed(4)}
-                                        </span>
-                                    </div>
+                                    <span className={`text-sm font-mono font-semibold ${
+                                        value >= 1.0 ? 'text-red-500' :
+                                        value >= 0.5 ? 'text-orange-500' :
+                                        value >= 0.1 ? 'text-yellow-500' :
+                                                       'text-green-500'
+                                    }`}>
+                                        {value.toFixed(4)}
+                                    </span>
                                 </div>
                             ))}
                         </div>