Closes #012 - Implement Sloan Ratio Accrual Radar

components/modules/scanner/ScannerDemo.tsx

@@ -25,6 +25,8 @@ interface SearchResult {
   returns: number[];
   currentPrice?: number;
   peakPrice?: number;
+  sloanRatio?: number;
+  sloanRegime?: 'SAFE' | 'ANOMALY';
 }
 
 export default function ScannerDemo() {
@@ -218,7 +220,9 @@ export default function ScannerDemo() {
         reboundScore: overreactionScore,
         returns: result.returns,
         currentPrice: result.currentPrice,
-        peakPrice: result.peakPrice
+        peakPrice: result.peakPrice,
+        sloanRatio: result.sloanRatio,
+        sloanRegime: result.sloanRegime
       };
       
       setAlertsMetadata(prev => ({
@@ -796,6 +800,26 @@ export default function ScannerDemo() {
                     {searchResult.reboundScore}/100
                   </span>
                 </div>
+
+                {searchResult.sloanRatio !== undefined && (
+                  <div className="flex justify-between items-center">
+                    <span className="text-slate-400">Sloan Accrual Ratio:</span>
+                    <div className="flex items-center gap-1.5">
+                      <span className="font-mono font-bold text-slate-300">
+                        {searchResult.sloanRatio.toFixed(2)}%
+                      </span>
+                      {searchResult.sloanRegime === 'SAFE' ? (
+                        <span className="inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[9px] font-bold bg-emerald-500/10 text-emerald-400 border border-emerald-500/20">
+                          SAFE
+                        </span>
+                      ) : (
+                        <span className="inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[9px] font-bold bg-rose-500/10 text-rose-400 border border-rose-500/20 animate-pulse">
+                          ANOMALY
+                        </span>
+                      )}
+                    </div>
+                  </div>
+                )}
                 
                 <div className="pt-2 border-t border-slate-900">
                   <span className="text-[10px] text-slate-400 uppercase font-semibold block mb-1">KI-Kommentar:</span>