Reset horizon dashboard to latest dataset

Author: HanSun103

site/horizons.html

@@ -46,9 +46,9 @@
 const data=JSON.parse(document.getElementById('dashboard-data').textContent),decisionSelect=document.getElementById('decisionSelect'),familyFilter=document.getElementById('familyFilter'),horizonFilter=document.getElementById('horizonFilter'),STATE_KEY='live-forward-horizon-dashboard-v1';
 const COLORS={ridge:'#3156d3',xgb_ranker:'#0f9f8f',ridge_h5:'#7290eb',ridge_h10:'#4f70dc',ridge_h20:'#3156d3',xgb_ranker_h5:'#70c8bd',xgb_ranker_h10:'#3eb2a4',xgb_ranker_h20:'#0f9f8f',spy:'#d89614'},names={ridge:'Ridge',xgb_ranker:'XGBoost'},fmtPct=v=>v==null||!Number.isFinite(Number(v))?'n/a':(Number(v)*100).toFixed(2)+'%',fmtNum=(v,d=3)=>v==null||!Number.isFinite(Number(v))?'n/a':Number(v).toFixed(d),human=v=>String(v??'').replaceAll('_',' ').replace(/\b\w/g,c=>c.toUpperCase()),tone=v=>Number(v)>=0?'pos':'neg',armColor=a=>COLORS[`${a.family}_h${a.horizon_sessions}`]||COLORS[a.family],armLabel=a=>`${names[a.family]||human(a.family)} · ${a.horizon_sessions} sessions`;
 let saved={};try{saved=JSON.parse(localStorage.getItem(STATE_KEY)||'{}')}catch{}let hiddenSeries=new Set(saved.hiddenSeries||[]);
-function save(){try{localStorage.setItem(STATE_KEY,JSON.stringify({decisionDate:decisionSelect.value,family:familyFilter.value,horizon:horizonFilter.value,hiddenSeries:[...hiddenSeries]}))}catch{}}
+function save(){try{localStorage.setItem(STATE_KEY,JSON.stringify({decisionDate:decisionSelect.value,dataLatestDate:dates[0]||null,family:familyFilter.value,horizon:horizonFilter.value,hiddenSeries:[...hiddenSeries]}))}catch{}}
 function option(value,label){const node=document.createElement('option');node.value=value;node.textContent=label;return node}
-const dates=[...new Set(data.arms.map(a=>a.decision_date))].sort().reverse();dates.forEach(d=>decisionSelect.appendChild(option(d,d)));decisionSelect.value=dates.includes(saved.decisionDate)?saved.decisionDate:dates[0]||'';familyFilter.value=['ridge','xgb_ranker'].includes(saved.family)?saved.family:'all';horizonFilter.value=['5','10','20'].includes(saved.horizon)?saved.horizon:'all';
+const dates=[...new Set(data.arms.map(a=>a.decision_date))].sort().reverse();dates.forEach(d=>decisionSelect.appendChild(option(d,d)));const savedDateMatchesCurrentDataset=saved.dataLatestDate===dates[0];decisionSelect.value=savedDateMatchesCurrentDataset&&dates.includes(saved.decisionDate)?saved.decisionDate:dates[0]||'';familyFilter.value=['ridge','xgb_ranker'].includes(saved.family)?saved.family:'all';horizonFilter.value=['5','10','20'].includes(saved.horizon)?saved.horizon:'all';
 function decisionArms(){return data.arms.filter(a=>a.decision_date===decisionSelect.value)}
 function visibleArms(){return decisionArms().filter(a=>(familyFilter.value==='all'||a.family===familyFilter.value)&&(horizonFilter.value==='all'||String(a.horizon_sessions)===horizonFilter.value))}
 function table(rows,columns,sortState){if(!rows.length)return'<div class="empty"><div><strong>No matching records</strong><span>Adjust the filters or wait for the required outcome window.</span></div></div>';const head=columns.map(([key,label])=>`<th><button class="sort" data-sort="${key}">${label}${sortState?.key===key?(sortState.direction==='asc'?' ↑':' ↓'):''}</button></th>`).join(''),body=rows.map(row=>`<tr>${columns.map(([key])=>{const value=row[key],shown=key.includes('return')||key==='weight'||key==='sentiment_coverage'?fmtPct(value):key==='score'?fmtNum(value,5):value??'—';return`<td class="${key.includes('return')&&value!=null?tone(value):''}">${shown}</td>`}).join('')}</tr>`).join('');return`<div class="table-wrap"><table><thead><tr>${head}</tr></thead><tbody>${body}</tbody></table></div>`}

src/experiments/live_forward_20d_dashboard.py

@@ -313,9 +313,9 @@ def horizon_dashboard_html(payload: dict[str, Any]) -> str:
 const data=JSON.parse(document.getElementById('dashboard-data').textContent),decisionSelect=document.getElementById('decisionSelect'),familyFilter=document.getElementById('familyFilter'),horizonFilter=document.getElementById('horizonFilter'),STATE_KEY='live-forward-horizon-dashboard-v1';
 const COLORS={ridge:'#3156d3',xgb_ranker:'#0f9f8f',ridge_h5:'#7290eb',ridge_h10:'#4f70dc',ridge_h20:'#3156d3',xgb_ranker_h5:'#70c8bd',xgb_ranker_h10:'#3eb2a4',xgb_ranker_h20:'#0f9f8f',spy:'#d89614'},names={ridge:'Ridge',xgb_ranker:'XGBoost'},fmtPct=v=>v==null||!Number.isFinite(Number(v))?'n/a':(Number(v)*100).toFixed(2)+'%',fmtNum=(v,d=3)=>v==null||!Number.isFinite(Number(v))?'n/a':Number(v).toFixed(d),human=v=>String(v??'').replaceAll('_',' ').replace(/\b\w/g,c=>c.toUpperCase()),tone=v=>Number(v)>=0?'pos':'neg',armColor=a=>COLORS[`${a.family}_h${a.horizon_sessions}`]||COLORS[a.family],armLabel=a=>`${names[a.family]||human(a.family)} · ${a.horizon_sessions} sessions`;
 let saved={};try{saved=JSON.parse(localStorage.getItem(STATE_KEY)||'{}')}catch{}let hiddenSeries=new Set(saved.hiddenSeries||[]);
-function save(){try{localStorage.setItem(STATE_KEY,JSON.stringify({decisionDate:decisionSelect.value,family:familyFilter.value,horizon:horizonFilter.value,hiddenSeries:[...hiddenSeries]}))}catch{}}
+function save(){try{localStorage.setItem(STATE_KEY,JSON.stringify({decisionDate:decisionSelect.value,dataLatestDate:dates[0]||null,family:familyFilter.value,horizon:horizonFilter.value,hiddenSeries:[...hiddenSeries]}))}catch{}}
 function option(value,label){const node=document.createElement('option');node.value=value;node.textContent=label;return node}
-const dates=[...new Set(data.arms.map(a=>a.decision_date))].sort().reverse();dates.forEach(d=>decisionSelect.appendChild(option(d,d)));decisionSelect.value=dates.includes(saved.decisionDate)?saved.decisionDate:dates[0]||'';familyFilter.value=['ridge','xgb_ranker'].includes(saved.family)?saved.family:'all';horizonFilter.value=['5','10','20'].includes(saved.horizon)?saved.horizon:'all';
+const dates=[...new Set(data.arms.map(a=>a.decision_date))].sort().reverse();dates.forEach(d=>decisionSelect.appendChild(option(d,d)));const savedDateMatchesCurrentDataset=saved.dataLatestDate===dates[0];decisionSelect.value=savedDateMatchesCurrentDataset&&dates.includes(saved.decisionDate)?saved.decisionDate:dates[0]||'';familyFilter.value=['ridge','xgb_ranker'].includes(saved.family)?saved.family:'all';horizonFilter.value=['5','10','20'].includes(saved.horizon)?saved.horizon:'all';
 function decisionArms(){return data.arms.filter(a=>a.decision_date===decisionSelect.value)}
 function visibleArms(){return decisionArms().filter(a=>(familyFilter.value==='all'||a.family===familyFilter.value)&&(horizonFilter.value==='all'||String(a.horizon_sessions)===horizonFilter.value))}
 function table(rows,columns,sortState){if(!rows.length)return'<div class="empty"><div><strong>No matching records</strong><span>Adjust the filters or wait for the required outcome window.</span></div></div>';const head=columns.map(([key,label])=>`<th><button class="sort" data-sort="${key}">${label}${sortState?.key===key?(sortState.direction==='asc'?' ↑':' ↓'):''}</button></th>`).join(''),body=rows.map(row=>`<tr>${columns.map(([key])=>{const value=row[key],shown=key.includes('return')||key==='weight'||key==='sentiment_coverage'?fmtPct(value):key==='score'?fmtNum(value,5):value??'—';return`<td class="${key.includes('return')&&value!=null?tone(value):''}">${shown}</td>`}).join('')}</tr>`).join('');return`<div class="table-wrap"><table><thead><tr>${head}</tr></thead><tbody>${body}</tbody></table></div>`}

tests/test_live_forward_20d_dashboard.py

@@ -172,5 +172,7 @@ def test_dashboard_html_exposes_v2_information_architecture() -> None:
     assert "never mixed with validation estimates" in html
     assert "Show SHAP feature importance" in html
     assert "live-forward-horizon-dashboard-v1" in html
+    assert "saved.dataLatestDate===dates[0]" in html
+    assert "dataLatestDate:dates[0]||null" in html
     assert "width=device-width,initial-scale=1" in html
     assert "__DASHBOARD_PAYLOAD__" not in html