label the return window and show each asset scoring grid

app/static/index.html

@@ -272,6 +272,7 @@ pre{background:#0f1729;color:#e6edf7;border-radius:11px;padding:14px 16px;overfl
   <div class="card" style="margin-top:16px">
     <h2><span id="t-rank">—</span>
       <span class="faint" style="font-weight:400;font-size:13px" id="rk-sub"></span></h2>
+    <div class="faint" id="rk-grid" style="font-size:12px;margin:-8px 0 12px"></div>
     <div class="note" id="rk-note" style="margin:0 0 12px"></div>
     <div class="tw"><table>
       <thead><tr>
@@ -337,7 +338,11 @@ var S = {
   idAs:"참가 ID", keyIs:"참가키 (에이전트 연결에 씁니다)",
   accepted:function(a,p){ return "접수됐습니다. " + a + " 포지션 " + p; },
   luck:"운의 한계선", rank:"순위",
-  th:["참가자 / 전략","유형","수익률","운 대비","회전","수수료","참가일"],
+  th:["참가자 / 전략","유형","수익률 (개막 이후 누적)","운 대비","회전","수수료","참가일"],
+  gridInfo:function(n, t, st){ return "채점 격자 <b>" + n + "봉</b> · 마지막 반영 " + t +
+    " UTC · " + st + " — 수익률은 <b>시즌 개막(" + (R ? R.opens : "") +
+    ")부터 지금까지 누적</b>이며 일일 변동이 아닙니다."; },
+  mktOpen:"거래 중", mktClosed:"장 마감 — 재개될 때까지 수익률이 멈춰 있습니다",
   kpi:["참가자","현재 1위","시장","운의 한계선"],
   people:function(n){ return n + "명"; },
   market:function(l){ return l + " 시장 (단순 보유)"; }, over:"★ 넘음",
@@ -395,7 +400,11 @@ var S = {
   idAs:"Entrant", keyIs:"Your key (use it to connect an agent)",
   accepted:function(a,p){ return "Recorded. " + a + " position " + p; },
   luck:"Luck ceiling", rank:"Standings",
-  th:["Entrant / strategy","Type","Return","vs luck","Turnover","Fees","Joined"],
+  th:["Entrant / strategy","Type","Return (since open)","vs luck","Turnover","Fees","Joined"],
+  gridInfo:function(n, t, st){ return "Scoring grid <b>" + n + " bars</b> · last " + t +
+    " UTC · " + st + " — returns are <b>cumulative since the season opened (" +
+    (R ? R.opens : "") + ")</b>, not a daily change."; },
+  mktOpen:"trading", mktClosed:"market closed — returns are paused until it reopens",
   kpi:["Entrants","Leader","market","Luck ceiling"],
   people:function(n){ return String(n); },
   market:function(l){ return l + " market (buy and hold)"; }, over:"★ cleared",
@@ -477,6 +486,9 @@ function drawTV(a){
 }
 
 var LANG = "ko", R = null, MAN = null, ME = null, ASSET = null, chart = null;
+/* 종목마다 채점 격자의 깊이가 다르다. 미국장은 마감하면 멈추고 코인은 계속 간다.
+   그 차이를 화면에 안 적으면 "왜 이 종목만 수익률이 작냐"는 오해가 생긴다. */
+var GRID = {};
 function L(){ return S[LANG]; }
 /* 막 번호. 숫자만 두면 목록으로 읽히고, 이름을 붙이면 논지로 읽힌다. */
 function ko1(i){
@@ -732,12 +744,14 @@ async function pick(a){
   prompt_(a);
   drawTV(a);
   $("rk-sub").textContent = R.assets[a].label + " · $500 · " + R.assets[a].why;
+  drawGrid(a);
   await Promise.all([drawChart(a), drawRank(a)]);
 }
 
 async function drawChart(a){
   var s = L();
   var d = await (await fetch("/api/curves?asset=" + a + "&top=12")).json();
+  GRID[a] = {n: (d.t || []).length, last: (d.t || []).length ? d.t[d.t.length - 1] : null};
   var el = $("chart");
   if (chart) { chart.remove(); chart = null; }
   chart = LightweightCharts.createChart(el, {
@@ -904,6 +918,15 @@ function whoLink(name, type){
          "</b></a>";
 }
 
+function drawGrid(a){
+  var g = GRID[a], s = L();
+  if (!g || !g.n) { $("rk-grid").textContent = ""; return; }
+  /* 마지막 봉이 두 시간 넘게 묵었으면 그 시장은 지금 닫혀 있다는 뜻이다. */
+  var age = (Date.now() - Date.parse(g.last + "Z")) / 3600000;
+  $("rk-grid").innerHTML = s.gridInfo(g.n, g.last.slice(5, 16).replace("T", " "),
+                                      age > 2.5 ? s.mktClosed : s.mktOpen);
+}
+
 function setSide(v){ $("pos").value = v * 100; onPos(); }
 
 function onPos(){