UI Fix: Enable scrolling + Hybrid V1/V2 Metrics Layout

static/script.js

@@ -22,7 +22,6 @@ async function runAnalysis() {
             body: formData
         });
 
-        // Check for HTTP errors (like 500)
         if (!response.ok) {
             const errorText = await response.text();
             throw new Error(`Server Error (${response.status}): ${errorText}`);
@@ -39,7 +38,7 @@ async function runAnalysis() {
 
         // UI State: Done
         loader.style.display = 'none';
-        dashboard.style.display = 'grid';
+        dashboard.style.display = 'flex'; // Changed to flex to match CSS
 
     } catch (e) {
         console.error(e);
@@ -49,8 +48,7 @@ async function runAnalysis() {
 }
 
 function updateDashboard(data) {
-    // 1. Executive Commentary (The "Advisor")
-    // Safe check if advisory exists
+    // 1. Executive Commentary
     if (data.advisory && data.advisory.commentary) {
         document.getElementById('exec-summary-content').innerHTML = data.advisory.commentary;
         document.getElementById('m-price').textContent = `$${data.advisory.low} - $${data.advisory.high}`;
@@ -59,12 +57,15 @@ function updateDashboard(data) {
         statusEl.textContent = data.advisory.sentiment;
         statusEl.style.color = data.advisory.color;
 
-        // Helper
-        const formatNum = (num) => (num ? num.toFixed(1) + "x" : "--");
+        // --- METRICS MAPPING ---
 
-        document.getElementById('m-ev-rev').textContent = formatNum(data.metrics.avg_ev_rev);
-        document.getElementById('m-rule-40').textContent = data.metrics.avg_rule_40 ? data.metrics.avg_rule_40.toFixed(0) : "--";
-        document.getElementById('m-vix').textContent = data.macro ? data.macro.vix.toFixed(2) : "--";
+        // Row 1: Classics
+        document.getElementById('m-momentum').textContent = (data.metrics.avg_momentum ? data.metrics.avg_momentum.toFixed(1) + "%" : "--");
+        document.getElementById('m-beta').textContent = (data.metrics.avg_beta ? data.metrics.avg_beta.toFixed(2) : "--");
+
+        // Row 2: V2 Intelligence
+        document.getElementById('m-rule-40').textContent = (data.metrics.avg_rule_40 ? data.metrics.avg_rule_40.toFixed(0) : "--");
+        document.getElementById('m-vix').textContent = (data.macro ? data.macro.vix.toFixed(2) : "--");
     }
 
 
@@ -90,13 +91,11 @@ function updateDashboard(data) {
 
     if (data.comparables) {
         data.comparables.forEach(c => {
-            // Colors for Rule of 40
             const r40Color = c.rule_40 < 40 ? '#fa5c5c' : '#5cfa85';
-
             const row = `
                 <tr>
                     <td style="font-weight:bold; color:var(--primary-gold)">${c.ticker}</td>
-                    <td>$${(c.market_cap / 1e9).toFixed(2)}B</td>
+                    <td>$${(c.market_cap / 1e9).toFixed(1)}B</td>
                     <td>${c.ev_rev ? c.ev_rev.toFixed(1) + 'x' : 'N/A'}</td>
                     <td style="color:${r40Color}">${c.rule_40 ? c.rule_40.toFixed(0) : '--'}</td>
                     <td>${c.growth ? (c.growth * 100).toFixed(0) + '%' : 'N/A'}</td>