Markov Transition Matrices
@@ -663,44 +685,31 @@ function renderCrowdStats(data) {
`;
}
-function renderLast20(predictions) {
- const tbody = $('pred-history').querySelector('tbody');
+function renderPredictionRows(predictions, tbody) {
if (!predictions || predictions.length === 0) {
tbody.innerHTML = '
| Not enough data |
';
return;
}
- const fullHits = predictions.filter(p => p.correct).length;
- const semiHits = predictions.filter(p => p.semi_correct).length;
- const score = fullHits + semiHits * 0.5;
-
- // Whale/public accuracy
- const whaleEntries = predictions.filter(p => p.whale_pick != null);
- const whaleHits = whaleEntries.filter(p => p.whale_hit).length;
- const publicEntries = predictions.filter(p => p.public_pick != null);
- const publicHits = publicEntries.filter(p => p.public_hit).length;
- const whalePct = whaleEntries.length > 0 ? (whaleHits / whaleEntries.length * 100).toFixed(1) : '--';
- const publicPct = publicEntries.length > 0 ? (publicHits / publicEntries.length * 100).toFixed(1) : '--';
-
tbody.innerHTML = predictions.slice().reverse().map(p => {
const maxProb = Math.max(p.probs.A, p.probs.B, p.probs.C);
const resultClass = p.correct ? 'correct' : (p.semi_correct ? 'semi' : 'wrong');
const resultLabel = p.correct ? 'HIT' : (p.semi_correct ? 'SEMI' : 'MISS');
- // Whale cell
+ // Whale cell with semi-win
let whaleCell;
if (p.whale_pick) {
- const whCls = p.whale_hit ? 'correct' : 'wrong';
- const whLabel = p.whale_hit ? 'HIT' : 'MISS';
+ const whCls = p.whale_hit ? 'correct' : (p.whale_semi ? 'semi' : 'wrong');
+ const whLabel = p.whale_hit ? 'HIT' : (p.whale_semi ? 'SEMI' : 'MISS');
whaleCell = `
${p.whale_pick} ${whLabel} | `;
} else {
whaleCell = '
-- | ';
}
- // Public cell
+ // Public cell with semi-win
let pubCell;
if (p.public_pick) {
- const puCls = p.public_hit ? 'correct' : 'wrong';
- const puLabel = p.public_hit ? 'HIT' : 'MISS';
+ const puCls = p.public_hit ? 'correct' : (p.public_semi ? 'semi' : 'wrong');
+ const puLabel = p.public_hit ? 'HIT' : (p.public_semi ? 'SEMI' : 'MISS');
pubCell = `
${p.public_pick} ${puLabel} | `;
} else {
pubCell = '
-- | ';
@@ -719,17 +728,114 @@ function renderLast20(predictions) {
${p.actual} |
${resultLabel} |
`;
- }).join('') +
- `
+ }).join('');
+}
+
+function computeAccuracy(predictions) {
+ const fullHits = predictions.filter(p => p.correct).length;
+ const semiHits = predictions.filter(p => p.semi_correct).length;
+ const score = fullHits + semiHits * 0.5;
+
+ const whaleEntries = predictions.filter(p => p.whale_pick != null);
+ const whaleHits = whaleEntries.filter(p => p.whale_hit).length;
+ const whaleSemi = whaleEntries.filter(p => p.whale_semi).length;
+ const whaleScore = whaleHits + whaleSemi * 0.5;
+ const whalePct = whaleEntries.length > 0 ? (whaleScore / whaleEntries.length * 100).toFixed(1) : '--';
+
+ const publicEntries = predictions.filter(p => p.public_pick != null);
+ const publicHits = publicEntries.filter(p => p.public_hit).length;
+ const publicSemi = publicEntries.filter(p => p.public_semi).length;
+ const publicScore = publicHits + publicSemi * 0.5;
+ const publicPct = publicEntries.length > 0 ? (publicScore / publicEntries.length * 100).toFixed(1) : '--';
+
+ const modelPct = predictions.length > 0 ? (score / predictions.length * 100).toFixed(1) : '--';
+
+ return { score, fullHits, semiHits, whaleHits, whaleSemi, whaleScore, whalePct, whaleTotal: whaleEntries.length,
+ publicHits, publicSemi, publicScore, publicPct, publicTotal: publicEntries.length, modelPct, total: predictions.length };
+}
+
+function renderLast20(predictions) {
+ const tbody = $('pred-history').querySelector('tbody');
+ if (!predictions || predictions.length === 0) {
+ tbody.innerHTML = '
| Not enough data |
';
+ return;
+ }
+ const acc = computeAccuracy(predictions);
+
+ renderPredictionRows(predictions, tbody);
+
+ // Append accuracy row
+ tbody.innerHTML += `
| Accuracy (last ${predictions.length}) |
- ${whalePct !== '--' ? whalePct + '%' : '--'} |
- ${publicPct !== '--' ? publicPct + '%' : '--'} |
-
- Model: ${(score/predictions.length*100).toFixed(1)}%
+ | ${acc.whalePct !== '--' ? acc.whalePct + '%' : '--'} |
+ ${acc.publicPct !== '--' ? acc.publicPct + '%' : '--'} |
+
+ Model: ${acc.modelPct}%
|
`;
}
+// ── Full History Modal ──
+let historyCache = null;
+let historyPage = 1;
+const ROWS_PER_PAGE = 50;
+
+function openHistoryModal() {
+ $('history-modal').style.display = 'block';
+ if (historyCache) { renderHistoryPage(1); return; }
+ $('modal-table').querySelector('tbody').innerHTML = '
| Loading... |
';
+ $('modal-pagination').innerHTML = '';
+ $('modal-accuracy').innerHTML = '';
+ fetch('/api/prediction-history?limit=500').then(r => r.json()).then(data => {
+ historyCache = data;
+ renderHistoryPage(1);
+ }).catch(err => {
+ $('modal-table').querySelector('tbody').innerHTML = `
| Failed: ${err.message} |
`;
+ });
+}
+
+function closeHistoryModal() {
+ $('history-modal').style.display = 'none';
+}
+
+// Close on overlay click
+$('history-modal')?.addEventListener('click', function(e) {
+ if (e.target === this) closeHistoryModal();
+});
+
+function renderHistoryPage(page) {
+ if (!historyCache) return;
+ const preds = historyCache.predictions || [];
+ const totalPages = Math.max(1, Math.ceil(preds.length / ROWS_PER_PAGE));
+ page = Math.max(1, Math.min(page, totalPages));
+ historyPage = page;
+
+ // Accuracy summary bar
+ const accData = historyCache.accuracy;
+ $('modal-accuracy').innerHTML = `
+
Model: ${accData.model.pct}% (${accData.model.hits} hits + ${accData.model.semi} semi / ${accData.model.total})
+
Whale: ${accData.whale.pct}% (${accData.whale.hits} hits${accData.whale.semi ? ' + ' + accData.whale.semi + ' semi' : ''} / ${accData.whale.total})
+
Public: ${accData.public.pct}% (${accData.public.hits} hits${accData.public.semi ? ' + ' + accData.public.semi + ' semi' : ''} / ${accData.public.total})
+
${preds.length} predictions total
+ `;
+
+ // Slice for current page (preds are oldest-first, show newest-first)
+ const reversed = preds.slice().reverse();
+ const start = (page - 1) * ROWS_PER_PAGE;
+ const pageData = reversed.slice(start, start + ROWS_PER_PAGE);
+
+ const tbody = $('modal-table').querySelector('tbody');
+ // Reverse pageData back so renderPredictionRows (which reverses internally) shows correct order
+ renderPredictionRows(pageData.slice().reverse(), tbody);
+
+ // Pagination controls
+ $('modal-pagination').innerHTML = `
+
+
Page ${page} of ${totalPages}
+
+ `;
+}
+
function renderMarkov1(m) {
const t = $('markov1-table');
let html = '
| From \\ To | ' + CHAIRS.map(c => `\u2192${c} | `).join('') + '
|---|
';
@@ -1020,6 +1126,7 @@ function onRoundResult(data) {
(extra.length ? ` \u00b7 ${extra.join(' \u00b7 ')}` : '');
}
+ historyCache = null; // invalidate so modal fetches fresh data
setTimeout(refreshPredictions, 2000);
}