Add summary stat

static/index.html

@@ -151,7 +151,7 @@
                         <div class="param-group">
                             <label class="param-label">
                                 Simulations
-                                <span class="param-hint" title="Number of Monte Carlo runs">?</span>
+                                <span class="param-hint" data-tooltip="Number of Monte Carlo simulation runs">?</span>
                             </label>
                             <div class="param-input-wrap">
                                 <input type="number" id="numSimulations" class="param-input" value="100" min="10" max="100" step="10">
@@ -162,7 +162,7 @@
                         <div class="param-group">
                             <label class="param-label">
                                 Days Before
-                                <span class="param-hint" title="Days before market closes to invest">?</span>
+                                <span class="param-hint" data-tooltip="Days before market resolution to invest">?</span>
                             </label>
                             <div class="param-input-wrap">
                                 <input type="number" id="daysBefore" class="param-input" value="1" min="1" max="7" step="1">
@@ -173,7 +173,7 @@
                         <div class="param-group">
                             <label class="param-label">
                                 Min Prob @ 7d
-                                <span class="param-hint" title="Minimum probability 7 days before resolution">?</span>
+                                <span class="param-hint" data-tooltip="Minimum probability 7 days before resolution">?</span>
                             </label>
                             <div class="param-input-wrap">
                                 <input type="number" id="minProb7d" class="param-input" value="90" min="50" max="99" step="1">
@@ -184,7 +184,7 @@
                         <div class="param-group">
                             <label class="param-label">
                                 Min Prob @ Entry
-                                <span class="param-hint" title="Minimum probability at investment time">?</span>
+                                <span class="param-hint" data-tooltip="Minimum probability at time of investment">?</span>
                             </label>
                             <div class="param-input-wrap">
                                 <input type="number" id="minProbCurrent" class="param-input" value="90" min="50" max="99" step="1">
@@ -195,7 +195,7 @@
                         <div class="param-group">
                             <label class="param-label">
                                 Trading Frequency
-                                <span class="param-hint" title="How often to trade when opportunities exist">?</span>
+                                <span class="param-hint" data-tooltip="How often to trade when opportunities exist">?</span>
                             </label>
                             <select id="investmentProbability" class="param-input param-select">
                                 <option value="0.02">Conservative</option>
@@ -208,7 +208,7 @@
                         <div class="param-group threshold-only">
                             <label class="param-label">
                                 Target Return
-                                <span class="param-hint" title="Stop trading when this return is reached">?</span>
+                                <span class="param-hint" data-tooltip="Stop trading when this return is reached">?</span>
                             </label>
                             <select id="targetReturn" class="param-input param-select">
                                 <option value="4.14">4.14% (Treasury)</option>
@@ -222,7 +222,7 @@
                         <div class="param-group multi-only">
                             <label class="param-label">
                                 Number of Funds
-                                <span class="param-hint" title="Split capital across independent funds">?</span>
+                                <span class="param-hint" data-tooltip="Split capital across independent funds">?</span>
                             </label>
                             <div class="param-input-wrap">
                                 <input type="number" id="numFunds" class="param-input" value="5" min="2" max="10" step="1">
@@ -265,9 +265,9 @@
                             <div class="metric-label">Average Return</div>
                             <div class="metric-value" id="avgReturn">--</div>
                         </div>
-                        <div class="metric-card">
-                            <div class="metric-label">Median Return</div>
-                            <div class="metric-value" id="medianReturn">--</div>
+                        <div class="metric-card metric-survivors">
+                            <div class="metric-label">Avg Return (Survivors)</div>
+                            <div class="metric-value" id="avgReturnSurvivors">--</div>
                         </div>
                         <div class="metric-card">
                             <div class="metric-label">Success Rate</div>

static/script.js

@@ -243,16 +243,22 @@ async function callSimulationAPI(params) {
 
 // ===== RESULTS DISPLAY =====
 function displayResults(results) {
-    const { summary, parameters } = results;
+    const { summary, parameters, runs } = results;
 
     // Show results section
     const resultsSection = document.getElementById('resultsSection');
     resultsSection.classList.add('visible');
     resultsSection.scrollIntoView({ behavior: 'smooth', block: 'start' });
 
+    // Calculate average return of survivors
+    const survivors = runs.filter(r => !r.wentBust);
+    const avgReturnSurvivors = survivors.length > 0
+        ? survivors.reduce((sum, r) => sum + r.totalReturn, 0) / survivors.length
+        : null;
+
     // Primary metrics
     updateMetric('avgReturn', summary.avgReturn, true);
-    updateMetric('medianReturn', summary.medianReturn, true);
+    updateMetric('avgReturnSurvivors', avgReturnSurvivors, true);
     updateMetric('successRate', summary.positiveReturnRate);
     updateMetric('bustRate', summary.bustRate, false, true);
 

static/styles.css

@@ -367,6 +367,7 @@ body {
 }
 
 .param-hint {
+    position: relative;
     width: 14px;
     height: 14px;
     background: var(--bg-elevated);
@@ -378,6 +379,38 @@ body {
     align-items: center;
     justify-content: center;
     cursor: help;
+    transition: all 0.2s;
+}
+
+.param-hint:hover {
+    background: var(--accent);
+    color: white;
+}
+
+.param-hint::after {
+    content: attr(data-tooltip);
+    position: absolute;
+    bottom: calc(100% + 8px);
+    left: 50%;
+    transform: translateX(-50%);
+    padding: 8px 12px;
+    background: var(--bg-elevated);
+    border: 1px solid var(--border);
+    border-radius: var(--radius-sm);
+    font-size: 12px;
+    font-weight: 400;
+    color: var(--text-primary);
+    white-space: nowrap;
+    opacity: 0;
+    visibility: hidden;
+    transition: all 0.2s;
+    z-index: 100;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
+}
+
+.param-hint:hover::after {
+    opacity: 1;
+    visibility: visible;
 }
 
 .param-input-wrap {
@@ -595,6 +628,11 @@ body {
     border-color: var(--border-accent);
 }
 
+.metric-card.metric-survivors {
+    background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(16, 185, 129, 0.05));
+    border-color: rgba(16, 185, 129, 0.3);
+}
+
 .metric-card.metric-risk .metric-value.high-risk {
     color: var(--danger);
 }