hoon/kis_bot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
3b7c21cde451176b99d5bfe2eb8f9058ed753d09
kis_bot/static/js/backtest.js.tmp

10889 lines
475 KiB
Plaintext
Raw Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
// ────────────────────────────────────────────
// 유틸
// ────────────────────────────────────────────
const $ = id => document.getElementById(id);
/** 서버/로컬 휴장일 YYYY-MM-DD 집합 — dashInitDate 등 조기 호출보다 먼저 선언(TDZ 방지) */
let _krHolidays = new Set();
const fmt = n => n == null ? '-' : Number(n).toLocaleString('ko-KR');
/** 원화 가격·평가금 — 소수점 없이 정수 (KIS 주식 호가 단위) */
const fmtWon = n => {
if (n == null || n === '' || !Number.isFinite(Number(n))) return '—';
return Math.round(Number(n)).toLocaleString('ko-KR');
};
/** 원화 금액·손익 — 소수점 없이 정수 + '원' (대시보드·요약 카드) */
const fmtKrw = n => {
const w = fmtWon(n);
return w === '—' ? w : w + '원';
};
/** 달러 금액 — $1,234.56 */
const fmtUsd = n => {
if (n == null || n === '' || !Number.isFinite(Number(n))) return '—';
const v = Number(n);
const sign = v < 0 ? '-' : '';
return sign + '$' + Math.abs(v).toLocaleString('en-US', {
minimumFractionDigits: 2,
maximumFractionDigits: 2,
});
};
/** 표시용 환율 (캐시/폴백). 외부 HTTP 안 탐. */
let _displayFxRate = 0;
function setDisplayFxRate(r) {
const v = Number(r);
if (Number.isFinite(v) && v > 0) _displayFxRate = v;
}
function getDisplayFxRate(fallback) {
const f = Number(fallback);
if (Number.isFinite(f) && f > 0) return f;
if (_displayFxRate > 0) return _displayFxRate;
return 0;
}
/** 해외 탭: $USD + (원 · 환율) — fxRate 없으면 원만 생략 */
const fmtUsdWithKrw = (usd, fxRate) => {
const u = fmtUsd(usd);
if (u === '—') return u;
const r = getDisplayFxRate(fxRate);
if (!Number.isFinite(r) || r <= 0) return u;
const krw = Math.round(Number(usd) * r);
return `${u} <span style="color:var(--muted);font-size:11px">(${fmtWon(krw)}원 · ${r.toFixed(2)})</span>`;
};
/** 요약 카드용 — HTML 없이 텍스트 ($ + 원) */
const fmtUsdWithKrwText = (usd, fxRate) => {
const u = fmtUsd(usd);
if (u === '—') return u;
const r = getDisplayFxRate(fxRate);
if (!Number.isFinite(r) || r <= 0) return u;
return `${u} (${fmtWon(Math.round(Number(usd) * r))}원)`;
};
/** 수익률(%) — 거래내역·가상체결 테이블 공용 */
const fmtPct = n => {
if (n == null || n === '' || !Number.isFinite(Number(n))) return '—';
const v = Number(n);
return (v >= 0 ? '+' : '') + v.toFixed(2) + '%';
};
/** 틱 분봉커버 문구 — 구독구간(주) + 전체(참고). REST 웜업 봉 때문에 전체가 낮아 보임. */
function fmtTickCoverageLabel(tickMeta) {
const m = tickMeta || {};
const sub = m.tick_bar_coverage_pct_subscribed != null
? m.tick_bar_coverage_pct_subscribed
: m.tick_bar_coverage_pct;
const all = m.tick_bar_coverage_pct_all;
const friend = m.tick_bar_coverage_pct_friend;
const codes = (m.tick_codes_with_data != null && m.tick_codes_total != null)
? `${m.tick_codes_with_data}/${m.tick_codes_total}종`
: '';
let s = `구독구간 ${sub != null ? sub : '—'}%`;
if (m.tick_bar_coverage_pct_traded != null) {
const tn = m.tick_codes_traded != null ? `${m.tick_codes_traded}종` : '';
s += ` · 거래종목 ${m.tick_bar_coverage_pct_traded}%` + (tn ? `(${tn})` : '');
}
if (all != null) s += ` · 전체 ${all}%`;
if (friend != null && friend !== all) s += ` · 틱종목 ${friend}%`;
if (codes) s += ` (${codes})`;
return s;
}
/** 가상 거래 내역 — 매도/청산 시각 기준 최신순 (API가 최신순이어도 프론트에서 재정렬) */
function tradeExitSortKey(t) {
const keys = ['exit_time', 'sell_time', 'sell_date', 'buy_time', 'entry_time', 'buy_date'];
for (const k of keys) {
const v = t && t[k];
if (v != null && String(v).trim()) {
return String(v).replace(/[-: T]/g, '').slice(0, 14);
}
}
return '';
}
function tradesNewestFirst(trades) {
return [...(trades || [])].sort((a, b) => tradeExitSortKey(b).localeCompare(tradeExitSortKey(a)));
}
/** 가상 거래 내역 — 전략 공통 렌더·정렬 */
const _virtualTradesCache = {};
const _virtualTradesSort = {};
const _virtualTradesOpts = {};
function fmtTradeTime(raw) {
const s = String(raw || '').trim();
if (!s) return '';
// ISO 형식('2026-06-26 09:30:25') — 초(SS)까지 표시. 날짜만(<=10자)이면 그대로.
if (s.includes('-') && (s.includes(':') || s.length <= 10)) {
return s.length <= 10 ? s : s.slice(0, 19);
}
const d = s.replace(/[-: T]/g, '');
if (d.length >= 14) {
return d.slice(0, 4) + '-' + d.slice(4, 6) + '-' + d.slice(6, 8) + ' '
+ d.slice(8, 10) + ':' + d.slice(10, 12) + ':' + d.slice(12, 14);
}
if (d.length >= 12) {
return d.slice(0, 4) + '-' + d.slice(4, 6) + '-' + d.slice(6, 8) + ' '
+ d.slice(8, 10) + ':' + d.slice(10, 12) + ':00';
}
if (d.length >= 8) return d.slice(0, 4) + '-' + d.slice(4, 6) + '-' + d.slice(6, 8);
return s;
}
function _tradeTimeSortKey(raw) {
const s = String(raw || '').trim();
if (!s) return '';
return s.replace(/[-: T]/g, '').slice(0, 14);
}
function normalizeVirtualTrade(t, meta) {
meta = meta || {};
const isUsd = String(meta.currency || '').toUpperCase() === 'USD';
const roundPx = v => {
const n = Number(v);
if (!Number.isFinite(n)) return 0;
return isUsd ? Math.round(n * 10000) / 10000 : Math.round(n);
};
const roundMoney = v => {
const n = Number(v);
if (!Number.isFinite(n)) return 0;
return isUsd ? Math.round(n * 100) / 100 : Math.round(n);
};
const ep = roundPx(t.buy_price ?? t.avg_price ?? t.entry ?? 0);
const xp = roundPx(t.sell_price ?? t.exit_price ?? t.exit ?? 0);
const qty = Number(t.qty || 0) || (ep > 0 ? Math.max(1, Math.floor(1000000 / ep)) : 0);
const pnl = roundMoney(t.pnl ?? t.realized_pnl ?? t.unrealized_pnl ?? 0);
let rateNum = Number(t.profit_rate);
if (!Number.isFinite(rateNum) && ep > 0) rateNum = (xp - ep) / ep * 100;
if (!Number.isFinite(rateNum)) rateNum = 0;
const isOpen = !!t.is_open;
const buyRaw = t.buy_time || t.entry_time || t.buy_date || '';
const sellRaw = isOpen ? '' : (t.sell_time || t.exit_time || t.sell_date || '');
const code = t.code || meta.code || '';
const name = t.name || meta.name || '';
const fxRate = (() => {
const r = Number(t.fx_rate);
if (Number.isFinite(r) && r > 0) return r;
const ymd = String(t.fx_ymd || sellRaw || buyRaw || '').slice(0, 10);
const map = meta.fxRates || {};
const m = Number(map[ymd]);
if (Number.isFinite(m) && m > 0) return m;
return getDisplayFxRate(meta.fxRate);
})();
const pnlKrw = (() => {
const k = Number(t.pnl_krw);
if (Number.isFinite(k)) return Math.round(k);
if (Number.isFinite(fxRate) && fxRate > 0) return Math.round(pnl * fxRate);
return NaN;
})();
return {
code,
name,
buyRaw,
sellRaw,
buyKey: _tradeTimeSortKey(buyRaw),
sellKey: isOpen ? _tradeTimeSortKey(buyRaw) : _tradeTimeSortKey(sellRaw),
ep,
xp,
qty,
pnl,
pnlKrw,
fxRate,
isUsd,
isOpen,
rateNum,
hold: t.hold_min ?? t.hold_days ?? t.hold_minutes ?? 0,
reason: t.sell_reason || t.reason || '',
rsi: t.rsi_entry,
entrySource: t.entry_source_label || t.entry_source || '',
exitSource: t.exit_source_label || t.exit_source || '',
debugTick: t.debug_tick || '',
parityException: !!(t.parity_exception) || _detectParityExceptionCauses(t).length > 0,
parityCause: t.parity_cause || _detectParityExceptionCauses(t).join('+'),
cumPnl: (() => {
const v = Number(t.cum_pnl);
if (!Number.isFinite(v)) return NaN;
return isUsd ? Math.round(v * 100) / 100 : Math.round(v);
})(),
cumReturnPct: Number(t.cum_return_pct ?? NaN),
entryOb: t.entry_ob || null,
exitOb: t.exit_ob || null,
accountLabel: t.account_label || (
t.is_mock == null || t.is_mock === ''
? ''
: (Number(t.is_mock) === 1 ? '모의' : '실전')
),
isMock: t.is_mock,
};
}
function _detectParityExceptionCauses(t) {
const causes = [];
const es = String(t.entry_source || '').toLowerCase();
const xs = String(t.exit_source || '').toLowerCase();
const reason = String(t.sell_reason || t.reason || '');
const el = String(t.entry_source_label || t.entrySource || '');
const xl = String(t.exit_source_label || t.exitSource || '');
if (['ohlc_low', 'ohlc_fallback', 'ohlc_high', 'ohlc_intrabar', 'ohlc_bar'].includes(es)
|| /진입OHLC|OHLC 폴백|OHLC high/i.test(el)) {
causes.push('진입OHLC');
}
if (['ohlc_bar', 'ohlc_fallback'].includes(xs) || /청산OHLC|^OHLC$/i.test(xl)) {
causes.push('청산OHLC');
}
if (['eod_flat', 'wallclock_eod'].includes(xs) || /틱공백EOD/i.test(xl)) {
causes.push('틱공백EOD');
}
if (/ghost_purge/i.test(reason)) causes.push('ghost_purge');
return causes;
}
function sortVirtualTradeRows(rows, mode) {
const list = [...rows];
const cmpExit = (a, b) => String(a.sellKey).localeCompare(String(b.sellKey));
const cmpBuy = (a, b) => String(a.buyKey).localeCompare(String(b.buyKey));
switch (mode) {
case 'exit_asc': return list.sort(cmpExit);
case 'buy_desc': return list.sort((a, b) => cmpBuy(b, a));
case 'buy_asc': return list.sort(cmpBuy);
case 'pnl_desc': return list.sort((a, b) => b.pnl - a.pnl);
case 'pnl_asc': return list.sort((a, b) => a.pnl - b.pnl);
case 'rate_desc': return list.sort((a, b) => b.rateNum - a.rateNum);
case 'rate_asc': return list.sort((a, b) => a.rateNum - b.rateNum);
case 'exit_desc':
default: return list.sort((a, b) => cmpExit(b, a));
}
}
/** 실매·백테 거래내역 공통 컨텍스트: 한도 · 장중 누적 최고 · 최종 누적 */
function fillTradePnLContext(elOrId, opts) {
opts = opts || {};
const el = typeof elOrId === 'string' ? $(elOrId) : elOrId;
if (!el) return;
const tb = Number(opts.totalBudget || 0);
const peak = Number(opts.peakCum || 0);
const peakAt = opts.peakAt ? fmtTradeTime(opts.peakAt) : '';
const label = opts.label || '거래내역';
const isUsd = String(opts.currency || '').toUpperCase() === 'USD';
const fx = Number(opts.fxRate || 0);
const fmtMoney = (n) => isUsd ? fmtUsdWithKrwText(n, fx) : (fmtWon(n) + '원');
let line = `📋 ${label} · 한도 ${tb > 0 ? (isUsd ? fmtUsd(tb) : fmtWon(tb) + '원') : '—'}`;
if (peak > 0 && peakAt) {
line += ` | 장중 누적 최고 <b style="color:var(--green)">+${fmtMoney(peak)}</b> (${peakAt})`;
}
if (opts.totalPnl != null && Number.isFinite(Number(opts.totalPnl))) {
const pnlHtml = isUsd
? fmtUsdWithKrw(opts.totalPnl, fx > 0 ? fx : (Number(opts.totalPnlKrw) ? (Number(opts.totalPnl) ? Number(opts.totalPnlKrw) / Number(opts.totalPnl) : fx) : fx))
: fmtKrw(opts.totalPnl);
// 원 환산 금액이 별도로 있으면 그걸로 병기
if (isUsd && opts.totalPnlKrw != null && Number.isFinite(Number(opts.totalPnlKrw))) {
line += ` | 최종 누적 <b>${fmtUsd(opts.totalPnl)} <span style="color:var(--muted);font-size:11px">(${fmtWon(opts.totalPnlKrw)}원)</span></b>`;
} else {
line += ` | 최종 누적 <b>${pnlHtml}</b>`;
}
}
el.innerHTML = line;
el.style.display = 'block';
}
function _syncTradeSortButtons(tbodyId, mode) {
document.querySelectorAll(`.trade-sort-bar[data-tbody="${tbodyId}"] .trade-sort-btn`).forEach(btn => {
btn.classList.toggle('active', btn.dataset.sort === mode);
});
}
function attachCumPnlClient(trades, totalBudget) {
const out = (trades || []).map(t => Object.assign({}, t));
if (!out.length) return out;
if (out.every(t => Number.isFinite(Number(t.cum_pnl)))) return out;
const ordered = [...out].sort((a, b) => tradeExitSortKey(a).localeCompare(tradeExitSortKey(b)));
let cum = 0;
const tb = Number(totalBudget || 0);
for (const t of ordered) {
if (t.is_open) continue;
cum += Number(t.pnl ?? t.realized_pnl ?? 0);
t.cum_pnl = Math.round(cum);
t.cum_return_pct = tb > 0 ? Math.round((cum / tb) * 10000) / 100 : 0;
}
return out;
}
/** KR 6자리 종목코드 */
function _normKrStockCode(code) {
const d = String(code || '').replace(/\D/g, '');
if (!d) return '';
return d.length >= 6 ? d.slice(-6) : d.padStart(6, '0');
}
function _tradeExtLinksHtml(r) {
if (r.isUsd || !r.code) return '';
const c = _normKrStockCode(r.code);
return `
<div style="margin-top:2px; display:flex; gap:3px;">
<a href="https://finance.naver.com/item/main.naver?code=${c}" target="_blank" class="btn btn-xs btn-outline-secondary" style="font-size:9px;padding:0 3px">N</a>
<a href="https://m.stock.naver.com/domestic/stock/${c}/total" target="_blank" class="btn btn-xs btn-outline-secondary" style="font-size:9px;padding:0 3px">N(M)</a>
</div>
`;
}
/** 호가셀 — 녹/노랑/빨강 뱃지 + 쉬운 말 (실매·가상 공용). 임계는 enrich lim_* 만 사용. */
function _obEscAttr(s) {
return String(s || '')
.replace(/&/g, '&amp;')
.replace(/"/g, '&quot;')
.replace(/</g, '&lt;');
}
function _obNum(v) {
const n = Number(v);
return Number.isFinite(n) ? n : NaN;
}
function _obMetricLine(ok, okHead, badHead, rest) {
if (ok === null) {
return `<span style="color:var(--muted)">${rest}</span>`;
}
const cls = ok ? 'ob-metric-ok' : 'ob-metric-bad';
return `<span class="${cls}">${ok ? okHead : badHead}</span>`
+ ` <span style="color:var(--muted)">${rest}</span>`;
}
function _entryObCellHtml(ob) {
if (!ob || ob.matched === false) {
return '<span class="badge-flat" style="font-size:10px" title="'
+ '체결(매수 성공)과 호가 저장은 다른 일이에요. '
+ '호가는 「사기 직전 검사」할 때만 사진처럼 남습니다. '
+ '구독이 없거나 검사가 스킵되면 기록없음입니다.'
+ '">기록없음</span>'
+ '<br><span style="color:var(--muted);font-size:10px">체결≠호가저장</span>';
}
const verdict = String(ob.verdict || ob.reject_code || '');
const rej = String(ob.reject_code || '').trim();
const nearOnly = !!ob.near_only;
const limSpread = _obNum(ob.lim_spread_pct);
const limRatio = _obNum(ob.lim_ratio);
const sprN = _obNum(ob.spread_pct);
const ratioN = _obNum(ob.mid_ratio != null ? ob.mid_ratio : ob.ratio);
const bidN = _obNum(ob.bid_qty_l3);
const askN = _obNum(ob.ask_qty_l3);
const dsec = _obNum(ob.delta_sec);
const badSpread = Number.isFinite(sprN) && Number.isFinite(limSpread) && limSpread > 0 && sprN > limSpread;
const badM = Number.isFinite(ratioN) && Number.isFinite(limRatio) && ratioN < limRatio;
const isPass = verdict === 'PASS';
const isBody = verdict === 'BODY' || (!verdict && !rej);
const isReject = !!(rej && rej !== 'PASS') || (!!verdict && verdict !== 'PASS' && verdict !== 'BODY');
let badgeCls = 'badge-flat';
let badgeTxt = nearOnly ? '근처숫자' : '숫자만';
let badgeTip = '호가 숫자만 있어요. 통과/탈락 도장은 없을 수 있어요.';
if (isReject) {
badgeCls = 'badge-loss';
if (verdict.indexOf('스프레드') >= 0 || verdict.indexOf('스프') >= 0) {
badgeTxt = nearOnly ? '간격큼·근처' : '간격큼';
badgeTip = '사는 값과 파는 값 사이가 너무 멀어요.';
} else if (verdict.indexOf('수급') >= 0 || verdict.indexOf('지지') >= 0) {
badgeTxt = nearOnly ? '살사람적음·근처' : '살사람적음';
badgeTip = '사겠다는 대기보다 팔겠다는 대기가 많아요.';
} else if (verdict.indexOf('얇') >= 0) {
badgeTxt = '살대기부족';
badgeTip = '사겠다고 걸어둔 주식이 너무 적어요.';
} else if (verdict.indexOf('매도벽') >= 0 || verdict.indexOf('돌파매도') >= 0) {
badgeTxt = '팔대기많음';
badgeTip = '팔겠다고 걸어둔 주식이 너무 많아요. 위로 가기 힘들 수 있어요.';
} else {
badgeTxt = '필터걸림';
badgeTip = (ob.reject_msg || verdict) + ' — 그 순간 호가 기준으로는 탈락입니다.';
}
} else if (badSpread) {
badgeCls = 'badge-loss';
badgeTxt = nearOnly ? '간격큼·근처' : '간격큼';
badgeTip = '사는 값과 파는 값 사이가 기준보다 멀어요.';
} else if (badM) {
badgeCls = 'badge-loss';
badgeTxt = nearOnly ? '살힘약함·근처' : '살힘약함';
badgeTip = '사겠다는 대기(위 3칸)가 팔겠다는 대기보다 약해요.';
} else if (isPass || (!isReject && Number.isFinite(sprN) && Number.isFinite(ratioN) && !badSpread && !badM)) {
badgeCls = 'badge-win';
badgeTxt = nearOnly ? '괜찮음·근처' : '괜찮음';
badgeTip = isPass
? '간격·대기량이 기준 안이에요. (호가필터를 켜도 통과했을 거래)'
: '판정 도장은 없고, 숫자만 보면 기준 안이에요.';
}
if (nearOnly && Number.isFinite(dsec)) {
badgeTip += `\n(매수시각과 약 ${Math.round(Math.abs(dsec) / 60)}분 차이 — 근처 기록)`;
}
const lines = [];
if (Number.isFinite(sprN)) {
const limS = Number.isFinite(limSpread) && limSpread > 0 ? limSpread.toFixed(2) + '%까지' : '';
const ok = Number.isFinite(limSpread) && limSpread > 0 ? !badSpread : null;
lines.push(_obMetricLine(ok, '가격간격 OK', '가격간격 큼', sprN.toFixed(2) + '%' + (limS ? ` (${limS})` : '')));
}
if (Number.isFinite(ratioN)) {
const limR = Number.isFinite(limRatio) ? limRatio.toFixed(2) + ' 이상' : '';
const ok = Number.isFinite(limRatio) ? !badM : null;
lines.push(_obMetricLine(ok, '살 힘 OK', '살 힘 약함', ratioN.toFixed(2) + (limR ? ` (${limR})` : '')));
}
if (Number.isFinite(bidN) || Number.isFinite(askN)) {
const b = Number.isFinite(bidN) ? bidN.toLocaleString() : '—';
const a = Number.isFinite(askN) ? askN.toLocaleString() : '—';
lines.push(`<span style="color:var(--muted)">사겠음 ${b}주 · 팔겠음 ${a}주</span>`);
}
if (Number.isFinite(dsec)) {
const dS = `${dsec >= 0 ? '+' : ''}${Math.round(dsec)}s`;
lines.push(`<span style="color:var(--muted)">시차 ${dS}${ob.source ? ' · ' + _obEscAttr(ob.source) : ''}</span>`);
}
const tip = [
badgeTip,
ob.reject_msg || '',
'가격간격 = 바로 살 수 있는 값과 바로 팔 수 있는 값의 차이(%)',
'살 힘 = 사겠다고 걸어둔 양 ÷ 팔겠다고 걸어둔 양 (위 3칸 합, 배수)',
ob.snap_time ? `snap ${ob.snap_time}` : '',
'※ 빨간 뱃지여도 당시 필터 스킵(만료 구멍)이면 실제 매수는 됐을 수 있어요',
'※ 체결 성공 ≠ 호가 사진이 꼭 있다는 뜻은 아님',
].filter(Boolean).join('\n');
return `<span class="${badgeCls}" title="${_obEscAttr(tip)}" style="font-size:10px">${badgeTxt}</span>`
+ `<br><span style="font-size:10px;line-height:1.45">${lines.join('<br>')}</span>`;
}
function _exitObCellHtml(ob, isOpen) {
if (isOpen) {
return '<span class="badge-win" style="font-size:10px" title="아직 안 팔아서 매도 시각 호가가 없어요">보유중</span>';
}
if (!ob || ob.matched === false) {
return '<span class="badge-flat" style="font-size:10px" title="'
+ '팔린 시각 근처 호가 사진이 없어요. '
+ '호가 시계열이 꺼져 있거나, 구독이 없던 종목일 수 있어요.'
+ '">기록없음</span>';
}
const nearOnly = !!ob.near_only;
const limSpread = _obNum(ob.lim_spread_pct);
const limOr = _obNum(ob.lim_or_ratio);
const sprN = _obNum(ob.spread_pct);
const orN = _obNum(ob.whale_ratio != null ? ob.whale_ratio : ob.or_ratio);
const bidN = _obNum(ob.total_bid_qty);
const askN = _obNum(ob.total_ask_qty);
const dsec = _obNum(ob.delta_sec);
const badSpread = Number.isFinite(sprN) && Number.isFinite(limSpread) && limSpread > 0 && sprN > limSpread;
const badOr = Number.isFinite(orN) && Number.isFinite(limOr) && orN < limOr;
let badgeCls = 'badge-flat';
let badgeTxt = nearOnly ? '근처숫자' : '숫자만';
let badgeTip = '팔 때 호가 숫자예요. (매수 필터 통과/탈락 도장이 아님)';
if (badOr) {
badgeCls = 'badge-loss';
badgeTxt = nearOnly ? '수급약함·근처' : '수급약함';
badgeTip = '사겠다는 총대기 ÷ 팔겠다는 총대기가 작아요(OR).';
} else if (badSpread) {
badgeCls = 'badge-loss';
badgeTxt = nearOnly ? '간격큼·근처' : '간격큼';
badgeTip = '팔 때 사·팔 가격 간격이 컸어요.';
} else if (Number.isFinite(orN) && Number.isFinite(limOr) && !badOr) {
badgeCls = 'badge-win';
badgeTxt = nearOnly ? '수급OK·근처' : '수급OK';
badgeTip = '총사겠음÷총팔겠음(OR)이 표시 기준 이상이에요.';
}
if (nearOnly && Number.isFinite(dsec)) {
badgeTip += `\n(매도시각과 약 ${Math.round(Math.abs(dsec) / 60)}분 차이 — 근처 기록)`;
}
const lines = [];
if (Number.isFinite(orN)) {
const limTxt = Number.isFinite(limOr) ? `, 기준 ${limOr.toFixed(2)}` : '';
const ok = Number.isFinite(limOr) ? !badOr : null;
lines.push(_obMetricLine(ok, 'OR OK', 'OR 약함', orN.toFixed(2) + ` (총사겠음÷총팔겠음${limTxt})`));
}
if (Number.isFinite(sprN)) {
const ok = Number.isFinite(limSpread) && limSpread > 0 ? !badSpread : null;
lines.push(_obMetricLine(ok, '가격간격 OK', '가격간격 큼', sprN.toFixed(2) + '%'));
}
if (Number.isFinite(bidN) || Number.isFinite(askN)) {
const b = Number.isFinite(bidN) ? bidN.toLocaleString() : '—';
const a = Number.isFinite(askN) ? askN.toLocaleString() : '—';
lines.push(`<span style="color:var(--muted)">총사겠음 ${b} · 총팔겠음 ${a}</span>`);
}
if (Number.isFinite(dsec)) {
const dS = `${dsec >= 0 ? '+' : ''}${Math.round(dsec)}s`;
lines.push(`<span style="color:var(--muted)">시차 ${dS}${ob.source ? ' · ' + _obEscAttr(ob.source) : ''}</span>`);
}
const tip = [
badgeTip,
'OR = 호가창 전체 사겠음 ÷ 팔겠음',
'가격간격 = 매수1↔매도1 차이(%)',
ob.snap_time ? `snap ${ob.snap_time}` : '',
'※ 매수호가 칸과 다른 칸 — 살 때 vs 팔 때',
].filter(Boolean).join('\n');
return `<span class="${badgeCls}" title="${_obEscAttr(tip)}" style="font-size:10px">${badgeTxt}</span>`
+ `<br><span style="font-size:10px;line-height:1.45">${lines.join('<br>')}</span>`;
}
function _obMwCellHtml(ob) {
return _entryObCellHtml(ob);
}
function renderVirtualTrades(tbodyId, trades, opts) {
opts = opts || {};
let src = trades || [];
if (opts.showCumulative) {
src = attachCumPnlClient(src, opts.totalBudget);
}
_virtualTradesCache[tbodyId] = src;
_virtualTradesOpts[tbodyId] = opts;
if (!_virtualTradesSort[tbodyId]) _virtualTradesSort[tbodyId] = 'exit_desc';
const mode = _virtualTradesSort[tbodyId];
const meta = Object.assign({}, opts.meta || {}, {
currency: opts.currency || (opts.meta && opts.meta.currency) || '',
fxRates: opts.fxRates || (opts.meta && opts.meta.fxRates) || {},
});
const isUsd = String(meta.currency || '').toUpperCase() === 'USD';
const defaultFx = getDisplayFxRate(meta.fxRate || opts.fxRate);
const fmtPx = (n, fx) => isUsd ? fmtUsdWithKrw(n, getDisplayFxRate(fx || defaultFx)) : fmtWon(n);
const fmtPnlCell = (n, fx) => isUsd ? fmtUsdWithKrw(n, getDisplayFxRate(fx || defaultFx)) : fmtWon(n);
const rows = sortVirtualTradeRows(
(_virtualTradesCache[tbodyId] || []).map(t => normalizeVirtualTrade(t, Object.assign({}, meta, { fxRate: defaultFx }))),
mode,
);
const tbody = $(tbodyId);
if (!tbody) return;
tbody.innerHTML = '';
rows.forEach(r => {
const pnlCls = r.pnl > 0 ? 'text-pnl-pos' : (r.pnl < 0 ? 'text-pnl-neg' : '');
const rateBadge = r.isOpen
? 'badge-flat'
: (r.rateNum > 0 ? 'badge-win' : (r.rateNum < 0 ? 'badge-loss' : 'badge-flat'));
const nameCell = (r.name || r.code)
? `${r.name || r.code}<br><span style="color:var(--muted);font-size:11px">${r.code || ''}</span>`
: (r.code || '-');
const linksHtml = _tradeExtLinksHtml(r);
const reasonHtml = `<span class="badge-reason">${r.reason || '-'}</span>`;
const debugHtml = r.debugTick
? `<span class="badge badge-secondary" style="font-size:10px" title="체결 경로">${r.debugTick}</span>`
: (r.entrySource || r.exitSource
? `<span style="font-size:10px;color:var(--muted)">${r.entrySource || '-'}→${r.exitSource || '-'}</span>`
: '-');
const rowFx = getDisplayFxRate(r.fxRate || defaultFx);
const cumPnlHtml = Number.isFinite(r.cumPnl)
? `<span class="${r.cumPnl > 0 ? 'text-pnl-pos' : (r.cumPnl < 0 ? 'text-pnl-neg' : '')}">${fmtPnlCell(r.cumPnl, rowFx)}</span>`
: '-';
const cumPctHtml = Number.isFinite(r.cumReturnPct)
? `<span class="${r.cumReturnPct > 0 ? 'badge-win' : (r.cumReturnPct < 0 ? 'badge-loss' : 'badge-flat')}">${fmtPct(r.cumReturnPct)}</span>`
: '-';
const sellCell = r.isOpen
? '<span class="badge-flat">보유중</span>'
: `<span style="font-size:11px">${fmtTradeTime(r.sellRaw)}</span>`;
const exitPxCell = r.isOpen
? `${fmtPx(r.xp, rowFx)} <span style="color:var(--muted);font-size:10px">현재가</span>`
: fmtPx(r.xp, rowFx);
const pnlCell = r.isOpen
? `${fmtPnlCell(r.pnl, rowFx)} <span style="color:var(--muted);font-size:10px">평가</span>`
: fmtPnlCell(r.pnl, rowFx);
const isParityEx = !!r.parityException;
const rowCls = [
r.isOpen ? 'trade-row-open' : '',
isParityEx ? 'trade-row-parity-ex' : '',
].filter(Boolean).join(' ');
const causeBadge = isParityEx
? `<span class="parity-cause-corner" title="정합 예외 경로">${r.parityCause || '예외'}</span>`
: '';
const rowStyle = r.isOpen && !isParityEx ? ' style="background:rgba(210,153,34,.06)"' : '';
const liveAttrs = r.isOpen && r.code && r.ep > 0 && r.qty > 0
? ` data-live-code="${String(r.code).replace(/"/g, '')}" data-live-buy="${r.ep}" data-live-qty="${r.qty}" data-live-usd="${r.isUsd ? '1' : '0'}"`
: '';
let html = `<tr class="${rowCls}"${rowStyle}${liveAttrs}>`;
if (opts.showAccount) {
const al = r.accountLabel || '미상';
const ab = al === '모의' ? 'badge-flat' : (al === '실전' ? 'badge-win' : 'badge-loss');
html += `<td><span class="${ab}" style="font-size:10px" title="is_mock">${al}</span></td>`;
}
html += `
<td class="trade-name-cell">${causeBadge}${nameCell}${linksHtml}</td>
<td style="font-size:11px">${fmtTradeTime(r.buyRaw)}</td>
<td style="font-size:11px">${sellCell}</td>
<td>${fmtPx(r.ep, rowFx)}</td>
<td data-live-cell="px">${exitPxCell}</td>
<td>${r.qty}</td>
<td class="${pnlCls}" data-live-cell="pnl">${pnlCell}</td>
<td><span class="${rateBadge}" data-live-cell="pct">${fmtPct(r.rateNum)}</span></td>`;
if (opts.showCumulative) {
html += `<td>${cumPnlHtml}</td><td>${cumPctHtml}</td>`;
}
html += `<td>${r.hold}</td>`;
if (opts.showDebug) html += `<td style="font-size:10px">${debugHtml}</td>`;
html += `<td style="font-size:10px;line-height:1.35">${_entryObCellHtml(r.entryOb)}</td>`;
html += `<td style="font-size:10px;line-height:1.35">${_exitObCellHtml(r.exitOb, r.isOpen)}</td>`;
html += `<td style="font-size:11px">${reasonHtml}</td>`;
if (opts.showRsi) html += `<td>${r.rsi != null && r.rsi !== '' ? r.rsi : '-'}</td>`;
html += '</tr>';
tbody.insertAdjacentHTML('beforeend', html);
});
_syncTradeSortButtons(tbodyId, mode);
if (rows.some(r => r.isOpen)) {
liveQuoteStartFromDom(tbody);
}
}
function setVirtualTradesSort(tbodyId, mode) {
_virtualTradesSort[tbodyId] = mode;
if (_virtualTradesCache[tbodyId]) {
renderVirtualTrades(tbodyId, _virtualTradesCache[tbodyId], _virtualTradesOpts[tbodyId] || {});
}
}
document.addEventListener('click', e => {
const btn = e.target.closest('.trade-sort-btn');
if (!btn) return;
const bar = btn.closest('.trade-sort-bar');
if (!bar || !bar.dataset.tbody) return;
setVirtualTradesSort(bar.dataset.tbody, btn.dataset.sort || 'exit_desc');
});
const colorPnl = (el, val) => {
if (!el) return;
el.classList.remove('green','red');
if (val > 0) el.classList.add('green');
else if (val < 0) el.classList.add('red');
};
// 차트 인스턴스 저장 (재생성용)
const charts = {};
function destroyChart(id) {
if (charts[id]) { charts[id].destroy(); delete charts[id]; }
}
const CHART_COLORS = {
blue: '#58a6ff', green: '#3fb950', red: '#f85149',
yellow: '#d29922', purple:'#bc8cff', orange:'#f0883e',
};
function lineChart(id, labels, data, label, color) {
destroyChart(id);
const el = $(id);
if (!el) return;
const ctx = el.getContext('2d');
if (!ctx) return;
charts[id] = new Chart(ctx, {
type: 'line',
data: {
labels,
datasets: [{
label, data,
borderColor: color || CHART_COLORS.blue,
borderWidth: 2,
pointRadius: data.length > 100 ? 0 : 3,
fill: { target: 'origin', above: 'rgba(63,185,80,0.08)', below: 'rgba(248,81,73,0.08)' },
tension: 0.3,
}]
},
options: {
responsive: true, animation: false,
plugins: { legend: { display: false },
tooltip: { callbacks: { label: ctx => fmt(ctx.parsed.y) + '원' } } },
scales: {
x: { ticks: { color: '#8b949e', maxTicksLimit: 12 }, grid: { color:'#21262d' } },
y: { ticks: { color: '#8b949e', callback: v => fmt(v) }, grid: { color:'#21262d' } },
}
}
});
}
function barChart(id, labels, data, colors) {
destroyChart(id);
const el = $(id);
if (!el) return;
const ctx = el.getContext('2d');
if (!ctx) return;
charts[id] = new Chart(ctx, {
type: 'bar',
data: {
labels,
datasets: [{
data,
backgroundColor: colors || data.map(v => v >= 0 ? 'rgba(63,185,80,0.7)' : 'rgba(248,81,73,0.7)'),
}]
},
options: {
responsive: true, animation: false,
plugins: { legend: { display: false },
tooltip: { callbacks: { label: ctx => fmt(ctx.parsed.y) + '원' } } },
scales: {
x: { ticks: { color: '#8b949e', maxTicksLimit: 14 }, grid: { color:'#21262d' } },
y: { ticks: { color: '#8b949e', callback: v => fmt(v) }, grid: { color:'#21262d' } },
}
}
});
}
function doughnutChart(id, labels, data) {
destroyChart(id);
const el = $(id);
if (!el) return;
const ctx = el.getContext('2d');
if (!ctx) return;
const palette = [CHART_COLORS.green, CHART_COLORS.red, CHART_COLORS.yellow,
CHART_COLORS.purple, CHART_COLORS.orange, CHART_COLORS.blue];
charts[id] = new Chart(ctx, {
type: 'doughnut',
data: {
labels,
datasets: [{ data, backgroundColor: palette, borderWidth: 0 }]
},
options: {
responsive: true, animation: false,
plugins: { legend: { position: 'right', labels: { color:'#8b949e', font:{ size:11 } } } }
}
});
}
// ────────────────────────────────────────────
// 탭 전환 (새로고침해도 마지막 탭 유지)
// ────────────────────────────────────────────
const BT_TAB_KEY = 'kis_bt_active_tab';
const BT_TAB_NAMES = [
'actual', 'dashboard', 'portfolio', 'backtest', 'tail', 'dbband', 'breakout',
'range_break', 'momentum', 'us_momentum', 'optuna', 'holding', 'updownbox',
'updow', 'envhist', 'dart', 'liveconfig', 'feedstats',
];
function btShowTab(tab, opts) {
opts = opts || {};
if (!BT_TAB_NAMES.includes(tab)) tab = 'actual';
const el = document.querySelector('[data-tab="' + tab + '"]');
if (!el) return;
document.querySelectorAll('[data-tab]').forEach(x => x.classList.remove('active'));
el.classList.add('active');
$('tab-actual').style.display = tab === 'actual' ? '' : 'none';
$('tab-dashboard').style.display = tab === 'dashboard'? '' : 'none';
$('tab-portfolio').style.display = tab === 'portfolio'? '' : 'none';
$('tab-backtest').style.display = tab === 'backtest' ? '' : 'none';
$('tab-tail').style.display = tab === 'tail' ? '' : 'none';
$('tab-dbband').style.display = tab === 'dbband' ? '' : 'none';
$('tab-breakout').style.display = tab === 'breakout' ? '' : 'none';
$('tab-range_break').style.display = tab === 'range_break' ? '' : 'none';
$('tab-momentum').style.display = tab === 'momentum' ? '' : 'none';
$('tab-us_momentum').style.display = tab === 'us_momentum' ? '' : 'none';
$('tab-optuna').style.display = tab === 'optuna' ? '' : 'none';
$('tab-holding').style.display = tab === 'holding' ? '' : 'none';
$('tab-updownbox').style.display = tab === 'updownbox'? '' : 'none';
$('tab-updow').style.display = tab === 'updow' ? '' : 'none';
const _ehEl = $('tab-envhist');
if (_ehEl) _ehEl.style.display = tab === 'envhist' ? '' : 'none';
$('tab-dart').style.display = tab === 'dart' ? '' : 'none';
$('tab-liveconfig').style.display = tab === 'liveconfig' ? '' : 'none';
const _fsEl = $('tab-feedstats');
if (_fsEl) _fsEl.style.display = tab === 'feedstats' ? '' : 'none';
try { localStorage.setItem(BT_TAB_KEY, tab); } catch (e) { /* ignore */ }
if (!opts.fromHash) {
try {
if (location.hash !== '#' + tab) history.replaceState(null, '', '#' + tab);
} catch (e) { /* ignore */ }
}
if (tab === 'dashboard') loadDashboard();
if (tab === 'liveconfig') lcOnTabShow();
if (tab === 'feedstats') fsOnTabShow();
if (tab === 'portfolio') pfLoad(true);
if (tab === 'holding') hdLoadStocks();
if (tab === 'updow') permLoad();
if (tab === 'envhist') envHistLoad();
if (tab === 'us_momentum') {
updateUsMomFxHint();
usmomLoadStocks(false);
usmomOptSyncDatesFromMain();
if (typeof _usmomOptJobId !== 'undefined' && _usmomOptJobId) usmomStockOptunaStartPolling();
}
if (tab === 'dart') dartOnTabShow();
if (tab === 'updownbox') ubxOnTabShow();
if (tab === 'dbband') dbLoadStocks();
if (tab === 'breakout' && typeof boSyncSlModeColors === 'function') boSyncSlModeColors();
if (tab === 'optuna' && typeof optunaOnTabShow === 'function') optunaOnTabShow();
// 보유 라이브 시세: 보유·실거래 탭에서만 SSE/폴링 (다른 탭 이탈 시 중지)
if (tab === 'portfolio') {
/* pfRenderTable 에서 start */
} else if (tab === 'actual') {
const at = $('act_tbody');
if (at && at.querySelector('[data-live-code]') && typeof liveQuoteStartFromDom === 'function') {
liveQuoteStartFromDom(at);
} else if (typeof liveQuoteStop === 'function') {
liveQuoteStop();
}
} else if (typeof liveQuoteStop === 'function') {
liveQuoteStop();
}
}
function btRestoreTab() {
let tab = (location.hash || '').replace(/^#/, '');
if (!BT_TAB_NAMES.includes(tab)) {
try { tab = localStorage.getItem(BT_TAB_KEY) || ''; } catch (e) { tab = ''; }
}
if (!BT_TAB_NAMES.includes(tab)) tab = 'actual';
btShowTab(tab);
}
document.querySelectorAll('[data-tab]').forEach(el => {
el.addEventListener('click', e => {
e.preventDefault();
btShowTab(el.dataset.tab);
});
});
window.addEventListener('hashchange', () => {
const tab = (location.hash || '').replace(/^#/, '');
if (BT_TAB_NAMES.includes(tab)) btShowTab(tab, { fromHash: true });
});
// ════════════════════════════════════════════════════════════════
// 수집통계 (일자별 틱·호가)
// ════════════════════════════════════════════════════════════════
function fsFmtN(n) {
const x = Number(n) || 0;
return x.toLocaleString('ko-KR');
}
function fsNcCell(o) {
o = o || {};
return fsFmtN(o.n) + ' / ' + fsFmtN(o.codes);
}
function fsOnTabShow() {
const el = $('fs_date');
if (el && !el.value) {
try {
if (typeof tradingDayKst === 'string' && tradingDayKst) el.value = tradingDayKst;
else {
const d = new Date();
el.value = d.toISOString().slice(0, 10);
}
} catch (e) { /* ignore */ }
}
fsLoad(false);
}
async function fsLoad(heavy) {
const dayEl = $('fs_date');
const day = (dayEl && dayEl.value) ? dayEl.value : '';
const useHeavy = !!heavy;
if ($('fs_meta')) {
$('fs_meta').textContent = useHeavy
? '상세 집계 중…(교집합·느릴 수 있음)'
: '조회 중…(폴백나이 포함, 십수 초 가능)';
}
try {
const qs = [];
if (day) qs.push('date=' + encodeURIComponent(day));
if (useHeavy) qs.push('heavy=1');
const r = await fetch('/api/feed_collect_stats?' + qs.join('&'));
const j = await r.json();
if (!j.ok) throw new Error(j.error || 'fail');
if (dayEl && j.day) dayEl.value = j.day;
if ($('fs_meta')) {
$('fs_meta').textContent = (j.day || '') + ' 기준 · 당일만 · ' +
(j.heavy ? '상세(교집합)' : '조회(폴백나이 포함)') + ' · API ok';
}
const env = j.env || {};
if ($('fs_env')) {
const bits = [
'LIVE_TICK=' + (env.LIVE_TICK_PROVIDER || '-'),
'LIVE_OB=' + (env.LIVE_OB_PROVIDER || '-'),
'OB_MODE=' + (env.WS_ORDERBOOK_SAVE_MODE || '-'),
'FALLBACK_AGE=' + (env.LIVE_FEED_FALLBACK_MAX_AGE_SEC != null ? env.LIVE_FEED_FALLBACK_MAX_AGE_SEC : '-'),
'OB_TICK_AGE=' + (env.WS_ORDERBOOK_TICK_MAX_AGE_SEC != null ? env.WS_ORDERBOOK_TICK_MAX_AGE_SEC : '-'),
'KIS_OB_SAVE=' + env.WS_ORDERBOOK_SAVE_KIS,
'KW_OB_SAVE=' + env.WS_ORDERBOOK_SAVE_KIWOOM,
'LS_OB_SAVE=' + env.LS_WS_ORDERBOOK_SAVE,
'LS_OB_MODE=' + (env.LS_WS_ORDERBOOK_SAVE_MODE || '-'),
'LS_TICK_SAVE=' + env.LS_WS_TICK_SAVE,
];
$('fs_env').innerHTML = bits.map(b => '<code style="margin-right:8px">' + b + '</code>').join('');
}
const notes = j.notes || [];
if ($('fs_notes')) {
$('fs_notes').innerHTML = notes.length
? notes.map(n => '<div class="alert alert-warning py-2 px-3 mb-2" style="font-size:12px">' + n + '</div>').join('')
: '<div class="text-muted" style="font-size:12px">특이 노트 없음</div>';
}
function fsRatio(x) {
if (x == null || x === '') return '—';
return Number(x).toFixed(3);
}
function fsPct(x) {
if (x == null || x === '') return '—';
return Number(x).toFixed(1) + '%';
}
function fsVendorNote(v) {
const tn = Number(v.tick_n) || 0;
const on = Number(v.ob_n) || 0;
const r = v.ob_per_tick;
if (tn === 0 && on === 0) return '데이터 없음';
if (tn === 0 && on > 0) return '틱0·호가만 (LS SAVE/모드 확인)';
if (on === 0 && tn > 0) return '호가0 (세션·틱동기·Bye)';
if (r != null && r >= 0.85) return '틱동기 양호';
if (r != null && r < 0.05) return '호가 거의 없음';
return '틱동기 부분';
}
const vm = j.vendor_matrix || {};
const vTb = $('fs_vendor_tbody');
if (vTb) {
const vendors = vm.vendors || [];
const labels = { kis: '한투 (kis)', kiwoom: '키움 (kiwoom)', ls: 'LS (ls)' };
if (!vendors.length) {
vTb.innerHTML = '<tr><td colspan="8" class="text-muted">없음</td></tr>';
} else {
vTb.innerHTML = vendors.map(v => {
const hot = (Number(v.tick_n) > 0 && Number(v.ob_n) === 0) ||
(Number(v.tick_n) === 0 && Number(v.ob_n) === 0 && (v.vendor === 'ls'));
const st = hot ? ' style="background:rgba(220,53,69,.10)"' : '';
const name = labels[v.vendor] || v.vendor;
return '<tr' + st + '><td><b>' + name + '</b></td>' +
'<td class="text-end">' + fsFmtN(v.tick_n) + '</td>' +
'<td class="text-end">' + fsFmtN(v.tick_codes) + '</td>' +
'<td class="text-end">' + fsFmtN(v.ob_n) + '</td>' +
'<td class="text-end">' + fsFmtN(v.ob_codes) + '</td>' +
'<td class="text-end">' + fsRatio(v.ob_per_tick) + '</td>' +
'<td class="text-end">' + fsPct(v.ob_per_tick_pct) + '</td>' +
'<td style="font-size:12px">' + fsVendorNote(v) + '</td></tr>';
}).join('');
}
}
if ($('fs_vendor_foot')) {
$('fs_vendor_foot').textContent =
'filter_eval(진입스냅) ' + fsFmtN(vm.filter_eval_n) + '행 / ' +
fsFmtN(vm.filter_eval_codes) + '종목 · MODE=tick 이면 호가/틱≈1 이 이상적, 0이면 그 벤더 호가DB 구멍';
}
const age = j.age_cut || {};
if ($('fs_age_note')) {
$('fs_age_note').textContent = age.note ||
('나이=' + (age.age_sec != null ? age.age_sec : 3) +
's · 자사%=총행대비 · 분배%=usable비중 · 간택%=체인1순위');
}
const aTb = $('fs_age_tbody');
if (aTb) {
const arows = age.rows || [];
if (!arows.length) {
aTb.innerHTML = '<tr><td colspan="13" class="text-muted">집계 없음(recv_ts·시각 파싱 확인)</td></tr>';
} else {
aTb.innerHTML = arows.map(a => {
const hot = (Number(a.fail_pct) || 0) >= 20 ||
(Number(a.pick_pct) || 0) >= 70 ||
(a.source === 'Σ(틱)' && (a.empty_minutes || 0) > 0);
const st = hot ? ' style="background:rgba(220,53,69,.10)"' : '';
const emp = (a.source === 'Σ(틱)') ? fsFmtN(a.empty_minutes || age.empty_minutes_all_fail || 0) : '—';
const pickN = (a.pick_n == null) ? '—' : fsFmtN(a.pick_n);
const pickP = (a.pick_pct == null) ? '—' : fsPct(a.pick_pct);
const share = (a.usable_share_pct == null) ? '—' : fsPct(a.usable_share_pct);
return '<tr' + st + '><td>' + (a.channel || '') + '</td><td>' + (a.source || '') + '</td>' +
'<td class="text-end">' + fsFmtN(a.total) + '</td>' +
'<td class="text-end">' + fsFmtN(a.pass_n) + '</td>' +
'<td class="text-end">' + fsFmtN(a.fail_n) + '</td>' +
'<td class="text-end">' + fsFmtN(a.unknown_n) + '</td>' +
'<td class="text-end"><b>' + fsFmtN(a.usable_n) + '</b></td>' +
'<td class="text-end">' + fsPct(a.usable_pct) + '</td>' +
'<td class="text-end">' + share + '</td>' +
'<td class="text-end">' + pickN + '</td>' +
'<td class="text-end"><b>' + pickP + '</b></td>' +
'<td class="text-end">' + fsPct(a.fail_pct) + '</td>' +
'<td class="text-end">' + emp + '</td></tr>';
}).join('');
}
}
const gap = j.disconnect || {};
if ($('fs_gap_note')) {
$('fs_gap_note').textContent = gap.note ||
('끊김=종목별 recv_ts 공백 · soft=' + (gap.soft_sec != null ? gap.soft_sec : 10) +
's · hard=' + (gap.hard_sec != null ? gap.hard_sec : 60) + 's');
}
const gTb = $('fs_gap_tbody');
if (gTb) {
const grows = gap.rows || [];
const labels = { kis: '한투 (kis)', kiwoom: '키움 (kiwoom)', ls: 'LS (ls)' };
if (!grows.length) {
gTb.innerHTML = '<tr><td colspan="8" class="text-muted">끊김 집계 없음</td></tr>';
} else {
gTb.innerHTML = grows.map(g => {
const hot = (Number(g.hard_n) || 0) >= 500 || (Number(g.hard_pct) || 0) >= 5;
const st = hot ? ' style="background:rgba(220,53,69,.10)"' : '';
const name = labels[g.vendor] || g.vendor;
return '<tr' + st + '><td><b>' + name + '</b></td>' +
'<td class="text-end">' + fsFmtN(g.pair_n) + '</td>' +
'<td class="text-end">' + fsFmtN(g.soft_n) + '</td>' +
'<td class="text-end">' + fsPct(g.soft_pct) + '</td>' +
'<td class="text-end"><b>' + fsFmtN(g.hard_n) + '</b></td>' +
'<td class="text-end">' + fsPct(g.hard_pct) + '</td>' +
'<td class="text-end">' + (g.avg_soft_gap_sec != null ? g.avg_soft_gap_sec : '—') + '</td>' +
'<td class="text-end">' + (g.max_gap_sec != null ? fsFmtN(g.max_gap_sec) : '—') + '</td></tr>';
}).join('');
}
}
const s = j.summary || {};
const tk = s.ticks || {};
const ob = s.orderbook || {};
function fillRows(tbodyId, rows, emptyMsg) {
const tb = $(tbodyId);
if (!tb) return;
rows = rows || [];
if (!rows.length) {
tb.innerHTML = '<tr><td colspan="3" class="text-muted">' + (emptyMsg || '0') + '</td></tr>';
return;
}
tb.innerHTML = rows.map(r =>
'<tr><td>' + (r.key || '') + '</td><td class="text-end">' + fsFmtN(r.n) +
'</td><td class="text-end">' + fsFmtN(r.codes) + '</td></tr>'
).join('');
}
fillRows('fs_ticks_tbody', j.ticks_by_source, '틱 없음');
fillRows('fs_ob_tbody', j.orderbook_by_source, '호가 없음');
fillRows('fs_fe_tbody', j.filter_eval_by_strategy, 'filter_eval 없음');
const covTb = $('fs_cov_tbody');
if (covTb) {
const cov = j.coverage || [];
if (!cov.length) {
covTb.innerHTML = '<tr><td colspan="9" class="text-muted">커버리지 없음</td></tr>';
} else {
covTb.innerHTML = cov.map(c => {
const noPct = (c.tick_codes_no_ob_pct == null) ? '—' : (c.tick_codes_no_ob_pct + '%');
const sync = (c.ob_per_tick_row_pct == null) ? '-' : (c.ob_per_tick_row_pct + '%');
const miss = (c.missing_ob_row_pct == null) ? '-' : (c.missing_ob_row_pct + '%');
const noOb = (c.tick_codes_no_ob == null) ? '—' : fsFmtN(c.tick_codes_no_ob);
const hot = (c.tick_codes_no_ob || 0) > 0 || (c.missing_ob_row_pct || 0) >= 20;
const style = hot ? ' style="background:rgba(220,53,69,.12)"' : '';
return '<tr' + style + '><td>' + (c.vendor || '') +
'</td><td class="text-end">' + fsFmtN(c.tick_n) +
'</td><td class="text-end">' + fsFmtN(c.tick_codes) +
'</td><td class="text-end">' + fsFmtN(c.ob_n) +
'</td><td class="text-end">' + fsFmtN(c.ob_codes) +
'</td><td class="text-end">' + noOb +
'</td><td class="text-end">' + noPct +
'</td><td class="text-end">' + sync +
'</td><td class="text-end">' + miss + '</td></tr>';
}).join('');
}
}
const ov = j.overlap || {};
if ($('fs_overlap')) {
if (ov.deferred) {
$('fs_overlap').textContent = '벤더 교집합: 상세 집계 후 표시';
} else {
$('fs_overlap').textContent =
'틱 교집합 ' + fsFmtN(ov.both_tick_codes) +
' · KIS만 ' + fsFmtN(ov.kis_only_tick_codes) +
' · 키움만 ' + fsFmtN(ov.kiwoom_only_tick_codes) +
' | 호가 교집합 ' + fsFmtN(ov.both_ob_codes) +
' · KIS만 ' + fsFmtN(ov.kis_only_ob_codes) +
' · 키움만 ' + fsFmtN(ov.kiwoom_only_ob_codes);
}
}
const lsTb = $('fs_ls_tbody');
if (lsTb) {
const rows = [
{ key: 'ls_ws_orderbook', ...(ob.ls_ws_orderbook || {}) },
{ key: 'ls_ws_ticks', ...(tk.ls_table || {}) },
{ key: 'ls_ws_candles', ...(s.ls_candles || {}) },
{ key: 'kis_ws_orderbook', ...(ob.kis_ws_orderbook || {}) },
{ key: 'ws_ticks ls mirror', ...(tk.ls_mirror || {}) },
];
lsTb.innerHTML = rows.map(r =>
'<tr><td>' + r.key + '</td><td class="text-end">' + fsFmtN(r.n) +
'</td><td class="text-end">' + fsFmtN(r.codes) + '</td></tr>'
).join('');
}
} catch (e) {
if ($('fs_meta')) $('fs_meta').textContent = '오류: ' + (e.message || e);
}
}
// ════════════════════════════════════════════════════════════════
// DART 수주 공시
// ════════════════════════════════════════════════════════════════
let _dartPollTimer = null;
function dartOnTabShow() {
dartLoad();
if (_dartPollTimer) clearInterval(_dartPollTimer);
_dartPollTimer = setInterval(() => {
const t = document.querySelector('[data-tab].active');
if (t && t.dataset.tab === 'dart') dartLoad(true);
}, 10000);
}
async function dartLoad(quiet) {
try {
const r = await fetch('/api/dart/disclosures?limit=80');
const j = await r.json();
if (!j.ok) throw new Error(j.error || 'fail');
const f = j.flags || {};
if ($('dart_scan_en')) $('dart_scan_en').checked = !!f.scan;
if ($('dart_sub_en')) $('dart_sub_en').checked = !!f.subscribe;
if ($('dart_trade_en')) $('dart_trade_en').checked = !!f.trade;
if ($('dart_strat_en')) $('dart_strat_en').checked = !!f.strategy;
if ($('dart_watch_max') && f.watch_max != null) $('dart_watch_max').value = f.watch_max;
if ($('dart_watch_ttl') && f.watch_ttl_hours != null) $('dart_watch_ttl').value = f.watch_ttl_hours;
if ($('dart_quality_en')) $('dart_quality_en').checked = f.quality_filter !== false;
if ($('dart_min_sales') && f.min_sales_pct != null) $('dart_min_sales').value = f.min_sales_pct;
if ($('dart_require_theme')) $('dart_require_theme').checked = f.require_theme !== false;
const wb = $('dart_watch_tbody');
if (wb) {
const w = j.watch || [];
wb.innerHTML = w.length ? w.map(x => `<tr>
<td>${x.stock_code||''}</td><td>${x.corp_name||''}</td>
<td class="small">${(x.report_nm||'').slice(0,40)}</td>
<td class="small">${x.added_at||''}</td><td class="small">${x.expires_at||''}</td>
</tr>`).join('') : '<tr><td colspan="5" class="text-muted">워치 없음 (구독 스위치 OFF 또는 공시 대기)</td></tr>';
}
const tb = $('dart_disc_tbody');
if (tb) {
const rows = j.rows || [];
tb.innerHTML = rows.length ? rows.map(x => {
const ok = x.filter_ok == null ? null : Number(x.filter_ok) === 1;
const badge = ok === true ? '<span class="text-success">통과</span>'
: ok === false ? `<span class="text-warning">${(x.filter_reason||'제외').slice(0,24)}</span>`
: '-';
const pct = (x.sales_pct != null && x.sales_pct !== '') ? Number(x.sales_pct).toFixed(1) : '-';
return `<tr>
<td class="small">${x.first_seen_at||''}</td>
<td>${x.stock_code||''}</td><td>${x.corp_name||''}</td>
<td class="small">${pct}</td>
<td class="small">${badge}</td>
<td class="small">${(x.report_nm||'').trim()}</td>
<td>${x.url ? `<a href="${x.url}" target="_blank" rel="noopener">원문</a>` : ''}</td>
</tr>`;
}).join('') : '<tr><td colspan="7" class="text-muted">공시 없음</td></tr>';
}
} catch (e) {
if (!quiet) console.error('dartLoad', e);
}
}
async function dartSaveConfig() {
const body = {
DART_SCAN_ENABLED: $('dart_scan_en') && $('dart_scan_en').checked ? 'true' : 'false',
DART_SUBSCRIBE_ENABLED: $('dart_sub_en') && $('dart_sub_en').checked ? 'true' : 'false',
DART_TRADE_ENABLED: $('dart_trade_en') && $('dart_trade_en').checked ? 'true' : 'false',
STRATEGY_DART_ENABLED: $('dart_strat_en') && $('dart_strat_en').checked ? 'true' : 'false',
DART_WATCH_MAX: $('dart_watch_max') ? String($('dart_watch_max').value || 15) : '15',
DART_WATCH_TTL_HOURS: $('dart_watch_ttl') ? String($('dart_watch_ttl').value || 24) : '24',
DART_QUALITY_FILTER_ENABLED: $('dart_quality_en') && $('dart_quality_en').checked ? 'true' : 'false',
DART_MIN_SALES_PCT: $('dart_min_sales') ? String($('dart_min_sales').value || 5) : '5',
DART_REQUIRE_THEME: $('dart_require_theme') && $('dart_require_theme').checked ? 'true' : 'false',
};
const r = await fetch('/api/dart/config', {
method: 'POST', headers: {'Content-Type':'application/json'},
body: JSON.stringify(body),
});
const j = await r.json();
alert(j.ok ? '저장됨: ' + (j.saved||[]).join(', ') : ('실패: ' + (j.error||'')));
dartLoad();
}
async function dartRunBacktest() {
const s = $('dart_bt_start') && $('dart_bt_start').value;
const e = $('dart_bt_end') && $('dart_bt_end').value;
if (!s || !e) { alert('시작/종료일 필요'); return; }
$('dart_bt_out').textContent = '실행 중…';
try {
const r = await fetch(`/api/backtest/dart?start=${encodeURIComponent(s)}&end=${encodeURIComponent(e)}`);
const j = await r.json();
if (!j.ok) throw new Error(j.error || 'fail');
$('dart_bt_out').textContent =
`이벤트 ${j.events} · 거래 ${j.trade_count} · 승률 ${Number(j.win_rate||0).toFixed(1)}% · PnL ${fmtKrw(j.total_pnl)}\n` +
(j.trades||[]).slice(0, 20).map(t =>
`${t.code} ${t.entry_time}→${t.exit_time} ${t.reason} pnl=${Math.round(t.pnl||0)}`
).join('\n');
} catch (err) {
$('dart_bt_out').textContent = '오류: ' + err;
}
}
// ════════════════════════════════════════════════════════════════
// 영구구독 관리 (permanent_subscriptions: KR 국내WS / US 해외WS)
// ════════════════════════════════════════════════════════════════
let _permRefreshTimer = null;
let _permRefreshSec = 15;
function permOnMarket() {
// 시장 선택 시 거래소 기본값 자동 보정 (KR→KRX, US→NASD)
const mk = $('perm_market') ? $('perm_market').value : 'KR';
if ($('perm_exch')) $('perm_exch').value = (mk === 'US') ? 'NASD' : 'KRX';
}
function permFmtQuoteTime(t) {
const s = String(t || '');
if (s.length >= 12) {
return s.slice(4, 6) + '/' + s.slice(6, 8) + ' ' + s.slice(8, 10) + ':' + s.slice(10, 12);
}
if (s.length >= 8) return s.slice(0, 4) + '-' + s.slice(4, 6) + '-' + s.slice(6, 8);
return s;
}
function permFmtPriceCell(x, fxRate) {
const px = Number(x.price);
if (!(px > 0)) {
return '<span class="text-muted">—</span><br><span style="color:var(--muted);font-size:10px">시세대기</span>';
}
const isUs = String(x.market_type || '').toUpperCase() === 'US';
const fx = getDisplayFxRate(fxRate != null ? fxRate : x.fx_rate);
let main;
if (isUs) {
const krw = (x.price_krw != null && Number(x.price_krw) > 0)
? Number(x.price_krw)
: (fx > 0 ? Math.round(px * fx) : 0);
main = '<b>$' + px.toFixed(4) + '</b>';
if (krw > 0) {
main += '<br><span style="color:var(--muted);font-size:11px">('
+ Math.round(krw).toLocaleString('ko-KR') + '원'
+ (fx > 0 ? (' · ' + fx.toFixed(2)) : '')
+ ')</span>';
}
} else {
main = '<b>' + Math.round(px).toLocaleString('ko-KR') + '</b>';
}
let chgHtml = '';
const chg = x.chg_pct;
if (chg != null && chg !== '' && Number.isFinite(Number(chg))) {
const v = Number(chg);
const cls = v >= 0 ? 'text-pnl-pos' : 'text-pnl-neg';
chgHtml = '<br><span class="' + cls + '" style="font-size:11px">'
+ (v >= 0 ? '+' : '') + v.toFixed(2) + '%</span>';
}
const t = (x.price_src === 'tick' && x.tick_time)
? x.tick_time
: (x.candle_time || x.tick_time || '');
const src = (x.price_src === 'tick') ? 'tick' : (x.price_src === 'candle' ? '봉' : '');
const meta = permFmtQuoteTime(t) + (src ? (' ·' + src) : '');
return main + chgHtml
+ (meta ? ('<br><span style="color:var(--muted);font-size:10px">' + meta + '</span>') : '');
}
function permEnsureAutoRefresh(sec) {
const s = Math.max(5, Number(sec) || _permRefreshSec || 15);
_permRefreshSec = s;
if (_permRefreshTimer) clearInterval(_permRefreshTimer);
_permRefreshTimer = setInterval(function () {
const tab = $('tab-updow');
if (tab && tab.style.display !== 'none') permLoad({ quiet: true });
}, s * 1000);
}
async function permLoad(opt) {
const quiet = !!(opt && opt.quiet);
const tb = $('perm_tbody');
if (!tb) return;
try {
const url = quiet ? '/api/permanent_subs?light=1' : '/api/permanent_subs';
const r = await fetch(url);
const j = await r.json();
const rows = (j && j.rows) || [];
const baseTf = Number((j && j.base_tf_min) || 1) || 1;
if (j && j.fx_rate) setDisplayFxRate(j.fx_rate);
if (j && j.refresh_sec) permEnsureAutoRefresh(j.refresh_sec);
const fx = getDisplayFxRate(j && j.fx_rate);
if ($('perm_master_en') && typeof j.master_enabled !== 'undefined') {
$('perm_master_en').checked = !!j.master_enabled;
}
if (!rows.length) {
tb.innerHTML = '<tr><td colspan="10" class="text-muted">등록된 영구구독 없음</td></tr>';
return;
}
tb.innerHTML = rows.map(function (x) {
const onBadge = x.enabled
? '<span class="badge bg-success">ON</span>'
: '<span class="badge bg-secondary">OFF</span>';
const mkBadge = (String(x.market_type).toUpperCase() === 'US')
? '<span class="badge bg-info text-dark">US</span>'
: '<span class="badge bg-primary">KR</span>';
const nm = (x.name || '').trim();
const code = x.code || '';
const title = nm && nm !== code
? ('<b>' + code + '</b><br><span style="color:var(--muted);font-size:11px">' + nm + '</span>')
: ('<b>' + code + '</b>');
const editPayload = JSON.stringify({
code: x.code,
market_type: x.market_type,
exchange: x.exchange,
symbol: x.symbol,
note: x.note || '',
});
const ap = (x.alert_price != null && Number(x.alert_price) > 0) ? Number(x.alert_price) : '';
const aside = (String(x.alert_side || 'gte').toLowerCase() === 'lte') ? 'lte' : 'gte';
const armed = Number(x.alert_armed) === 1;
const fired = (x.alert_fired_at || '').toString().slice(0, 16);
let alertCell = '<div class="d-flex flex-wrap gap-1 align-items-center" style="min-width:170px">'
+ '<select class="form-select form-select-sm" style="width:68px;font-size:11px" id="perm_as_' + code + '">'
+ '<option value="gte"' + (aside === 'gte' ? ' selected' : '') + '>이상</option>'
+ '<option value="lte"' + (aside === 'lte' ? ' selected' : '') + '>이하</option>'
+ '</select>'
+ '<input type="number" step="any" class="form-control form-control-sm" style="width:88px;font-size:11px" '
+ 'id="perm_ap_' + code + '" value="' + ap + '" placeholder="목표가">'
+ '<button class="btn btn-sm btn-outline-primary py-0 px-1" style="font-size:11px" '
+ 'onclick="permSaveAlert(\'' + code + '\')">저장</button>';
if (ap !== '' && !armed) {
alertCell += '<button class="btn btn-sm btn-outline-warning py-0 px-1" style="font-size:11px" '
+ 'onclick="permRearmAlert(\'' + code + '\')">재무장</button>';
}
if (ap !== '') {
alertCell += '<button class="btn btn-sm btn-outline-secondary py-0 px-1" style="font-size:11px" '
+ 'onclick="permClearAlert(\'' + code + '\')">해제</button>';
}
alertCell += '</div>';
if (ap !== '') {
alertCell += '<div style="font-size:10px;color:var(--muted)">'
+ (armed ? '<span class="text-success">감시중</span>' : '<span class="text-warning">발화대기</span>')
+ (fired ? (' · ' + fired) : '')
+ '</div>';
}
return '<tr>'
+ '<td>' + title + '</td>'
+ '<td style="white-space:nowrap">' + permFmtPriceCell(x, fx) + '</td>'
+ '<td>' + alertCell + '</td>'
+ '<td>' + mkBadge + '</td>'
+ '<td>' + (x.exchange || '') + '</td>'
+ '<td><span class="badge bg-dark">' + baseTf + '분</span></td>'
+ '<td><code style="font-size:11px">' + (x.ws_tr_key || '') + '</code></td>'
+ '<td>' + onBadge + '</td>'
+ '<td style="font-size:11px">' + (x.note || '') + '</td>'
+ '<td><button class="btn btn-sm btn-outline-secondary" onclick=\'permEdit(' + JSON.stringify(editPayload) + ')\'>수정</button> '
+ (String(x.market_type).toUpperCase() === 'KR'
? '<button class="btn btn-sm btn-outline-primary" onclick="permFillCandles(\'' + code + '\')">확정봉</button> '
: '')
+ '<button class="btn btn-sm btn-outline-danger" onclick="permDelete(\'' + code + '\')">삭제</button></td>'
+ '</tr>';
}).join('');
} catch (e) {
if (!quiet) {
tb.innerHTML = '<tr><td colspan="10" class="text-danger">로드 실패: ' + e + '</td></tr>';
}
}
}
async function permSaveAlert(code) {
const c = String(code || '').trim().toUpperCase();
if (!c) return;
const apEl = $('perm_ap_' + c);
const asEl = $('perm_as_' + c);
const payload = {
code: c,
action: 'set',
alert_price: apEl ? apEl.value : '',
alert_side: asEl ? asEl.value : 'gte',
};
try {
const r = await fetch('/api/permanent_subs/alert', {
method: 'POST', headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(payload),
});
const j = await r.json();
if (!j.ok) { alert('알람 저장 실패: ' + (j.error || '')); return; }
permLoad({ quiet: true });
} catch (e) { alert('알람 저장 오류: ' + e); }
}
async function permRearmAlert(code) {
try {
const r = await fetch('/api/permanent_subs/alert', {
method: 'POST', headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ code: code, action: 'rearm' }),
});
const j = await r.json();
if (!j.ok) { alert('재무장 실패: ' + (j.error || '')); return; }
permLoad({ quiet: true });
} catch (e) { alert('재무장 오류: ' + e); }
}
async function permClearAlert(code) {
try {
const r = await fetch('/api/permanent_subs/alert', {
method: 'POST', headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ code: code, action: 'clear' }),
});
const j = await r.json();
if (!j.ok) { alert('해제 실패: ' + (j.error || '')); return; }
permLoad({ quiet: true });
} catch (e) { alert('해제 오류: ' + e); }
}
// ────────────────────────────────────────────
// 전략별 env 변경 이력
// ────────────────────────────────────────────
let _envHistData = null;
async function envHistLoad() {
const root = $('envhist_root');
if (!root) return;
root.innerHTML = '<div class="text-muted">로딩…</div>';
try {
const r = await fetch('/api/env/strategy_history?limit=3');
const j = await r.json();
if (!j.ok) {
root.innerHTML = '<div class="text-danger">로드 실패: ' + (j.error || '') + '</div>';
return;
}
_envHistData = j.strategies || [];
envHistRender();
} catch (e) {
root.innerHTML = '<div class="text-danger">로드 오류: ' + e + '</div>';
}
}
function envHistEsc(s) {
return String(s == null ? '' : s)
.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
}
function envHistRender() {
const root = $('envhist_root');
if (!root) return;
const rows = _envHistData || [];
const changedOnly = $('envhist_changed_only') ? !!$('envhist_changed_only').checked : true;
if (!rows.length) {
root.innerHTML = '<div class="text-muted">이력 없음</div>';
return;
}
root.innerHTML = rows.map(function (st) {
const snaps = st.snapshots || [];
const n = snaps.length;
if (!n) {
return '<div class="mb-3"><b>' + envHistEsc(st.label) + '</b> '
+ '<span class="text-muted">(' + envHistEsc(st.table) + ') 스냅샷 없음</span></div>';
}
let keys;
if (changedOnly) {
keys = (st.changed_keys || []).slice();
if (!keys.length) {
return '<div class="mb-3 p-2 border rounded">'
+ '<div class="d-flex justify-content-between"><b>' + envHistEsc(st.label) + '</b>'
+ '<span class="badge bg-secondary">' + n + '스냅 · 변경0</span></div>'
+ '<div class="text-muted small mt-1">최근 ' + n + '건 사이에 값 변화 없음'
+ ' <span style="color:var(--muted)">('
+ snaps.map(function (s) { return envHistEsc(s.created_at); }).join(' → ')
+ ')</span></div></div>';
}
} else {
const set = {};
snaps.forEach(function (s) {
Object.keys(s.values || {}).forEach(function (k) { set[k] = 1; });
});
keys = Object.keys(set).sort();
}
const head = '<tr><th style="position:sticky;left:0;background:var(--bs-body-bg,#fff);z-index:1">키</th>'
+ snaps.map(function (s, i) {
return '<th style="min-width:120px;font-weight:600">#' + (i + 1)
+ '<br><span style="font-weight:400;font-size:10px;color:var(--muted)">'
+ envHistEsc(s.created_at) + '<br>id=' + s.id + '</span></th>';
}).join('') + '</tr>';
const body = keys.map(function (k) {
const vals = snaps.map(function (s) { return (s.values && s.values[k] != null) ? String(s.values[k]) : ''; });
const tds = vals.map(function (v, i) {
const prev = i > 0 ? vals[i - 1] : v;
const diff = i > 0 && v !== prev;
const style = diff
? 'color:#c62828;font-weight:700;background:rgba(198,40,40,.08)'
: '';
return '<td style="font-family:ui-monospace,monospace;font-size:11px;' + style + '">'
+ (v === '' ? '<span class="text-muted">—</span>' : envHistEsc(v))
+ '</td>';
}).join('');
return '<tr><td style="position:sticky;left:0;background:var(--bs-body-bg,#fff);'
+ 'font-family:ui-monospace,monospace;font-size:11px;white-space:nowrap">'
+ envHistEsc(k) + '</td>' + tds + '</tr>';
}).join('');
return '<div class="mb-3">'
+ '<div class="d-flex justify-content-between align-items-center mb-1">'
+ '<b>' + envHistEsc(st.label) + '</b> <code class="small">' + envHistEsc(st.table) + '</code>'
+ '<span class="badge bg-dark">' + keys.length + '키'
+ (changedOnly ? ' 변경' : '') + ' · ' + n + '스냅</span></div>'
+ '<div class="table-responsive" style="max-height:340px;overflow:auto;border:1px solid #dee2e6;border-radius:6px">'
+ '<table class="table table-sm table-bordered mb-0" style="font-size:.8rem">'
+ '<thead>' + head + '</thead><tbody>' + body + '</tbody></table></div></div>';
}).join('');
}
function permEdit(jsonStr) {
let x;
try { x = JSON.parse(jsonStr); } catch (e) { return; }
if ($('perm_code')) $('perm_code').value = x.code || '';
if ($('perm_market')) $('perm_market').value = String(x.market_type || 'KR').toUpperCase();
if ($('perm_exch')) $('perm_exch').value = x.exchange || 'KRX';
if ($('perm_symbol')) $('perm_symbol').value = x.symbol || '';
if ($('perm_note')) $('perm_note').value = x.note || '';
permOnMarket();
}
async function permSave() {
const code = ($('perm_code') ? $('perm_code').value : '').trim().toUpperCase();
if (!code) { alert('코드를 입력하세요'); return; }
const payload = {
code: code,
market_type: $('perm_market') ? $('perm_market').value : 'KR',
exchange: $('perm_exch') ? $('perm_exch').value : '',
symbol: $('perm_symbol') ? $('perm_symbol').value.trim().toUpperCase() : '',
enabled: true,
note: $('perm_note') ? $('perm_note').value : '',
};
try {
const r = await fetch('/api/permanent_subs/save', {
method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(payload),
});
const j = await r.json();
if (!j.ok) { alert('저장 실패: ' + (j.error || '')); return; }
if ($('perm_code')) $('perm_code').value = '';
if ($('perm_symbol')) $('perm_symbol').value = '';
if ($('perm_note')) $('perm_note').value = '';
permLoad();
} catch (e) { alert('저장 오류: ' + e); }
}
async function permDelete(code) {
if (!confirm(code + ' 영구구독을 삭제할까요?')) return;
try {
const r = await fetch('/api/permanent_subs/delete', {
method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ code: code }),
});
const j = await r.json();
if (!j.ok && j.error) { alert('삭제 실패: ' + j.error); }
permLoad();
} catch (e) { alert('삭제 오류: ' + e); }
}
async function permSaveMaster() {
const en = $('perm_master_en') ? !!$('perm_master_en').checked : true;
try {
const r = await fetch('/api/permanent_subs/master', {
method: 'POST', headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ enabled: en }),
});
const j = await r.json();
if (!j.ok) { alert('마스터 저장 실패: ' + (j.error || '')); return; }
permLoad({ quiet: true });
} catch (e) { alert('마스터 저장 오류: ' + e); }
}
async function permFillCandles(code) {
const c = String(code || '').trim();
const msg = c
? (c + ' 확정봉을 키움 REST로 ls_ws_candles 구멍만 채울까요?')
: 'enabled KR 전종목 확정봉을 키움 REST로 ls_ws_candles 구멍만 채울까요? (ws_candles 미사용)';
if (!confirm(msg)) return;
try {
const r = await fetch('/api/permanent_subs/fill_candles', {
method: 'POST', headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ code: c }),
});
const j = await r.json();
if (!j.ok) { alert('확정봉 가져오기 실패: ' + (j.error || '')); return; }
const rows = (j.codes || []).map(function (x) {
return x.code + ': +' + (x.inserted || 0) + (x.error ? (' (' + x.error + ')') : '');
});
alert('완료 ' + (j.ok_n || 0) + '종목\n' + rows.join('\n'));
permLoad();
} catch (e) { alert('확정봉 오류: ' + e); }
}
// ────────────────────────────────────────────
// 오늘 운영 대시보드
// ────────────────────────────────────────────
function dashFmtKrw(n) {
return fmtKrw(n);
}
function dashFmtPct(n) {
const v = Number(n) || 0;
return (v >= 0 ? '+' : '') + v.toFixed(2) + '%';
}
function dashPnlCls(n) {
return Number(n) >= 0 ? 'text-pnl-pos' : 'text-pnl-neg';
}
function dashInitDate() {
const el = $('dash_date');
if (!el) return;
if (!el.value) {
el.value = kstTradingDayIso(_krHolidays);
} else {
el.value = kstClampToPrevTradingDayIso(el.value, _krHolidays);
}
}
/** 모의/실전 필터 — select value 비어 있으면 API 기본(현재 KIS_MOCK) */
function accountQueryParam(selectId) {
const el = $(selectId);
if (!el || !el.value) return '';
return '&account=' + encodeURIComponent(el.value);
}
function accountBadgeHtml(label) {
const al = label || '미상';
const ab = al === '모의' ? 'badge-flat' : (al === '실전' ? 'badge-win' : 'badge-loss');
return `<span class="${ab}" style="font-size:10px" title="is_mock">${al}</span>`;
}
async function loadDashboard() {
dashInitDate();
const day = $('dash_date').value;
showSpinner(true);
try {
const r = await fetch(
'/api/actual/dashboard?date=' + encodeURIComponent(day) + accountQueryParam('dash_account')
);
const d = await r.json();
if (!d.ok) { alert(d.error || '대시보드 조회 실패'); return; }
const tot = d.totals || {};
const acctLbl = d.account_label || '';
$('dash_meta').textContent =
'기준일 ' + d.date
+ (acctLbl ? ' · 계좌 ' + acctLbl : '')
+ ' · 갱신 ' + (d.as_of || '');
$('dash_card_turnover').textContent = dashFmtKrw(tot.turnover_krw);
$('dash_card_turnover_sub').textContent =
'매수 ' + dashFmtKrw(tot.buy_turnover_krw) + ' · 매도 ' + dashFmtKrw(tot.sell_turnover_krw);
$('dash_card_budget').textContent = dashFmtPct(tot.budget_usage_pct);
$('dash_card_budget_sub').textContent =
'피크 ' + dashFmtKrw(tot.budget_used_krw) + ' · 현재 ' + dashFmtKrw(tot.budget_now_krw || 0)
+ ' / 한도 ' + dashFmtKrw(tot.budget_limit_krw);
$('dash_card_pnl').textContent = dashFmtKrw(tot.realized_pnl_krw);
$('dash_card_pnl').className = 'stat-value ' + dashPnlCls(tot.realized_pnl_krw);
$('dash_card_ret').textContent = dashFmtPct(tot.return_pct);
$('dash_card_ret').className = 'stat-value ' + dashPnlCls(tot.return_pct);
const tbody = $('dash_tbody');
tbody.innerHTML = '';
const dashRows = (d.strategies || []).filter((row) => row.strategy_id !== 'UPDOW');
const brokerLabel = (b) => (b === 'kis' ? '한투(KIS)' : (b === 'kiwoom' ? '키움' : (b || '—')));
const brokerSrcCls = (b) => {
if (b === 'kis') return 'dash-univ-src-kis';
if (b === 'kiwoom') return 'dash-univ-src-kiwoom';
return '';
};
let prevBroker = '';
dashRows.forEach(row => {
const sid = row.strategy_id;
const broker = row.broker || row.source || '';
if (broker !== prevBroker) {
tbody.insertAdjacentHTML('beforeend', `
<tr class="dash-broker-head dash-broker-${broker}">
<td colspan="14"><span class="${brokerSrcCls(broker)}">${brokerLabel(broker)}</span></td>
</tr>`);
prevBroker = broker;
}
const isLive = !!row.is_live_source;
const onBadge = isLive
? (row.enabled ? '<span class="badge-win">ON</span>' : '<span class="badge-loss">OFF</span>')
: '<span class="text-muted">—</span>';
const pnlCls = dashPnlCls(row.realized_pnl_krw);
const retCls = dashPnlCls(row.return_pct);
const trCls = !isLive ? 'dash-ops-inactive' : '';
const mute = !isLive;
const fmtOrDash = (v, fn) => (mute ? '—' : fn(v));
const liveTag = isLive ? ' <span class="badge-win" style="font-size:10px">실매</span>' : '';
tbody.insertAdjacentHTML('beforeend', `
<tr class="${trCls}">
<td>${row.label || sid}<br><code style="font-size:11px">${sid}</code>${liveTag}</td>
<td>${onBadge}</td>
<td class="text-end">${fmtOrDash(row.buy_turnover_krw, dashFmtKrw)}</td>
<td class="text-end">${fmtOrDash(row.sell_turnover_krw, dashFmtKrw)}</td>
<td class="text-end">${fmtOrDash(row.turnover_krw, dashFmtKrw)}</td>
<td class="text-end">${mute ? '—' : row.closed_trades}</td>
<td class="text-end">${mute ? '—' : row.open_positions}</td>
<td class="text-end ${mute ? '' : pnlCls}">${fmtOrDash(row.realized_pnl_krw, dashFmtKrw)}</td>
<td class="text-end">${fmtOrDash(row.budget_limit_krw, dashFmtKrw)}</td>
<td class="text-end">${fmtOrDash(row.budget_used_krw, dashFmtKrw)}</td>
<td class="text-end text-muted">${fmtOrDash(row.budget_now_krw || 0, dashFmtKrw)}</td>
<td class="text-end">${fmtOrDash(row.budget_usage_pct, dashFmtPct)}</td>
<td class="text-end ${mute ? '' : retCls}">${fmtOrDash(row.return_pct, dashFmtPct)}</td>
<td>${isLive
? `<button class="btn btn-sm btn-link p-0" style="font-size:11px"
onclick="dashDrill('${sid}')">상세</button>`
: ''}</td>
</tr>`);
});
$('dash_ft_buy').textContent = dashFmtKrw(tot.buy_turnover_krw);
$('dash_ft_sell').textContent = dashFmtKrw(tot.sell_turnover_krw);
$('dash_ft_turn').textContent = dashFmtKrw(tot.turnover_krw);
$('dash_ft_closed').textContent = String(tot.closed_trades);
$('dash_ft_open').textContent = String(tot.open_positions);
$('dash_ft_pnl').textContent = dashFmtKrw(tot.realized_pnl_krw);
$('dash_ft_pnl').className = 'text-end ' + dashPnlCls(tot.realized_pnl_krw);
$('dash_ft_limit').textContent = dashFmtKrw(tot.budget_limit_krw);
$('dash_ft_used').textContent = dashFmtKrw(tot.budget_used_krw);
$('dash_ft_now').textContent = dashFmtKrw(tot.budget_now_krw || 0);
$('dash_ft_usage').textContent = dashFmtPct(tot.budget_usage_pct);
$('dash_ft_ret').textContent = dashFmtPct(tot.return_pct);
$('dash_ft_ret').className = 'text-end ' + dashPnlCls(tot.return_pct);
const notes = d.notes || {};
$('dash_notes').textContent =
(notes.strategy_source || '') + ' · '
+ (notes.turnover || '') + ' · ' + (notes.budget_used || '') + ' · '
+ (notes.budget_now || '') + ' · ' + (notes.return_pct || '');
// 조건검색 이력: 키움 target_candidates_history 원툴
const univBody = $('dash_univ_tbody');
if (univBody) {
univBody.innerHTML = '';
const univRows = (d.universe_history || [])
.filter((row) => row.strategy_id !== 'UPDOW');
univRows.forEach(row => {
const sid = row.strategy_id || '';
const liveSrc = row.live_universe_source || '—';
const lastAt = row.last_at || '—';
const firstAt = row.first_at || '—';
const liveBadge = row.is_live_source
? ' <span class="badge-win" style="font-size:10px">실매</span>'
: '';
univBody.insertAdjacentHTML('beforeend', `
<tr>
<td>${row.label || sid}<br><code style="font-size:11px">${sid}</code>${liveBadge}</td>
<td><code style="font-size:11px">${liveSrc}</code></td>
<td class="text-end">${Number(row.slots || 0).toLocaleString()}</td>
<td class="text-end">${Number(row.codes || 0).toLocaleString()}</td>
<td class="text-end">${Number(row.rows || 0).toLocaleString()}</td>
<td style="font-size:11px;white-space:nowrap">${firstAt}</td>
<td style="font-size:11px;white-space:nowrap">${lastAt}</td>
</tr>`);
});
const meta = $('dash_univ_meta');
if (meta) {
meta.textContent = '';
}
const un = $('dash_univ_notes');
if (un) {
un.textContent = (notes.universe_history || '')
+ ' · 키움=target_candidates_history';
}
}
} catch (e) {
alert('대시보드 오류: ' + e);
} finally {
showSpinner(false);
}
}
function staleNoteFromUniv(rows) {
const lsStale = (rows || []).filter(r => r.source === 'ls' && r.stale);
if (!lsStale.length) return '';
return ' · ⚠ LS 이력이 장시작 전에서 끊김 — 장중 적재 점검 필요';
}
function dashDrill(strategyId) {
const radio = document.querySelector('input[name=act_strategy][value="' + strategyId + '"]');
if (radio) radio.checked = true;
const day = $('dash_date').value;
if (day) {
$('act_start').value = day;
$('act_end').value = day;
}
const dashAcct = $('dash_account');
const actAcct = $('act_account');
if (dashAcct && actAcct) actAcct.value = dashAcct.value;
btShowTab('actual');
loadActual();
}
function dashGoActual() {
dashDrill(document.querySelector('input[name=act_strategy]:checked')?.value || 'SHORT');
}
dashInitDate();
// ────────────────────────────────────────────
// 보유중 라이브 시세 (ws_ticks SELECT via API — 매매 비접촉)
// ────────────────────────────────────────────
let _liveQuoteES = null;
let _liveQuotePoll = null;
let _liveQuotePrevPx = {};
let _liveQuoteCodesKey = '';
function liveQuoteStop() {
if (_liveQuoteES) {
try { _liveQuoteES.close(); } catch (e) { /* ignore */ }
_liveQuoteES = null;
}
if (_liveQuotePoll) {
clearInterval(_liveQuotePoll);
_liveQuotePoll = null;
}
_liveQuoteCodesKey = '';
}
function liveQuoteCollectCodes(root) {
const scope = root || document;
const codes = [];
const seen = new Set();
scope.querySelectorAll('[data-live-code]').forEach(el => {
const c = String(el.getAttribute('data-live-code') || '').trim();
if (!c || seen.has(c)) return;
seen.add(c);
codes.push(c);
});
return codes;
}
function liveQuoteFlash(el, dir) {
if (!el) return;
el.classList.remove('live-quote-flash-up', 'live-quote-flash-down');
void el.offsetWidth;
el.classList.add(dir > 0 ? 'live-quote-flash-up' : 'live-quote-flash-down');
}
function liveQuoteFmtPx(px, isUsd) {
const n = Number(px);
if (!Number.isFinite(n) || n <= 0) return '—';
if (isUsd) return fmtUsdWithKrw(n, getDisplayFxRate());
return fmtWon(n);
}
function liveQuoteFmtPnl(pnl, isUsd) {
if (!Number.isFinite(pnl)) return '—';
if (isUsd) return fmtUsdWithKrw(pnl, getDisplayFxRate());
return fmtWon(pnl);
}
function liveQuoteFmtPctNum(pct) {
if (!Number.isFinite(pct)) return '—';
const sign = pct >= 0 ? '+' : '';
return `${sign}${pct.toFixed(2)}%`;
}
function liveQuoteApplyPctBadge(el, pct) {
if (!el) return;
el.classList.remove('badge-win', 'badge-loss', 'badge-flat', 'text-pnl-pos', 'text-pnl-neg');
if (!Number.isFinite(pct)) {
if (el.tagName === 'SPAN') el.classList.add('badge-flat');
return;
}
if (el.tagName === 'SPAN') {
el.classList.add(pct > 0 ? 'badge-win' : (pct < 0 ? 'badge-loss' : 'badge-flat'));
} else {
el.classList.add(pct >= 0 ? 'text-pnl-pos' : 'text-pnl-neg');
}
}
function liveQuoteApplyPayload(d) {
if (!d || !d.ok || d.enabled === false) return;
const quotes = d.quotes || {};
document.querySelectorAll('tr[data-live-code]').forEach(tr => {
const code = String(tr.getAttribute('data-live-code') || '').trim();
const q = quotes[code];
if (!q || !(Number(q.price) > 0)) return;
const px = Number(q.price);
const buy = Number(tr.getAttribute('data-live-buy') || 0);
const qty = Number(tr.getAttribute('data-live-qty') || 0);
const isUsd = String(tr.getAttribute('data-live-usd') || '') === '1';
const prev = _liveQuotePrevPx[code];
const pxEl = tr.querySelector('[data-live-cell="px"]');
const pnlEl = tr.querySelector('[data-live-cell="pnl"]');
const pctEl = tr.querySelector('[data-live-cell="pct"]');
const dayEl = tr.querySelector('[data-live-cell="day"]');
const evalEl = tr.querySelector('[data-live-cell="eval"]');
if (pxEl) {
pxEl.innerHTML = liveQuoteFmtPx(px, isUsd);
if (prev != null && Number.isFinite(prev) && prev > 0 && px !== prev) {
liveQuoteFlash(pxEl, px > prev ? 1 : -1);
}
pxEl.classList.toggle('live-quote-stale', !!q.stale);
}
const pnl = (buy > 0 && qty > 0) ? (px - buy) * qty : NaN;
const buyPct = buy > 0 ? ((px - buy) / buy) * 100 : NaN;
const dayPct = (q.day_chg_pct != null && Number.isFinite(Number(q.day_chg_pct)))
? Number(q.day_chg_pct) : NaN;
if (pnlEl && Number.isFinite(pnl)) {
const label = tr.classList.contains('trade-row-open')
? `${liveQuoteFmtPnl(pnl, isUsd)} <span style="color:var(--muted);font-size:10px">평가</span>`
: liveQuoteFmtPnl(pnl, isUsd);
pnlEl.innerHTML = label;
pnlEl.classList.toggle('text-pnl-pos', pnl > 0);
pnlEl.classList.toggle('text-pnl-neg', pnl < 0);
}
// 당일 등락(전일종가 대비)=메인, 매수가 대비=보조
if (dayEl) {
dayEl.textContent = liveQuoteFmtPctNum(dayPct);
liveQuoteApplyPctBadge(dayEl, dayPct);
if (prev != null && Number.isFinite(prev) && px !== prev) {
liveQuoteFlash(dayEl, px > prev ? 1 : -1);
}
}
if (pctEl) {
if (dayEl) {
pctEl.innerHTML = Number.isFinite(buyPct)
? `<span style="font-size:11px">${liveQuoteFmtPctNum(buyPct)}</span>`
+ `<div style="color:var(--muted);font-size:9px;line-height:1.2">매수대비</div>`
: '—';
liveQuoteApplyPctBadge(pctEl, buyPct);
} else {
pctEl.innerHTML = Number.isFinite(dayPct)
? `<div style="font-weight:700">${liveQuoteFmtPctNum(dayPct)}</div>`
+ `<div style="color:var(--muted);font-size:10px;line-height:1.2">당일`
+ (Number.isFinite(buyPct) ? ` · 매수 ${liveQuoteFmtPctNum(buyPct)}` : '')
+ `</div>`
: (Number.isFinite(buyPct)
? `${liveQuoteFmtPctNum(buyPct)}<div style="color:var(--muted);font-size:9px">매수대비</div>`
: '—');
liveQuoteApplyPctBadge(pctEl, Number.isFinite(dayPct) ? dayPct : buyPct);
if (prev != null && Number.isFinite(prev) && px !== prev) {
liveQuoteFlash(pctEl, px > prev ? 1 : -1);
}
}
}
if (evalEl && qty > 0) {
evalEl.innerHTML = liveQuoteFmtPx(px * qty, isUsd);
}
_liveQuotePrevPx[code] = px;
});
}
function liveQuoteStartFromDom(root) {
const codes = liveQuoteCollectCodes(root);
const key = codes.slice().sort().join(',');
if (!codes.length) {
liveQuoteStop();
return;
}
if (key === _liveQuoteCodesKey && (_liveQuoteES || _liveQuotePoll)) {
return;
}
liveQuoteStop();
_liveQuoteCodesKey = key;
const q = 'codes=' + encodeURIComponent(codes.join(','));
const url = '/api/portfolio/live_quotes_stream?' + q;
if (typeof EventSource !== 'undefined') {
try {
_liveQuoteES = new EventSource(url);
_liveQuoteES.onmessage = (ev) => {
try {
liveQuoteApplyPayload(JSON.parse(ev.data));
} catch (e) { /* ignore */ }
};
_liveQuoteES.onerror = () => {
if (_liveQuoteES) {
try { _liveQuoteES.close(); } catch (e2) { /* ignore */ }
_liveQuoteES = null;
}
if (!_liveQuotePoll) {
_liveQuotePoll = setInterval(() => {
fetch('/api/portfolio/live_quotes?' + q)
.then(r => r.json())
.then(liveQuoteApplyPayload)
.catch(() => {});
}, 500);
}
};
return;
} catch (e) { /* fall through */ }
}
_liveQuotePoll = setInterval(() => {
fetch('/api/portfolio/live_quotes?' + q)
.then(r => r.json())
.then(liveQuoteApplyPayload)
.catch(() => {});
}, 400);
}
// ────────────────────────────────────────────
// 보유·매도 (active_trades + OrderManager 시장가)
// ────────────────────────────────────────────
// 보유·매도 정렬 상태 (다른 탭의 정렬바와 동일 UX, 데이터 스키마만 다름)
let _pfItems = [];
let _pfMeta = null;
let _pfSort = 'pnl_desc';
/** 보유·매도 정렬 — 수익률/평가금/종목명/미등록 우선 */
function pfSortItems(items, mode) {
const arr = [...(items || [])];
const num = v => (Number.isFinite(Number(v)) ? Number(v) : 0);
switch (mode) {
case 'pnl_asc': return arr.sort((a, b) => num(a.pnl_pct) - num(b.pnl_pct));
case 'eval_desc': return arr.sort((a, b) => num(b.eval_amt) - num(a.eval_amt));
case 'eval_asc': return arr.sort((a, b) => num(a.eval_amt) - num(b.eval_amt));
case 'name_asc': return arr.sort((a, b) => String(a.name || '').localeCompare(String(b.name || ''), 'ko'));
case 'untracked_first':
return arr.sort((a, b) => (b.untracked ? 1 : 0) - (a.untracked ? 1 : 0) || num(b.eval_amt) - num(a.eval_amt));
case 'pnl_desc':
default: return arr.sort((a, b) => num(b.pnl_pct) - num(a.pnl_pct));
}
}
async function pfLoad(withBroker) {
const stratEl = document.querySelector('input[name=pf_strategy]:checked');
const strat = stratEl ? stratEl.value : 'ALL';
const brokerQ = withBroker ? '&broker=1' : '';
showSpinner(true);
try {
const r = await fetch(
'/api/portfolio/active?strategy=' + encodeURIComponent(strat)
+ brokerQ + accountQueryParam('pf_account')
);
const d = await r.json();
if (!d.ok) { alert(d.error || '조회 실패'); return; }
_pfItems = d.items || [];
_pfMeta = {
kis_mock: d.kis_mock,
account_mode: d.account_mode,
account_label: d.account_label,
with_broker: d.with_broker,
broker_codes: d.broker_codes,
count: d.count,
account: d.account || null,
};
pfRenderAccountSummary(d.account, d.with_broker);
pfRenderTable();
} catch (e) {
alert('보유 조회 오류: ' + e);
} finally {
showSpinner(false);
}
}
/** 보유·매도 — 매수시각 강조 (날짜 + 시각 분리) */
function pfFmtBuyDate(s) {
if (!s) return '<span class="text-muted">—</span>';
const t = String(s).trim().replace('T', ' ');
const d = t.slice(0, 10);
const tm = t.length >= 16 ? t.slice(11, 16) : (t.length > 10 ? t.slice(11) : '');
if (tm) {
return `<b>${d}</b><br><span style="color:var(--accent);font-size:12px;font-weight:600">${tm}</span>`;
}
return `<b>${d}</b>`;
}
/** 실계좌 대조 시 상단 — 입금액·예수금·평가금 */
function pfRenderAccountSummary(acct, withBroker) {
const row = $('pf_account_row');
if (!row) return;
if (!withBroker || !acct) {
row.style.display = 'none';
return;
}
row.style.display = '';
const set = (id, v, suffix) => {
const el = $(id);
if (!el) return;
el.textContent = (v != null && v !== '') ? fmtWon(v) + (suffix || '원') : '—';
};
set('pf_total_deposit', acct.total_deposit, '원');
set('pf_cash', acct.cash, '원');
set('pf_holdings_eval', acct.holdings_eval, '원');
set('pf_total_asset', acct.total_asset, '원');
}
/** 캐시된 _pfItems 를 현재 정렬(_pfSort)로 렌더 (재조회 없이 정렬만 갱신) */
function pfRenderTable() {
const d = _pfMeta || {};
const tbody = $('pf_tbody');
if (!tbody) return;
tbody.innerHTML = '';
const items = pfSortItems(_pfItems, _pfSort);
if ($('pf_empty')) $('pf_empty').style.display = items.length ? 'none' : '';
const mockLbl = d.account_label
|| (d.kis_mock ? '모의' : '실전');
const untracked = items.filter(x => x.untracked).length;
const brNote = d.with_broker
? ` · 실계좌 ${d.broker_codes}종목` + (untracked ? ` (미등록 ${untracked})` : '')
: ' · 「2. 실계좌 대조」필요';
if ($('pf_meta')) {
$('pf_meta').textContent =
`계좌 ${mockLbl} · 표시 ${d.count}건${brNote} · ${new Date().toLocaleString('ko-KR')}`;
}
// 정렬 버튼 active 동기화
document.querySelectorAll('#pf_sort_bar .pf-sort-btn').forEach(btn => {
btn.classList.toggle('active', btn.dataset.sort === _pfSort);
});
items.forEach(it => {
const pnlCls = it.pnl_pct >= 0 ? 'text-pnl-pos' : 'text-pnl-neg';
let syncBadge = '<span class="text-muted">—</span>';
if (d.with_broker) {
if (it.untracked) {
let lbl, cls;
if (it.origin === 'holding') {
lbl = '홀딩봇'; cls = 'badge-win';
} else if (it.origin === 'bot') {
lbl = '봇고아'; cls = 'badge-loss';
} else {
lbl = '수동(보호)'; cls = 'badge-flat';
}
syncBadge = '<span class="' + cls + '" title="' + (it.sync_note || '') + '">' + lbl + '</span>';
} else if (it.sync_ok) {
syncBadge = '<span class="badge-win">OK</span>';
} else {
syncBadge = '<span class="badge-loss" title="' + (it.sync_note || 'DB·실계좌 수량 불일치') + '">주의</span>';
}
}
const codeEsc = String(it.code).replace(/'/g, "\\'");
const stratEsc = String(it.strategy || '').replace(/'/g, "\\'");
const stratLbl = it.strategy ? '<code>' + it.strategy + '</code>' : '<span class="text-muted">—</span>';
// 종목명이 코드와 동일하면 이름 중복 숨김 (코드만 표시)
const nameDisplay = (it.name && it.name !== it.code)
? `${it.name}<br><small class="text-muted">${it.code}</small>`
: `<b>${it.code}</b>`;
const sellBtn = it.can_sell
? `<button class="btn btn-sm btn-danger" style="font-size:11px"
onclick="pfSell('${codeEsc}','${stratEsc}','${String(it.name).replace(/'/g, '')}',${it.db_qty})">
시장가 전량</button>`
: '<span class="text-muted" style="font-size:11px" title="active_trades 없음 · 실잔고만 있음. 「3. 잔고=DB 맞추기」로 등록하거나, 수동보유면 그대로 두면 됨">DB없음</span>';
const isUs = String(it.strategy || '').toUpperCase() === 'US_MOMENTUM'
|| (!/^\d{6}$/.test(String(it.code || '')));
const buyRef = Number(it.broker_avg_price > 0 ? it.broker_avg_price : it.buy_price) || 0;
const qtyRef = Number(it.broker_qty != null && it.broker_qty > 0 ? it.broker_qty : it.db_qty) || 0;
const liveAttrs = (String(it.code || '') && buyRef > 0 && qtyRef > 0)
? ` data-live-code="${String(it.code).replace(/"/g, '')}" data-live-buy="${buyRef}" data-live-qty="${qtyRef}" data-live-usd="${isUs ? '1' : '0'}"`
: '';
tbody.insertAdjacentHTML('beforeend', `
<tr${liveAttrs}>
<td>${accountBadgeHtml(it.account_label)}</td>
<td>${stratLbl}</td>
<td>${nameDisplay}</td>
<td class="text-nowrap">${pfFmtBuyDate(it.buy_date)}</td>
<td>${it.db_qty}</td>
<td>${it.broker_qty == null ? '—' : it.broker_qty}</td>
<td>${syncBadge}</td>
<td>${it.buy_price > 0 ? fmtWon(it.buy_price) : '—'}</td>
<td>${it.broker_avg_price != null && it.broker_avg_price > 0
? fmtWon(it.broker_avg_price)
: '—'}</td>
<td data-live-cell="px">${fmtWon(it.current_price)}</td>
<td class="${pnlCls}" data-live-cell="day">—</td>
<td class="${pnlCls}" data-live-cell="pct">${it.pnl_pct >= 0 ? '+' : ''}${it.pnl_pct}%</td>
<td data-live-cell="eval">${fmtWon(it.eval_amt)}</td>
<td>${sellBtn}</td>
</tr>`);
});
liveQuoteStartFromDom(tbody);
}
// 보유·매도 정렬 버튼 (다른 탭과 동일 UX) — pf-sort-btn 클릭 시 재조회 없이 정렬만 갱신
document.addEventListener('click', e => {
const btn = e.target.closest('#pf_sort_bar .pf-sort-btn');
if (!btn) return;
_pfSort = btn.dataset.sort || 'pnl_desc';
pfRenderTable();
});
async function pfSell(code, strategy, name, qty) {
const msg =
`[${strategy}] ${name}(${code})\n` +
`DB 보유 ${qty}주를 시장가 전량 매도합니다.\n` +
`OrderManager 매도 경로로 DB(trade_history) 동기화됩니다.\n\n` +
`HTS 에서 이미 팔았다면 실계좌 0주일 수 있으며, 그 경우 유령잔고 정리만 됩니다.\n계속할까요?`;
if (!confirm(msg)) return;
showSpinner(true);
try {
const r = await fetch('/api/portfolio/sell', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ code, strategy }),
});
const d = await r.json();
if (d.ok) {
alert(
`매도 접수 완료\nODNO: ${d.ord_no || '-'}\n` +
`체결 ${d.filled_qty || '-'}주 @ ${Number(d.filled_avg_price || 0).toLocaleString()}원`
);
pfLoad(false);
} else {
alert('매도 실패: ' + (d.error || d.detail || 'unknown'));
}
} catch (e) {
alert('매도 요청 오류: ' + e);
} finally {
showSpinner(false);
}
}
async function pfReconcileOrphans() {
const msg =
`실잔고 기준으로 DB를 맞춥니다. 매도 주문은 나가지 않습니다.\n\n` +
`· 고아(실잔고 O · DB X · 봇 BUY) → active_trades 에 등록\n` +
`· 유령(DB O · 실잔고 0) → active_trades 행 삭제\n` +
`· 수량/평단만 다름 → 실잔고 값으로 UPDATE\n\n` +
`※ 수동매수 추정·MANUAL_HOLD_CODES 는 제외.\n계속할까요?`;
if (!confirm(msg)) return;
showSpinner(true);
try {
const r = await fetch('/api/portfolio/reconcile_orphans', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({}),
});
const d = await r.json();
if (d.ok) {
let out = '잔고=DB 맞추기 완료'
+ `\n고아복구 ${d.reconciled_count || 0} · 수량/평단 ${d.synced_count || 0}`
+ ` · 유령삭제 ${d.ghost_purged_count || 0}`
+ (d.failed_count ? ` · 실패 ${d.failed_count}` : '')
+ `\n(제외: 수동 ${d.skipped_manual_count || 0} · 이미추적 ${d.skipped_tracked_count || 0} · 주문없음 ${d.skipped_no_order_count || 0})`;
if ((d.reconciled || []).length) {
out += '\n\n[복구]\n' + d.reconciled.slice(0, 12)
.map(x => ` · ${x.name}(${x.code}) [${x.strategy}] ${x.qty}주`).join('\n');
}
if ((d.ghost_purged || []).length) {
out += '\n\n[유령삭제]\n' + d.ghost_purged.slice(0, 12)
.map(x => ` · ${x.name || ''}(${x.code}) [${x.strategy || ''}]`).join('\n');
}
if ((d.failed || []).length) {
out += '\n\n[실패]\n' + d.failed.slice(0, 8)
.map(f => ` · ${f.name}(${f.code}): ${f.error}`).join('\n');
}
alert(out);
pfLoad(true);
} else {
alert('맞추기 실패: ' + (d.error || 'unknown'));
}
} catch (e) {
alert('맞추기 요청 오류: ' + e);
} finally {
showSpinner(false);
}
}
// ────────────────────────────────────────────
// 날짜 기본값 설정 (KST = 한국장 기준, 브라우저 타임존과 무관)
// ────────────────────────────────────────────
function fmtKstDate(d) {
return new Intl.DateTimeFormat('en-CA', { timeZone: 'Asia/Seoul' }).format(d);
}
function kstTodayParts() {
const iso = fmtKstDate(new Date());
const [y, m, day] = iso.split('-').map(x => parseInt(x, 10));
return { y, m, day, iso };
}
function kstMonthStartIso() {
const t = kstTodayParts();
return `${t.y}-${String(t.m).padStart(2, '0')}-01`;
}
function kstMonthAgoIso() {
const t = kstTodayParts();
let idx = t.y * 12 + (t.m - 1) - 1;
const ny = Math.floor(idx / 12);
const nm = (idx % 12) + 1;
const lastDay = new Date(ny, nm, 0).getDate();
const nd = Math.min(t.day, lastDay);
return `${ny}-${String(nm).padStart(2, '0')}-${String(nd).padStart(2, '0')}`;
}
/** 현재 KST 시(0~23) */
function kstHourNow() {
const parts = new Intl.DateTimeFormat('en-US', {
timeZone: 'Asia/Seoul', hour: 'numeric', hour12: false,
}).formatToParts(new Date());
const h = parts.find(p => p.type === 'hour');
return h ? (parseInt(h.value, 10) % 24) : 12;
}
function kstYesterdayIso() {
return fmtKstDate(new Date(Date.now() - 24 * 3600 * 1000));
}
/** N일 전 KST 날짜 (백테 기본 시작일 등) */
function kstDaysAgoIso(n) {
return fmtKstDate(new Date(Date.now() - n * 24 * 3600 * 1000));
}
function setKrHolidays(list) {
_krHolidays = new Set((list || []).map(String).filter(Boolean));
}
/** iso 하루 전 (캘린더) */
function kstAddDaysIso(iso, deltaDays) {
const [y, m, d] = String(iso).split('-').map(x => parseInt(x, 10));
const dt = new Date(Date.UTC(y, m - 1, d));
dt.setUTCDate(dt.getUTCDate() + deltaDays);
const yy = dt.getUTCFullYear();
const mm = String(dt.getUTCMonth() + 1).padStart(2, '0');
const dd = String(dt.getUTCDate()).padStart(2, '0');
return `${yy}-${mm}-${dd}`;
}
function kstWeekdayMon0(iso) {
const [y, m, d] = String(iso).split('-').map(x => parseInt(x, 10));
// UTC 정오로 파싱해 요일 드리프트 방지
return new Date(Date.UTC(y, m - 1, d, 12, 0, 0)).getUTCDay(); // 0=일 … 6=토
}
function kstIsTradingDayIso(iso, holidays) {
if (!iso) return false;
const wd = kstWeekdayMon0(iso);
if (wd === 0 || wd === 6) return false;
const hol = holidays || _krHolidays;
return !(hol && hol.has(iso));
}
/** 주말·휴장이면 이전 장운영일(YYYY-MM-DD) */
function kstClampToPrevTradingDayIso(iso, holidays, maxBack) {
let cur = String(iso || '').slice(0, 10);
if (!cur) return cur;
const lim = Math.max(1, maxBack || 14);
for (let i = 0; i <= lim; i++) {
if (kstIsTradingDayIso(cur, holidays)) return cur;
cur = kstAddDaysIso(cur, -1);
}
return cur;
}
/** 실거래 조회 기준일 — 장 시작 전이면 전날, 이후 주말/휴장 보정 */
function kstTradingDayIso(holidays) {
const base = kstHourNow() < 9 ? kstYesterdayIso() : kstTodayParts().iso;
return kstClampToPrevTradingDayIso(base, holidays);
}
function setDateVal(id, val) {
const el = $(id);
if (el && val) el.value = val;
}
/** 날짜 인풋: 주말/휴장 선택 시 이전 장운영일로 스냅 */
function bindKrTradingDayDateInputs() {
document.querySelectorAll('input[type="date"]').forEach(el => {
if (el.dataset.krTradingBound === '1') return;
el.dataset.krTradingBound = '1';
el.addEventListener('change', function() {
if (!this.value) return;
const c = kstClampToPrevTradingDayIso(this.value, _krHolidays);
if (c && c !== this.value) this.value = c;
});
});
}
function initDefaultDates(datesPayload) {
const hol = (datesPayload && datesPayload.holidays) ? datesPayload.holidays : [..._krHolidays];
setKrHolidays(hol);
const endKst = (datesPayload && datesPayload.end)
? datesPayload.end
: kstClampToPrevTradingDayIso(kstTodayParts().iso, _krHolidays);
const startKst = (datesPayload && datesPayload.start)
? datesPayload.start
: kstClampToPrevTradingDayIso(kstAddDaysIso(endKst, -7), _krHolidays);
// 실거래 분석: 단일 거래일 기본 조회 (장전·주말·휴장 → 이전 장운영일)
const tradingDayKst = (datesPayload && datesPayload.trading_day)
? datesPayload.trading_day
: kstTradingDayIso(_krHolidays);
setDateVal('act_start', tradingDayKst);
setDateVal('act_end', tradingDayKst);
setDateVal('dash_date', tradingDayKst);
setDateVal('fs_date', tradingDayKst);
setDateVal('lc_date', tradingDayKst);
// 백테 탭: 시작 ~ 종료 (둘 다 거래일)
setDateVal('bt_start', startKst);
setDateVal('bt_end', endKst);
setDateVal('tl_start', startKst);
setDateVal('tl_end', endKst);
setDateVal('db_start', startKst);
setDateVal('db_end', endKst);
setDateVal('db_fetch_start', startKst);
setDateVal('bo_start', startKst);
setDateVal('bo_end', endKst);
setDateVal('rb_start', startKst);
setDateVal('rb_end', endKst);
setDateVal('mom_start', startKst);
setDateVal('mom_end', endKst);
setDateVal('usmom_start', startKst);
setDateVal('usmom_end', endKst);
setDateVal('hd_start', tradingDayKst);
setDateVal('hd_end', tradingDayKst);
setDateVal('hd_fetch_start', tradingDayKst);
setDateVal('ubx_start', startKst);
setDateVal('ubx_end', endKst);
const lr = $('lastRefresh');
if (lr) lr.textContent = '업데이트: ' + new Date().toLocaleString('ko-KR', { timeZone: 'Asia/Seoul' });
bindKrTradingDayDateInputs();
}
(function() {
// 주말만이라도 즉시 보정 → /api/env/params 의 dates 로 휴장일 재보정
initDefaultDates(null);
const hdFetch = $('hd_fetch_start');
if (hdFetch) {
hdFetch.addEventListener('change', function() {
if (this.value) setDateVal('hd_start', this.value);
});
}
// ── DB config_scalp / config_momentum / config_short → 스캘핑·꼬리·모멘텀 초기값 ──
// DB 값이 있으면 반영, null이면 HTML에 하드코딩된 기본값 그대로 유지
fetch('/api/env/params')
.then(r => r.json())
.then(d => {
if (d && d.dates) initDefaultDates(d.dates);
const set = (id, val) => { if (val !== null && val !== undefined) $(id).value = val; };
const setM = set; // 돌파·박스 탭 setM (함수 미정의 ReferenceError 방지)
// 스캘핑·꼬리·모멘텀·돌파 — fill*FromApi (Optuna 적용 후 reload 와 동일 경로)
try { fillScalpFormFromApi(d.scalp || {}); } catch (e) { console.warn('fillScalp', e); }
try { fillTailFormFromApi(d.tail || {}); } catch (e) { console.warn('fillTail', e); }
try { fillDbBandFormFromApi(d.dbband || {}); } catch (e) { console.warn('fillDbBand', e); }
try { fillMomentumFormFromApi(d.momentum || {}); } catch (e) { console.warn('fillMomentum', e); }
try { fillUsMomentumFormFromApi(d.us_momentum || d.momentum || {}); } catch (e) { console.warn('fillUsMom', e); }
try {
fillBreakoutFormFromApi(d.breakout || {});
const rb = d.range_break || {};
setM('rb_box_lb', rb.box_lookback_min);
setM('rb_box_max_w', rb.box_max_width_pct);
setM('rb_setup_vol', rb.setup_vol_max_mult);
setM('rb_bear_min', rb.setup_bear_bars_min);
setM('rb_vol_win', rb.vol_window);
setM('rb_vol_mult', rb.vol_mult);
setM('rb_sl', rb.sl_pct);
setM('rb_tp', rb.tp_pct);
setM('rb_trail', rb.trail_pct);
if (rb.trail_arm_pct != null) setM('rb_trail_arm', rb.trail_arm_pct);
setM('rb_shoulder_smin', rb.shoulder_min_high_pct);
setM('rb_shoulder_scut', rb.shoulder_cut_pct);
setM('rb_time_start', rb.time_start_hm);
setM('rb_time_end', rb.time_end_hm);
setM('rb_max_daily', rb.max_daily);
setM('rb_cooldown', rb.cooldown_min);
setM('rb_max_chg', rb.max_daily_chg);
setM('rb_min_price', rb.min_price);
setM('rb_max_loss', rb.max_loss_krw);
if (rb.use_high_chase_filter !== undefined && $('rb_use_high_chase')) {
$('rb_use_high_chase').checked = !!rb.use_high_chase_filter;
}
setM('rb_slot', rb.slot_money);
if (rb.max_stocks != null) setM('rb_max_stocks', rb.max_stocks);
if (rb.total_budget_krw != null) setM('rb_total_budget', rb.total_budget_krw);
} catch (e) { console.warn('fillBreakout/range', e); }
// 날짜(거래일) 확정 후 실거래 분석 1회 — 빈 날짜로 전체 조회·고스트 노출 방지
loadActual();
})
.catch(() => {
/* DB 연결 실패 시 HTML 기본값 유지 — 로컬 거래일로라도 조회 */
loadActual();
});
const defChk = $('bt_use_defense');
if (defChk) {
defChk.addEventListener('change', saveScalpDefenseRealtime);
}
const macdChk = $('bt_use_macd');
if (macdChk) {
macdChk.addEventListener('change', saveScalpMacdRealtime);
}
})();
// ────────────────────────────────────────────
// 실거래 분석 로드
// ────────────────────────────────────────────
function loadActual() {
const strategy = document.querySelector('input[name=act_strategy]:checked').value;
const start = $('act_start').value;
const end = $('act_end').value;
showSpinner(true);
fetch(
`/api/actual?strategy=${encodeURIComponent(strategy)}&start=${encodeURIComponent(start)}&end=${encodeURIComponent(end)}`
+ accountQueryParam('act_account')
)
.then(r => r.json())
.then(d => {
showSpinner(false);
renderActual(d);
})
.catch(err => { showSpinner(false); alert('오류: ' + err); });
}
function renderActual(d) {
const s = d.summary;
const p = d.params || {};
const filtered = Number((d.meta || {}).filtered_forced_rows || 0);
const isUs = String(d.currency || p.market || '').toUpperCase() === 'USD'
|| String(document.querySelector('input[name=act_strategy]:checked')?.value || '').toUpperCase() === 'US_MOMENTUM';
const fxEnd = Number(s.fx_rate_end || 0) || getDisplayFxRate();
if (fxEnd > 0) setDisplayFxRate(fxEnd);
$('a_total').textContent = fmt(s.total_trades) + '건';
$('a_winrate').textContent = s.win_rate + '%';
colorPnl($('a_winrate'), s.win_rate - 50);
if (isUs) {
if (s.total_pnl_krw != null && Number.isFinite(Number(s.total_pnl_krw))) {
$('a_pnl').innerHTML = `${fmtUsd(s.total_pnl)} <span style="color:var(--muted);font-size:12px">(${fmtWon(s.total_pnl_krw)}원)</span>`;
} else {
$('a_pnl').innerHTML = fmtUsdWithKrw(s.total_pnl, fxEnd);
}
colorPnl($('a_pnl'), s.total_pnl);
if (s.max_drawdown_krw != null && Number.isFinite(Number(s.max_drawdown_krw))) {
$('a_mdd').innerHTML = `-${fmtUsd(s.max_drawdown)} <span style="color:var(--muted);font-size:12px">(${fmtWon(s.max_drawdown_krw)}원)</span>`;
} else {
$('a_mdd').textContent = '-' + fmtUsdWithKrwText(s.max_drawdown, fxEnd);
}
} else {
$('a_pnl').textContent = fmtKrw(s.total_pnl);
colorPnl($('a_pnl'), s.total_pnl);
$('a_mdd').textContent = '-' + fmtWon(s.max_drawdown) + '원';
}
$('a_pf').textContent = s.profit_factor >= 999 ? '∞' : s.profit_factor;
colorPnl($('a_pf'), s.profit_factor - 1);
$('a_hold').textContent = s.avg_hold_min + '분';
// 운용한도 대비 수익률 — API summary에 없으면 params.total_budget_krw 로 계산
const aSign = (v) => (v > 0 ? '+' : '');
let botPct = s.bot_pct;
let dailyAvg = s.daily_avg_pct;
const tb = Number(p.total_budget_krw || 0);
if ((botPct == null || botPct === '') && tb > 0) {
botPct = Math.round((Number(s.total_pnl || 0) / tb) * 10000) / 100;
}
if ((dailyAvg == null || dailyAvg === '') && botPct != null) {
const startEl = $('act_start');
const endEl = $('act_end');
let days = 1;
try {
if (startEl && endEl && startEl.value && endEl.value) {
const t0 = new Date(startEl.value + 'T00:00:00');
const t1 = new Date(endEl.value + 'T00:00:00');
days = Math.max(1, Math.round((t1 - t0) / 86400000) + 1);
}
} catch (e) { days = 1; }
dailyAvg = Math.round((Number(botPct) / days) * 1000) / 1000;
}
if ($('a_bot_pct')) {
$('a_bot_pct').textContent = (botPct == null) ? '-' : (aSign(botPct) + botPct + '%');
if (botPct != null) colorPnl($('a_bot_pct'), botPct);
}
if ($('a_daily_avg_pct')) {
$('a_daily_avg_pct').textContent = (dailyAvg == null) ? '-' : (aSign(dailyAvg) + dailyAvg + '%');
if (dailyAvg != null) colorPnl($('a_daily_avg_pct'), dailyAvg);
}
const openCnt = Number((d.meta || {}).open_count || 0);
const closedCnt = Number((d.meta || {}).closed_count || 0);
const hint = $('act_table_hint');
const acctLbl = d.account_label || (d.meta || {}).account_label || '';
if (hint) {
hint.textContent =
`(청산 ${closedCnt}건 · 보유 ${openCnt}건`
+ (acctLbl ? ` · 계좌 ${acctLbl}` : '')
+ ' — 상단 요약·차트는 청산만)';
}
const actCtx = $('act_trade_context');
if (actCtx) {
fillTradePnLContext(actCtx, {
label: '실매 trade_history',
totalBudget: Number(p.total_budget_krw || 0),
peakCum: Number(s.peak_cum_pnl || 0),
peakAt: s.peak_cum_at || '',
totalPnl: s.total_pnl,
});
}
const note = $('act_filter_note');
if (note) {
const parts = [];
if (openCnt > 0) {
parts.push(`📌 보유중 <b>${openCnt}</b>건 — 매수만 된 포지션(노란 행), 매도 후 trade_history 로 이동`);
}
if (filtered > 0) {
parts.push(`⚠️ 집계 제외: 0원 강제정리 <b>${filtered}</b>건`);
}
if (s.peak_cum_pnl > 0 && s.total_pnl < s.peak_cum_pnl) {
parts.push(
`💡 장중 누적이 <b>+${fmtKrw(s.peak_cum_pnl)}</b>까지 갔다가 이후 청산으로 <b>${fmtKrw(s.total_pnl)}</b> — `
+ `누적손익 열은 <b>매도 완료 순</b> 합계입니다.`,
);
}
const tickLive = d.tick_live || {};
if (tickLive.tick_bar_coverage_pct != null || tickLive.tick_bar_coverage_pct_traded != null) {
const rows = tickLive.ws_tick_rows_loaded != null
? Number(tickLive.ws_tick_rows_loaded).toLocaleString() : '—';
parts.push(
`📊 실매 틱DB | 틱 ${rows}건 · 분봉커버 ${fmtTickCoverageLabel(tickLive)}`,
);
}
if (parts.length) {
note.style.display = '';
note.innerHTML = parts.join('<br>');
} else {
note.style.display = 'none';
note.innerHTML = '';
}
}
if (filtered > 0) {
console.log(`[실거래 분석] ghost_purge·강제정리 ${filtered}건 제외 후 집계`);
}
// 승/패 바
if (s.total_trades > 0) {
$('act_winbar_card').style.display = '';
const wr = s.win_rate;
$('a_win_label').textContent = `🟢 승 ${s.win_trades}건 (${wr}%)`;
$('a_loss_label').textContent = `🔴 패 ${s.loss_trades}건 (${(100-wr).toFixed(1)}%)`;
$('a_ratio_g').style.width = wr + '%';
$('a_ratio_r').style.width = (100 - wr) + '%';
}
// 누적 손익 곡선
const eqLabels = d.equity.map((e,i) => i % Math.max(1, Math.floor(d.equity.length/20)) === 0 ? e.date : '');
lineChart('a_equity_chart', d.equity.map(e => e.date), d.equity.map(e => e.cum_pnl), '누적손익');
// 매도이유 도넛
const rKeys = Object.keys(d.reasons);
doughnutChart('a_reason_chart', rKeys, rKeys.map(k => d.reasons[k]));
// 종목별 손익 바
barChart('a_code_chart',
d.top_codes.map(c => c.name || c.code),
d.top_codes.map(c => c.pnl));
// 일별 바
barChart('a_daily_chart',
d.daily.map(e => e.date.slice(5)),
d.daily.map(e => e.pnl));
renderVirtualTrades('act_tbody', d.trades || [], {
showDebug: true,
showCumulative: true,
showAccount: true,
totalBudget: Number(p.total_budget_krw || 0),
currency: isUs ? 'USD' : '',
fxRates: d.fx_rates || {},
fxRate: fxEnd,
});
}
// ────────────────────────────────────────────
// 돌파 백테스트 실행
// ────────────────────────────────────────────
function runBreakoutBacktest() {
let start = $('bo_start')?.value || '';
let end = $('bo_end')?.value || '';
if (!start) {
start = kstMonthStartIso();
setDateVal('bo_start', start);
}
if (!end) {
end = kstTodayParts().iso;
setDateVal('bo_end', end);
}
if (end && start && end < start) {
alert('종료일이 시작일보다 앞섭니다. 날짜를 확인하세요.');
return;
}
const params = {
start,
end,
lookback_min: $('bo_lookback').value,
vol_window: $('bo_vol_win').value,
vol_mult: $('bo_vol_mult').value,
min_turnover_1m_pct: $('bo_min_turnover')?.value || '0.05',
prev_chg_min: $('bo_prev_min').value,
prev_chg_max: $('bo_prev_max').value,
entry_mode: $('bo_entry_mode')?.value || 'intrabar',
intrabar_slippage_pct: $('bo_intrabar_slip')?.value || '0',
sl_mode: ($('bo_sl_mode') && $('bo_sl_mode').value) || 'fixed',
sl_pct: $('bo_sl').value,
atr_period: $('bo_atr_period')?.value || '14',
atr_sl_mult: $('bo_atr_sl_mult')?.value || '2.0',
atr_sl_min_pct: $('bo_atr_sl_min')?.value || '0.8',
atr_sl_max_pct: $('bo_atr_sl_max')?.value || '6.0',
tp_pct: $('bo_tp').value,
trail_pct: $('bo_trail').value,
trail_arm_pct: $('bo_trail_arm')?.value || '0',
shoulder_min_high_pct: $('bo_shoulder_smin').value,
shoulder_cut_pct: $('bo_shoulder_scut').value,
time_start_hm: $('bo_time_start').value,
time_end_hm: $('bo_time_end').value,
max_daily: $('bo_max_daily').value,
cooldown_min: $('bo_cooldown').value,
max_daily_chg: $('bo_max_chg').value,
min_price: $('bo_min_price').value,
confirm_margin_pct: $('bo_confirm_margin')?.value || '0',
body_min_pct: $('bo_body_min')?.value || '0',
ratchet_tiers: ($('bo_ratchet') && $('bo_ratchet').value.trim()) || '',
use_ema_filter: $('bo_use_ema_f')?.checked ? 1 : 0,
ema_fast_period: $('bo_ema_fast')?.value || '9',
ema_slow_period: $('bo_ema_slow')?.value || '21',
max_loss_krw: $('bo_max_loss').value,
slot_money: $('bo_slot').value,
max_stocks: $('bo_max_stocks')?.value || '20',
total_budget_krw: $('bo_total_budget')?.value || '0',
universe: $('bo_use_univ_history')?.checked ? 'history' : 'all',
universe_history_source: univHistorySourceParam('bo_univ_history_source'),
candle_source: $('bo_candle_source')?.value || '',
tick_source: $('bo_tick_source')?.value || '',
ob_source: $('bo_ob_source')?.value || '',
ob_filter: $('bo_ob_filter')?.checked ? 1 : 0,
pg_filter: $('bo_pg_filter')?.checked ? 1 : 0,
max_spread_pct: $('bo_max_spread_pct')?.value,
daily_trail_tiers: ($('bo_daily_trail_tiers') && $('bo_daily_trail_tiers').value.trim()) || '',
daily_trail_drop_pct: $('bo_daily_trail_drop')?.value || '0',
daily_trail_arm_krw: $('bo_daily_trail_arm')?.value || '0',
daily_profit_mode: ($('bo_daily_profit_mode') && $('bo_daily_profit_mode').value) || 'trailing',
daily_profit_enabled: $('bo_daily_profit_enabled')?.checked ? 1 : 0,
daily_risk_budget_enabled: $('bo_daily_risk_budget_enabled')?.checked ? 1 : 0,
eod_enabled: $('bo_eod_enabled')?.checked ? 1 : 0,
eod_hm: ($('bo_eod_hm') && $('bo_eod_hm').value.trim()) || '15:15',
skip_hts_scan_dupes: $('bo_skip_hts_dupes')?.checked ? 1 : 0,
env_timeline: envTimelineParam('bo_env_timeline'),
};
const qs = new URLSearchParams(params).toString();
showSpinner(true);
fetch('/api/backtest/breakout?' + qs)
.then(async r => {
const d = await r.json().catch(() => ({}));
if (!r.ok) throw new Error(d.error || ('HTTP ' + r.status));
return d;
})
.then(d => { showSpinner(false); renderBreakoutBacktest(d); })
.catch(err => { showSpinner(false); alert('백테스트 오류: ' + err); });
}
function saveBreakoutConfig() {
const body = {
lookback_min: parseInt($('bo_lookback').value, 10),
vol_window: parseInt($('bo_vol_win').value, 10),
vol_mult: parseFloat($('bo_vol_mult').value),
min_turnover_1m_pct: parseFloat($('bo_min_turnover')?.value || '0.05'),
prev_chg_min: parseFloat($('bo_prev_min').value),
prev_chg_max: parseFloat($('bo_prev_max').value),
entry_mode: $('bo_entry_mode')?.value || 'intrabar',
intrabar_slippage_pct: parseFloat($('bo_intrabar_slip')?.value || '0'),
sl_mode: ($('bo_sl_mode') && $('bo_sl_mode').value) || 'fixed',
sl_pct: parseFloat($('bo_sl').value),
atr_period: parseInt($('bo_atr_period')?.value || '14', 10),
atr_sl_mult: parseFloat($('bo_atr_sl_mult')?.value || '2.0'),
atr_sl_min_pct: parseFloat($('bo_atr_sl_min')?.value || '0.8'),
atr_sl_max_pct: parseFloat($('bo_atr_sl_max')?.value || '6.0'),
tp_pct: parseFloat($('bo_tp').value),
trail_pct: parseFloat($('bo_trail').value),
trail_arm_pct: parseFloat($('bo_trail_arm')?.value || '0'),
shoulder_min_high_pct: parseFloat($('bo_shoulder_smin').value),
shoulder_cut_pct: parseFloat($('bo_shoulder_scut').value),
time_start_hm: parseInt($('bo_time_start').value, 10),
time_end_hm: parseInt($('bo_time_end').value, 10),
eod_enabled: !!($('bo_eod_enabled')?.checked),
eod_hm: ($('bo_eod_hm') && $('bo_eod_hm').value.trim()) || '15:15',
max_hold_bars: parseInt($('bo_max_hold')?.value || '0', 10),
max_daily: parseInt($('bo_max_daily').value, 10),
cooldown_min: parseFloat($('bo_cooldown').value),
max_daily_chg: parseFloat($('bo_max_chg').value),
min_price: parseFloat($('bo_min_price').value),
confirm_margin_pct: parseFloat($('bo_confirm_margin')?.value || '0'),
body_min_pct: parseFloat($('bo_body_min')?.value || '0'),
ratchet_tiers: ($('bo_ratchet') && $('bo_ratchet').value.trim()) || '',
use_ema_filter: !!($('bo_use_ema_f')?.checked),
ema_fast_period: parseInt($('bo_ema_fast')?.value || '9', 10),
ema_slow_period: parseInt($('bo_ema_slow')?.value || '21', 10),
max_loss_krw: parseInt($('bo_max_loss').value, 10),
slot_money: parseInt($('bo_slot').value, 10),
max_stocks: parseInt($('bo_max_stocks')?.value || '20', 10),
total_budget_krw: parseInt($('bo_total_budget')?.value || '0', 10),
ob_filter: !!($('bo_ob_filter')?.checked),
pg_filter: !!($('bo_pg_filter')?.checked),
daily_trail_tiers: ($('bo_daily_trail_tiers') && $('bo_daily_trail_tiers').value.trim()) || '',
daily_profit_mode: ($('bo_daily_profit_mode') && $('bo_daily_profit_mode').value) || 'trailing',
daily_profit_enabled: !!($('bo_daily_profit_enabled')?.checked),
daily_risk_budget_enabled: !!($('bo_daily_risk_budget_enabled')?.checked),
skip_hts_scan_dupes: !!($('bo_skip_hts_dupes')?.checked),
};
if (!confirm('💾 돌파 봇(BREAKOUT_* env)에 현재 탭 값을 저장할까요?\n실행 중이면 다음 루프부터 반영됩니다.\n다단트레일: ' + (body.daily_profit_enabled ? 'ON' : 'OFF') + ' · 리스크버짓(B): ' + (body.daily_risk_budget_enabled ? 'ON' : 'OFF'))) return;
fetch('/api/backtest/breakout/save_config', {
method: 'POST', headers: {'Content-Type': 'application/json'},
body: JSON.stringify(body),
}).then(r => r.json()).then(d => {
if (d.error) { alert('❌ ' + d.error); return; }
btAddPresetOption('bo_daily_trail_preset', $('bo_daily_trail_tiers') && $('bo_daily_trail_tiers').value);
const byTbl = d.saved_by_table || {};
const tblLines = Object.entries(byTbl).map(([t, ks]) => ` ${t}: ${ks.join(', ')}`).join('\n');
alert(`✅ 저장 완료 (env_id: ${d.env_id})\n테이블:\n${tblLines || d.saved_keys?.join(', ')}`);
}).catch(e => alert('오류: ' + e));
}
function renderBreakoutBacktest(d) {
if (!d || d.error) {
alert('❌ ' + (d && d.error ? d.error : '백테스트 응답 없음'));
return;
}
if (!d.summary) { alert('백테스트 응답 오류 (summary 없음)'); return; }
const s = d.summary;
const p = d.params || {};
const boRa = $('bo_result_area');
if (boRa) boRa.style.display = 'block';
const boPb = $('bo_params_bar');
if (boPb) boPb.style.display = 'block';
const universeLabel = formatUniverseLabel(p);
const tr = (v) => (typeof v === 'number' ? Number(v).toFixed(1) : (v != null ? v : '—'));
const periodHint = (p.start && p.end) ? ` | ${p.start}~${p.end}` : '';
const summaryLine =
`<span class="badge ${isHistoryUniverseSource(p.universe_source) ? 'badge-info' : 'badge-secondary'}">${universeLabel}</span> ` +
`진입 ${(p.entry_mode || 'intrabar').toUpperCase()} | ` +
`Lookback ${p.lookback_min}분 | 회전율≥${tr(p.min_turnover_1m_pct)}%` +
(Number(p.vol_mult) > 0 ? ` · VolWin${p.vol_window}분×${tr(p.vol_mult)}배` : '') + ` | ` +
`직전봉 ${tr(p.prev_chg_min)}~${tr(p.prev_chg_max)}% | ` +
((Number(p.confirm_margin_pct) > 0 || Number(p.body_min_pct) > 0)
? `가짜돌파필터(여유${tr(p.confirm_margin_pct||0)}%·몸통${tr(p.body_min_pct||0)}%) | ` : ``) +
`EMA필터 ${p.use_ema_filter ? `ON(${p.ema_fast_period}/${p.ema_slow_period})` : 'OFF'} | ` +
`손절-${tr(p.sl_pct)}% 익절+${tr(p.tp_pct)}% 트레일${tr(p.trail_pct)}%` +
(Number(p.trail_arm_pct) > 0 ? `(무장${tr(p.trail_arm_pct)}%)` : '') + ` | ` +
`${p.time_window}${periodHint} | 일${p.max_daily}회 쿨다운${p.cooldown_min}분 | ` +
`1회 ${Number(p.slot_money||0).toLocaleString()}원 · 동시${p.max_stocks||'?'}종 · 한도 ${Number(p.total_budget_krw||0).toLocaleString()}원 | 종목수 ${p.codes_analyzed || 0}개`;
let barHtml = summaryLine;
if (s.budget_warning) {
barHtml += `<div class="mt-1" style="color:#e3b341;font-size:12px">💰 ${s.budget_warning}</div>`;
}
const tickMeta = s.tick_backtest || {};
const buySrc = s.backtest_buy_source || '';
if (buySrc === 'ws_ticks' || buySrc === 'ohlc_fallback' || tickMeta.tick_bar_coverage_pct != null) {
const covLabel = fmtTickCoverageLabel(tickMeta);
const rows = tickMeta.ws_tick_rows_loaded != null ? Number(tickMeta.ws_tick_rows_loaded).toLocaleString() : '—';
const srcLabel = buySrc === 'ws_ticks' ? '틱DB(ws_ticks)' : (buySrc === 'ohlc_fallback' ? 'OHLC high 폴백' : buySrc);
const tickColor = buySrc === 'ws_ticks' ? '#3fb950' : '#e3b341';
barHtml += `<div class="mt-1" style="color:${tickColor};font-size:12px">📊 매수재생 ${srcLabel} | 틱 ${rows}건 · 분봉커버 ${covLabel}</div>`;
}
if ((s.total_trades || 0) === 0) {
const zmsg = s.budget_warning
? `거래 0건 — ${s.budget_warning}`
: '거래 0건 — 기간·유니버스·진입조건을 확인하세요. (1회투자 > 총한도 이면 체결 불가)';
barHtml += `<div class="mt-2 p-2 rounded" style="color:#f85149;font-size:13px;border:1px solid #f85149;background:rgba(248,81,73,.08)">⚠️ ${zmsg}</div>`;
}
if (boPb) boPb.innerHTML = barHtml;
const boCtx = $('bo_trade_context');
if (boCtx) {
fillTradePnLContext(boCtx, {
label: '백테 BREAKOUT',
totalBudget: Number(p.total_budget_krw || 0),
peakCum: Number(s.peak_cum_pnl || 0),
peakAt: s.peak_cum_at || '',
totalPnl: s.total_pnl,
});
}
const setTxt = (id, txt) => { const el = $(id); if (el) el.textContent = txt; };
setTxt('bo_total', (s.total_trades||0) + '건');
setTxt('bo_winrate', (s.win_rate||0) + '%');
colorPnl($('bo_winrate'), (s.win_rate||0) - 50);
setTxt('bo_pnl', fmtKrw(s.total_pnl));
colorPnl($('bo_pnl'), s.total_pnl);
setTxt('bo_pf', (s.profit_factor||0) >= 999 ? '∞' : String(s.profit_factor||0));
colorPnl($('bo_pf'), (s.profit_factor||0) - 1);
setTxt('bo_mdd', '-' + fmtWon(s.max_drawdown) + '원');
setTxt('bo_hold', (s.avg_hold_min||0) + '분');
const boSign = v => (v > 0 ? '+' : '');
setTxt('bo_bot_pct', boSign(s.bot_pct || 0) + (s.bot_pct || 0) + '%');
colorPnl($('bo_bot_pct'), s.bot_pct || 0);
setTxt('bo_daily_avg_pct', boSign(s.daily_avg_pct || 0) + (s.daily_avg_pct || 0) + '%');
colorPnl($('bo_daily_avg_pct'), s.daily_avg_pct || 0);
const winbar = $('bo_winbar_card');
if ((s.total_trades||0) > 0) {
if (winbar) winbar.style.display = 'block';
const wr = s.win_rate||0;
setTxt('bo_win_label', `🟢 승 ${s.win_trades||0}건 (${wr}%)`);
setTxt('bo_loss_label', `🔴 패 ${s.loss_trades||0}건 (${(100-wr).toFixed(1)}%)`);
const rg = $('bo_ratio_g'); if (rg) rg.style.width = wr + '%';
const rr = $('bo_ratio_r'); if (rr) rr.style.width = (100-wr) + '%';
} else if (winbar) {
winbar.style.display = 'none';
}
try {
if (d.equity && d.equity.length) {
lineChart('bo_equity_chart',
d.equity.map(e => e.date),
d.equity.map(e => e.cum_pnl),
'가상누적손익', '#3fb950');
} else {
destroyChart('bo_equity_chart');
}
const rKeys = Object.keys(d.reasons || {});
if (rKeys.length) {
doughnutChart('bo_reason_chart', rKeys, rKeys.map(k => d.reasons[k]));
} else {
destroyChart('bo_reason_chart');
}
if (d.daily && d.daily.length) {
barChart('bo_daily_chart',
d.daily.map(e => e.date.slice(5)),
d.daily.map(e => e.pnl));
} else {
destroyChart('bo_daily_chart');
}
} catch (chartErr) {
console.error('bo chart render', chartErr);
}
renderVirtualTrades('bo_tbody', d.trades || [], {
showDebug: true,
showCumulative: true,
totalBudget: Number(p.total_budget_krw || 0),
});
if (boRa) boRa.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
function runRangeBreakBacktest() {
let start = $('rb_start')?.value || '';
let end = $('rb_end')?.value || '';
if (!start) {
start = kstMonthStartIso();
setDateVal('rb_start', start);
}
if (!end) {
end = kstTodayParts().iso;
setDateVal('rb_end', end);
}
if (end && start && end < start) {
alert('종료일이 시작일보다 앞섭니다.');
return;
}
const params = {
start, end,
box_lookback_min: $('rb_box_lb').value,
box_max_width_pct: $('rb_box_max_w').value,
setup_vol_max_mult: $('rb_setup_vol').value,
setup_bear_bars_min: $('rb_bear_min').value,
vol_window: $('rb_vol_win').value,
vol_mult: $('rb_vol_mult').value,
sl_pct: $('rb_sl').value,
tp_pct: $('rb_tp').value,
trail_pct: $('rb_trail').value,
trail_arm_pct: $('rb_trail_arm')?.value || '0',
shoulder_min_high_pct: $('rb_shoulder_smin').value,
shoulder_cut_pct: $('rb_shoulder_scut').value,
time_start_hm: $('rb_time_start').value,
time_end_hm: $('rb_time_end').value,
max_daily: $('rb_max_daily').value,
cooldown_min: $('rb_cooldown').value,
max_daily_chg: $('rb_max_chg').value,
min_price: $('rb_min_price').value,
max_loss_krw: $('rb_max_loss').value,
slot_money: $('rb_slot').value,
max_stocks: $('rb_max_stocks')?.value || '20',
total_budget_krw: $('rb_total_budget')?.value || '0',
use_high_chase_filter: $('rb_use_high_chase')?.checked ? 1 : 0,
universe: $('rb_use_univ_history')?.checked ? 'history' : 'all',
env_timeline: envTimelineParam('rb_env_timeline'),
};
showSpinner(true);
fetch('/api/backtest/range_break?' + new URLSearchParams(params).toString())
.then(async r => {
const d = await r.json().catch(() => ({}));
if (!r.ok) throw new Error(d.error || ('HTTP ' + r.status));
return d;
})
.then(d => { showSpinner(false); renderRangeBreakBacktest(d); })
.catch(err => { showSpinner(false); alert('백테스트 오류: ' + err); });
}
function saveRangeBreakConfig() {
const body = {
box_lookback_min: parseInt($('rb_box_lb').value, 10),
box_max_width_pct: parseFloat($('rb_box_max_w').value),
setup_vol_max_mult: parseFloat($('rb_setup_vol').value),
setup_bear_bars_min: parseInt($('rb_bear_min').value, 10),
vol_window: parseInt($('rb_vol_win').value, 10),
vol_mult: parseFloat($('rb_vol_mult').value),
sl_pct: parseFloat($('rb_sl').value),
tp_pct: parseFloat($('rb_tp').value),
trail_pct: parseFloat($('rb_trail').value),
trail_arm_pct: parseFloat($('rb_trail_arm')?.value || '0'),
shoulder_min_high_pct: parseFloat($('rb_shoulder_smin').value),
shoulder_cut_pct: parseFloat($('rb_shoulder_scut').value),
time_start_hm: parseInt($('rb_time_start').value, 10),
time_end_hm: parseInt($('rb_time_end').value, 10),
max_daily: parseInt($('rb_max_daily').value, 10),
cooldown_min: parseFloat($('rb_cooldown').value),
max_daily_chg: parseFloat($('rb_max_chg').value),
min_price: parseFloat($('rb_min_price').value),
max_loss_krw: parseInt($('rb_max_loss').value, 10),
use_high_chase_filter: !!($('rb_use_high_chase')?.checked),
slot_money: parseInt($('rb_slot').value, 10),
max_stocks: parseInt($('rb_max_stocks')?.value || '20', 10),
total_budget_krw: parseInt($('rb_total_budget')?.value || '0', 10),
};
if (!confirm('💾 박스권돌파 봇(RANGE_BREAK_* env)에 저장할까요?')) return;
fetch('/api/backtest/range_break/save_config', {
method: 'POST', headers: {'Content-Type': 'application/json'},
body: JSON.stringify(body),
}).then(r => r.json()).then(d => {
if (d.error) { alert('❌ ' + d.error); return; }
alert('✅ 저장 완료 (env_id: ' + d.env_id + ')');
}).catch(e => alert('오류: ' + e));
}
function renderRangeBreakBacktest(d) {
if (!d || d.error) {
alert('❌ ' + (d && d.error ? d.error : '응답 없음'));
return;
}
if (!d.summary) { alert('summary 없음'); return; }
const s = d.summary;
const p = d.params || {};
const ra = $('rb_result_area');
if (ra) ra.style.display = 'block';
const pb = $('rb_params_bar');
if (pb) {
pb.style.display = 'block';
pb.innerHTML =
`박스 ${p.box_lookback_min}분 · 폭≤${p.box_max_width_pct}% · vol×${p.vol_mult} ` +
`| ${p.time_window} | 손절-${p.sl_pct}% 익절+${p.tp_pct}% | 종목 ${p.codes_analyzed || 0}개`;
}
const setTxt = (id, txt) => { const el = $(id); if (el) el.textContent = txt; };
setTxt('rb_total', (s.total_trades || 0) + '건');
setTxt('rb_winrate', (s.win_rate || 0) + '%');
colorPnl($('rb_winrate'), (s.win_rate || 0) - 50);
setTxt('rb_pnl', fmtKrw(s.total_pnl));
colorPnl($('rb_pnl'), s.total_pnl);
setTxt('rb_pf', (s.profit_factor || 0) >= 999 ? '∞' : String(s.profit_factor || 0));
colorPnl($('rb_pf'), (s.profit_factor || 0) - 1);
setTxt('rb_mdd', '-' + fmtWon(s.max_drawdown) + '원');
setTxt('rb_hold', (s.avg_hold_min || 0) + '분');
const rbSign = (v) => (v > 0 ? '+' : '');
setTxt('rb_bot_pct', rbSign(s.bot_pct || 0) + (s.bot_pct || 0) + '%');
colorPnl($('rb_bot_pct'), s.bot_pct || 0);
setTxt('rb_daily_avg_pct', rbSign(s.daily_avg_pct || 0) + (s.daily_avg_pct || 0) + '%');
colorPnl($('rb_daily_avg_pct'), s.daily_avg_pct || 0);
if ((s.total_trades || 0) > 0 && $('rb_winbar_card')) {
$('rb_winbar_card').style.display = '';
const wr = s.win_rate || 0;
setTxt('rb_win_label', `🟢 승 ${s.win_trades || 0}건 (${wr}%)`);
setTxt('rb_loss_label', `🔴 패 ${s.loss_trades || 0}건 (${(100 - wr).toFixed(1)}%)`);
if ($('rb_ratio_g')) $('rb_ratio_g').style.width = wr + '%';
if ($('rb_ratio_r')) $('rb_ratio_r').style.width = (100 - wr) + '%';
}
try {
if (d.equity && d.equity.length) {
lineChart('rb_equity_chart', d.equity.map(e => e.date), d.equity.map(e => e.cum_pnl), '누적손익', '#58a6ff');
} else destroyChart('rb_equity_chart');
const rKeys = Object.keys(d.reasons || {});
if (rKeys.length) doughnutChart('rb_reason_chart', rKeys, rKeys.map(k => d.reasons[k]));
else destroyChart('rb_reason_chart');
if (d.daily && d.daily.length) {
barChart('rb_daily_chart', d.daily.map(e => e.date.slice(5)), d.daily.map(e => e.pnl));
} else destroyChart('rb_daily_chart');
} catch (e) { console.error('rb chart', e); }
renderVirtualTrades('rb_tbody', d.trades || [], {
showCumulative: true,
totalBudget: Number(p.total_budget_krw || s.total_budget_krw || 0),
});
let rbCtx = $('rb_trade_context');
if (!rbCtx) {
const bar = document.querySelector('.trade-sort-bar[data-tbody="rb_tbody"]');
if (bar) {
rbCtx = document.createElement('div');
rbCtx.id = 'rb_trade_context';
rbCtx.className = 'mb-2 p-2 rounded';
rbCtx.style.cssText = 'font-size:12px;background:var(--bg-secondary, #1c2128);color:var(--muted);display:none';
bar.parentNode.insertBefore(rbCtx, bar);
}
}
if (rbCtx) {
fillTradePnLContext(rbCtx, {
label: '백테 RANGE_BREAK',
totalBudget: Number(p.total_budget_krw || s.total_budget_krw || 0),
peakCum: Number(s.peak_cum_pnl || 0),
peakAt: s.peak_cum_at || '',
totalPnl: s.total_pnl,
});
}
if (ra) ra.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
// - 백엔드 API: /api/backtest/momentum (momentum_engine 전용)
// - 탐색결과: /api/backtest/momentum/search_results · apply_search
// ============================================================================
function runMomentumBacktest() {
try {
showSpinner(true);
let start = $('mom_start')?.value || '';
let end = $('mom_end')?.value || '';
if (!start) {
start = kstMonthStartIso();
setDateVal('mom_start', start);
}
if (!end) {
end = kstTodayParts().iso;
setDateVal('mom_end', end);
}
if (end && start && end < start) {
showSpinner(false);
alert('종료일이 시작일보다 앞섭니다. 날짜를 확인하세요.');
return;
}
const v = id => { const el = $(id); return el ? el.value : ''; };
const slotN = parseFloat(v('mom_slot_money')) || 0;
const budgetN = parseFloat(v('mom_total_budget')) || 0;
if (budgetN > 0 && slotN > 0 && budgetN < slotN * 0.9) {
showSpinner(false);
alert(
`⚠️ 총운용한도(${budgetN.toLocaleString()}원) < 1회투자(${slotN.toLocaleString()}원)\n` +
'→ 1주도 살 수 없어 거래 0건입니다.\n\n' +
'총운용한도를 올리거나 1회투자금을 줄이세요.'
);
return;
}
const params = {
start,
end,
sl_pct: v('mom_sl'),
tp_pct: v('mom_tp'),
tp_max_pct: v('mom_tp_max'),
slot_money: v('mom_slot_money'),
slots: v('mom_slots'),
total_budget_krw: v('mom_total_budget') || '0',
cooldown_min: v('mom_cooldown'),
shoulder_min_high: v('mom_smin'),
shoulder_cut_pct: v('mom_scut'),
trail_pct: v('mom_trail'),
trail_arm_pct: v('mom_trail_arm'),
max_hold_bars: v('mom_max_hold'),
ratchet_tiers: v('mom_ratchet'),
time_start: v('mom_time_start'),
time_end: 1530,
max_daily: v('mom_max_daily'),
high_chase_thr: v('mom_high_chase'),
max_daily_chg: v('mom_max_daily_chg'),
min_price: v('mom_min_price'),
max_loss_krw: v('mom_max_loss_krw'),
min_margin: v('mom_min_margin'),
use_defense_filters: $('mom_use_defense')?.checked ? 1 : 0,
ob_filter: $('mom_ob_filter')?.checked ? 1 : 0,
pg_filter: $('mom_pg_filter')?.checked ? 1 : 0,
max_spread_pct: v('mom_max_spread_pct'),
use_high_chase_filter: $('mom_use_high_chase_f')?.checked ? 1 : 0,
use_daily_range_filter: $('mom_use_daily_range')?.checked ? 1 : 0,
use_ema_filter: $('mom_use_ema_f')?.checked ? 1 : 0,
use_rsi_max_filter: $('mom_use_rsi_max_f')?.checked ? 1 : 0,
pattern_breakout: $('mom_pat_breakout')?.checked ? 1 : 0,
pattern_pullback: $('mom_pat_pullback')?.checked ? 1 : 0,
chase_lookback_min: v('mom_chase_lookback') || '10',
pullback_lookback_min: v('mom_pullback_lookback') || '15',
pullback_min_pct: v('mom_pullback_min') || '0.3',
pullback_max_pct: v('mom_pullback_max') || '3.0',
setup_vol_max_mult: v('mom_setup_vol') || '0.8',
setup_bear_bars_min: v('mom_setup_bear') || '1',
ema_fast_period: v('mom_ema_fast') || '9',
ema_slow_period: v('mom_ema_slow') || '21',
mom_rsi_min: v('mom_rsi_min'),
mom_rsi_max: v('mom_rsi_max'),
mom_vol_mult: v('mom_vol_mult'),
mom_vol_win: v('mom_vol_win'),
e_min_chg_pct: v('mom_e_min_chg') || '0.2',
mom_time_end: v('mom_time_end_buy'),
mom_max_from_open_pct: v('mom_max_from_open') || '999',
mom_min_from_open_pct: v('mom_min_from_open') || '-999',
universe: $('mom_use_univ_history')?.checked ? 'history' : 'sim',
universe_history_source: univHistorySourceParam('mom_univ_history_source'),
candle_source: $('mom_candle_source')?.value || '',
tick_source: $('mom_tick_source')?.value || '',
ob_source: $('mom_ob_source')?.value || '',
daily_trail_tiers: (v('mom_daily_trail_tiers') || '').trim(),
daily_trail_drop_pct: v('mom_daily_trail_drop') || '0',
daily_trail_arm_krw: v('mom_daily_trail_arm') || '0',
daily_profit_mode: ($('mom_daily_profit_mode') && $('mom_daily_profit_mode').value) || 'trailing',
daily_profit_enabled: $('mom_daily_profit_enabled')?.checked ? 1 : 0,
daily_risk_budget_enabled: $('mom_daily_risk_budget_enabled')?.checked ? 1 : 0,
eod_enabled: $('mom_eod_enabled')?.checked ? 1 : 0,
eod_hm: ($('mom_eod_hm') && $('mom_eod_hm').value.trim()) || '15:25',
backtest_skip_pre_subscribe: $('mom_skip_pre_sub')?.checked ? 1 : 0,
env_timeline: envTimelineParam('mom_env_timeline'),
};
const qs = new URLSearchParams(params).toString();
fetch('/api/backtest/momentum?' + qs)
.then(async r => {
const d = await r.json().catch(() => ({}));
if (!r.ok) throw new Error(d.error || ('HTTP ' + r.status));
return d;
})
.then(d => { showSpinner(false); renderMomentumBacktest(d); })
.catch(err => {
showSpinner(false);
alert('백테스트 오류: ' + err + '\n\n※ 저장 후보 이력 체크 시 1~3분 걸릴 수 있습니다. 기간을 줄이거나 체크 해제 후 재시도하세요.');
});
} catch (err) {
showSpinner(false);
alert('백테스트 실행 오류: ' + err);
}
}
/** 해외 모멘텀 백테 — /api/backtest/us_momentum (국내 momentum API 분기 사용 안 함) */
function runUsMomentumBacktest() {
try {
showSpinner(true);
let start = $('usmom_start')?.value || '';
let end = $('usmom_end')?.value || '';
if (!start) {
start = kstMonthStartIso();
setDateVal('usmom_start', start);
}
if (!end) {
end = kstTodayParts().iso;
setDateVal('usmom_end', end);
}
if (end && start && end < start) {
showSpinner(false);
alert('종료일이 시작일보다 앞섭니다.');
return;
}
const v = id => { const el = $(id); return el ? el.value : ''; };
const params = {
start,
end,
sl_pct: v('usmom_sl'),
tp_pct: v('usmom_tp'),
tp_max_pct: v('usmom_tp_max'),
slot_money: v('usmom_slot_money'),
slots: v('usmom_slots'),
total_budget_krw: v('usmom_total_budget') || '0',
cooldown_min: v('usmom_cooldown'),
shoulder_min_high: v('usmom_smin'),
shoulder_cut_pct: v('usmom_scut'),
trail_pct: v('usmom_trail') || '0',
trail_arm_pct: v('usmom_trail_arm') || '0',
max_hold_bars: v('usmom_max_hold') || '0',
ratchet_tiers: ($('usmom_ratchet')?.value || '').trim(),
time_start: v('usmom_time_start') || '2230',
time_end: v('usmom_time_end') || '500',
max_daily: v('usmom_max_daily') || '5',
high_chase_thr: v('usmom_high_chase') || '0.96',
max_daily_chg: v('usmom_max_daily_chg') || '20',
min_price: v('usmom_min_price') || '1',
max_loss_krw: v('usmom_max_loss') || '0',
min_margin: v('usmom_min_margin') || '0.2',
use_defense_filters: $('usmom_use_defense')?.checked ? 1 : 0,
use_high_chase_filter: $('usmom_use_high_chase_f')?.checked ? 1 : 0,
use_daily_range_filter: $('usmom_use_daily_range')?.checked ? 1 : 0,
use_ema_filter: $('usmom_use_ema_f')?.checked ? 1 : 0,
use_rsi_max_filter: $('usmom_use_rsi_max_f')?.checked ? 1 : 0,
pattern_breakout: $('usmom_pat_breakout')?.checked ? 1 : 0,
pattern_pullback: $('usmom_pat_pullback')?.checked ? 1 : 0,
chase_lookback_min: v('usmom_chase_lookback') || '10',
pullback_lookback_min: v('usmom_pullback_lookback') || '15',
pullback_min_pct: v('usmom_pullback_min') || '0.3',
pullback_max_pct: v('usmom_pullback_max') || '3.0',
setup_vol_max_mult: v('usmom_setup_vol') || '0.8',
setup_bear_bars_min: v('usmom_setup_bear') || '1',
ema_fast_period: v('usmom_ema_fast') || '9',
ema_slow_period: v('usmom_ema_slow') || '21',
mom_rsi_min: v('usmom_rsi_min'),
mom_rsi_max: v('usmom_rsi_max'),
mom_vol_mult: v('usmom_vol_mult'),
mom_vol_win: v('usmom_vol_win') || '5',
mom_time_end: v('usmom_time_end') || '500',
mom_max_from_open_pct: v('usmom_max_from_open') || '999',
mom_min_from_open_pct: v('usmom_min_from_open') || '-999',
eod_enabled: $('usmom_eod_enabled')?.checked ? 1 : 0,
eod_hm: ($('usmom_eod_hm') && $('usmom_eod_hm').value.trim()) || '05:00',
backtest_skip_pre_subscribe: 0,
daily_profit_enabled: $('usmom_daily_profit_enabled')?.checked ? 1 : 0,
daily_risk_budget_enabled: $('usmom_daily_risk_budget_enabled')?.checked ? 1 : 0,
daily_trail_tiers: ($('usmom_daily_trail_tiers')?.value || '').trim(),
daily_profit_mode: ($('usmom_daily_profit_mode')?.value || 'trailing'),
codes: ($('usmom_bt_codes')?.value || '').trim(),
};
const qs = new URLSearchParams(params).toString();
fetch('/api/backtest/us_momentum?' + qs)
.then(async r => {
const d = await r.json().catch(() => ({}));
if (!r.ok) throw new Error(d.error || ('HTTP ' + r.status));
return d;
})
.then(d => { showSpinner(false); renderUsMomentumBacktest(d); })
.catch(err => {
showSpinner(false);
alert('해외 모멘텀 백테 오류: ' + err);
});
} catch (err) {
showSpinner(false);
alert('해외 모멘텀 실행 오류: ' + err);
}
}
function renderUsMomentumBacktest(d) {
if (!d || d.error) {
alert('❌ ' + (d && d.error ? d.error : '백테스트 응답 없음'));
return;
}
const s = d.summary || {};
const trades = d.trades || [];
const p = d.params || {};
const fxRates = d.fx_rates || {};
const fxEnd = Number(s.fx_rate_end || 0) || getDisplayFxRate();
if (fxEnd > 0) setDisplayFxRate(fxEnd);
const ra = $('usmom_result_area');
if (ra) ra.style.display = 'block';
const pb = $('usmom_params_bar');
if (pb) {
pb.style.display = 'block';
const sess = p.time_window
|| `${p.time_start_hm ?? '?'}~${p.mom_time_end_hm ?? p.mom_time_end ?? p.time_end_hm ?? '?'}`;
const slot = Number(p.slot_money || 0);
const bud = Number(p.total_budget_krw || 0);
const slotTxt = fxEnd > 0 ? fmtUsdWithKrwText(slot, fxEnd) : fmtUsd(slot);
const budTxt = fxEnd > 0 ? fmtUsdWithKrwText(bud, fxEnd) : fmtUsd(bud);
const fxNote = fxEnd > 0 ? ` · FX ${fxEnd.toFixed(2)}원/$` : '';
pb.innerHTML =
`market=${p.market || 'US'} | 유니버스=${p.universe_source || 'permanent_us'} | ` +
`종목 ${p.codes_analyzed || '—'} · 1회 ${slotTxt} · 한도 ${budTxt} · ` +
`세션 ${sess}` +
(p.max_hold_bars != null ? ` · max_hold=${p.max_hold_bars}` : '') +
(p.start && p.end ? ` · ${p.start}~${p.end}` : '') +
fxNote;
}
const ctx = $('usmom_trade_context');
if (ctx) {
fillTradePnLContext(ctx, {
label: '백테 US_MOMENTUM',
totalBudget: Number(p.total_budget_krw || 0),
peakCum: Number(s.peak_cum_pnl || 0),
peakAt: s.peak_cum_at || '',
totalPnl: s.total_pnl,
currency: 'USD',
fxRate: fxEnd,
});
}
const setTxt = (id, txt) => { const el = $(id); if (el) el.textContent = txt; };
const setHtml = (id, html) => { const el = $(id); if (el) el.innerHTML = html; };
setTxt('usmom_total', (s.total_trades || 0) + '건');
setTxt('usmom_winrate', (s.win_rate || 0) + '%');
colorPnl($('usmom_winrate'), (s.win_rate || 0) - 50);
if (s.total_pnl_krw != null && Number.isFinite(Number(s.total_pnl_krw))) {
setHtml('usmom_pnl', `${fmtUsd(s.total_pnl)} <span style="color:var(--muted);font-size:12px">(${fmtWon(s.total_pnl_krw)}원)</span>`);
} else {
setHtml('usmom_pnl', fmtUsdWithKrw(s.total_pnl, fxEnd));
}
colorPnl($('usmom_pnl'), s.total_pnl);
setTxt('usmom_pf', (s.profit_factor || 0) >= 999 ? '∞' : String(s.profit_factor || 0));
colorPnl($('usmom_pf'), (s.profit_factor || 0) - 1);
if (s.max_drawdown_krw != null && Number.isFinite(Number(s.max_drawdown_krw))) {
setHtml('usmom_mdd', `-${fmtUsd(s.max_drawdown)} <span style="color:var(--muted);font-size:12px">(${fmtWon(s.max_drawdown_krw)}원)</span>`);
} else {
setTxt('usmom_mdd', '-' + fmtUsdWithKrwText(s.max_drawdown, fxEnd));
}
setTxt('usmom_hold', (s.avg_hold_min || 0) + '분');
const usSign = v => (v > 0 ? '+' : '');
setTxt('usmom_bot_pct', usSign(s.bot_pct || 0) + (s.bot_pct || 0) + '%');
colorPnl($('usmom_bot_pct'), s.bot_pct || 0);
setTxt('usmom_daily_avg_pct', usSign(s.daily_avg_pct || 0) + (s.daily_avg_pct || 0) + '%');
colorPnl($('usmom_daily_avg_pct'), s.daily_avg_pct || 0);
const winbar = $('usmom_winbar_card');
if ((s.total_trades || 0) > 0) {
if (winbar) winbar.style.display = 'block';
const wr = s.win_rate || 0;
setTxt('usmom_win_label', `🟢 승 ${s.win_trades || 0}건 (${wr}%)`);
setTxt('usmom_loss_label', `🔴 패 ${s.loss_trades || 0}건 (${(100 - wr).toFixed(1)}%)`);
const rg = $('usmom_ratio_g'); if (rg) rg.style.width = wr + '%';
const rr = $('usmom_ratio_r'); if (rr) rr.style.width = (100 - wr) + '%';
} else if (winbar) {
winbar.style.display = 'none';
}
try {
if (d.equity && d.equity.length) {
lineChart('usmom_equity_chart',
d.equity.map(e => e.date),
d.equity.map(e => e.cum_pnl),
'가상누적손익($)', '#3fb950');
} else {
destroyChart('usmom_equity_chart');
}
const rKeys = Object.keys(d.reasons || {});
if (rKeys.length) {
doughnutChart('usmom_reason_chart', rKeys, rKeys.map(k => d.reasons[k]));
} else {
destroyChart('usmom_reason_chart');
}
if (d.daily && d.daily.length) {
barChart('usmom_daily_chart',
d.daily.map(e => e.date.slice(5)),
d.daily.map(e => e.pnl));
} else {
destroyChart('usmom_daily_chart');
}
} catch (chartErr) {
console.error('usmom chart render', chartErr);
}
renderVirtualTrades('usmom_tbody', trades || [], {
showDebug: true,
showCumulative: true,
totalBudget: Number(p.total_budget_krw || 0),
currency: 'USD',
fxRates,
fxRate: fxEnd,
});
if (ra) ra.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
function usmomGoOptuna() {
/* Optuna 탭 = 전역 US_MOMENTUM_* 만 (종목 cfg는 이 탭 종목 Optuna) */
document.querySelectorAll('.opt-strat-cb').forEach(cb => {
cb.checked = (cb.value === 'us_momentum');
});
document.querySelectorAll('.opt-tail-em').forEach(cb => { cb.checked = false; });
btShowTab('optuna');
}
/** 해외 모멘텀 → 실거래 분석 탭 (국내 전략 탭과 동일: 전략탭에 실거래 UI 없음) */
function usmomActGoActualTab() {
const radio = document.querySelector('input[name=act_strategy][value=US_MOMENTUM]');
if (radio) radio.checked = true;
const day = ($('act_start')?.value || '').trim() || kstTradingDayIso(_krHolidays);
setDateVal('act_start', day);
setDateVal('act_end', day);
btShowTab('actual');
loadActual();
}
/** @deprecated 임베드 실거래/페이퍼 UI 제거 — 실거래 분석 탭으로 */
function loadUsMomActual() { usmomActGoActualTab(); }
function loadUsMomPaper() { usmomActGoActualTab(); }
let _usmomStockCache = [];
function usmomLoadStocks(seed) {
const q = seed ? '?seed=1' : '';
fetch('/api/us_momentum/stocks' + q)
.then(r => r.json())
.then(d => {
_usmomStockCache = d.stocks || [];
const sel = $('usmom_stock_code');
const tb = $('usmom_stock_tbody');
if (sel) {
const cur = sel.value;
sel.innerHTML = _usmomStockCache.map(s =>
`<option value="${s.code}">${s.code} (${s.stock_group || 'STOCK'})</option>`
).join('') || '<option value="">—</option>';
if (cur && [...sel.options].some(o => o.value === cur)) sel.value = cur;
}
if (tb) {
if (!_usmomStockCache.length) {
tb.innerHTML = '<tr><td colspan="5" class="text-muted">영구구독 US 없음</td></tr>';
} else {
tb.innerHTML = _usmomStockCache.map(s =>
`<tr style="cursor:pointer" onclick="usmomPickStock('${s.code}')">
<td>${s.code}</td><td>${s.stock_group || ''}</td><td>${s.exchange || ''}</td>
<td>${s.has_stock_cfg ? '✅' : '—'}</td>
<td>${s.enabled ? 'ON' : 'OFF'}</td></tr>`
).join('');
}
}
if (sel && sel.value) usmomOnStockSelect();
})
.catch(e => {
const tb = $('usmom_stock_tbody');
if (tb) tb.innerHTML = `<tr><td colspan="5" class="text-danger">${e}</td></tr>`;
});
}
function usmomPickStock(code) {
const sel = $('usmom_stock_code');
if (sel) sel.value = code;
usmomOnStockSelect();
}
function usmomOnStockSelect() {
const code = ($('usmom_stock_code')?.value || '').trim().toUpperCase();
if (!code) return;
const meta = (_usmomStockCache || []).find(s => s.code === code) || {};
if ($('usmom_stock_group')) $('usmom_stock_group').value = meta.stock_group || 'STOCK';
if ($('usmom_stock_exch')) $('usmom_stock_exch').value = meta.exchange || 'NASD';
const badge = $('usmom_stock_cfg_badge');
fetch('/api/us_momentum/stock_cfg?code=' + encodeURIComponent(code))
.then(r => r.json())
.then(d => {
if (badge) {
badge.textContent = d.has_stock_cfg
? `핀 있음 · ${code}`
: `전역 폴백 · ${code}`;
badge.style.color = d.has_stock_cfg ? 'var(--accent,#58a6ff)' : 'var(--muted)';
}
const c = d.cfg || {};
const setN = (id, v) => { const el = $(id); if (el && v != null && v !== '') el.value = v; };
setN('usmom_sl', c.sl_pct);
setN('usmom_tp', c.tp_pct);
setN('usmom_tp_max', c.tp_max_pct);
setN('usmom_smin', c.shoulder_min_high_pct);
setN('usmom_scut', c.shoulder_cut_pct);
setN('usmom_trail', c.trail_pct);
setN('usmom_trail_arm', c.trail_arm_pct);
setN('usmom_max_hold', c.max_hold_bars);
if (c.ratchet_tiers != null && $('usmom_ratchet')) $('usmom_ratchet').value = c.ratchet_tiers;
if (c.cooldown_sec != null && $('usmom_cooldown'))
$('usmom_cooldown').value = String(Math.round(Number(c.cooldown_sec) / 60 * 10) / 10);
setN('usmom_max_daily', c.max_daily);
setN('usmom_slot_money', c.slot_money);
setN('usmom_rsi_min', c.rsi_min);
setN('usmom_rsi_max', c.rsi_max);
setN('usmom_vol_mult', c.vol_mult);
setN('usmom_vol_win', c.vol_win);
setN('usmom_chase_lookback', c.chase_lookback_min);
setN('usmom_pullback_lookback', c.pullback_lookback_min);
setN('usmom_pullback_min', c.pullback_min_pct);
setN('usmom_pullback_max', c.pullback_max_pct);
if ($('usmom_bt_codes')) $('usmom_bt_codes').value = code;
})
.catch(e => console.warn('[usmom stock_cfg]', e));
}
function usmomSaveStockCfg() {
const code = ($('usmom_stock_code')?.value || '').trim().toUpperCase();
if (!code) { alert('종목을 선택하세요'); return; }
const numOrNull = (id) => {
const el = $(id);
if (!el || el.value === '' || el.value == null) return null;
const n = Number(el.value);
return Number.isFinite(n) ? n : null;
};
const body = {
code,
exchange: ($('usmom_stock_exch')?.value || 'NASD').trim(),
symbol: code,
name: code,
stock_group: ($('usmom_stock_group')?.value || 'STOCK'),
sl_pct: numOrNull('usmom_sl'),
tp_pct: numOrNull('usmom_tp'),
tp_max_pct: numOrNull('usmom_tp_max'),
shoulder_min_high_pct: numOrNull('usmom_smin'),
shoulder_cut_pct: numOrNull('usmom_scut'),
trail_pct: numOrNull('usmom_trail'),
trail_arm_pct: numOrNull('usmom_trail_arm'),
ratchet_tiers: ($('usmom_ratchet')?.value || '').trim() || null,
max_hold_bars: numOrNull('usmom_max_hold'),
cooldown_sec: (() => {
const m = numOrNull('usmom_cooldown');
return m == null ? null : Math.round(m * 60);
})(),
max_daily: numOrNull('usmom_max_daily'),
slot_money: numOrNull('usmom_slot_money'),
rsi_min: numOrNull('usmom_rsi_min'),
rsi_max: numOrNull('usmom_rsi_max'),
vol_mult: numOrNull('usmom_vol_mult'),
vol_win: numOrNull('usmom_vol_win'),
chase_lookback_min: numOrNull('usmom_chase_lookback'),
pullback_lookback_min: numOrNull('usmom_pullback_lookback'),
pullback_min_pct: numOrNull('usmom_pullback_min'),
pullback_max_pct: numOrNull('usmom_pullback_max'),
setup_vol_max_mult: numOrNull('usmom_setup_vol'),
setup_bear_bars_min: numOrNull('usmom_setup_bear'),
high_chase_thr: numOrNull('usmom_high_chase'),
max_daily_chg: numOrNull('usmom_max_daily_chg'),
min_price: numOrNull('usmom_min_price'),
ema_fast_period: numOrNull('usmom_ema_fast'),
ema_slow_period: numOrNull('usmom_ema_slow'),
use_defense_filters: $('usmom_use_defense')?.checked ? 1 : 0,
use_high_chase_filter: $('usmom_use_high_chase_f')?.checked ? 1 : 0,
use_daily_range_filter: $('usmom_use_daily_range')?.checked ? 1 : 0,
use_ema_filter: $('usmom_use_ema_f')?.checked ? 1 : 0,
use_rsi_max_filter: $('usmom_use_rsi_max_f')?.checked ? 1 : 0,
pattern_breakout: $('usmom_pat_breakout')?.checked ? 1 : 0,
pattern_pullback: $('usmom_pat_pullback')?.checked ? 1 : 0,
};
fetch('/api/us_momentum/stock_cfg', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(body),
})
.then(r => r.json())
.then(d => {
if (d.error) throw new Error(d.error);
alert('✅ ' + code + ' 종목 파람 저장');
usmomLoadStocks(false);
})
.catch(e => alert('종목 저장 실패: ' + e));
}
function usmomClearStockCfg() {
const code = ($('usmom_stock_code')?.value || '').trim().toUpperCase();
if (!code) return;
if (!confirm(code + ' 종목 핀을 삭제하고 전역 US_MOMENTUM_* 로 복귀할까요?')) return;
fetch('/api/us_momentum/stock_cfg?code=' + encodeURIComponent(code), { method: 'DELETE' })
.then(r => r.json())
.then(d => {
if (d.error) throw new Error(d.error);
usmomLoadStocks(false);
})
.catch(e => alert('삭제 실패: ' + e));
}
const USMOM_OPT_LS_KEY = 'kis_usmom_stock_optuna_job';
let _usmomOptJobId = localStorage.getItem(USMOM_OPT_LS_KEY) || '';
let _usmomOptPollTimer = null;
/** @type {{source:string, rank:number}|null} */
let _usmomOptSelected = null;
window._usmomOptLastSummary = null;
function usmomOptSetStatus(html, isErr) {
const el = $('usmom_opt_status');
if (!el) return;
el.innerHTML = html;
el.style.color = isErr ? 'var(--danger, #f85149)' : 'var(--muted)';
}
function usmomOptSyncSelectedButtons() {
const has = !!(
_usmomOptSelected && _usmomOptSelected.source && _usmomOptSelected.rank
);
const fl = $('usmom_opt_btn_fill_sel');
const ap = $('usmom_opt_btn_apply_sel');
if (fl) fl.disabled = !has;
if (ap) ap.disabled = !has;
const sel = $('usmom_opt_detail_sel');
if (sel) {
sel.textContent = has
? `${_usmomOptSelected.source} #${_usmomOptSelected.rank}`
: '미선택';
}
}
function usmomOptSetButtons(running, done) {
const st = $('usmom_opt_btn_start');
const sp = $('usmom_opt_btn_stop');
const ap = $('usmom_opt_btn_apply');
const fl = $('usmom_opt_btn_fill');
if (st) st.disabled = !!running;
if (sp) sp.disabled = !running;
if (ap) ap.disabled = !done;
if (fl) fl.disabled = !done;
const box = $('usmom_opt_results_box');
if (box) {
if (done) {
box.style.display = 'block';
box.dataset.forceShow = '1';
} else if (running) {
box.style.display = 'none';
box.dataset.forceShow = '';
}
}
usmomOptSyncSelectedButtons();
}
function usmomOptFmtUsdOrNum(v, digits) {
const n = Number(v);
if (!Number.isFinite(n)) return '—';
if (digits == null) return n.toLocaleString(undefined, { maximumFractionDigits: 2 });
return n.toFixed(digits);
}
function usmomOptRenderTopTable(tbodyId, rows, source) {
const tb = $(tbodyId);
if (!tb) return;
if (!rows || !rows.length) {
tb.innerHTML = `<tr><td colspan="7" class="text-muted">${source} 후보 없음</td></tr>`;
return;
}
const src = source;
tb.innerHTML = rows.map(r => {
const rank = r.rank || 1;
const sel = _usmomOptSelected
&& _usmomOptSelected.source === src
&& Number(_usmomOptSelected.rank) === Number(rank);
const outline = sel ? 'outline:1px solid var(--accent)' : '';
return `<tr style="${outline}">
<td>${rank}</td>
<td>#${r.optuna_trial_number ?? '—'}</td>
<td class="text-end">${usmomOptFmtUsdOrNum(r.total_trades, 0)}</td>
<td class="text-end">${usmomOptFmtUsdOrNum(r.win_rate, 1)}%</td>
<td class="text-end">${usmomOptFmtUsdOrNum(r.pf, 2)}</td>
<td class="text-end ${Number(r.total_pnl) >= 0 ? 'text-pnl-pos' : 'text-pnl-neg'}">${usmomOptFmtUsdOrNum(r.total_pnl)}</td>
<td class="text-nowrap">
<button type="button" class="btn btn-sm btn-outline-secondary py-0" onclick="usmomStockOptunaView('${src}',${rank})">보기</button>
<button type="button" class="btn btn-sm btn-outline-info py-0" onclick="usmomStockOptunaFillForm('${src}',${rank})">폼</button>
<button type="button" class="btn btn-sm btn-outline-success py-0" onclick="usmomStockOptunaApply('${src}',${rank})">적용</button>
</td>
</tr>`;
}).join('');
}
function usmomStockOptunaRenderResults(sum) {
window._usmomOptLastSummary = sum || null;
const box = $('usmom_opt_results_box');
if (!sum) {
if (box) box.style.display = 'none';
return;
}
if (box) {
box.style.display = 'block';
box.dataset.forceShow = '1';
}
usmomOptRenderTopTable('usmom_opt_top5_learn', sum.top5_learn || [], 'learn');
usmomOptRenderTopTable('usmom_opt_top5_gated', sum.top5_gated || [], 'gated');
}
function usmomOptSyncDatesFromMain() {
const s = ($('usmom_start')?.value || '').trim();
const e = ($('usmom_end')?.value || '').trim();
if ($('usmom_opt_start') && s) $('usmom_opt_start').value = s;
if ($('usmom_opt_end') && e) $('usmom_opt_end').value = e;
}
function usmomOptSyncDatesToMain() {
const s = ($('usmom_opt_start')?.value || '').trim();
const e = ($('usmom_opt_end')?.value || '').trim();
if ($('usmom_start') && s) setDateVal('usmom_start', s);
if ($('usmom_end') && e) setDateVal('usmom_end', e);
}
function usmomStockOptunaRender(job) {
if (!job) return;
const st = job.status || '';
const prog = job.progress || {};
const pct = Number(prog.pct || 0);
const doneN = prog.trials_done ?? 0;
const totN = prog.trials_total ?? job.trials ?? '—';
const fill = $('usmom_opt_fill');
if (fill) {
fill.style.width = `${Math.min(100, Math.max(0, pct))}%`;
fill.classList.toggle('is-done', st === 'done');
fill.classList.toggle('is-error', st === 'error');
}
if ($('usmom_opt_prog_label')) {
const met = optunaBestMetricsText(prog, job);
$('usmom_opt_prog_label').textContent =
`trial ${doneN} / ${totN} (${pct}%)` +
(job.symbol ? ` · ${job.symbol}` : '') +
(met ? ` · ${met}` : '');
}
const log = job.log_path ? `<br><code style="font-size:11px">${job.log_path}</code>` : '';
usmomOptSetStatus(
`<b>${job.label || '종목 Optuna'}</b> · ${st}` +
(job.error ? `<br>❌ ${job.error}` : '') +
(job.result_json ? `<br>JSON: <code style="font-size:11px">${job.result_json}</code>` : '') +
log,
st === 'error'
);
const tail = $('usmom_opt_log_tail');
if (tail) {
const t = (job.log_tail || '').trim();
if (t) {
tail.textContent = t;
tail.classList.remove('d-none');
} else if (st !== 'running') {
tail.classList.add('d-none');
}
}
usmomOptSetButtons(st === 'running', st === 'done');
if (st === 'done' && job.result_summary) {
usmomStockOptunaRenderResults(job.result_summary);
}
// 상단 네비 프로그레스도 동일 갱신 (Optuna 탭과 공유 바)
if (typeof optunaSetNav === 'function') optunaSetNav(job);
}
async function usmomStockOptunaView(source, rank) {
if (!_usmomOptJobId) {
_usmomOptJobId = localStorage.getItem(USMOM_OPT_LS_KEY) || '';
}
if (!_usmomOptJobId) { alert('종목 Optuna job 없음'); return; }
const src = source || 'learn';
const rk = Number(rank) || 1;
_usmomOptSelected = { source: src, rank: rk };
usmomOptSyncSelectedButtons();
const title = $('usmom_opt_detail_title');
const met = $('usmom_opt_detail_metrics');
const pre = $('usmom_opt_detail_params');
if (title) title.textContent = `로딩 ${src} #${rk}…`;
if (met) met.textContent = '불러오는 중…';
try {
const qs = new URLSearchParams({
job_id: _usmomOptJobId,
source: src,
rank: String(rk),
});
const r = await fetch('/api/optuna/candidate?' + qs.toString());
const j = await r.json();
if (!j.ok) {
if (met) met.textContent = '❌ ' + (j.error || '실패');
if (pre) { pre.textContent = '—'; pre.classList.add('d-none'); }
return;
}
const m = j.metrics || {};
if (title) {
title.textContent =
`${j.strategy || 'us_momentum'} · ${m.label || src} · trial ${
m.optuna_trial_number != null ? '#' + m.optuna_trial_number : '—'
}`;
}
if (met) {
met.innerHTML =
`거래 <b>${usmomOptFmtUsdOrNum(m.total_trades, 0)}</b> · ` +
`승률 <b>${usmomOptFmtUsdOrNum(m.win_rate, 1)}%</b> · ` +
`PF <b>${usmomOptFmtUsdOrNum(m.pf, 2)}</b> · ` +
`PnL <b class="${Number(m.total_pnl) >= 0 ? 'text-pnl-pos' : 'text-pnl-neg'}">${usmomOptFmtUsdOrNum(m.total_pnl)}</b>` +
(j.start && j.end ? ` · ${j.start}~${j.end}` : '');
}
if (pre) {
pre.textContent = JSON.stringify(j.params_preview || j.params_full || {}, null, 2);
pre.classList.remove('d-none');
}
window._optunaJobId = _usmomOptJobId;
window._optunaCandidateCache = {
strategy: j.strategy || 'us_momentum',
start: j.start,
end: j.end,
params: j.params_full || j.params_preview || {},
};
usmomStockOptunaRenderResults(window._usmomOptLastSummary);
} catch (e) {
if (met) met.textContent = '오류: ' + e;
}
}
async function usmomStockOptunaFillSelected() {
if (!_usmomOptSelected) { alert('먼저 Top에서「보기」로 후보를 고르세요'); return; }
return usmomStockOptunaFillForm(_usmomOptSelected.source, _usmomOptSelected.rank);
}
async function usmomStockOptunaApplySelected() {
if (!_usmomOptSelected) { alert('먼저 Top에서「보기」로 후보를 고르세요'); return; }
return usmomStockOptunaApply(_usmomOptSelected.source, _usmomOptSelected.rank);
}
async function usmomStockOptunaStart() {
const code = ($('usmom_stock_code')?.value || '').trim().toUpperCase();
if (!code) { alert('종목을 선택하세요'); return; }
usmomOptSyncDatesFromMain();
let start = ($('usmom_opt_start')?.value || '').trim() || ($('usmom_start')?.value || '').trim();
let end = ($('usmom_opt_end')?.value || '').trim() || ($('usmom_end')?.value || '').trim();
if (!start || !end) { alert('시작·종료일을 입력하세요'); return; }
usmomOptSyncDatesToMain();
if ($('usmom_bt_codes')) $('usmom_bt_codes').value = code;
const trials = parseInt($('usmom_opt_trials')?.value || '100', 10) || 100;
let studyTrials = parseInt($('usmom_opt_study_trials')?.value, 10);
if (!Number.isFinite(studyTrials) || studyTrials <= 0) studyTrials = null;
const mode = ($('usmom_opt_mode')?.value || 'tpe').trim() || 'tpe';
const candleSrc = $('opt_candle_source')?.value || '';
const tickSrc = $('opt_tick_source')?.value || '';
const obSrc = $('opt_ob_source')?.value || '';
if (!confirm(
`종목 Optuna 시작?\n${code} (1종목 유니버스)\n${start}~${end} trials=${trials}` +
(studyTrials ? `\n스터디 총 횟수=${studyTrials}` : '') +
`\n` +
`완료 후 「폼에 넣기」→백테 검증 · 「종목행에 적용」→ stock_config\n(전역 US_MOMENTUM_* 미적용)`
)) return;
try {
const r = await fetch('/api/optuna/start', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
strategy: 'us_momentum',
symbol: code,
start, end, trials, mode,
study_trials: studyTrials || undefined,
candle_source: candleSrc,
tick_source: tickSrc,
ob_source: obSrc,
}),
});
const j = await r.json();
if (!j.ok) { alert('❌ ' + (j.error || '시작 실패')); return; }
_usmomOptJobId = j.job.job_id;
localStorage.setItem(USMOM_OPT_LS_KEY, _usmomOptJobId);
usmomStockOptunaRender(j.job);
usmomStockOptunaStartPolling();
} catch (e) {
alert('오류: ' + e);
}
}
async function usmomStockOptunaStop() {
if (!_usmomOptJobId) return;
if (!confirm('종목 Optuna를 중지할까요?')) return;
try {
const r = await fetch('/api/optuna/stop/' + encodeURIComponent(_usmomOptJobId), { method: 'POST' });
const j = await r.json();
if (!j.ok) { alert(j.error || '중지 실패'); return; }
usmomStockOptunaRender(j.job);
if (_usmomOptPollTimer) { clearInterval(_usmomOptPollTimer); _usmomOptPollTimer = null; }
} catch (e) { alert('오류: ' + e); }
}
async function usmomStockOptunaPollOnce() {
if (!_usmomOptJobId) return;
try {
const r = await fetch('/api/optuna/status/' + encodeURIComponent(_usmomOptJobId));
const j = await r.json();
if (!j.ok) {
usmomOptSetStatus('job 없음', true);
_usmomOptJobId = '';
localStorage.removeItem(USMOM_OPT_LS_KEY);
usmomOptSetButtons(false, false);
const fill = $('usmom_opt_fill');
if (fill) { fill.style.width = '0%'; fill.classList.remove('is-done', 'is-error'); }
if ($('usmom_opt_prog_label')) $('usmom_opt_prog_label').textContent = 'trial —';
return;
}
usmomStockOptunaRender(j.job);
const st = j.job.status;
if (st === 'done' || st === 'error') {
if (_usmomOptPollTimer) { clearInterval(_usmomOptPollTimer); _usmomOptPollTimer = null; }
}
} catch (e) {
usmomOptSetStatus('폴링 오류: ' + e, true);
}
}
function usmomStockOptunaStartPolling() {
if (_usmomOptPollTimer) clearInterval(_usmomOptPollTimer);
usmomStockOptunaPollOnce();
_usmomOptPollTimer = setInterval(usmomStockOptunaPollOnce, 4000);
}
async function usmomStockOptunaFillForm(source, rank) {
/* source/rank 없으면 학습1위(진행바 best). Top「폼」·선택 버튼에서 지정 가능. */
if (!_usmomOptJobId) {
_usmomOptJobId = localStorage.getItem(USMOM_OPT_LS_KEY) || '';
}
if (!_usmomOptJobId) { alert('완료된 종목 Optuna job 없음'); return; }
const src = (source || 'learn').toString();
const rk = Number(rank) || 1;
_usmomOptSelected = { source: src, rank: rk };
usmomOptSyncSelectedButtons();
const code = ($('usmom_stock_code')?.value || '').trim().toUpperCase()
|| ($('usmom_bt_codes')?.value || '').trim().toUpperCase();
try {
const qs = new URLSearchParams({
job_id: _usmomOptJobId,
source: src,
rank: String(rk),
});
const r = await fetch('/api/optuna/candidate?' + qs.toString());
const j = await r.json();
if (!j.ok) { alert('❌ ' + (j.error || '후보 없음')); return; }
window._optunaJobId = _usmomOptJobId;
window._optunaCandidateCache = {
strategy: j.strategy || 'us_momentum',
start: j.start,
end: j.end,
params: j.params_full || j.params_preview || {},
};
// 이미 🇺🇸탭 — tab.click 스킵 (핀 cfg 재로드로 덮어쓰기 방지)
await optunaFillFormFromCandidate(src, rk);
if (code && $('usmom_bt_codes')) $('usmom_bt_codes').value = code;
if (j.start) {
setDateVal('usmom_start', j.start);
if ($('usmom_opt_start')) $('usmom_opt_start').value = j.start;
}
if (j.end) {
setDateVal('usmom_end', j.end);
if ($('usmom_opt_end')) $('usmom_opt_end').value = j.end;
}
} catch (e) {
alert('폼에 넣기 오류: ' + e);
}
}
async function usmomStockOptunaApply(source, rank) {
if (!_usmomOptJobId) {
_usmomOptJobId = localStorage.getItem(USMOM_OPT_LS_KEY) || '';
}
if (!_usmomOptJobId) { alert('완료된 종목 Optuna job 없음'); return; }
const code = ($('usmom_stock_code')?.value || '').trim().toUpperCase();
if (!code) { alert('종목 선택 필요'); return; }
const src = (source || 'learn').toString();
const rk = Number(rank) || 1;
_usmomOptSelected = { source: src, rank: rk };
usmomOptSyncSelectedButtons();
if (!confirm(
`${code} ${src} #${rk} → us_momentum_stock_config?\n` +
`(전역 US_MOMENTUM_* / 다단트레일 미변경)`
)) return;
try {
const r = await fetch('/api/optuna/apply', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
job_id: _usmomOptJobId,
source: src,
rank: rk,
symbol: code,
exchange: ($('usmom_stock_exch')?.value || 'NASD').trim(),
stock_group: ($('usmom_stock_group')?.value || 'STOCK').trim(),
}),
});
const j = await r.json();
if (!j.ok) { alert('❌ ' + (j.error || '적용 실패')); return; }
alert(
`✅ ${code} 종목행 적용 (${src} #${rk})\n` +
`PnL=${j.metrics?.total_pnl} trades=${j.metrics?.total_trades}\n` +
(j.apply_target || '')
);
usmomLoadStocks(false);
} catch (e) {
alert('오류: ' + e);
}
}
/** US_MOMENTUM_* 만 저장 — 국내 MOMENTUM_/SCALP_ 미오염 */
function saveUsMomentumConfig() {
const body = {
sl_pct: parseFloat($('usmom_sl')?.value),
tp_pct: parseFloat($('usmom_tp')?.value),
tp_max_pct: parseFloat($('usmom_tp_max')?.value),
slot_money: parseInt($('usmom_slot_money')?.value || '0', 10) || 0,
slots: parseInt($('usmom_slots')?.value || '4', 10) || 4,
total_budget_krw: parseInt($('usmom_total_budget')?.value || '0', 10),
cooldown_min: parseFloat($('usmom_cooldown')?.value || '0'),
shoulder_min_high: parseFloat($('usmom_smin')?.value),
shoulder_cut_pct: parseFloat($('usmom_scut')?.value),
trail_pct: parseFloat($('usmom_trail')?.value || '0'),
trail_arm_pct: parseFloat($('usmom_trail_arm')?.value || '0'),
max_hold_bars: parseInt($('usmom_max_hold')?.value || '0', 10),
ratchet_tiers: ($('usmom_ratchet')?.value || '').trim(),
time_start: parseInt($('usmom_time_start')?.value || '2230', 10),
time_end: parseInt($('usmom_time_end')?.value || '500', 10),
sell_time_end: parseInt($('usmom_sell_time_end')?.value || '630', 10),
max_daily: parseInt($('usmom_max_daily')?.value || '5', 10),
high_chase_thr: parseFloat($('usmom_high_chase')?.value || '0.96'),
max_daily_chg: parseFloat($('usmom_max_daily_chg')?.value || '20'),
min_price: parseFloat($('usmom_min_price')?.value || '1'),
max_loss_krw: parseInt($('usmom_max_loss')?.value || '0', 10),
min_margin: parseFloat($('usmom_min_margin')?.value || '0.2'),
use_defense_filters: !!($('usmom_use_defense')?.checked),
use_high_chase_filter: !!($('usmom_use_high_chase_f')?.checked),
use_daily_range_filter: !!($('usmom_use_daily_range')?.checked),
use_ema_filter: !!($('usmom_use_ema_f')?.checked),
use_rsi_max_filter: !!($('usmom_use_rsi_max_f')?.checked),
pattern_breakout: !!($('usmom_pat_breakout')?.checked),
pattern_pullback: !!($('usmom_pat_pullback')?.checked),
chase_lookback_min: parseInt($('usmom_chase_lookback')?.value || '10', 10),
pullback_lookback_min: parseInt($('usmom_pullback_lookback')?.value || '15', 10),
pullback_min_pct: parseFloat($('usmom_pullback_min')?.value || '0.3'),
pullback_max_pct: parseFloat($('usmom_pullback_max')?.value || '3.0'),
setup_vol_max_mult: parseFloat($('usmom_setup_vol')?.value || '0.8'),
setup_bear_bars_min: parseInt($('usmom_setup_bear')?.value || '1', 10),
ema_fast_period: parseInt($('usmom_ema_fast')?.value || '9', 10),
ema_slow_period: parseInt($('usmom_ema_slow')?.value || '21', 10),
mom_rsi_min: parseFloat($('usmom_rsi_min')?.value),
mom_rsi_max: parseFloat($('usmom_rsi_max')?.value),
mom_vol_mult: parseFloat($('usmom_vol_mult')?.value),
mom_vol_win: parseInt($('usmom_vol_win')?.value || '5', 10),
mom_max_from_open_pct: parseFloat($('usmom_max_from_open')?.value || '999'),
mom_min_from_open_pct: parseFloat($('usmom_min_from_open')?.value || '-999'),
daily_trail_tiers: ($('usmom_daily_trail_tiers')?.value || '').trim(),
daily_profit_mode: ($('usmom_daily_profit_mode')?.value || 'trailing'),
daily_profit_enabled: !!($('usmom_daily_profit_enabled')?.checked),
daily_risk_budget_enabled: !!($('usmom_daily_risk_budget_enabled')?.checked),
eod_enabled: !!($('usmom_eod_enabled')?.checked),
eod_hm: ($('usmom_eod_hm')?.value || '').trim() || '05:00',
};
fetch('/api/backtest/us_momentum/save_config', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(body),
})
.then(r => r.json())
.then(d => {
if (d.error) throw new Error(d.error);
alert('✅ 해외 모멘텀 설정 저장 (' + (d.saved_keys || []).length + '키 · US_MOMENTUM_* only)');
})
.catch(err => alert('해외 모멘텀 저장 오류: ' + err));
}
function updateUsMomFxHint() {
const apply = (fx) => {
if (fx > 0) setDisplayFxRate(fx);
const el = $('usmom_fx_hint');
if (!el) return;
const r = getDisplayFxRate();
if (!(r > 0)) {
el.textContent = '$↔원 = 표시용(캐시/폴백)';
return;
}
const slot = Number($('usmom_slot_money')?.value || 0);
const bud = Number($('usmom_total_budget')?.value || 0);
el.textContent =
`FX ${r.toFixed(2)} · 1회≈${fmtWon(Math.round(slot * r))}원 · 한도≈${fmtWon(Math.round(bud * r))}원`;
};
const cached = getDisplayFxRate();
if (cached > 0) apply(cached);
fetch('/api/fx/usd_krw')
.then(r => r.json())
.then(j => {
const fx = Number(j.display_rate || 0);
if (fx > 0) apply(fx);
})
.catch(() => {});
}
function fillUsMomentumFormFromApi(m) {
if (!m || typeof m !== 'object') return;
const set = (id, val) => { if (val !== null && val !== undefined && $(id)) $(id).value = val; };
set('usmom_rsi_min', m.mom_rsi_min);
set('usmom_rsi_max', m.mom_rsi_max);
set('usmom_vol_mult', m.mom_vol_mult);
set('usmom_vol_win', m.mom_vol_win);
set('usmom_time_start', m.mom_time_start_hm || m.time_start);
set('usmom_time_end', m.mom_time_end_hm || m.time_end);
set('usmom_sell_time_end', m.sell_time_end);
if (m.eod_enabled !== undefined && $('usmom_eod_enabled')) {
$('usmom_eod_enabled').checked = !!m.eod_enabled;
}
if (m.eod_hm != null) set('usmom_eod_hm', m.eod_hm);
set('usmom_sl', m.sl_pct);
set('usmom_tp', m.tp_pct);
set('usmom_tp_max', m.tp_max_pct);
set('usmom_smin', m.shoulder_min_high);
set('usmom_scut', m.shoulder_cut_pct);
if (m.trail_pct != null) set('usmom_trail', m.trail_pct);
if (m.trail_arm_pct != null) set('usmom_trail_arm', m.trail_arm_pct);
if (m.max_hold_bars != null) set('usmom_max_hold', m.max_hold_bars);
if ($('usmom_ratchet')) $('usmom_ratchet').value = (m.ratchet_tiers != null ? String(m.ratchet_tiers) : '');
set('usmom_cooldown', m.cooldown_min);
set('usmom_max_daily', m.max_daily);
set('usmom_slot_money', m.slot_money);
set('usmom_slots', m.mom_slots || m.slots);
if (m.total_budget_krw != null) set('usmom_total_budget', m.total_budget_krw);
set('usmom_high_chase', m.high_chase_thr);
set('usmom_max_daily_chg', m.max_daily_chg);
set('usmom_min_price', m.min_price);
set('usmom_max_loss', m.max_loss_krw);
set('usmom_min_margin', m.min_margin);
set('usmom_max_from_open', m.mom_max_from_open_pct);
set('usmom_min_from_open', m.mom_min_from_open_pct);
if ($('usmom_pat_breakout') && m.pattern_breakout !== undefined) {
$('usmom_pat_breakout').checked = !!m.pattern_breakout;
}
if ($('usmom_pat_pullback') && m.pattern_pullback !== undefined) {
$('usmom_pat_pullback').checked = !!m.pattern_pullback;
}
set('usmom_chase_lookback', m.chase_lookback_min);
set('usmom_pullback_lookback', m.pullback_lookback_min);
set('usmom_pullback_min', m.pullback_min_pct);
set('usmom_pullback_max', m.pullback_max_pct);
set('usmom_setup_vol', m.setup_vol_max_mult);
set('usmom_setup_bear', m.setup_bear_bars_min);
if (m.use_defense_filters !== undefined && $('usmom_use_defense')) {
$('usmom_use_defense').checked = !!m.use_defense_filters;
}
if ($('usmom_use_high_chase_f') && m.use_high_chase_filter !== undefined) {
$('usmom_use_high_chase_f').checked = !!m.use_high_chase_filter;
}
if ($('usmom_use_daily_range') && m.use_daily_range_filter !== undefined) {
$('usmom_use_daily_range').checked = !!m.use_daily_range_filter;
}
if ($('usmom_use_ema_f') && m.use_ema_filter !== undefined) {
$('usmom_use_ema_f').checked = !!m.use_ema_filter;
}
if ($('usmom_use_rsi_max_f') && m.use_rsi_max_filter !== undefined) {
$('usmom_use_rsi_max_f').checked = !!m.use_rsi_max_filter;
}
if (m.ema_fast_period != null) set('usmom_ema_fast', m.ema_fast_period);
if (m.ema_slow_period != null) set('usmom_ema_slow', m.ema_slow_period);
if (m.daily_profit_enabled !== undefined && $('usmom_daily_profit_enabled')) {
$('usmom_daily_profit_enabled').checked = !!m.daily_profit_enabled;
}
if (m.daily_risk_budget_enabled !== undefined && $('usmom_daily_risk_budget_enabled')) {
$('usmom_daily_risk_budget_enabled').checked = !!m.daily_risk_budget_enabled;
}
if (m.daily_trail_tiers != null) set('usmom_daily_trail_tiers', m.daily_trail_tiers);
if (m.daily_profit_mode != null) set('usmom_daily_profit_mode', m.daily_profit_mode);
updateUsMomFxHint();
}
/** 영구구독 US 전 종목 → KIS 해외 1분봉 → ws_candles.market=US */
function usmomFetchCandles(tf) {
const start = $('usmom_start')?.value || '';
const end = $('usmom_end')?.value || '';
if (!start || !end) {
alert('시작일·종료일을 먼저 넣으세요.');
return;
}
const st = $('usmom_fetch_status');
if (st) st.textContent = '수집 시작…';
fetch('/api/ws_candles/fetch_us', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ start, end, tf: tf || 1, rollup_3m: true }),
})
.then(r => r.json())
.then(d => {
if (d.error) throw new Error(d.error);
const jobId = d.job_id;
if (!jobId) throw new Error('job_id 없음');
const poll = () => {
fetch('/api/ws_candles/fetch_us/status/' + jobId)
.then(r => r.json())
.then(j => {
if (st) {
st.textContent =
`${j.status || '?'} · ${j.current || ''} saved=${j.saved || 0}` +
(j.error ? ' · ' + j.error : '');
}
if (j.status === 'running') setTimeout(poll, 1500);
else if (j.status === 'done' && st) {
st.textContent =
`완료 · 종목 ${j.codes || 0} · 저장 ${j.saved || 0}봉` +
(j.rollup_3m ? ` · 3m롤업 ${j.rollup_3m}` : '');
}
})
.catch(e => { if (st) st.textContent = '폴링 오류: ' + e; });
};
poll();
})
.catch(err => {
if (st) st.textContent = '실패: ' + err;
alert('US 봉 수집 오류: ' + err);
});
}
function saveMomentumConfig() {
const body = {
sl_pct: parseFloat($('mom_sl').value),
tp_pct: parseFloat($('mom_tp').value),
tp_max_pct: parseFloat($('mom_tp_max').value),
slot_money: parseInt($('mom_slot_money').value, 10) || 0,
slots: parseInt($('mom_slots').value, 10) || 3,
total_budget_krw: parseInt($('mom_total_budget')?.value || '0', 10),
cooldown_min: parseFloat($('mom_cooldown').value),
shoulder_min_high: parseFloat($('mom_smin').value),
shoulder_cut_pct: parseFloat($('mom_scut').value),
trail_pct: parseFloat($('mom_trail')?.value || '0'),
trail_arm_pct: parseFloat($('mom_trail_arm')?.value || '0'),
max_hold_bars: parseInt($('mom_max_hold')?.value || '0', 10),
ratchet_tiers: ($('mom_ratchet')?.value || '').trim(),
time_start: parseInt($('mom_time_start').value, 10),
max_daily: parseInt($('mom_max_daily').value, 10),
high_chase_thr: parseFloat($('mom_high_chase').value),
max_daily_chg: parseFloat($('mom_max_daily_chg').value),
min_price: parseFloat($('mom_min_price').value),
max_loss_krw: parseInt($('mom_max_loss_krw').value, 10),
min_margin: parseFloat($('mom_min_margin').value),
use_defense_filters: !!($('mom_use_defense')?.checked),
use_high_chase_filter: !!($('mom_use_high_chase_f')?.checked),
use_daily_range_filter: !!($('mom_use_daily_range')?.checked),
use_ema_filter: !!($('mom_use_ema_f')?.checked),
use_rsi_max_filter: !!($('mom_use_rsi_max_f')?.checked),
pattern_breakout: !!($('mom_pat_breakout')?.checked),
pattern_pullback: !!($('mom_pat_pullback')?.checked),
chase_lookback_min: parseInt($('mom_chase_lookback')?.value || '10', 10),
pullback_lookback_min: parseInt($('mom_pullback_lookback')?.value || '15', 10),
pullback_min_pct: parseFloat($('mom_pullback_min')?.value || '0.3'),
pullback_max_pct: parseFloat($('mom_pullback_max')?.value || '3.0'),
setup_vol_max_mult: parseFloat($('mom_setup_vol')?.value || '0.8'),
setup_bear_bars_min: parseInt($('mom_setup_bear')?.value || '1', 10),
ema_fast_period: parseInt($('mom_ema_fast')?.value || '9', 10),
ema_slow_period: parseInt($('mom_ema_slow')?.value || '21', 10),
mom_rsi_min: parseFloat($('mom_rsi_min').value),
mom_rsi_max: parseFloat($('mom_rsi_max').value),
mom_vol_mult: parseFloat($('mom_vol_mult').value),
mom_vol_win: parseInt($('mom_vol_win').value, 10),
e_min_chg_pct: parseFloat($('mom_e_min_chg')?.value || '0.2'),
mom_time_end: parseInt($('mom_time_end_buy').value, 10),
mom_max_from_open_pct: parseFloat($('mom_max_from_open')?.value || '999'),
mom_min_from_open_pct: parseFloat($('mom_min_from_open')?.value || '-999'),
ob_filter: !!($('mom_ob_filter')?.checked),
pg_filter: !!($('mom_pg_filter')?.checked),
daily_trail_tiers: ($('mom_daily_trail_tiers') && $('mom_daily_trail_tiers').value.trim()) || '',
daily_profit_mode: ($('mom_daily_profit_mode') && $('mom_daily_profit_mode').value) || 'trailing',
daily_profit_enabled: !!($('mom_daily_profit_enabled')?.checked),
daily_risk_budget_enabled: !!($('mom_daily_risk_budget_enabled')?.checked),
eod_enabled: !!($('mom_eod_enabled')?.checked),
eod_hm: ($('mom_eod_hm') && $('mom_eod_hm').value.trim()) || '15:25',
backtest_skip_pre_subscribe: !!($('mom_skip_pre_sub')?.checked),
};
if (!confirm('💾 모멘텀 봇(MOMENTUM_*)에 현재 탭 값을 저장할까요?\n실행 중이면 다음 루프부터 반영됩니다.\n다단트레일: ' + (body.daily_profit_enabled ? 'ON' : 'OFF') + ' · 리스크버짓(B): ' + (body.daily_risk_budget_enabled ? 'ON' : 'OFF'))) return;
fetch('/api/backtest/momentum/save_config', {
method: 'POST', headers: {'Content-Type': 'application/json'},
body: JSON.stringify(body),
}).then(r => r.json()).then(d => {
if (d.error) { alert('❌ ' + d.error); return; }
btAddPresetOption('mom_daily_trail_preset', $('mom_daily_trail_tiers') && $('mom_daily_trail_tiers').value);
const byTbl = d.saved_by_table || {};
const tblLines = Object.entries(byTbl).map(([t, ks]) => ` ${t}: ${ks.join(', ')}`).join('\n');
alert(`✅ 저장 완료 (env_id: ${d.env_id})\n테이블:\n${tblLines || d.saved_keys?.join(', ')}`);
}).catch(e => alert('오류: ' + e));
}
function renderMomentumBacktest(d) {
if (!d || d.error) {
alert('❌ ' + (d && d.error ? d.error : '백테스트 응답 없음'));
return;
}
if (!d.summary) {
alert('백테스트 응답 오류 (summary 없음)');
return;
}
const s = d.summary || {};
const trades = d.trades || [];
const p = d.params || {};
const momRa = $('mom_result_area');
if (momRa) momRa.style.display = 'block';
const momPb = $('mom_params_bar');
if (momPb) momPb.style.display = 'block';
const setTxt = (id, txt) => { const el = $(id); if (el) el.textContent = txt; };
const momUnivLabel = formatUniverseLabel(p);
const effTp = p.effective_tp_pct != null ? p.effective_tp_pct : p.tp_pct;
const periodHint = (p.start && p.end) ? ` | ${p.start}~${p.end}` : '';
const patParts = [];
if (p.pattern_breakout) patParts.push('돌파');
if (p.pattern_pullback) patParts.push('눌림');
const patLabel = patParts.length ? patParts.join('+') : '패턴OFF';
const rsiLabel = p.use_rsi_max_filter
? `RSI ${p.mom_rsi_min}~${p.mom_rsi_max}`
: `RSI≥${p.mom_rsi_min}`;
const momSummaryLine =
`<span class="badge ${isHistoryUniverseSource(p.universe_source) ? 'badge-info' : 'badge-secondary'}" title="후보 이력(키움/LS)">${momUnivLabel}</span> ` +
`${patLabel}(${p.chase_lookback_min || '—'}분) | ${rsiLabel} | 거래량×${p.mom_vol_mult} | ` +
`손절-${p.sl_pct}% | 어깨(${p.shoulder_min_high}%/${p.shoulder_cut_pct}%)` +
`${p.ratchet_tiers ? '·래칫' + p.ratchet_tiers : ''} | ` +
`익절상한+${effTp}%${periodHint} | ` +
`EMA ${p.use_ema_filter ? `ON(${p.ema_fast_period}/${p.ema_slow_period})` : 'OFF'} | ` +
`1회 ${Number(p.slot_money||0).toLocaleString()}원 · 동시${p.max_stocks||'?'}종 · 한도 ${Number(p.total_budget_krw||0).toLocaleString()}원 | ` +
`쿨다운${p.cooldown_min}분 | 일${p.max_daily || '—'}회 | 종목수 ${p.codes_analyzed || '—'}개`;
if (momPb) momPb.innerHTML = momSummaryLine;
const momCtx = $('mom_trade_context');
if (momCtx) {
fillTradePnLContext(momCtx, {
label: '백테 MOMENTUM',
totalBudget: Number(p.total_budget_krw || 0),
peakCum: Number(s.peak_cum_pnl || 0),
peakAt: s.peak_cum_at || '',
totalPnl: s.total_pnl,
});
}
setTxt('mom_total', (s.total_trades || 0) + '건');
setTxt('mom_winrate', (s.win_rate || 0) + '%');
colorPnl($('mom_winrate'), (s.win_rate || 0) - 50);
setTxt('mom_pnl', fmtKrw(s.total_pnl));
colorPnl($('mom_pnl'), s.total_pnl);
setTxt('mom_pf', (s.profit_factor || 0) >= 999 ? '∞' : String(s.profit_factor || 0));
colorPnl($('mom_pf'), (s.profit_factor || 0) - 1);
setTxt('mom_mdd', '-' + fmtWon(s.max_drawdown) + '원');
setTxt('mom_hold', (s.avg_hold_min || 0) + '분');
const momSign = v => (v > 0 ? '+' : '');
setTxt('mom_bot_pct', momSign(s.bot_pct || 0) + (s.bot_pct || 0) + '%');
colorPnl($('mom_bot_pct'), s.bot_pct || 0);
setTxt('mom_daily_avg_pct', momSign(s.daily_avg_pct || 0) + (s.daily_avg_pct || 0) + '%');
colorPnl($('mom_daily_avg_pct'), s.daily_avg_pct || 0);
if (s.budget_warning) {
if (momPb) momPb.innerHTML += `<div class="mt-1" style="color:#e3b341;font-size:12px">💰 ${s.budget_warning}</div>`;
if (momCtx) momCtx.innerHTML += `<div style="color:#e3b341;font-size:12px">💰 ${s.budget_warning}</div>`;
}
if ((s.total_trades || 0) === 0) {
const zmsg = s.budget_warning
? `거래 0건 — ${s.budget_warning}`
: '거래 0건 — 기간·유니버스·진입조건을 확인하세요. (총한도 < 동시×1회투자 이면 체결 불가)';
const zhtml = `<div class="mt-2 p-2 rounded" style="color:#f85149;font-size:13px;border:1px solid #f85149;background:rgba(248,81,73,.08)">⚠️ ${zmsg}</div>`;
if (momPb) momPb.innerHTML += zhtml;
if (momCtx) momCtx.innerHTML += zhtml;
}
if (s.universe_warning) {
if (momPb) momPb.innerHTML += `<div class="mt-1" style="color:#f85149;font-size:12px">⚠️ ${s.universe_warning}</div>`;
if (momCtx) momCtx.innerHTML += `<div style="color:#f85149;font-size:12px">⚠️ ${s.universe_warning}</div>`;
}
const tickMeta = s.tick_backtest || {};
const skipStats = s.skip_stats || {};
if (tickMeta.tick_bar_coverage_pct != null || skipStats.tick_exit_count != null) {
const covLabel = fmtTickCoverageLabel(tickMeta);
const rows = tickMeta.ws_tick_rows_loaded != null ? Number(tickMeta.ws_tick_rows_loaded).toLocaleString() : '—';
const te = skipStats.tick_entry_count != null ? skipStats.tick_entry_count : '—';
const tx = skipStats.tick_exit_count != null ? skipStats.tick_exit_count : '—';
const oe = skipStats.ohlc_entry_count != null ? skipStats.ohlc_entry_count : '—';
const ox = skipStats.ohlc_exit_count != null ? skipStats.ohlc_exit_count : '—';
const tickLine =
`📊 ws_ticks ${rows}건 · 분봉커버 ${covLabel} | ` +
`진입 틱${te}/시가${oe} · 청산 틱${tx}/OHLC${ox}`;
if (momPb) momPb.innerHTML += `<div class="mt-1" style="color:#58a6ff;font-size:12px">${tickLine}</div>`;
if (momCtx) momCtx.innerHTML += `<div style="color:#58a6ff;font-size:12px">${tickLine}</div>`;
}
if (skipStats.buy_queue_mode) {
const qm = skipStats.buy_queue_mode === 'live_scan'
? `매수큐 실매형 ${skipStats.scan_sec || 10}초 · 스캔${skipStats.scan_events ?? '—'} · 매수${skipStats.scan_buys ?? '—'}`
: '매수큐 분봉(레거시)';
const um = skipStats.universe_mode === 'scan_at'
? `유니버스 스캔시각·디바운스${skipStats.universe_debounce_sec ?? 30}초`
: (skipStats.universe_mode === 'minute_slot' ? '유니버스 분슬롯' : '');
const line = um ? `🔄 ${qm} | ${um}` : `🔄 ${qm}`;
if (momPb) momPb.innerHTML += `<div class="mt-1" style="color:#8b949e;font-size:12px">${line}</div>`;
if (momCtx) momCtx.innerHTML += `<div style="color:#8b949e;font-size:12px">${line}</div>`;
}
const peakCum = Number(s.peak_cum_pnl || 0);
const peakAt = fmtTradeTime(s.peak_cum_at || '');
if (peakCum > 0 && peakAt) {
const peakLine =
`💡 장중 누적 최고 <b style="color:var(--green)">+${peakCum.toLocaleString()}원</b> (${peakAt})` +
` · 최종 <b>${fmtKrw(s.total_pnl)}</b>`;
if (momPb) momPb.innerHTML += `<div class="mt-1" style="color:#8b949e;font-size:12px">${peakLine}</div>`;
}
const winbar = $('mom_winbar_card');
if ((s.total_trades || 0) > 0) {
if (winbar) winbar.style.display = 'block';
const wr = s.win_rate || 0;
setTxt('mom_win_label', `🟢 승 ${s.win_trades || 0}건 (${wr}%)`);
setTxt('mom_loss_label', `🔴 패 ${s.loss_trades || 0}건 (${(100 - wr).toFixed(1)}%)`);
const rg = $('mom_ratio_g'); if (rg) rg.style.width = wr + '%';
const rr = $('mom_ratio_r'); if (rr) rr.style.width = (100 - wr) + '%';
} else if (winbar) {
winbar.style.display = 'none';
}
try {
if (d.equity && d.equity.length) {
lineChart('mom_equity_chart',
d.equity.map(e => e.date),
d.equity.map(e => e.cum_pnl),
'가상누적손익', '#3fb950');
} else {
destroyChart('mom_equity_chart');
}
const rKeys = Object.keys(d.reasons || {});
if (rKeys.length) {
doughnutChart('mom_reason_chart', rKeys, rKeys.map(k => d.reasons[k]));
} else {
destroyChart('mom_reason_chart');
}
if (d.daily && d.daily.length) {
barChart('mom_daily_chart',
d.daily.map(e => e.date.slice(5)),
d.daily.map(e => e.pnl));
} else {
destroyChart('mom_daily_chart');
}
} catch (chartErr) {
console.error('mom chart render', chartErr);
}
renderVirtualTrades('mom_tbody', trades || [], {
showDebug: true,
showCumulative: true,
totalBudget: Number(p.total_budget_krw || 0),
});
if (momRa) momRa.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
function saveScalpConfig() {
const body = {
save_kind: 'reversal',
rsi_period: parseInt($('bt_rsi_period')?.value || '3', 10),
rsi_oversold: parseFloat($('bt_rsi_oversold').value),
rsi_overbought: parseFloat($('bt_rsi_overbought')?.value || 75),
sl_pct: parseFloat($('bt_sl').value),
tp_pct: parseFloat($('bt_tp').value),
tp_max_pct: parseFloat($('bt_tp_max').value),
drop_rate: parseFloat($('bt_drop').value),
vol_mult: parseFloat($('bt_vol_mult')?.value || '0'),
shoulder_min_high: parseFloat($('bt_smin').value),
shoulder_cut_pct: parseFloat($('bt_scut').value),
cooldown_min: parseFloat($('bt_cooldown').value),
high_chase_thr: parseFloat($('bt_high_chase').value),
max_daily_chg: parseFloat($('bt_max_daily_chg').value),
min_price: parseFloat($('bt_min_price').value),
max_loss_krw: parseFloat($('bt_max_loss_krw').value),
min_margin: parseFloat($('bt_min_margin').value),
use_defense_filters: !!($('bt_use_defense')?.checked),
use_macd_cross: !!($('bt_use_macd')?.checked),
time_start_hm: parseInt($('bt_time_start')?.value || '830', 10),
time_end_hm: parseInt($('bt_time_end')?.value || '1530', 10),
max_daily: parseInt($('bt_max_daily')?.value || '3', 10),
skip_hts_scan_dupes: !!($('bt_skip_hts_dupes')?.checked),
require_reversal_candle: !!($('bt_require_reversal')?.checked),
slot_money: parseFloat($('bt_slot')?.value || '0'),
max_stocks: parseInt($('bt_max_stocks')?.value || '3', 10),
total_budget_krw: parseFloat($('bt_total_budget')?.value || '0'),
eod_enabled: !!($('bt_eod_enabled')?.checked),
eod_hm: ($('bt_eod_hm') && $('bt_eod_hm').value.trim()) || '15:25',
};
if (!confirm(`💾 스캘핑 봇에 아래 파라미터를 저장합니까?\n\n` +
`RSI기간: ${body.rsi_period} / 과매도: ${body.rsi_oversold} / 과열: ${body.rsi_overbought}\n` +
`손절: ${body.sl_pct}% / 익절: ${body.tp_pct}% / 낙폭: ${body.drop_rate}% / 거래량×: ${body.vol_mult}\n` +
`EOD: ${body.eod_enabled ? 'ON' : 'OFF'} ${body.eod_hm}\n` +
`\n⚠️ 봇이 실행 중이면 다음 루프부터 즉시 반영됩니다.`)) return;
fetch('/api/backtest/scalping/save_config', {
method: 'POST', headers: {'Content-Type': 'application/json'},
body: JSON.stringify(body),
}).then(r => r.json()).then(d => {
if (d.error) { alert('❌ ' + d.error); return; }
alert(`✅ 저장 완료 (env_id: ${d.env_id})\n저장 키: ${d.saved_keys?.join(', ')}`);
}).catch(e => alert('오류: ' + e));
}
// 방어 ON/OFF 토글은 클릭 즉시 DB 저장 (실시간 반영)
async function saveScalpDefenseRealtime() {
const enabled = !!($('bt_use_defense')?.checked);
try {
const r = await fetch('/api/backtest/scalping/save_config', {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify({ use_defense_filters: enabled }),
});
const d = await r.json();
if (d.error) {
alert('❌ 방어로직 저장 실패: ' + d.error);
return;
}
// DB 저장만 즉시 반영 — 날짜·파라미터 조정 후 「백테스트 실행」으로 확인
} catch (e) {
alert('오류: ' + e);
}
}
async function saveScalpMacdRealtime() {
const enabled = !!($('bt_use_macd')?.checked);
try {
const r = await fetch('/api/backtest/scalping/save_config', {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify({ use_macd_cross: enabled }),
});
const d = await r.json();
if (d.error) {
alert('❌ MACD 모드 저장 실패: ' + d.error);
return;
}
// MACD 백테는 reversal 보다 무거움 — 저장만 즉시 반영, 백테는 사용자가 실행
} catch (e) {
alert('오류: ' + e);
}
}
function fillScalpFormFromApi(s) {
if (!s || typeof s !== 'object') return;
const set = (id, val) => { if (val !== null && val !== undefined && $(id)) $(id).value = val; };
set('bt_rsi_oversold', s.rsi_oversold);
set('bt_rsi_overbought', s.rsi_overbought);
set('bt_sl', s.sl_pct);
set('bt_tp', s.tp_pct);
set('bt_tp_max', s.tp_max_pct);
set('bt_drop', s.drop_rate);
set('bt_smin', s.shoulder_min_high);
set('bt_scut', s.shoulder_cut_pct);
set('bt_cooldown', s.cooldown_min);
if (s.slot_money) set('bt_slot', s.slot_money);
if (s.high_chase_thr != null) set('bt_high_chase', s.high_chase_thr);
if (s.max_daily_chg != null) set('bt_max_daily_chg', s.max_daily_chg);
if (s.min_price != null) set('bt_min_price', s.min_price);
if (s.max_loss_krw != null) set('bt_max_loss_krw', s.max_loss_krw);
if (s.min_margin != null) set('bt_min_margin', s.min_margin);
if (s.use_defense_filters !== undefined && $('bt_use_defense')) {
const v = String(s.use_defense_filters).trim().toLowerCase();
$('bt_use_defense').checked = (v === '1' || v === 'true' || v === 'y' || v === 'yes' || v === 'on');
}
if (s.use_macd_cross !== undefined && $('bt_use_macd')) {
const v = String(s.use_macd_cross).trim().toLowerCase();
$('bt_use_macd').checked = (v === '1' || v === 'true' || v === 'y' || v === 'yes' || v === 'on');
}
set('bt_rsi_period', s.rsi_period);
set('bt_vol_mult', s.vol_mult);
set('bt_time_start', s.time_start_hm);
set('bt_time_end', s.time_end_hm);
set('bt_max_daily', s.max_daily);
if (s.max_stocks != null) set('bt_max_stocks', s.max_stocks);
if (s.total_budget_krw != null) set('bt_total_budget', s.total_budget_krw);
if ($('bt_skip_hts_dupes')) $('bt_skip_hts_dupes').checked = s.skip_hts_scan_dupes !== false;
if ($('bt_require_reversal')) {
const rv = s.require_reversal_candle;
$('bt_require_reversal').checked = rv !== false && rv !== 0 && rv !== '0' && rv !== 'false';
}
if (s.eod_enabled !== undefined && $('bt_eod_enabled')) {
const ev = String(s.eod_enabled).trim().toLowerCase();
$('bt_eod_enabled').checked = (ev === '1' || ev === 'true' || ev === 'y' || ev === 'yes' || ev === 'on' || s.eod_enabled === true);
}
if (s.eod_hm != null) set('bt_eod_hm', s.eod_hm);
// 호가·휩쏘 읽기전용 (Optuna 적용값 확인)
fillObWhipReadonly('bt', s);
}
/** 백테 탭 호가·익절·손절·휩쏘 읽기전용 채우기. prefix= bt|mom|tl|bo */
function fillObWhipReadonly(prefix, s) {
if (!s || typeof s !== 'object') return;
const p = prefix || 'bt';
const on = (id, v) => { const el = $(id); if (el) el.checked = !!v; };
const num = (id, v) => { if (v !== null && v !== undefined && $(id)) $(id).value = v; };
// 익절·손절 (스캘핑 RO 박스 / 상단 폼 동기)
const sl = s.sl_pct != null ? s.sl_pct : s.stop_loss_pct;
const tp = s.tp_pct != null ? s.tp_pct : s.take_profit_pct;
const tpMax = s.tp_max_pct != null ? s.tp_max_pct : s.take_profit_max_pct;
if (p === 'bt') {
num('bt_sl_ro', sl);
num('bt_tp_ro', tp);
num('bt_tp_max_ro', tpMax);
num('bt_sl', sl);
num('bt_tp', tp);
num('bt_tp_max', tpMax);
}
const obOn = s.ob_filter_enabled != null ? s.ob_filter_enabled : s.orderbook_filter_enabled;
const spread = s.max_spread_pct != null ? s.max_spread_pct : s.orderbook_max_spread_pct;
const ratio = s.ob_min_bid_ask_ratio != null ? s.ob_min_bid_ask_ratio
: (s.min_bid_ask_ratio != null ? s.min_bid_ask_ratio : s.orderbook_min_bid_ask_ratio);
const ask = s.ob_ask_max_mult != null ? s.ob_ask_max_mult
: (s.ask_max_mult != null ? s.ask_max_mult : s.orderbook_entry_ask_max_mult);
const whipOn = s.whipsaw_filter_enabled != null ? s.whipsaw_filter_enabled : s.whipsaw_enabled;
on(`${p}_ob_ro_on`, obOn);
num(`${p}_ob_ro_spread`, spread);
num(`${p}_ob_ro_ratio`, ratio);
num(`${p}_ob_ro_ask`, ask);
on(`${p}_whip_ro_on`, whipOn);
num(`${p}_whip_ro_sub`, s.whipsaw_subbar_sec != null ? s.whipsaw_subbar_sec : s.whipsaw_sub_sec);
num(`${p}_whip_ro_lb`, s.whipsaw_lookback_sec != null ? s.whipsaw_lookback_sec : s.whipsaw_lb_sec);
num(`${p}_whip_ro_dip`, s.whipsaw_dip_pct != null ? s.whipsaw_dip_pct : s.whipsaw_dip);
const note = $(`${p}_ob_whip_ro_note`);
if (note) {
const bits = [];
if (sl != null) bits.push(`손절${sl}%`);
if (tp != null) bits.push(`익절${tp}%`);
if (tpMax != null) bits.push(`상한${tpMax}%`);
bits.push(obOn ? '호가ON' : '호가OFF');
if (spread != null) bits.push(`스프레드≤${spread}`);
if (ratio != null) bits.push(`잔량≥${ratio}`);
if (ask != null) bits.push(`ask×≤${ask}`);
bits.push(whipOn ? '휩쏘ON' : '휩쏘OFF');
if (whipOn) {
bits.push(`sub=${s.whipsaw_subbar_sec ?? '?'} lb=${s.whipsaw_lookback_sec ?? '?'} dip=${s.whipsaw_dip_pct ?? '?'}`);
}
note.textContent = 'DB: ' + bits.join(' · ');
}
}
function fillBreakoutFormFromApi(b) {
if (!b || typeof b !== 'object') return;
const setM = (id, val) => { if (val !== null && val !== undefined && $(id)) $(id).value = val; };
setM('bo_lookback', b.lookback_min);
setM('bo_vol_win', b.vol_window);
setM('bo_vol_mult', b.vol_mult);
setM('bo_min_turnover', b.min_turnover_1m_pct);
setM('bo_prev_min', b.prev_chg_min);
setM('bo_prev_max', b.prev_chg_max);
if (b.entry_mode && $('bo_entry_mode')) {
$('bo_entry_mode').value = String(b.entry_mode).toLowerCase();
}
setM('bo_intrabar_slip', b.intrabar_slippage_pct);
if (b.sl_mode && $('bo_sl_mode')) {
$('bo_sl_mode').value = String(b.sl_mode).toLowerCase();
}
setM('bo_sl', b.sl_pct);
if (b.atr_period != null) setM('bo_atr_period', b.atr_period);
if (b.atr_sl_mult != null) setM('bo_atr_sl_mult', b.atr_sl_mult);
if (b.atr_sl_min_pct != null) setM('bo_atr_sl_min', b.atr_sl_min_pct);
if (b.atr_sl_max_pct != null) setM('bo_atr_sl_max', b.atr_sl_max_pct);
if (typeof boSyncSlModeColors === 'function') boSyncSlModeColors();
setM('bo_tp', b.tp_pct);
setM('bo_trail', b.trail_pct);
if (b.trail_arm_pct != null) setM('bo_trail_arm', b.trail_arm_pct);
setM('bo_shoulder_smin', b.shoulder_min_high_pct);
setM('bo_shoulder_scut', b.shoulder_cut_pct);
setM('bo_time_start', b.time_start_hm);
setM('bo_time_end', b.time_end_hm);
if (b.eod_enabled !== undefined && $('bo_eod_enabled')) {
$('bo_eod_enabled').checked = !!b.eod_enabled;
}
if (b.eod_hm != null) setM('bo_eod_hm', b.eod_hm);
if (b.max_hold_bars != null) setM('bo_max_hold', b.max_hold_bars);
setM('bo_max_daily', b.max_daily);
setM('bo_cooldown', b.cooldown_min);
setM('bo_max_chg', b.max_daily_chg);
setM('bo_min_price', b.min_price);
if (b.confirm_margin_pct != null) setM('bo_confirm_margin', b.confirm_margin_pct);
if (b.body_min_pct != null) setM('bo_body_min', b.body_min_pct);
if ($('bo_ratchet')) $('bo_ratchet').value = (b.ratchet_tiers != null ? String(b.ratchet_tiers) : '');
setM('bo_max_loss', b.max_loss_krw);
if (b.use_ema_filter !== undefined && $('bo_use_ema_f')) {
$('bo_use_ema_f').checked = !!b.use_ema_filter;
}
if (b.ema_fast_period != null) setM('bo_ema_fast', b.ema_fast_period);
if (b.ema_slow_period != null) setM('bo_ema_slow', b.ema_slow_period);
if ($('bo_skip_hts_dupes')) $('bo_skip_hts_dupes').checked = !!b.skip_hts_scan_dupes;
// DB 실효값 — HTML 기본 checked 금지. 미수신 시 OFF.
if ($('bo_ob_filter')) {
$('bo_ob_filter').checked = !!b.ob_filter_enabled;
}
if (b.max_spread_pct != null && $('bo_max_spread_pct')) {
$('bo_max_spread_pct').value = b.max_spread_pct;
}
if ($('bo_pg_filter')) {
$('bo_pg_filter').checked = !!b.pg_filter_enabled;
}
setM('bo_slot', b.slot_money);
if (b.max_stocks != null) setM('bo_max_stocks', b.max_stocks);
if (b.total_budget_krw != null) setM('bo_total_budget', b.total_budget_krw);
if (b.daily_profit_enabled !== undefined && $('bo_daily_profit_enabled')) {
$('bo_daily_profit_enabled').checked = !!b.daily_profit_enabled;
}
if (b.daily_risk_budget_enabled !== undefined && $('bo_daily_risk_budget_enabled')) {
$('bo_daily_risk_budget_enabled').checked = !!b.daily_risk_budget_enabled;
}
if ($('bo_daily_trail_tiers')) {
$('bo_daily_trail_tiers').value = (b.daily_trail_tiers != null ? String(b.daily_trail_tiers) : '');
}
if (b.daily_profit_mode && $('bo_daily_profit_mode')) {
$('bo_daily_profit_mode').value = b.daily_profit_mode;
}
btFillPresetOptions('bo_daily_trail_preset', b.daily_trail_presets);
}
function fillTailFormFromApi(t) {
if (!t || typeof t !== 'object') return;
const set = (id, val) => { if (val !== null && val !== undefined && $(id)) $(id).value = val; };
set('tl_drop', t.drop);
set('tl_rec', t.rec);
set('tl_tail', t.tail_ratio);
set('tl_sl', t.sl_pct);
set('tl_tp', t.tp_pct);
set('tl_smin', t.smin);
set('tl_scut', t.scut);
if ($('tl_ratchet')) $('tl_ratchet').value = (t.ratchet_tiers != null ? String(t.ratchet_tiers) : '');
if (t.trail_pct != null) set('tl_trail', t.trail_pct);
if (t.trail_arm_pct != null) set('tl_trail_arm', t.trail_arm_pct);
set('tl_cool', t.cool);
set('tl_rsi', t.rsi);
set('tl_ts', t.time_start);
set('tl_te', t.time_end);
if (t.eod_enabled !== undefined && $('tl_eod_enabled')) {
$('tl_eod_enabled').checked = !!t.eod_enabled;
}
if (t.eod_hm != null) set('tl_eod_hm', t.eod_hm);
set('tl_maxd', t.max_daily);
if (t.symbol_daily_loss_limit_krw != null) set('tl_symbol_loss_krw', t.symbol_daily_loss_limit_krw);
if (t.symbol_daily_loss_limit_pct != null) set('tl_symbol_loss_pct', t.symbol_daily_loss_limit_pct);
if (t.reentry_min_edge_krw != null) set('tl_reentry_min_edge', t.reentry_min_edge_krw);
set('tl_rsi_period', t.rsi_period);
set('tl_tail_pct', t.tail_pct_min);
set('tl_max_rec_3m', t.max_rec_3m);
set('tl_high_chase', t.high_chase);
set('tl_min_price', t.min_price);
set('tl_max_daily_change', t.max_daily_change);
set('tl_ma20_above', t.ma20_max_above);
set('tl_max_loss_krw', t.max_loss_krw);
if (t.min_drop_pct_for_loss_cut != null) set('tl_min_drop_loss_cut', t.min_drop_pct_for_loss_cut);
set('tl_stop_atr', t.stop_atr_mult);
set('tl_target_atr', t.target_atr_mult);
set('tl_atr_sl_min', t.atr_sl_min_pct);
set('tl_atr_sl_max', t.atr_sl_max_pct);
set('tl_atr_tp_min', t.atr_tp_min_pct);
set('tl_atr_tp_max', t.atr_tp_max_pct);
if (t.slot_money) set('tl_slot', t.slot_money);
if (t.max_stocks != null) set('tl_max_stocks', t.max_stocks);
if (t.total_budget_krw != null) set('tl_total_budget', t.total_budget_krw);
if (t.entry_mode && $('tl_entry_mode')) $('tl_entry_mode').value = String(t.entry_mode).toLowerCase();
set('tl_limit_atr_mult', t.limit_atr_mult);
if (t.limit_anchor && $('tl_limit_anchor')) $('tl_limit_anchor').value = String(t.limit_anchor);
set('tl_limit_valid_bars', t.limit_valid_bars);
set('tl_limit_fill_slip', t.limit_fill_slip_pct);
if ($('tl_skip_hts_dupes')) $('tl_skip_hts_dupes').checked = t.skip_hts_scan_dupes !== false;
if ($('tl_use_rsi_filter')) $('tl_use_rsi_filter').checked = t.use_rsi_filter !== false;
if ($('tl_use_ma20_filter')) $('tl_use_ma20_filter').checked = !!t.use_ma20_filter;
if ($('tl_use_daily_range')) $('tl_use_daily_range').checked = t.use_daily_range_filter !== false;
if ($('tl_use_high_chase_f')) $('tl_use_high_chase_f').checked = t.use_high_chase_filter !== false;
if ($('tl_use_intraday_drop')) $('tl_use_intraday_drop').checked = !!t.use_intraday_drop;
if (t.bar_chg_min_pct != null) set('tl_bar_chg_min', t.bar_chg_min_pct);
if (t.bar_chg_max_pct != null) set('tl_bar_chg_max', t.bar_chg_max_pct);
if (t.tail_vol_mult != null) set('tl_tail_vol_mult', t.tail_vol_mult);
if (t.tail_vol_win != null) set('tl_tail_vol_win', t.tail_vol_win);
if ($('tl_use_tick_db')) $('tl_use_tick_db').checked = t.backtest_use_tick_db !== false;
if ($('tl_tick_fallback_ohlc')) $('tl_tick_fallback_ohlc').checked = !!t.backtest_tick_fallback_ohlc;
if ($('tl_pat_hammer')) $('tl_pat_hammer').checked = t.pattern_hammer !== false;
if ($('tl_pat_pin')) $('tl_pat_pin').checked = !!t.pattern_pin;
if ($('tl_pat_engulfing')) $('tl_pat_engulfing').checked = !!t.pattern_engulfing;
if ($('tl_pat_piercing')) $('tl_pat_piercing').checked = !!t.pattern_piercing;
if ($('tl_pat_harami')) $('tl_pat_harami').checked = !!t.pattern_harami;
if ($('tl_pat_doji')) $('tl_pat_doji').checked = !!t.pattern_doji;
if ($('tl_pat_morning_star')) $('tl_pat_morning_star').checked = !!t.pattern_morning_star;
// DB 실효값 — HTML 기본 checked 금지. 미수신 시 OFF.
if ($('tl_ob_filter')) {
$('tl_ob_filter').checked = !!t.ob_filter_enabled;
}
if (t.max_spread_pct != null && $('tl_max_spread_pct')) {
$('tl_max_spread_pct').value = t.max_spread_pct;
}
if ($('tl_pg_filter')) {
$('tl_pg_filter').checked = !!t.pg_filter_enabled;
}
// 당일 누적손익 다단 트레일(SHORT 일일익절) 현재값·방식 복원
if (t.daily_profit_enabled !== undefined && $('tl_daily_profit_enabled')) {
$('tl_daily_profit_enabled').checked = !!t.daily_profit_enabled;
}
if (t.daily_risk_budget_enabled !== undefined && $('tl_daily_risk_budget_enabled')) {
$('tl_daily_risk_budget_enabled').checked = !!t.daily_risk_budget_enabled;
}
if ($('tl_daily_trail_tiers')) {
$('tl_daily_trail_tiers').value = (t.daily_trail_tiers != null ? String(t.daily_trail_tiers) : '');
}
if (t.daily_profit_mode && $('tl_daily_profit_mode')) {
$('tl_daily_profit_mode').value = t.daily_profit_mode;
}
if ($('tl_daily_trail_arm') && t.daily_trail_arm_krw != null) {
$('tl_daily_trail_arm').value = String(t.daily_trail_arm_krw);
}
if ($('tl_daily_trail_drop') && t.daily_trail_drop_pct != null) {
$('tl_daily_trail_drop').value = String(t.daily_trail_drop_pct);
}
// DB(env)에 저장된 사용자 프리셋 목록(세미콜론) → 드롭다운 ★옵션 복원
btFillPresetOptions('tl_ratchet_preset', t.ratchet_presets);
btFillPresetOptions('tl_daily_trail_preset', t.daily_trail_presets);
tlSyncRatchetShoulderColors();
}
// 파람서치 그리드 프리셋 드롭다운 → 텍스트 입력칸 채우기.
// '__custom__'(직접입력)은 무시, 'off'는 빈칸(=단일 어깨/미사용)으로 채운다.
function btApplyPreset(targetId, val, syncColors) {
if (val === '__custom__') return;
const el = document.getElementById(targetId);
if (!el) return;
el.value = (val === 'off') ? '' : val;
if (syncColors && typeof tlSyncRatchetShoulderColors === 'function') {
tlSyncRatchetShoulderColors();
}
}
// ── 커스텀 프리셋(직접입력값) 드롭다운 ─ DB(env) 영구 저장본 기반 ──────────
// 봇에 설정저장하면 서버가 BT_RATCHET_PRESETS / BT_DAILY_TRAIL_PRESETS(세미콜론 목록)에
// 값을 누적 저장하고, 페이지 로드 시 /api/env/params 응답으로 내려준다.
// 여기서는 그 목록을 드롭다운에 ★옵션으로 채우는 일만 한다.
// 드롭다운에 값 하나를 ★옵션으로 추가(중복·빈값 제외)
function btAddPresetOption(selId, val) {
const sel = document.getElementById(selId);
if (!sel) return;
const v = String(val || '').trim();
if (!v) return;
for (const opt of sel.options) { if (opt.value === v) return; }
const o = document.createElement('option');
o.value = v; o.textContent = '★ ' + v;
sel.appendChild(o);
}
// 세미콜론 구분 목록 문자열을 드롭다운에 일괄 채움
function btFillPresetOptions(selId, listStr) {
if (!listStr) return;
for (const v of String(listStr).split(';')) {
btAddPresetOption(selId, v);
}
}
// 돌파 손절모드 색상 — sl_mode=fixed vs atr 배타. atr ON 이면 고정 손절(%) 빨강(무시), atr OFF 이면 ATR 필드 빨강.
function boSyncSlModeColors() {
const modeEl = $('bo_sl_mode');
if (!modeEl) return;
const slEl = $('bo_sl');
const atrIds = ['bo_atr_period', 'bo_atr_sl_mult', 'bo_atr_sl_min', 'bo_atr_sl_max'];
const atrOn = String(modeEl.value || 'fixed').toLowerCase() === 'atr';
const RED = '#f85149';
const paint = (el, inactive) => {
if (!el) return;
if (inactive) {
el.style.setProperty('border-color', RED, 'important');
el.style.setProperty('background-color', 'rgba(248,81,73,0.12)', 'important');
el.style.setProperty('box-shadow', '0 0 0 1px ' + RED, 'important');
} else {
el.style.removeProperty('border-color');
el.style.removeProperty('background-color');
el.style.removeProperty('box-shadow');
}
};
paint(slEl, atrOn);
atrIds.forEach(id => paint($(id), !atrOn));
}
// 래칫/어깨컷 입력칸 색상 토글 — 청산 엔진은 둘이 배타(if/else)다.
// 래칫 값이 있으면 어깨컷(어깨발동·어깨폭)은 실행 안 됨 → 어깨컷 칸을 빨강(무시됨 표시).
// 래칫이 비면 래칫 칸을 빨강(OFF), 어깨컷은 원래색(이때 어깨컷이 1순위 트레일).
function tlSyncRatchetShoulderColors() {
const r = $('tl_ratchet');
if (!r) return;
const smin = $('tl_smin');
const scut = $('tl_scut');
const ratchetOn = !!(r.value && String(r.value).trim());
const RED = '#f85149';
// CSS .form-control 가 border 를 !important 로 강제하므로 인라인도 important 로 줘야 이김
const paint = (el, on) => {
if (!el) return;
if (on) {
el.style.setProperty('border-color', RED, 'important');
el.style.setProperty('background-color', 'rgba(248,81,73,0.12)', 'important');
el.style.setProperty('box-shadow', '0 0 0 1px ' + RED, 'important');
} else {
el.style.removeProperty('border-color');
el.style.removeProperty('background-color');
el.style.removeProperty('box-shadow');
}
el.title = on
? (el === r
? '래칫 OFF — 현재 어깨컷이 1순위 트레일로 동작'
: '래칫 ON — 이 어깨컷 값은 무시됨(래칫이 1순위 트레일)')
: (el.getAttribute('data-orig-title') || el.title);
};
// 래칫 ON → 어깨컷 빨강 / 래칫 OFF → 래칫 빨강
paint(smin, ratchetOn);
paint(scut, ratchetOn);
paint(r, !ratchetOn);
}
function fillMomentumFormFromApi(m) {
if (!m || typeof m !== 'object') return;
const set = (id, val) => { if (val !== null && val !== undefined && $(id)) $(id).value = val; };
set('mom_rsi_min', m.mom_rsi_min);
set('mom_rsi_max', m.mom_rsi_max);
set('mom_vol_mult', m.mom_vol_mult);
set('mom_vol_win', m.mom_vol_win);
set('mom_e_min_chg', m.e_min_chg_pct);
set('mom_time_end_buy', m.mom_time_end_hm);
set('mom_time_start', m.mom_time_start_hm);
if (m.eod_enabled !== undefined && $('mom_eod_enabled')) {
$('mom_eod_enabled').checked = !!m.eod_enabled;
}
if (m.backtest_skip_pre_subscribe !== undefined && $('mom_skip_pre_sub')) {
$('mom_skip_pre_sub').checked = !!m.backtest_skip_pre_subscribe;
}
if (m.eod_hm != null) set('mom_eod_hm', m.eod_hm);
set('mom_sl', m.sl_pct);
set('mom_tp', m.tp_pct);
set('mom_tp_max', m.tp_max_pct);
set('mom_smin', m.shoulder_min_high);
set('mom_scut', m.shoulder_cut_pct);
if (m.trail_pct != null) set('mom_trail', m.trail_pct);
if (m.trail_arm_pct != null) set('mom_trail_arm', m.trail_arm_pct);
if (m.max_hold_bars != null) set('mom_max_hold', m.max_hold_bars);
if ($('mom_ratchet')) $('mom_ratchet').value = (m.ratchet_tiers != null ? String(m.ratchet_tiers) : '');
set('mom_cooldown', m.cooldown_min);
set('mom_max_daily', m.max_daily);
set('mom_slot_money', m.slot_money);
set('mom_slots', m.mom_slots);
if (m.total_budget_krw != null) set('mom_total_budget', m.total_budget_krw);
const momPw = $('mom_portfolio_warn');
if (momPw) {
if (m.portfolio_ui_warning) {
momPw.textContent = '⚠️ ' + m.portfolio_ui_warning;
momPw.style.display = 'block';
} else {
momPw.style.display = 'none';
momPw.textContent = '';
}
}
set('mom_high_chase', m.high_chase_thr);
set('mom_max_daily_chg', m.max_daily_chg);
set('mom_min_price', m.min_price);
set('mom_max_loss_krw', m.max_loss_krw);
set('mom_min_margin', m.min_margin);
set('mom_max_from_open', m.mom_max_from_open_pct);
set('mom_min_from_open', m.mom_min_from_open_pct);
if ($('mom_pat_breakout') && m.pattern_breakout !== undefined) {
$('mom_pat_breakout').checked = !!m.pattern_breakout;
}
if ($('mom_pat_pullback') && m.pattern_pullback !== undefined) {
$('mom_pat_pullback').checked = !!m.pattern_pullback;
}
set('mom_chase_lookback', m.chase_lookback_min);
set('mom_pullback_lookback', m.pullback_lookback_min);
set('mom_pullback_min', m.pullback_min_pct);
set('mom_pullback_max', m.pullback_max_pct);
set('mom_setup_vol', m.setup_vol_max_mult);
set('mom_setup_bear', m.setup_bear_bars_min);
if (m.use_defense_filters !== undefined && $('mom_use_defense')) {
$('mom_use_defense').checked = !!m.use_defense_filters;
}
if ($('mom_use_high_chase_f') && m.use_high_chase_filter !== undefined) {
$('mom_use_high_chase_f').checked = !!m.use_high_chase_filter;
}
if ($('mom_use_daily_range') && m.use_daily_range_filter !== undefined) {
$('mom_use_daily_range').checked = !!m.use_daily_range_filter;
}
if ($('mom_use_ema_f') && m.use_ema_filter !== undefined) {
$('mom_use_ema_f').checked = !!m.use_ema_filter;
}
if ($('mom_use_rsi_max_f') && m.use_rsi_max_filter !== undefined) {
$('mom_use_rsi_max_f').checked = !!m.use_rsi_max_filter;
}
if (m.ema_fast_period != null) set('mom_ema_fast', m.ema_fast_period);
if (m.ema_slow_period != null) set('mom_ema_slow', m.ema_slow_period);
// 당일 누적손익 다단 트레일(꼬리와 동일) 현재값·방식·프리셋 복원
if (m.daily_profit_enabled !== undefined && $('mom_daily_profit_enabled')) {
$('mom_daily_profit_enabled').checked = !!m.daily_profit_enabled;
}
if (m.daily_risk_budget_enabled !== undefined && $('mom_daily_risk_budget_enabled')) {
$('mom_daily_risk_budget_enabled').checked = !!m.daily_risk_budget_enabled;
}
if ($('mom_daily_trail_tiers')) {
$('mom_daily_trail_tiers').value = (m.daily_trail_tiers != null ? String(m.daily_trail_tiers) : '');
}
if (m.daily_profit_mode && $('mom_daily_profit_mode')) {
$('mom_daily_profit_mode').value = m.daily_profit_mode;
}
btFillPresetOptions('mom_daily_trail_preset', m.daily_trail_presets);
// 체크값 = 모멘텀 실효값(전용 우선·없으면 글로벌 상속). 밑에 글로벌/실매 출처를 표시.
// HTML에 checked/「ON」고정 금지 — DB false면 체크·라벨 모두 OFF.
const filterNote = (en, glob, explicit) => {
const onoff = v => (v ? 'ON' : 'OFF');
const src = explicit
? '모멘텀 전용 설정값'
: `글로벌 상속(전용 미설정)`;
// 실매도 동일 규칙(orderbook_filter.orderbook_filter_enabled) → 실매 적용값 = 실효값
return `글로벌 ${onoff(glob)} · 실매 ${onoff(en)} · ${src}`;
};
// 안내 문구는 매번 처음부터 다시 씀 (적용 후 reload 시 이전 DB상세가 누적되지 않게)
if ($('mom_ob_filter_note')) $('mom_ob_filter_note').textContent = '';
const momObOn = !!m.ob_filter_enabled;
if ($('mom_ob_filter')) {
$('mom_ob_filter').checked = momObOn;
if ($('mom_ob_filter_lbl')) {
$('mom_ob_filter_lbl').textContent = momObOn
? '호가필터 ON (DB·읽기전용)'
: '호가필터 OFF (DB·읽기전용)';
}
if ($('mom_ob_filter_note')) {
$('mom_ob_filter_note').textContent = filterNote(
momObOn, !!m.ob_global_enabled, !!m.ob_strategy_explicit,
);
}
}
const momPgOn = !!m.pg_filter_enabled;
if ($('mom_pg_filter')) {
$('mom_pg_filter').checked = momPgOn;
if ($('mom_pg_filter_lbl')) {
$('mom_pg_filter_lbl').textContent = momPgOn ? '프로그램필터 ON' : '프로그램필터 OFF';
}
if ($('mom_pg_filter_note')) {
$('mom_pg_filter_note').textContent = filterNote(
momPgOn, !!m.pg_global_enabled, !!m.pg_strategy_explicit,
);
}
}
if (m.max_spread_pct != null) set('mom_max_spread_pct', m.max_spread_pct);
// 잔량·ask·휩쏘 읽기전용 칸
if ($('mom_ob_ro_ratio') || $('mom_whip_ro_on')) {
fillObWhipReadonly('mom', m);
}
// 호가 잔량·휩쏘는 입력란 없음이었음 — 안내 문구는 유지
const obExtra = [];
if (m.ob_min_bid_ask_ratio != null) obExtra.push(`잔량≥${m.ob_min_bid_ask_ratio}`);
if (m.ob_ask_max_mult != null) obExtra.push(`ask×≤${m.ob_ask_max_mult}`);
if (m.whipsaw_filter_enabled) {
obExtra.push(
`휩쏘ON sub=${m.whipsaw_subbar_sec ?? '?'} lb=${m.whipsaw_lookback_sec ?? '?'} dip=${m.whipsaw_dip_pct ?? '?'}`,
);
} else if (m.whipsaw_filter_enabled === false) {
obExtra.push('휩쏘OFF(DB)');
}
if ($('mom_ob_filter_note') && obExtra.length) {
const prev = $('mom_ob_filter_note').textContent || '';
$('mom_ob_filter_note').textContent =
(prev ? prev + ' · ' : '') + 'DB상세: ' + obExtra.join(' · ');
}
}
/** Optuna axis_patch → 해당 전략 폼에 즉시 반영 (DB roundtrip 전 1차) */
function optunaPaintAxisPatchOnForms(strat, patch) {
if (!patch || typeof patch !== 'object') return;
const s = String(strat || '').toLowerCase();
const truthy = (v) => {
const t = String(v == null ? '' : v).trim().toLowerCase();
return t === '1' || t === 'true' || t === 't' || t === 'yes' || t === 'y' || t === 'on';
};
const setNum = (id, key) => {
if (patch[key] == null || patch[key] === '') return;
if ($(id)) $(id).value = patch[key];
};
const setChk = (id, key) => {
if (patch[key] == null || patch[key] === '') return;
if ($(id)) $(id).checked = truthy(patch[key]);
};
if (s === 'momentum') {
setChk('mom_ob_filter', 'MOMENTUM_ORDERBOOK_FILTER_ENABLED');
setNum('mom_max_spread_pct', 'MOMENTUM_ORDERBOOK_MAX_SPREAD_PCT');
} else if (s === 'breakout') {
setChk('bo_ob_filter', 'BREAKOUT_ORDERBOOK_FILTER_ENABLED');
setNum('bo_max_spread_pct', 'BREAKOUT_ORDERBOOK_MAX_SPREAD_PCT');
} else if (s === 'tail') {
setChk('tl_ob_filter', 'TAIL_ORDERBOOK_FILTER_ENABLED');
setNum('tl_max_spread_pct', 'TAIL_ORDERBOOK_MAX_SPREAD_PCT');
}
// scalp: 호가 입력란 없음 — DB만 (백테는 get_env)
}
/**
* Optuna 적용·페이지 로드 공통 — /api/env/params?fresh=1 로 DB 최신값 → 폼.
* strategy 지정 시 해당 탭만, 없으면 국장 전략 전부.
*/
async function reloadStrategyFormsFromDb(strategy) {
const r = await fetch('/api/env/params?fresh=1&_=' + Date.now());
const d = await r.json();
if (!d) return;
const want = String(strategy || '').toLowerCase();
const all = !want;
try {
if (all || want === 'scalp') fillScalpFormFromApi(d.scalp || {});
} catch (e) { console.warn('reload scalp', e); }
try {
if (all || want === 'tail') fillTailFormFromApi(d.tail || {});
} catch (e) { console.warn('reload tail', e); }
try {
if (all || want === 'momentum') fillMomentumFormFromApi(d.momentum || {});
} catch (e) { console.warn('reload momentum', e); }
try {
if (all || want === 'us_momentum') fillUsMomentumFormFromApi(d.us_momentum || d.momentum || {});
} catch (e) { console.warn('reload us_mom', e); }
try {
if (all || want === 'breakout') fillBreakoutFormFromApi(d.breakout || {});
} catch (e) { console.warn('reload breakout', e); }
return d;
}
/** @deprecated reloadStrategyFormsFromDb('momentum') 사용 */
async function reloadMomentumFormFromDb() {
try {
await reloadStrategyFormsFromDb('momentum');
} catch (e) {
console.warn('reloadMomentumFormFromDb', e);
}
}
function loadMomentumSearchResults() {
showSpinner(true);
fetch('/api/backtest/momentum/search_results?top=30')
.then(r => r.json())
.then(d => {
showSpinner(false);
if (d.error) { alert('❌ ' + d.error); return; }
momRenderParamSearch(d.top || [], d.meta || {});
})
.catch(err => { showSpinner(false); alert('오류: ' + err); });
}
function momApplySearchResult(rank, saveDb) {
showSpinner(true);
fetch('/api/backtest/momentum/apply_search', {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify({ rank, save_db: !!saveDb }),
})
.then(r => r.json())
.then(d => {
showSpinner(false);
if (d.error) { alert('❌ ' + d.error); return; }
if (d.ui) fillMomentumFormFromApi(d.ui);
const m = d.metrics || {};
const msg = saveDb
? `✅ ${rank}위 → 폼 반영 + DB 저장 (env_id: ${d.env_id || '-'})\n손익 ${fmtKrw(m.total_pnl)} · 승률 ${m.win_rate}% · PF ${m.pf} · ${m.total_trades}건`
: `✅ ${rank}위 → 폼만 반영 (DB 미저장)\n손익 ${fmtKrw(m.total_pnl)} · 승률 ${m.win_rate}% · PF ${m.pf}`;
alert(msg);
})
.catch(err => { showSpinner(false); alert('오류: ' + err); });
}
function momRenderParamSearch(top, meta) {
window._mom_last_top = top || [];
const area = $('mom_search_result');
if (area) area.style.display = '';
const labelMap = {
mom_rsi_min: 'RSI min',
mom_rsi_max: 'RSI max',
mom_vol_mult: '거래량×',
e_min_chg_pct: '전일종가+%',
mom_vol_win: '관찰봉',
sl_pct: '손절%',
tp_pct: '익절%',
tp_max_pct: '익절상한%',
shoulder_min_high: '어깨발동',
shoulder_cut_pct: '어깨컷',
trail_trigger: '트레일무장%',
trail_stop: '트레일%',
mom_max_from_open_pct: '시가+과열',
};
const pctKeys = new Set([
'sl_pct', 'tp_pct', 'tp_max_pct', 'shoulder_min_high', 'shoulder_cut_pct',
'trail_trigger', 'trail_stop', 'trail_pct', 'trail_arm_pct',
]);
const fixedLabel = (k) => labelMap[k] || k;
const keys = top && top.length ? Object.keys(top[0].params || {}) : [];
const thead = $('mom_search_thead');
if (thead) {
thead.innerHTML = '<tr><th>순위</th>' +
keys.map(k => `<th>${fixedLabel(k)}</th>`).join('') +
'<th>손익(원)</th><th>승률</th><th>거래</th><th>PF</th><th>보유(분)</th><th>폼반영</th><th>DB저장</th></tr>';
}
const tbody = $('mom_search_tbody');
if (!tbody) return;
tbody.innerHTML = '';
(top || []).forEach((r) => {
const p = r.params || {};
const pnlCls = r.total_pnl > 0 ? 'text-pnl-pos' : (r.total_pnl < 0 ? 'text-pnl-neg' : '');
const paramCells = keys.map(k => {
const v = p[k];
if (v === undefined || v === null) return '<td>-</td>';
if (pctKeys.has(k) && typeof v === 'number') return `<td>${Number(v).toFixed(2)}%</td>`;
return `<td>${v}</td>`;
}).join('');
const rank = r.rank;
tbody.insertAdjacentHTML('beforeend', `
<tr>
<td><b>${rank}</b></td>
${paramCells}
<td class="${pnlCls}">${fmtWon(r.total_pnl)}</td>
<td>${r.win_rate}%</td><td>${r.total_trades}</td>
<td>${r.pf}</td><td>${r.avg_hold_min != null ? r.avg_hold_min : '-'}</td>
<td><button class="btn btn-xs btn-outline-primary" style="font-size:11px;padding:1px 6px"
onclick="momApplySearchResult(${rank}, false)">폼</button></td>
<td><button class="btn btn-xs btn-outline-success" style="font-size:11px;padding:1px 6px"
onclick="momApplySearchResult(${rank}, true)">저장</button></td>
</tr>`);
});
const hint = $('mom_search_hint');
if (hint) {
hint.style.display = '';
const gh = meta.grid_axis_hints && typeof meta.grid_axis_hints === 'object'
? '<br>' + Object.entries(meta.grid_axis_hints).map(([k, txt]) =>
`<div style="margin:3px 0 0 8px;border-left:2px solid #30363d;padding-left:8px"><b>${fixedLabel(k)}</b> — ${txt}</div>`
).join('')
: '';
hint.innerHTML =
`<span style="color:var(--accent)">파일:</span> <code>${meta.path || '?'}</code> · `
+ `<b>${meta.start || '?'}</b> ~ <b>${meta.end || '?'}</b> · `
+ `모드 ${meta.mode || '-'} · 조합 ${meta.tested_combos || '-'} / ${meta.cartesian_product || '-'}<br>`
+ `<b>폼반영</b>: 입력란만 갱신 · <b>DB저장</b>: config_momentum MOMENTUM_* INSERT 후 폼 동기화`
+ ` (총손익≤0 은 거부).`
+ gh;
}
if (area) area.scrollIntoView({ behavior: 'smooth' });
}
function loadTailSearchResults() {
showSpinner(true);
fetch('/api/backtest/tail/search_results?top=30')
.then(r => r.json())
.then(d => {
showSpinner(false);
if (d.error) { alert('❌ ' + d.error); return; }
tlRenderParamSearch(d.top || [], d.meta || {});
})
.catch(err => { showSpinner(false); alert('오류: ' + err); });
}
function tlApplySearchResult(rank, saveDb) {
showSpinner(true);
fetch('/api/backtest/tail/apply_search', {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify({ rank, save_db: !!saveDb }),
})
.then(r => r.json())
.then(d => {
showSpinner(false);
if (d.error) { alert('❌ ' + d.error); return; }
if (d.ui) fillTailFormFromApi(d.ui);
const m = d.metrics || {};
const msg = saveDb
? `✅ ${rank}위 → 폼 반영 + DB 저장 (env_id: ${d.env_id || '-'})\n손익 ${fmtKrw(m.total_pnl)} · 승률 ${m.win_rate}% · PF ${m.pf} · ${m.total_trades}건`
: `✅ ${rank}위 → 폼만 반영 (DB 미저장)\n손익 ${fmtKrw(m.total_pnl)} · 승률 ${m.win_rate}% · PF ${m.pf}`;
alert(msg);
})
.catch(err => { showSpinner(false); alert('오류: ' + err); });
}
function tlRenderParamSearch(top, meta) {
window._tl_last_top = top || [];
$('tl_search_result').style.display = '';
const labelMap = {
max_daily_change: '급등컷%',
min_drop_rate: '낙폭',
min_recovery_ratio: '회복',
tail_ratio_min: '꼬리/몸통',
max_rec_3m: '3분회복',
shoulder_min_high: '어깨발동',
shoulder_cut_pct: '어깨컷',
stop_atr_mult: 'ATR손절',
target_atr_mult: 'ATR익절',
limit_atr_mult: '지정가ATR',
entry_mode: '진입모드',
trail_pct: '보조트레일%',
trail_arm_pct: '트레일무장%',
};
const fracKeys = new Set(['min_drop_rate', 'min_recovery_ratio', 'shoulder_min_high', 'shoulder_cut_pct']);
const ratioKeys = new Set(['max_rec_3m']);
const fixedLabel = (k) => labelMap[k] || k;
const keys = top && top.length ? Object.keys(top[0].params || {}) : [];
const thead = $('tl_search_thead');
thead.innerHTML = '<tr><th>순위</th>' +
keys.map(k => `<th>${fixedLabel(k)}</th>`).join('') +
'<th>손익(원)</th><th>승률</th><th>거래</th><th>PF</th><th>보유(분)</th><th>폼반영</th><th>DB저장</th></tr>';
const tbody = $('tl_search_tbody');
tbody.innerHTML = '';
(top || []).forEach((r) => {
const p = r.params || {};
const pnlCls = r.total_pnl > 0 ? 'text-pnl-pos' : (r.total_pnl < 0 ? 'text-pnl-neg' : '');
const paramCells = keys.map(k => {
const v = p[k];
if (v === undefined || v === null) return '<td>-</td>';
if (fracKeys.has(k)) return `<td>${(Number(v) * 100).toFixed(2)}%</td>`;
if (ratioKeys.has(k)) return `<td>${Number(v) <= 1 ? (Number(v) * 100).toFixed(0) : v}%</td>`;
return `<td>${v}</td>`;
}).join('');
const rank = r.rank;
tbody.insertAdjacentHTML('beforeend', `
<tr>
<td><b>${rank}</b></td>
${paramCells}
<td class="${pnlCls}">${fmtWon(r.total_pnl)}</td>
<td>${r.win_rate}%</td><td>${r.total_trades}</td>
<td>${r.pf}</td><td>${r.avg_hold_min != null ? r.avg_hold_min : '-'}</td>
<td><button class="btn btn-xs btn-outline-primary" style="font-size:11px;padding:1px 6px"
onclick="tlApplySearchResult(${rank}, false)">폼</button></td>
<td><button class="btn btn-xs btn-outline-success" style="font-size:11px;padding:1px 6px"
onclick="tlApplySearchResult(${rank}, true)">저장</button></td>
</tr>`);
});
const hint = $('tl_search_hint');
if (hint) {
hint.style.display = '';
const gh = meta.grid_axis_hints && typeof meta.grid_axis_hints === 'object'
? '<br>' + Object.entries(meta.grid_axis_hints).map(([k, txt]) =>
`<div style="margin:3px 0 0 8px;border-left:2px solid #30363d;padding-left:8px"><b>${fixedLabel(k)}</b> — ${txt}</div>`
).join('')
: '';
hint.innerHTML =
`<span style="color:var(--accent)">파일:</span> <code>${meta.path || '?'}</code> · `
+ `<b>${meta.start || '?'}</b> ~ <b>${meta.end || '?'}</b> · TF ${meta.timeframe || 3}분 · `
+ `조합 ${meta.tested_combos || '-'} / ${meta.cartesian_product || '-'}<br>`
+ `<b>폼반영</b>: 입력란만 갱신 · <b>DB저장</b>: config_short TAIL_* INSERT 후 폼 동기화`
+ ` (총손익≤0 은 거부). 승률·PF가 높은 조합은 순위와 다를 수 있음 — 표 <b>순위</b> 열 기준.`
+ gh;
}
$('tl_search_result').scrollIntoView({behavior: 'smooth'});
}
function saveTailConfig() {
const body = {
min_drop_rate: parseFloat($('tl_drop').value),
min_recovery_ratio: parseFloat($('tl_rec').value),
tail_ratio_min: parseFloat($('tl_tail').value),
tail_pct_min: parseFloat($('tl_tail_pct').value),
max_rec_3m: parseFloat($('tl_max_rec_3m').value),
sl_pct: parseFloat($('tl_sl').value),
tp_pct: parseFloat($('tl_tp').value),
shoulder_cut_pct: parseFloat($('tl_scut').value),
shoulder_min_high: parseFloat($('tl_smin').value),
high_chase_thr: parseFloat($('tl_high_chase').value),
cooldown_min: parseFloat($('tl_cool').value),
rsi_threshold: parseFloat($('tl_rsi').value),
rsi_period: parseInt($('tl_rsi_period').value, 10),
time_start: parseInt($('tl_ts').value, 10),
time_end: parseInt($('tl_te').value, 10),
max_daily: parseInt($('tl_maxd').value, 10),
symbol_daily_loss_limit_krw: parseFloat($('tl_symbol_loss_krw')?.value || '30000'),
symbol_daily_loss_limit_pct: parseFloat($('tl_symbol_loss_pct')?.value || '1.5'),
reentry_min_edge_krw: parseFloat($('tl_reentry_min_edge')?.value || '0'),
min_price: parseFloat($('tl_min_price').value),
max_daily_change: parseFloat($('tl_max_daily_change').value),
ma20_max_above: parseFloat($('tl_ma20_above').value),
max_loss_krw: parseInt($('tl_max_loss_krw').value, 10),
min_drop_pct_for_loss_cut: parseFloat($('tl_min_drop_loss_cut').value) || 1.5, // % 단위로 전송 (1.5)
stop_atr_mult: parseFloat($('tl_stop_atr').value),
target_atr_mult: parseFloat($('tl_target_atr').value),
atr_sl_min_pct: parseFloat($('tl_atr_sl_min').value),
atr_sl_max_pct: parseFloat($('tl_atr_sl_max').value),
atr_tp_min_pct: parseFloat($('tl_atr_tp_min').value),
atr_tp_max_pct: parseFloat($('tl_atr_tp_max').value),
slot_money: parseInt($('tl_slot')?.value || '3000000', 10) || 3000000,
max_stocks: parseInt($('tl_max_stocks')?.value || '3', 10) || 3,
total_budget_krw: parseInt($('tl_total_budget')?.value || '0', 10) || 0,
entry_mode: ($('tl_entry_mode') && $('tl_entry_mode').value) || 'limit_atr',
limit_atr_mult: parseFloat($('tl_limit_atr_mult')?.value || '1.5'),
limit_anchor: ($('tl_limit_anchor') && $('tl_limit_anchor').value) || 'signal_low',
limit_valid_bars: parseInt($('tl_limit_valid_bars')?.value || '1', 10) || 1,
limit_fill_slip_pct: parseFloat($('tl_limit_fill_slip')?.value || '0'),
skip_hts_scan_dupes: $('tl_skip_hts_dupes')?.checked !== false,
use_intraday_drop: !!$('tl_use_intraday_drop')?.checked,
use_ma20_filter: !!$('tl_use_ma20_filter')?.checked,
use_rsi_filter: $('tl_use_rsi_filter')?.checked !== false,
use_daily_range_filter: $('tl_use_daily_range')?.checked !== false,
use_high_chase_filter: $('tl_use_high_chase_f')?.checked !== false,
bar_chg_min_pct: parseFloat($('tl_bar_chg_min')?.value || '-10'),
bar_chg_max_pct: parseFloat($('tl_bar_chg_max')?.value || '-1.5'),
tail_vol_mult: parseFloat($('tl_tail_vol_mult')?.value || '0'),
tail_vol_win: parseInt($('tl_tail_vol_win')?.value || '5', 10) || 5,
ratchet_tiers: ($('tl_ratchet') && $('tl_ratchet').value.trim()) || '',
daily_trail_tiers: ($('tl_daily_trail_tiers') && $('tl_daily_trail_tiers').value.trim()) || '',
daily_profit_mode: ($('tl_daily_profit_mode') && $('tl_daily_profit_mode').value) || 'trailing',
daily_profit_enabled: !!($('tl_daily_profit_enabled')?.checked),
daily_risk_budget_enabled: !!($('tl_daily_risk_budget_enabled')?.checked),
max_hold_bars: 0,
trail_pct: parseFloat($('tl_trail')?.value || '0'),
trail_arm_pct: parseFloat($('tl_trail_arm')?.value || '0'),
backtest_use_tick_db: $('tl_use_tick_db')?.checked !== false,
backtest_tick_fallback_ohlc: !!$('tl_tick_fallback_ohlc')?.checked,
pattern_hammer: $('tl_pat_hammer')?.checked !== false,
pattern_pin: !!$('tl_pat_pin')?.checked,
pattern_engulfing: !!$('tl_pat_engulfing')?.checked,
pattern_piercing: !!$('tl_pat_piercing')?.checked,
pattern_harami: !!$('tl_pat_harami')?.checked,
pattern_doji: !!$('tl_pat_doji')?.checked,
pattern_morning_star: !!$('tl_pat_morning_star')?.checked,
ob_filter: !!($('tl_ob_filter')?.checked),
pg_filter: !!($('tl_pg_filter')?.checked),
eod_enabled: !!($('tl_eod_enabled')?.checked),
eod_hm: ($('tl_eod_hm') && $('tl_eod_hm').value.trim()) || '15:25',
};
if (!confirm(`💾 꼬리잡기 봇(config_short TAIL_*)에 저장합니까?\n\n` +
`1회투자: ${body.slot_money}원 | 동시보유: ${body.max_stocks}종 | 총운용한도: ${body.total_budget_krw || body.max_stocks * body.slot_money}원 | ` +
`낙폭: ${body.min_drop_rate}% | 회복: ${body.min_recovery_ratio}% | 꼬리/몸통: ${body.tail_ratio_min} | 꼬리최소: ${body.tail_pct_min}%\n` +
`손절: ${body.sl_pct}% | 익절: ${body.tp_pct}% | 어깨컷: ${body.shoulder_cut_pct}% | 3분최대회복: ${body.max_rec_3m}% | 고점추격방지: ${body.high_chase_thr}%\n` +
`최소가격: ${body.min_price}원 | 최대급등: ${body.max_daily_change}% | MA20이격: ${body.ma20_max_above}% | 최대손실: ${body.max_loss_krw}원\n` +
`ATR손절: ${body.stop_atr_mult}배 | ATR익절: ${body.target_atr_mult}배 | ` +
`캡 SL ${body.atr_sl_min_pct}~${body.atr_sl_max_pct}% TP ${body.atr_tp_min_pct}~${body.atr_tp_max_pct}%\n` +
`래칫: ${body.ratchet_tiers || '(OFF·단일어깨)'}\n` +
`다단트레일: ${body.daily_profit_enabled ? 'ON' : 'OFF'} | 리스크버짓(B): ${body.daily_risk_budget_enabled ? 'ON' : 'OFF'} | 다단규칙: ${body.daily_trail_tiers || '(미설정)'}\n\n` +
`저장: config_short (SHORT·tail_engine·tail_param_search 와 동일 키)`)) return;
fetch('/api/backtest/tail/save_config', {
method: 'POST', headers: {'Content-Type': 'application/json'},
body: JSON.stringify(body),
}).then(r => r.json()).then(d => {
if (d.error) { alert('❌ ' + d.error); return; }
// 서버가 DB(env)에 프리셋을 누적 저장했다. 재조회 없이 즉시 드롭다운에도 반영
btAddPresetOption('tl_ratchet_preset', $('tl_ratchet') && $('tl_ratchet').value);
btAddPresetOption('tl_daily_trail_preset', $('tl_daily_trail_tiers') && $('tl_daily_trail_tiers').value);
const tbl = d.saved_by_table ? Object.entries(d.saved_by_table).map(([k,v]) => k + ': ' + v.length + '키').join(', ') : '';
alert(`✅ 저장 완료 (env_id: ${d.env_id})\n${tbl}\n키: ${d.saved_keys?.join(', ')}`);
}).catch(e => alert('오류: ' + e));
}
// 유니버스 배지 문구 (저장 이력 / 시뮬 / 전종목)
function isHistoryUniverseSource(src) {
return String(src || '').startsWith('history');
}
function univHistorySourceParam(selectId) {
const el = $(selectId);
const v = (el && el.value) ? String(el.value).trim().toLowerCase() : 'kiwoom';
return (v === 'ls') ? 'ls' : 'kiwoom';
}
function formatUniverseLabel(p) {
const histSrc = isHistoryUniverseSource(p.universe_source);
if (histSrc && (p.universe_history_slots || 0) > 0) {
const strictTag = (p.universe_timing === 'strict' || String(p.universe_source || '').includes('strict'))
? '·strict' : '';
const lsTag = String(p.universe_source || '').includes('history_ls') ? '·LS' : '';
return `유니버스: 저장 이력 ${p.universe_history_slots}슬롯${lsTag}${strictTag}`;
}
if (p.universe_source === 'sim') return '유니버스: 시뮬레이션';
if (p.universe_source === 'all') return '유니버스: 전체 ws_candles 종목';
return '유니버스: 시뮬레이션(폴백)';
}
/** env 타임라인 쿼리값 — 체크박스 없으면 0(OFF 기본). */
function envTimelineParam(checkboxId) {
return $(checkboxId)?.checked ? 1 : 0;
}
function runBacktest() {
const params = {
start: $('bt_start').value,
end: $('bt_end').value,
rsi_period: $('bt_rsi_period').value,
rsi_oversold: $('bt_rsi_oversold').value,
rsi_overbought: $('bt_rsi_overbought').value,
sl_pct: $('bt_sl').value,
tp_pct: $('bt_tp').value,
tp_max_pct: $('bt_tp_max').value,
drop_rate: $('bt_drop').value,
slot_money: $('bt_slot').value,
cooldown_min: $('bt_cooldown').value,
vol_mult: $('bt_vol_mult').value,
shoulder_min_high: $('bt_smin').value,
shoulder_cut_pct: $('bt_scut').value,
time_start: $('bt_time_start').value,
time_end: $('bt_time_end').value,
max_daily: $('bt_max_daily').value,
high_chase_thr: $('bt_high_chase').value,
max_daily_chg: $('bt_max_daily_chg').value,
min_price: $('bt_min_price').value,
max_loss_krw: $('bt_max_loss_krw').value,
min_margin: $('bt_min_margin').value,
use_defense_filters: $('bt_use_defense')?.checked ? 1 : 0,
use_macd_cross: $('bt_use_macd')?.checked ? 1 : 0,
skip_hts_scan_dupes: $('bt_skip_hts_dupes')?.checked ? 1 : 0,
require_reversal_candle: $('bt_require_reversal')?.checked ? 1 : 0,
max_stocks: $('bt_max_stocks')?.value,
total_budget_krw: $('bt_total_budget')?.value,
eod_enabled: $('bt_eod_enabled')?.checked ? 1 : 0,
eod_hm: ($('bt_eod_hm') && $('bt_eod_hm').value.trim()) || '15:25',
env_timeline: envTimelineParam('bt_env_timeline'),
};
params.universe = $('bt_use_univ_history')?.checked ? 'history' : 'sim';
params.universe_history_source = univHistorySourceParam('bt_univ_history_source');
params.candle_source = $('bt_candle_source')?.value || '';
params.tick_source = $('bt_tick_source')?.value || '';
params.ob_source = $('bt_ob_source')?.value || '';
const qs = new URLSearchParams(params).toString();
showSpinner(true);
fetch('/api/backtest/scalping?' + qs)
.then(r => r.json())
.then(d => { showSpinner(false); renderBacktest(d); })
.catch(err => { showSpinner(false); alert('오류: ' + err); });
}
function renderBacktest(d) {
const s = d.summary;
const p = d.params;
$('bt_params_bar').style.display = '';
const universeLabel = formatUniverseLabel(p);
const tr = (v) => (typeof v === 'number' ? Number(v).toFixed(1) : v);
const btSummaryLine =
`<span class="badge ${isHistoryUniverseSource(p.universe_source) ? 'badge-info' : 'badge-secondary'}" title="후보 이력(키움/LS)">${universeLabel}</span> ` +
`<span class="badge ${p.use_defense_filters ? 'badge-info' : 'badge-secondary'}">방어:${p.use_defense_filters ? 'ON' : 'OFF'}</span> ` +
`<span class="badge ${p.use_macd_cross ? 'badge-warning' : 'badge-secondary'}">MACD:${p.use_macd_cross ? 'ON' : 'OFF'}</span> ` +
`<span class="badge ${p.eod_enabled ? 'badge-info' : 'badge-secondary'}">EOD:${p.eod_enabled ? 'ON' : 'OFF'} ${p.eod_hm || ''}</span> ` +
`RSI(${p.rsi_period}) &lt;${p.rsi_oversold} / &gt;${p.rsi_overbought ?? 75} 과열차단 | ` +
`손절-${tr(p.sl_pct)}% 익절+${tr(p.effective_tp_pct ?? p.tp_pct)}%(상한${tr(p.tp_max_pct)}%) | ` +
`낙폭≥${tr(p.drop_rate)}% | 쿨다운${p.cooldown_min}분 | ` +
`거래량${tr(p.vol_mult)}배 | 어깨(${tr(p.shoulder_min_high)}%발동/${tr(p.shoulder_cut_pct)}%하락) | ` +
`${p.time_window} | 일${p.max_daily}회 | ` +
`종목수 ${p.codes_analyzed}개`;
$('bt_params_bar').innerHTML = btSummaryLine;
const btTick = (d.tick_backtest || d.meta && d.meta.tick_backtest) || {};
const btBuySrc = d.backtest_buy_source || (d.meta && d.meta.backtest_buy_source) || '';
if (btTick.tick_bar_coverage_pct != null || btBuySrc) {
const covLabel = fmtTickCoverageLabel(btTick);
const rows = btTick.ws_tick_rows_loaded != null
? Number(btTick.ws_tick_rows_loaded).toLocaleString() : '—';
const srcLabel = btBuySrc === 'ws_ticks' ? '틱DB(ws_ticks)'
: (btBuySrc === 'ohlc_fallback' ? 'OHLC 폴백' : (btBuySrc || '—'));
const tickColor = btBuySrc === 'ws_ticks' ? '#3fb950' : '#e3b341';
$('bt_params_bar').innerHTML +=
`<div class="mt-1" style="color:${tickColor};font-size:12px">📊 매수재생 ${srcLabel} | 틱 ${rows}건 · 분봉커버 ${covLabel}</div>`;
}
const ctx = $('bt_trade_context');
if (ctx) {
fillTradePnLContext(ctx, {
label: '백테 SCALP',
totalBudget: Number(p.total_budget_krw || 0),
peakCum: Number(s.peak_cum_pnl || 0),
peakAt: s.peak_cum_at || '',
totalPnl: s.total_pnl,
});
}
$('b_total').textContent = fmt(s.total_trades) + '건';
$('b_winrate').textContent = s.win_rate + '%';
colorPnl($('b_winrate'), s.win_rate - 50);
$('b_pnl').textContent = fmtKrw(s.total_pnl);
colorPnl($('b_pnl'), s.total_pnl);
$('b_pf').textContent = s.profit_factor >= 999 ? '∞' : s.profit_factor;
colorPnl($('b_pf'), s.profit_factor - 1);
$('b_mdd').textContent = '-' + fmtWon(s.max_drawdown) + '원';
$('b_hold').textContent = s.avg_hold_min + '분';
const btSign = (v) => (v > 0 ? '+' : '');
if ($('b_bot_pct')) {
$('b_bot_pct').textContent = btSign(s.bot_pct || 0) + (s.bot_pct || 0) + '%';
colorPnl($('b_bot_pct'), s.bot_pct || 0);
}
if ($('b_daily_avg_pct')) {
$('b_daily_avg_pct').textContent = btSign(s.daily_avg_pct || 0) + (s.daily_avg_pct || 0) + '%';
colorPnl($('b_daily_avg_pct'), s.daily_avg_pct || 0);
}
if (s.total_trades > 0) {
$('bt_winbar_card').style.display = '';
const wr = s.win_rate;
$('b_win_label').textContent = `🟢 익절+손절 승 ${s.win_trades}건 (${wr}%)`;
$('b_loss_label').textContent = `🔴 패 ${s.loss_trades}건 (${(100-wr).toFixed(1)}%)`;
$('b_ratio_g').style.width = wr + '%';
$('b_ratio_r').style.width = (100 - wr) + '%';
} else if ($('bt_winbar_card')) {
// 0건이면 이전 백테 승패 바 잔상 제거
$('bt_winbar_card').style.display = 'none';
}
lineChart('b_equity_chart',
d.equity.map(e => e.date.slice(0,4)+'-'+e.date.slice(4,6)+'-'+e.date.slice(6)),
d.equity.map(e => e.cum_pnl), '가상누적손익');
const rKeys = Object.keys(d.reasons);
doughnutChart('b_reason_chart', rKeys, rKeys.map(k => d.reasons[k]));
barChart('b_daily_chart',
d.daily.map(e => e.date.slice(5)),
d.daily.map(e => e.pnl));
renderVirtualTrades('bt_tbody', d.trades || [], {
showRsi: true,
showCumulative: true,
totalBudget: Number((d.params && d.params.total_budget_krw) || 0),
});
}
// ────────────────────────────────────────────
// DBBAND — 종목별 더블 볼린저 (UPDOW와 동일: 종목 1개씩 파라미터)
// ────────────────────────────────────────────
function dbSyncExitModeUi() {
const mode = ($('db_exit_mode') && $('db_exit_mode').value) || 'classic';
const isV4 = mode === 'v4_scalp';
const mh = $('db_max_hold_wrap');
if (mh) mh.style.opacity = isV4 ? '1' : '0.45';
if ($('db_max_hold') && !isV4 && ($('db_max_hold').value === '16' || $('db_max_hold').value === '')) {
$('db_max_hold').value = '0';
}
}
function fillDbBandFormFromApi(b) {
if (!b || !Object.keys(b).length) return;
const set = (id, val) => { if (val != null && $(id)) $(id).value = val; };
set('db_period', b.bb_period);
set('db_inner_std', b.bb_inner_std);
set('db_outer_std', b.bb_outer_std);
set('db_trend_ma', b.trend_ma_period);
set('db_sl', b.sl_pct);
set('db_tp', b.tp_pct);
set('db_rr', b.rr_ratio);
set('db_valid_bars', b.entry_valid_bars);
set('db_max_hold', b.max_hold_bars);
set('db_slot', b.slot_money);
if (b.timeframe) set('db_tf', b.timeframe);
if (b.tp_mode && $('db_tp_mode')) $('db_tp_mode').value = b.tp_mode;
if (b.exit_mode && $('db_exit_mode')) $('db_exit_mode').value = b.exit_mode;
if ($('db_use_trend') && b.use_trend_filter !== undefined) {
$('db_use_trend').checked = !!b.use_trend_filter;
}
dbSyncExitModeUi();
}
function dbCollectFormBody() {
return {
code: $('db_code')?.value || '',
tf_min: parseInt($('db_tf').value, 10),
bb_period: parseInt($('db_period').value, 10),
bb_inner_std: parseFloat($('db_inner_std').value),
bb_outer_std: parseFloat($('db_outer_std').value),
trend_ma_period: parseInt($('db_trend_ma').value, 10),
stop_loss_pct: parseFloat($('db_sl').value),
take_profit_pct: parseFloat($('db_tp').value),
tp_mode: $('db_tp_mode').value,
rr_ratio: parseFloat($('db_rr').value),
entry_valid_bars: parseInt($('db_valid_bars').value, 10),
max_hold_bars: parseInt($('db_max_hold').value, 10),
slot_money: parseInt($('db_slot').value, 10),
use_trend_filter: $('db_use_trend').checked,
exit_mode: ($('db_exit_mode') && $('db_exit_mode').value) || 'classic',
side_mode: 'long_only',
entry_mode: 'break_high',
stop_mode: 'signal_low',
};
}
function dbSelectedMeta() {
const sel = $('db_code');
const opt = sel && sel.selectedOptions[0];
const rawName = (opt && opt.textContent) || (sel && sel.value) || '';
const name = String(rawName).replace(/\s*\[[^\]]*\]\s*/g, '').replace(/\s*\([^)]*\)\s*$/, '').trim();
return {
name: name || (sel && sel.value) || '',
market_type: (opt && opt.dataset.marketType) || (opt && opt.dataset.market) || 'KR',
exchange: (opt && opt.dataset.exchange) || 'KRX',
symbol: (opt && opt.dataset.symbol) || (sel && sel.value) || '',
};
}
function dbFillFormFromEngine(e) {
if (!e) return;
const set = (id, v) => { if ($(id) && v != null) $(id).value = v; };
set('db_tf', e.timeframe);
set('db_period', e.bb_period);
set('db_inner_std', e.bb_inner_std);
set('db_outer_std', e.bb_outer_std);
set('db_trend_ma', e.trend_ma_period);
set('db_sl', e.sl_pct);
set('db_tp', e.tp_pct);
set('db_rr', e.rr_ratio);
set('db_valid_bars', e.entry_valid_bars);
set('db_max_hold', e.max_hold_bars);
set('db_slot', e.slot_money);
if ($('db_tp_mode') && e.tp_mode) $('db_tp_mode').value = e.tp_mode;
if ($('db_exit_mode') && e.exit_mode) $('db_exit_mode').value = e.exit_mode;
if ($('db_use_trend')) $('db_use_trend').checked = !!e.use_trend_filter;
dbSyncExitModeUi();
}
function dbLoadStocks() {
const sel = $('db_code');
if (!sel) return;
const prev = sel.value;
Promise.all([
fetch('/api/dbband/stocks').then(r => r.json()),
fetch('/api/permanent_subs').then(r => r.json()).catch(() => ({ rows: [] })),
])
.then(([saved, perm]) => {
const byCode = {};
(saved || []).forEach(it => { byCode[it.code] = it; });
((perm && perm.rows) || []).forEach(r => {
const c = r.code || r.symbol;
if (!c || byCode[c]) return;
byCode[c] = {
code: c,
name: r.note || r.name || c,
market_type: r.market_type || 'KR',
exchange: r.exchange || 'KRX',
symbol: r.symbol || c,
_candidate: true,
};
});
const list = Object.values(byCode).sort((a, b) => String(a.code).localeCompare(String(b.code)));
sel.innerHTML = '';
if (!list.length) {
const o = document.createElement('option');
o.value = '';
o.textContent = '(종목 없음 — 영구구독 등록 후 [종목저장])';
sel.appendChild(o);
return;
}
list.forEach(it => {
const o = document.createElement('option');
o.value = it.code;
o.dataset.marketType = it.market_type || 'KR';
o.dataset.exchange = it.exchange || 'KRX';
o.dataset.symbol = it.symbol || it.code;
const mkt = String(o.dataset.marketType).toUpperCase() === 'US'
? `[US:${o.dataset.exchange}] ` : '';
const tag = it._candidate ? ' (미저장)' : '';
o.textContent = mkt + (it.name || it.code) + ' (' + (it.symbol || it.code) + ')' + tag;
sel.appendChild(o);
});
if (prev && [...sel.options].some(o => o.value === prev)) sel.value = prev;
else if (sel.options.length) sel.selectedIndex = 0;
sel.onchange = dbLoadConfig;
if (sel.value) dbLoadConfig();
if ($('db_tf') && !$('db_tf').dataset.dbBadgeBound) {
$('db_tf').dataset.dbBadgeBound = '1';
$('db_tf').addEventListener('change', dbRefreshMinBadge);
}
})
.catch(err => alert('DBBAND 종목 로드 실패: ' + err));
}
function dbRefreshMinBadge() {
const code = $('db_code')?.value;
const tf = $('db_tf')?.value || '15';
const badge = $('db_min_badge');
if (!code || !badge) return;
fetch(`/api/holding/min_stats?code=${encodeURIComponent(code)}&tf=${encodeURIComponent(tf)}`)
.then(r => r.json())
.then(st => {
if (st.error || !st.count) {
badge.textContent = `DB봉(${tf}분): 없음 — 분봉수집 필요`;
badge.style.color = '#e3b341';
return;
}
badge.textContent = `DB봉(${tf}분): ${st.count}봉 ${(st.min || '').slice(0, 10)}~${(st.max || '').slice(0, 10)}`;
badge.style.color = 'var(--muted)';
})
.catch(() => { badge.textContent = 'DB봉: 조회실패'; });
}
function dbLoadConfig() {
const code = $('db_code')?.value;
if (!code) return;
fetch('/api/dbband/config?code=' + encodeURIComponent(code))
.then(r => r.json())
.then(d => {
if (d.error) { alert(d.error); return; }
dbFillFormFromEngine(d.engine || {});
if (d.dbband_tf_min != null) $('db_tf').value = d.dbband_tf_min;
const ps = $('db_param_source');
if (ps) {
ps.textContent = d.param_source || '';
ps.className = 'badge ' + (d.dbband_stock_saved ? 'badge-info' : 'badge-secondary');
}
dbRefreshMinBadge();
})
.catch(err => alert('설정 로드 실패: ' + err));
}
/** holding_min_candles 수집 — 백테·파라서치 공통 (UPDOW udFetchMinKiwoom 동일 API) */
function dbFetchMinKiwoom(tf) {
tf = parseInt(String(tf != null ? tf : ($('db_tf') && $('db_tf').value) || '15'), 10) || 15;
const code = $('db_code')?.value;
if (!code) { alert('종목을 선택하세요'); return; }
const selOpt = $('db_code').selectedOptions[0] || null;
const marketType = (selOpt && selOpt.dataset.marketType) || 'KR';
const exchange = (selOpt && selOpt.dataset.exchange) || (String(marketType).toUpperCase() === 'US' ? 'NASD' : 'KRX');
const symbol = (selOpt && selOpt.dataset.symbol) || code;
const name = (selOpt && selOpt.textContent) || code;
const start = $('db_fetch_start')?.value || $('db_start')?.value;
const end = $('db_end')?.value;
const statusEl = $('db_min_status');
if (!start || !end) { alert('분봉수집 시작일·종료일을 설정하세요'); return; }
const srcLabel = String(marketType).toUpperCase() === 'US' ? 'KIS 해외' : '키움';
if (!confirm(`🗂 ${name}(${code}) ${srcLabel} ${tf}분봉 수집\n기간: ${start} ~ ${end}\n→ holding_min_candles (백테·파라서치용)\n계속할까요?`)) return;
if (statusEl) statusEl.textContent = '';
fetch('/api/holding/min_candles/fetch_kiwoom', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
code, start, end, tf,
market_type: marketType,
exchange: exchange,
symbol: symbol,
}),
})
.then(r => r.json())
.then(d => {
if (d.error) { alert('❌ ' + d.error); return; }
const jobId = d.job_id;
function poll() {
fetch(`/api/holding/min_candles/status/${jobId}`)
.then(r => r.json())
.then(j => {
if (j.status === 'running') {
const jtf = j.tf != null ? j.tf : tf;
if (statusEl) statusEl.textContent = `⏳ ${srcLabel} ${jtf}분… ${j.fetched || 0} → 저장 ${j.saved || 0}봉`;
setTimeout(poll, 2000);
} else if (j.status === 'done') {
const jtf = j.tf != null ? j.tf : tf;
if (statusEl) statusEl.textContent = `✅ 완료 ${j.saved || 0}봉 (${jtf}분)`;
if ($('db_tf')) $('db_tf').value = String(jtf);
dbRefreshMinBadge();
} else {
if (statusEl) statusEl.textContent = '❌ ' + (j.error || j.status || '오류');
}
})
.catch(() => setTimeout(poll, 3000));
}
poll();
})
.catch(err => alert('오류: ' + err));
}
function runDbBandBacktest() {
const code = $('db_code')?.value;
if (!code) { alert('종목을 선택하거나 [종목저장]으로 등록하세요.'); return; }
const qs = new URLSearchParams({
code,
start: $('db_start').value,
end: $('db_end').value,
tf: $('db_tf').value,
sl_pct: $('db_sl').value,
tp_pct: $('db_tp').value,
tp_mode: $('db_tp_mode').value,
rr_ratio: $('db_rr').value,
bb_period: $('db_period').value,
bb_inner_std: $('db_inner_std').value,
bb_outer_std: $('db_outer_std').value,
trend_ma_period: $('db_trend_ma').value,
entry_valid_bars: $('db_valid_bars').value,
max_hold_bars: $('db_max_hold').value,
slot_money: $('db_slot').value,
use_trend_filter: $('db_use_trend').checked ? '1' : '0',
exit_mode: ($('db_exit_mode') && $('db_exit_mode').value) || 'classic',
env_timeline: envTimelineParam('db_env_timeline'),
});
showSpinner(true);
fetch('/api/dbband/backtest?' + qs.toString())
.then(r => r.json())
.then(d => { showSpinner(false); renderDbBandBacktest(d); })
.catch(err => { showSpinner(false); alert('오류: ' + err); });
}
function renderDbBandBacktest(d) {
if (!d || d.error) {
alert('❌ ' + (d && d.error ? d.error : '백테스트 응답 없음'));
return;
}
if (!d.summary) {
alert('백테스트 응답 오류 (summary 없음)');
return;
}
const s = d.summary || {};
const trades = d.trades || [];
const p = d.params || {};
const dbRa = $('db_result_area');
if (dbRa) dbRa.style.display = 'block';
const dbPb = $('db_params_bar');
if (dbPb) dbPb.style.display = 'block';
const setTxt = (id, txt) => { const el = $(id); if (el) el.textContent = txt; };
const sign = v => (v > 0 ? '+' : '');
const srcBadge = p.param_source === 'dbband_stock_config'
? 'badge-info'
: 'badge-secondary';
const srcLabel = p.param_source === 'dbband_stock_config'
? '종목저장'
: (p.param_source || d.param_source || 'env-fallback');
const trendLab = p.use_trend_filter ? `추세MA${p.trend_ma_period}` : '추세필터OFF';
const exitLab = (p.exit_mode === 'v4_scalp') ? '청산V4' : '청산영상원형';
const tpLab = p.tp_mode === 'rr' ? `RR${p.rr_ratio}` : (p.tp_mode || 'opposite_band');
const periodHint = (p.start && p.end) ? ` | ${p.start}~${p.end}` : '';
const dbSummaryLine =
`<span class="badge ${srcBadge}" title="dbband_stock_config">${p.name || d.code}(${p.code || d.code})</span> ` +
`BB ${p.bb_period}/${p.bb_inner_std}σ·${p.bb_outer_std}σ | ${trendLab} | ${exitLab} | ` +
`손절-${p.sl_pct}% 익절+${p.tp_pct}% (${tpLab}) | ` +
`어깨컷(${p.shoulder_min_high}%발동/${p.shoulder_cut_pct}%하락) | ` +
`유효${p.entry_valid_bars}봉·최대${p.max_hold_bars}봉${periodHint} | ` +
`1회 ${Number(p.slot_money || 0).toLocaleString()}원 · 동시${p.max_stocks || 1}종 · 한도 ${Number(p.total_budget_krw || 0).toLocaleString()}원 | ` +
`쿨다운${p.cooldown_min}분 | 일${p.max_daily || '—'}회 | ${d.tf || p.timeframe}분봉 ${d.candle_count || p.candle_count || '—'}봉 · ${srcLabel}`;
if (dbPb) dbPb.innerHTML = dbSummaryLine;
const psEl = $('db_param_source');
if (psEl) {
psEl.textContent = srcLabel;
psEl.className = 'badge ' + (p.param_source === 'dbband_stock_config' ? 'badge-info' : 'badge-secondary');
psEl.style.fontSize = '11px';
}
setTxt('db_total', (s.total_trades || 0) + '건');
setTxt('db_winrate', (s.win_rate || 0) + '%');
colorPnl($('db_winrate'), (s.win_rate || 0) - 50);
setTxt('db_pnl', fmtKrw(s.total_pnl));
colorPnl($('db_pnl'), s.total_pnl);
setTxt('db_pf', (s.profit_factor || 0) >= 999 ? '∞' : String(s.profit_factor || 0));
colorPnl($('db_pf'), (s.profit_factor || 0) - 1);
setTxt('db_mdd', '-' + fmtWon(s.max_drawdown) + '원');
setTxt('db_hold', (s.avg_hold_min || 0) + '분');
setTxt('db_bot_pct', sign(s.bot_pct || 0) + (s.bot_pct || 0) + '%');
colorPnl($('db_bot_pct'), s.bot_pct || 0);
setTxt('db_daily_avg_pct', sign(s.daily_avg_pct || 0) + (s.daily_avg_pct || 0) + '%');
colorPnl($('db_daily_avg_pct'), s.daily_avg_pct || 0);
setTxt('db_candles', d.candle_count != null ? d.candle_count : (p.candle_count || '-'));
if (s.budget_warning) {
if (dbPb) dbPb.innerHTML += `<div class="mt-1" style="color:#e3b341;font-size:12px">💰 ${s.budget_warning}</div>`;
}
if ((s.total_trades || 0) === 0) {
const zmsg = s.budget_warning
? `거래 0건 — ${s.budget_warning}`
: '거래 0건 — 기간·BB이탈·복귀 패턴·추세필터를 확인하세요.';
const zhtml = `<div class="mt-2 p-2 rounded" style="color:#f85149;font-size:13px;border:1px solid #f85149;background:rgba(248,81,73,.08)">⚠️ ${zmsg}</div>`;
if (dbPb) dbPb.innerHTML += zhtml;
}
const winbar = $('db_winbar_card');
if ((s.total_trades || 0) > 0) {
if (winbar) winbar.style.display = 'block';
const wr = s.win_rate || 0;
setTxt('db_win_label', `🟢 승 ${s.win_trades || 0}건 (${wr}%)`);
setTxt('db_loss_label', `🔴 패 ${s.loss_trades || 0}건 (${(100 - wr).toFixed(1)}%)`);
const rg = $('db_ratio_g'); if (rg) rg.style.width = wr + '%';
const rr = $('db_ratio_r'); if (rr) rr.style.width = (100 - wr) + '%';
} else if (winbar) {
winbar.style.display = 'none';
}
if (s.bnh_pct !== undefined && s.bnh_pct !== null) {
const bnhRow = $('db_bnh_row');
if (bnhRow) bnhRow.style.display = '';
setTxt('db_bot_pct_bnh', sign(s.bot_pct || 0) + (s.bot_pct || 0) + '%');
colorPnl($('db_bot_pct_bnh'), s.bot_pct || 0);
setTxt('db_bnh_pct', sign(s.bnh_pct) + s.bnh_pct + '%');
colorPnl($('db_bnh_pct'), s.bnh_pct);
setTxt('db_bnh_pnl', sign(s.bnh_pnl) + fmtKrw(s.bnh_pnl));
colorPnl($('db_bnh_pnl'), s.bnh_pnl);
setTxt('db_alpha', sign(s.alpha_pct) + (s.alpha_pct != null ? s.alpha_pct : 0) + '%p');
colorPnl($('db_alpha'), s.alpha_pct || 0);
} else {
const bnhRow = $('db_bnh_row');
if (bnhRow) bnhRow.style.display = 'none';
}
try {
if (d.equity && d.equity.length) {
lineChart('db_equity_chart',
d.equity.map(e => e.date),
d.equity.map(e => e.cum_pnl),
'가상누적손익', '#3fb950');
} else {
destroyChart('db_equity_chart');
}
const rKeys = Object.keys(d.reasons || {});
if (rKeys.length) {
doughnutChart('db_reason_chart', rKeys, rKeys.map(k => d.reasons[k]));
} else {
destroyChart('db_reason_chart');
}
} catch (chartErr) {
console.error('db chart render', chartErr);
}
const tbody = $('db_tbody');
if (tbody) {
tbody.innerHTML = '';
trades.forEach(t => {
const tr = document.createElement('tr');
const pnl = Number(t.pnl || 0);
tr.innerHTML =
`<td>${t.side || 'long'}</td><td>${t.entry_time || ''}</td><td>${t.exit_time || ''}</td>` +
`<td>${fmtWon(t.entry)}</td><td>${fmtWon(t.exit)}</td>` +
`<td class="${pnl >= 0 ? 'text-success' : 'text-danger'}">${fmtWon(pnl)}</td>` +
`<td>${t.hold_min || '-'}</td><td>${t.reason || ''}</td>`;
tbody.appendChild(tr);
});
}
if (dbRa) dbRa.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
function saveDbBandStockConfig() {
const code = $('db_code')?.value;
if (!code) { alert('종목을 선택하세요'); return; }
const meta = dbSelectedMeta();
const body = Object.assign(dbCollectFormBody(), { code }, meta);
if (!confirm(`${code} 파라미터를 dbband_stock_config에 저장할까요?`)) return;
fetch('/api/dbband/save_holding', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(body),
})
.then(r => r.json())
.then(d => {
if (d.error) alert('❌ ' + d.error);
else {
alert('✅ 저장 완료 (' + code + ', tf=' + d.dbband_tf_min + '분)');
dbLoadStocks();
}
})
.catch(err => alert('저장 오류: ' + err));
}
function dbApplySearchParams(p) {
if (!p) return;
dbFillFormFromEngine({
bb_period: p.bb_period,
bb_inner_std: p.bb_inner_std,
bb_outer_std: p.bb_outer_std,
trend_ma_period: p.trend_ma_period,
sl_pct: p.stop_loss_pct != null ? p.stop_loss_pct : (p.sl_pct != null ? p.sl_pct * 100 : null),
tp_pct: p.take_profit_pct != null ? p.take_profit_pct : (p.tp_pct != null ? p.tp_pct * 100 : null),
tp_mode: p.tp_mode,
rr_ratio: p.rr_ratio,
entry_valid_bars: p.entry_valid_bars,
max_hold_bars: p.max_hold_bars,
slot_money: p.slot_money,
use_trend_filter: p.use_trend_filter,
});
}
function runDbBandParamSearch() {
const code = $('db_code')?.value;
if (!code) { alert('종목을 선택하세요'); return; }
const qs = new URLSearchParams({
code,
start: $('db_start').value,
end: $('db_end').value,
tf: $('db_tf').value,
top: '20',
});
showSpinner(true);
fetch('/api/dbband/param_search?' + qs.toString())
.then(r => r.json())
.then(d => {
showSpinner(false);
if (d.error) { alert(d.error); return; }
window._db_last_search = d.results || [];
$('db_search_results').style.display = '';
const tb = $('db_search_tbody');
tb.innerHTML = '';
(d.results || []).forEach((row, i) => {
const p = row.params || {};
const tr = document.createElement('tr');
tr.innerHTML =
`<td>${i + 1}</td><td>${fmtWon(row.total_pnl)}</td><td>${row.win_rate}%</td>` +
`<td>${row.total_trades}</td><td>${p.bb_inner_std}/${p.bb_outer_std}</td>` +
`<td>${p.trend_ma_period}</td>` +
`<td><button type="button" class="btn btn-sm btn-outline-primary">적용</button></td>`;
tr.querySelector('button').onclick = () => dbSaveSearchRow(row, i + 1);
tb.appendChild(tr);
});
})
.catch(err => { showSpinner(false); alert('오류: ' + err); });
}
function dbSaveSearchRow(row, rank) {
const code = $('db_code')?.value;
if (!code || !row) return;
const p = row.params || {};
dbApplySearchParams(p);
const meta = dbSelectedMeta();
const body = Object.assign(dbCollectFormBody(), meta, {
code,
bb_period: p.bb_period,
bb_inner_std: p.bb_inner_std,
bb_outer_std: p.bb_outer_std,
trend_ma_period: p.trend_ma_period,
stop_loss_pct: p.stop_loss_pct != null ? p.stop_loss_pct : (p.sl_pct != null ? p.sl_pct * 100 : undefined),
take_profit_pct: p.take_profit_pct != null ? p.take_profit_pct : (p.tp_pct != null ? p.tp_pct * 100 : undefined),
tp_mode: p.tp_mode,
rr_ratio: p.rr_ratio,
entry_valid_bars: p.entry_valid_bars,
max_hold_bars: p.max_hold_bars,
slot_money: p.slot_money != null ? p.slot_money : parseInt($('db_slot').value, 10),
use_trend_filter: p.use_trend_filter != null ? p.use_trend_filter : $('db_use_trend').checked,
});
if (!confirm(`#${rank} 파라미터를 ${code}에 저장할까요?`)) return;
fetch('/api/dbband/save_holding', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(body),
})
.then(r => r.json())
.then(d => {
if (d.error) alert('❌ ' + d.error);
else {
alert('✅ #' + rank + ' 적용·저장 완료');
dbLoadStocks();
}
})
.catch(err => alert('저장 오류: ' + err));
}
// ────────────────────────────────────────────
// 꼬리잡기 백테스트
// ────────────────────────────────────────────
function formatLimitEntryLabel(p) {
if (!p) return '';
const em = String(p.entry_mode || 'align').toLowerCase();
if (em === 'limit_atr') {
return ` · 진입 C limit_atr · ${p.limit_anchor || 'signal_low'} −ATR×${p.limit_atr_mult != null ? p.limit_atr_mult : '-'} · 유효${p.limit_valid_bars != null ? p.limit_valid_bars : 1}봉 · 슬립${p.limit_fill_slip_pct != null ? p.limit_fill_slip_pct : 0}%`;
}
return ' · 진입 A align(다음봉 시가)';
}
function runTailBacktest() {
const params = {
start: $('tl_start').value,
end: $('tl_end').value,
timeframe: $('tl_tf').value,
min_drop_rate: $('tl_drop').value,
min_recovery_ratio: $('tl_rec').value,
tail_ratio_min: $('tl_tail').value,
tail_pct_min: $('tl_tail_pct').value,
max_rec_3m: $('tl_max_rec_3m').value,
sl_pct: $('tl_sl').value,
tp_pct: $('tl_tp').value,
shoulder_min_high: $('tl_smin').value,
shoulder_cut_pct: $('tl_scut').value,
high_chase_thr: $('tl_high_chase').value,
rsi_period: $('tl_rsi_period').value,
rsi_threshold: $('tl_rsi').value,
cooldown_min: $('tl_cool').value,
time_start: $('tl_ts').value,
time_end: $('tl_te').value,
max_daily: $('tl_maxd').value,
symbol_daily_loss_limit_krw: $('tl_symbol_loss_krw')?.value || '30000',
symbol_daily_loss_limit_pct: $('tl_symbol_loss_pct')?.value || '1.5',
reentry_min_edge_krw: $('tl_reentry_min_edge')?.value || '0',
slot_money: $('tl_slot').value,
max_stocks: $('tl_max_stocks').value,
total_budget_krw: $('tl_total_budget').value,
min_price: $('tl_min_price').value,
max_daily_change: $('tl_max_daily_change').value,
ma20_max_above: $('tl_ma20_above').value,
max_loss_krw: $('tl_max_loss_krw').value,
min_drop_pct_for_loss_cut: (parseFloat($('tl_min_drop_loss_cut').value) / 100) || 0.015,
stop_atr_mult: $('tl_stop_atr').value,
target_atr_mult: $('tl_target_atr').value,
atr_sl_min_pct: $('tl_atr_sl_min').value,
atr_sl_max_pct: $('tl_atr_sl_max').value,
atr_tp_min_pct: $('tl_atr_tp_min').value,
atr_tp_max_pct: $('tl_atr_tp_max').value,
universe: $('tl_use_univ_history')?.checked ? 'history' : 'all',
universe_history_source: univHistorySourceParam('tl_univ_history_source'),
candle_source: $('tl_candle_source')?.value || '',
tick_source: $('tl_tick_source')?.value || '',
ob_source: $('tl_ob_source')?.value || '',
entry_mode: ($('tl_entry_mode') && $('tl_entry_mode').value) || 'limit_atr',
limit_atr_mult: $('tl_limit_atr_mult')?.value || '1.5',
limit_anchor: ($('tl_limit_anchor') && $('tl_limit_anchor').value) || 'signal_low',
limit_valid_bars: $('tl_limit_valid_bars')?.value || '1',
limit_fill_slip_pct: $('tl_limit_fill_slip')?.value || '0',
skip_hts_scan_dupes: $('tl_skip_hts_dupes')?.checked !== false ? '1' : '0',
use_intraday_drop: $('tl_use_intraday_drop')?.checked ? '1' : '0',
use_ma20_filter: $('tl_use_ma20_filter')?.checked ? '1' : '0',
use_rsi_filter: $('tl_use_rsi_filter')?.checked !== false ? '1' : '0',
use_daily_range_filter: $('tl_use_daily_range')?.checked !== false ? '1' : '0',
use_high_chase_filter: $('tl_use_high_chase_f')?.checked !== false ? '1' : '0',
bar_chg_min_pct: $('tl_bar_chg_min')?.value || '-10',
bar_chg_max_pct: $('tl_bar_chg_max')?.value || '-1.5',
tail_vol_mult: $('tl_tail_vol_mult')?.value || '0',
tail_vol_win: $('tl_tail_vol_win')?.value || '5',
ratchet_tiers: ($('tl_ratchet') && $('tl_ratchet').value.trim()) || '',
max_hold_bars: '0',
trail_pct: $('tl_trail')?.value || '0',
trail_arm_pct: $('tl_trail_arm')?.value || '0',
backtest_use_tick_db: $('tl_use_tick_db')?.checked !== false ? '1' : '0',
backtest_tick_fallback_ohlc: $('tl_tick_fallback_ohlc')?.checked ? '1' : '0',
pattern_hammer: $('tl_pat_hammer')?.checked !== false ? '1' : '0',
pattern_pin: $('tl_pat_pin')?.checked ? '1' : '0',
pattern_engulfing: $('tl_pat_engulfing')?.checked ? '1' : '0',
pattern_piercing: $('tl_pat_piercing')?.checked ? '1' : '0',
pattern_harami: $('tl_pat_harami')?.checked ? '1' : '0',
pattern_doji: $('tl_pat_doji')?.checked ? '1' : '0',
pattern_morning_star: $('tl_pat_morning_star')?.checked ? '1' : '0',
ob_filter: $('tl_ob_filter')?.checked ? 1 : 0,
pg_filter: $('tl_pg_filter')?.checked ? 1 : 0,
max_spread_pct: $('tl_max_spread_pct')?.value,
daily_trail_tiers: ($('tl_daily_trail_tiers') && $('tl_daily_trail_tiers').value.trim()) || '',
daily_trail_drop_pct: $('tl_daily_trail_drop')?.value || '0',
daily_trail_arm_krw: $('tl_daily_trail_arm')?.value || '0',
daily_profit_mode: ($('tl_daily_profit_mode') && $('tl_daily_profit_mode').value) || 'trailing',
daily_profit_enabled: $('tl_daily_profit_enabled')?.checked ? 1 : 0,
daily_risk_budget_enabled: $('tl_daily_risk_budget_enabled')?.checked ? 1 : 0,
eod_enabled: $('tl_eod_enabled')?.checked ? 1 : 0,
eod_hm: ($('tl_eod_hm') && $('tl_eod_hm').value.trim()) || '15:25',
env_timeline: envTimelineParam('tl_env_timeline'),
};
const qs = new URLSearchParams(params).toString();
showSpinner(true);
fetch('/api/backtest/tail?' + qs)
.then(r => r.json())
.then(d => { showSpinner(false); renderTailBacktest(d); })
.catch(err => { showSpinner(false); alert('오류: ' + err); });
}
// ════════════════════════════════════════════════════════════════
// 전략 백테 CLI 잡 (꼬리·스캘핑·돌파·모멘텀) — 전역 1잡 · 탭 이동 OK · 좀비방지
// ════════════════════════════════════════════════════════════════
const BTJOB_LS_KEY = 'kis_bt_job_id';
const BTJOB_LS_KEY_LEGACY = 'kis_tail_bt_job_id';
let _btJobPollTimer = null;
let _btJobId = localStorage.getItem(BTJOB_LS_KEY)
|| localStorage.getItem(BTJOB_LS_KEY_LEGACY) || '';
let _btJobRenderedId = '';
let _btJobStrategy = '';
const BTJOB_CFG = {
tail: {
tab: 'tail',
label: '꼬리 백테',
startId: 'tl_start', endId: 'tl_end', tfId: 'tl_tf',
univId: 'tl_use_univ_history', univSrcId: 'tl_univ_history_source', tickId: 'tl_use_tick_db',
envId: 'tl_env_timeline', obId: 'tl_ob_filter',
stopBtn: 'tl_btn_stop_bg', tabFill: 'tlbt_tab_fill', tabStatus: 'tlbt_tab_status',
clearPrefix: 'tl_',
universeOn: 'history', universeOff: 'all',
},
scalp: {
tab: 'backtest',
label: '스캘핑 백테',
startId: 'bt_start', endId: 'bt_end', tfId: null,
univId: 'bt_use_univ_history', univSrcId: 'bt_univ_history_source', tickId: null,
envId: 'bt_env_timeline', obId: null,
stopBtn: 'bt_btn_stop_bg', tabFill: 'scalp_bt_tab_fill', tabStatus: 'scalp_bt_tab_status',
clearPrefix: 'b_',
universeOn: 'history', universeOff: 'sim',
},
breakout: {
tab: 'breakout',
label: '돌파 백테',
startId: 'bo_start', endId: 'bo_end', tfId: null,
univId: 'bo_use_univ_history', univSrcId: 'bo_univ_history_source', tickId: null,
envId: 'bo_env_timeline', obId: null,
stopBtn: 'bo_btn_stop_bg', tabFill: 'bo_bt_tab_fill', tabStatus: 'bo_bt_tab_status',
clearPrefix: 'bo_',
universeOn: 'history', universeOff: 'all',
},
momentum: {
tab: 'momentum',
label: '모멘텀 백테',
startId: 'mom_start', endId: 'mom_end', tfId: null,
univId: 'mom_use_univ_history', univSrcId: 'mom_univ_history_source', tickId: null,
envId: 'mom_env_timeline', obId: 'mom_ob_filter',
stopBtn: 'mom_btn_stop_bg', tabFill: 'mom_bt_tab_fill', tabStatus: 'mom_bt_tab_status',
clearPrefix: 'mom_',
universeOn: 'history', universeOff: 'sim',
},
};
function btJobGoTab(strat) {
const s = strat || _btJobStrategy || 'tail';
const cfg = BTJOB_CFG[s] || BTJOB_CFG.tail;
btShowTab(cfg.tab);
}
function btJobClearUi(strat, msg) {
const cfg = BTJOB_CFG[strat] || BTJOB_CFG.tail;
const map = {
tail: ['tl_total','tl_winrate','tl_pnl','tl_pf','tl_mdd','tl_hold','tl_bot_pct','tl_daily_avg_pct'],
scalp: ['b_total','b_winrate','b_pnl','b_pf','b_mdd','b_hold','b_bot_pct','b_daily_avg_pct'],
breakout: ['bo_total','bo_winrate','bo_pnl','bo_pf','bo_mdd','bo_hold','bo_bot_pct','bo_daily_avg_pct'],
momentum: ['mom_total','mom_winrate','mom_pnl','mom_pf','mom_mdd','mom_hold','mom_bot_pct','mom_daily_avg_pct'],
};
const ids = map[strat] || map.tail;
ids.forEach((id, i) => {
const el = $(id);
if (!el) return;
if (i === 2) el.textContent = '실행중';
else el.textContent = i < 2 ? '…' : '—';
});
const tbody = strat === 'tail' ? $('tl_tbody')
: (strat === 'scalp' ? $('bt_tbody')
: (strat === 'breakout' ? $('bo_tbody') : $('mom_tbody')));
if (tbody) {
tbody.innerHTML = `<tr><td colspan="12" class="text-muted text-center py-3">${msg || '백그라운드 실행 중…'}</td></tr>`;
}
if (cfg.tabStatus && $(cfg.tabStatus)) {
$(cfg.tabStatus).textContent = msg || '실행중…';
}
}
function btJobSetNav(job) {
const bar = $('btjob_nav_bar');
if (!bar) return;
if (!job) {
bar.classList.add('d-none');
return;
}
const strat = job.strategy || _btJobStrategy || 'tail';
_btJobStrategy = strat;
const cfg = BTJOB_CFG[strat] || BTJOB_CFG.tail;
const prog = job.progress || {};
const pct = Number(prog.pct || 0);
const st = job.status || '';
const label = (job.label || cfg.label) +
(st === 'running' ? ' 실행중' : (st === 'done' ? ' 완료' : (st === 'error' ? ' 오류' : '')));
const range = (job.start && job.end) ? ` ${job.start}~${job.end}` : '';
if ($('btjob_nav_label')) $('btjob_nav_label').textContent = label + range;
if ($('btjob_nav_pct')) $('btjob_nav_pct').textContent = `${pct}%`;
const fill = $('btjob_nav_fill');
if (fill) {
fill.style.width = `${Math.min(100, pct)}%`;
fill.classList.toggle('is-done', st === 'done');
fill.classList.toggle('is-error', st === 'error');
}
bar.classList.remove('d-none');
bar.onclick = () => btJobGoTab(strat);
const tabFill = cfg.tabFill && $(cfg.tabFill);
if (tabFill) {
tabFill.style.width = `${Math.min(100, pct)}%`;
tabFill.classList.toggle('is-done', st === 'done');
tabFill.classList.toggle('is-error', st === 'error');
}
const stEl = cfg.tabStatus && $(cfg.tabStatus);
if (stEl) {
const msg = prog.message || '';
stEl.innerHTML =
`<b>${st}</b> ${pct}%` + range +
(msg ? ` · ${msg}` : '') +
(job.log_path ? ` · <code style="font-size:10px">${job.log_path}</code>` : '') +
' · 전역 1잡 · 탭 이동 OK';
}
// 모든 전략 중지 버튼 동기화
Object.values(BTJOB_CFG).forEach(c => {
const b = c.stopBtn && $(c.stopBtn);
if (b) b.disabled = st !== 'running';
});
}
async function btJobLoadResult(jobId, strategy) {
const rr = await fetch('/api/backtest/job/result?job_id=' + encodeURIComponent(jobId));
const rd = await rr.json();
if (!rd.ok) throw new Error(rd.error || '결과 없음');
const strat = strategy || rd.strategy || 'tail';
const payload = rd.data || rd.raw || rd;
// 과거 CLI 버그: 핸들러 500을 ok:true + error 로 저장 → 새로고침마다 alert 재발
const failMsg = (payload && payload.error) || rd.error || '';
if (failMsg) {
const cfg = BTJOB_CFG[strat] || BTJOB_CFG.tail;
const stEl = cfg.tabStatus && $(cfg.tabStatus);
if (stEl) {
stEl.textContent = '실패(구잡): ' + String(failMsg).slice(0, 120) + ' · 다시 실행하세요';
}
_btJobId = '';
localStorage.removeItem(BTJOB_LS_KEY);
localStorage.removeItem(BTJOB_LS_KEY_LEGACY);
btJobSetNav(null);
throw new Error(String(failMsg));
}
if (strat === 'scalp') {
renderBacktest(payload);
} else if (strat === 'breakout') {
renderBreakoutBacktest(payload);
} else if (strat === 'momentum') {
renderMomentumBacktest(payload);
} else {
if (payload && payload.equity) renderTailBacktest(payload);
else if (rd.ok) renderTailBacktestFromCli(rd);
}
}
async function btJobPollOnce() {
const requestedId = _btJobId;
if (!requestedId) return;
try {
const r = await fetch('/api/backtest/job/status?job_id=' + encodeURIComponent(requestedId));
if (requestedId !== _btJobId) return;
const j = await r.json();
if (!j.ok) {
if (r.status === 404 && requestedId === _btJobId) {
_btJobId = '';
localStorage.removeItem(BTJOB_LS_KEY);
localStorage.removeItem(BTJOB_LS_KEY_LEGACY);
btJobSetNav(null);
}
return;
}
const job = j.job || {};
const jid = String(job.job_id || requestedId);
if (jid !== _btJobId) return;
btJobSetNav(job);
const st = job.status;
if (st === 'done' && _btJobRenderedId !== jid) {
try {
await btJobLoadResult(jid, job.strategy);
if (jid !== _btJobId) return;
_btJobRenderedId = jid;
try { btJobGoTab(job.strategy); } catch (e2) {}
} catch (e) {
console.warn('btJobLoadResult', e);
}
}
} catch (e) { /* ignore */ }
}
function btJobStartPolling() {
if (_btJobPollTimer) clearInterval(_btJobPollTimer);
btJobPollOnce();
_btJobPollTimer = setInterval(btJobPollOnce, 2000);
}
function btJobCollectBody(strategy) {
const cfg = BTJOB_CFG[strategy];
if (!cfg) throw new Error('알 수 없는 전략: ' + strategy);
const univOn = !!(cfg.univId && $(cfg.univId)?.checked);
const body = {
strategy,
start: $(cfg.startId)?.value,
end: $(cfg.endId)?.value,
universe: univOn ? cfg.universeOn : cfg.universeOff,
universe_history_source: cfg.univSrcId ? univHistorySourceParam(cfg.univSrcId) : 'kiwoom',
// 폼에 호가체크 없으면 DB 따름(auto). scalp/breakout obId=null 이 off 강제되던 버그 수정
orderbook_filter: cfg.obId
? ($(cfg.obId)?.checked ? 'on' : 'off')
: 'auto',
env_timeline: cfg.envId ? envTimelineParam(cfg.envId) : 0,
};
if (cfg.tfId && $(cfg.tfId)) body.timeframe = $(cfg.tfId).value || 3;
if (cfg.tickId) body.backtest_use_tick_db = $(cfg.tickId)?.checked !== false ? 1 : 0;
return body;
}
async function btJobStart(strategy) {
const body = btJobCollectBody(strategy);
if (!body.start || !body.end) { alert('시작·종료일을 입력하세요'); return; }
if (!confirm(
`${BTJOB_CFG[strategy].label} 백그라운드 시작?\n${body.start}~${body.end}\n` +
`파라미터=현재 DB (+기간/유니버스)\n다른 전략 백테와 동시 실행 불가(전역 1잡).\n탭 이동 OK.`
)) return;
try {
const r = await fetch('/api/backtest/job/start', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(body),
});
const j = await r.json();
if (!j.ok) { alert('❌ ' + (j.error || '시작 실패')); return; }
_btJobId = j.job.job_id;
_btJobStrategy = strategy;
_btJobRenderedId = '';
localStorage.setItem(BTJOB_LS_KEY, _btJobId);
localStorage.removeItem(BTJOB_LS_KEY_LEGACY);
btJobClearUi(strategy, `실행중 ${body.start}~${body.end}`);
btJobSetNav(j.job);
btJobStartPolling();
} catch (e) {
alert('오류: ' + e);
}
}
async function btJobStop() {
if (!_btJobId) return;
if (!confirm('백그라운드 백테를 중지할까요? (프로세스 정리)')) return;
try {
const r = await fetch('/api/backtest/job/stop', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ job_id: _btJobId }),
});
const j = await r.json();
if (!j.ok) { alert(j.error || '중지 실패'); return; }
btJobSetNav(j.job);
} catch (e) { alert('오류: ' + e); }
}
// 하위호환
function runTailBacktestJob() { return btJobStart('tail'); }
function tlBtStop() { return btJobStop(); }
function tlBtGoTab() { return btJobGoTab('tail'); }
function renderTailBacktestFromCli(rd) {
// CLI JSON → 웹 /api/backtest/tail 과 동일 스키마 (equity/daily/reasons/win_trades)
// 없으면 renderTailBacktest 가 equity.map 에서 터져 승패·차트·거래내역이 안 나옴
const summary = rd.summary || (rd.data && rd.data.summary) || {};
const trades = rd.trades || (rd.data && rd.data.trades) || [];
const meta = rd.meta || (rd.data && rd.data.meta) || {};
const pu = rd.params_used || (rd.data && rd.data.params_used) || {};
const sorted = trades.slice().sort((a, b) =>
String(a.exit_time || a.sell_time || '').localeCompare(String(b.exit_time || b.sell_time || ''))
);
let cum = 0;
let peak = 0;
let peakAt = '';
let mdd = 0;
const equity = [];
const dailyMap = {};
const reasons = {};
for (const t of sorted) {
const pnl = Number(t.pnl ?? t.realized_pnl ?? 0) || 0;
cum += pnl;
if (cum > peak) {
peak = cum;
peakAt = String(t.exit_time || t.sell_time || '');
}
const dd = peak - cum;
if (dd > mdd) mdd = dd;
const et = String(t.exit_time || t.sell_time || '').replace(/[-: T]/g, '');
const day = et.length >= 8
? `${et.slice(0, 4)}-${et.slice(4, 6)}-${et.slice(6, 8)}`
: (et || '—');
equity.push({ date: day, cum_pnl: Math.round(cum), pnl: Math.round(pnl) });
dailyMap[day] = (dailyMap[day] || 0) + pnl;
const rk = String(t.reason || t.sell_reason || '기타');
reasons[rk] = (reasons[rk] || 0) + 1;
}
const daily = Object.keys(dailyMap).sort().map(d => ({
date: d,
pnl: Math.round(dailyMap[d]),
}));
const winsN = Number(
summary.win_trades != null ? summary.win_trades
: (summary.wins != null ? summary.wins
: trades.filter(t => Number(t.pnl ?? t.realized_pnl ?? 0) > 0).length)
);
const lossN = Number(
summary.loss_trades != null ? summary.loss_trades
: (summary.losses != null ? summary.losses
: Math.max(0, trades.length - winsN))
);
const fake = {
summary: {
total_trades: summary.total_trades != null ? summary.total_trades : trades.length,
win_trades: winsN,
loss_trades: lossN,
win_rate: summary.win_rate || 0,
total_pnl: summary.total_pnl || 0,
profit_factor: summary.profit_factor != null ? summary.profit_factor : (summary.pf || 0),
max_drawdown: summary.max_drawdown != null ? summary.max_drawdown
: (summary.mdd != null ? summary.mdd : Math.round(mdd)),
avg_hold_min: summary.avg_hold_min || 0,
bot_pct: summary.bot_pct || 0,
daily_avg_pct: summary.daily_avg_pct || 0,
peak_cum_pnl: summary.peak_cum_pnl != null ? summary.peak_cum_pnl : Math.round(peak),
peak_cum_at: summary.peak_cum_at || peakAt,
tick_backtest: summary.tick_backtest || meta.tick_backtest,
backtest_buy_source: summary.backtest_buy_source || meta.backtest_buy_source,
tick_entry_sources: summary.tick_entry_sources || meta.tick_entry_sources,
skip_stats: summary.skip_stats || meta.skip_stats || {},
},
params: {
universe_source: meta.universe_source || rd.universe_source || 'history',
timeframe: rd.timeframe || pu.timeframe || 3,
slot_money: pu.slot_money || 0,
max_stocks: pu.max_stocks || 0,
total_budget_krw: pu.total_budget_krw || 0,
codes_analyzed: meta.codes_analyzed || meta.n_codes
|| (Array.isArray(meta.codes) ? meta.codes.length : (trades.length || 0)),
min_drop_rate: (function () {
const v = Number(pu.min_drop_rate);
if (!Number.isFinite(v)) return pu.min_drop_rate ?? '';
// 엔진 비율(0.055) → UI % (5.5)
return (v > 0 && v <= 1) ? (v * 100) : v;
})(),
min_recovery_ratio: (function () {
const v = Number(pu.min_recovery_ratio);
if (!Number.isFinite(v)) return pu.min_recovery_ratio ?? '';
return (v > 0 && v <= 1) ? (v * 100) : v;
})(),
tail_ratio_min: pu.tail_ratio_min ?? '',
sl_pct: (function () {
const v = Number(pu.sl_pct);
if (!Number.isFinite(v)) return pu.sl_pct ?? '';
return (v > 0 && v <= 1) ? (v * 100) : v;
})(),
tp_pct: (function () {
const v = Number(pu.tp_pct);
if (!Number.isFinite(v)) return pu.tp_pct ?? '';
return (v > 0 && v <= 1) ? (v * 100) : v;
})(),
shoulder_min_high: (function () {
const v = Number(pu.shoulder_min_high ?? pu.shoulder_min_high_pct);
if (!Number.isFinite(v)) return '';
return (v > 0 && v <= 1) ? (v * 100) : v;
})(),
shoulder_cut_pct: (function () {
const v = Number(pu.shoulder_cut_pct);
if (!Number.isFinite(v)) return '';
return (v > 0 && v <= 1) ? (v * 100) : v;
})(),
trail_pct: pu.trail_pct ?? 0,
trail_arm_pct: pu.trail_arm_pct ?? 0,
max_loss_krw: pu.max_loss_krw,
rsi_period: pu.rsi_period ?? '',
rsi_threshold: pu.rsi_threshold ?? '',
cooldown_min: pu.cooldown_min ?? '',
time_window: pu.time_window || (
(pu.time_start != null && pu.time_end != null)
? `${pu.time_start}-${pu.time_end}` : ''
),
max_daily: pu.max_daily ?? '',
entry_mode: pu.entry_mode,
limit_atr_mult: pu.limit_atr_mult,
limit_anchor: pu.limit_anchor,
limit_valid_bars: pu.limit_valid_bars,
limit_fill_slip_pct: pu.limit_fill_slip_pct,
},
equity,
daily,
reasons,
trades,
};
try {
renderTailBacktest(fake);
} catch (e) {
console.warn('renderTailBacktestFromCli', e);
alert(
`백그라운드 완료(화면 렌더 실패)\n거래 ${summary.total_trades} · WR ${summary.win_rate}% · PnL ${summary.total_pnl}\n` +
(rd.result_json || '') + `\n${e}`
);
}
}
// 페이지 로드 시 이전 잡 폴링 재개 (탭 무관)
if (_btJobId) {
setTimeout(() => btJobStartPolling(), 800);
}
function renderTailBacktest(d) {
const s = d.summary;
const p = d.params;
$('tl_params_bar').style.display = '';
const tlUniverseLabel = formatUniverseLabel(p);
const tlSummaryLine =
`<span class="badge ${isHistoryUniverseSource(p.universe_source) ? 'badge-info' : 'badge-secondary'}" title="후보 이력(키움/LS)">${tlUniverseLabel}</span> ` +
(p.timeframe != null ? `<span class="badge badge-primary" title="ws_candles 분봉">${p.timeframe}분봉</span> ` : '') +
`낙폭≥${p.min_drop_rate}% | 회복률≥${p.min_recovery_ratio}% | 꼬리/몸통≥${p.tail_ratio_min} | ` +
`손절-${p.sl_pct}% 익절+${p.tp_pct}% | 어깨컷(${p.shoulder_min_high}%발동/${p.shoulder_cut_pct}%하락)` +
(Number(p.trail_pct) > 0 ? ` | 보조트레일${p.trail_pct}%` + (Number(p.trail_arm_pct) > 0 ? `(무장${p.trail_arm_pct}%)` : '') : '') + ` | ` +
(p.max_loss_krw != null ? `최대손실컷 ${Number(p.max_loss_krw).toLocaleString()}원 | ` : '') +
`1회투자 ${Number(p.slot_money||0).toLocaleString()}원 | 동시${p.max_stocks||3}종 | 총한도 ${Number(p.total_budget_krw||0).toLocaleString()}원 | ` +
`RSI(${p.rsi_period})과열<${p.rsi_threshold} | 쿨다운${p.cooldown_min}분 | ${p.time_window || '930-1500'} | 일${p.max_daily || 3}회/종목 | 종목수 ${p.codes_analyzed}개 | 시각순 포트폴리오` +
formatLimitEntryLabel(p);
$('tl_params_bar').innerHTML = tlSummaryLine;
const tlCtx = $('tl_trade_context');
if (tlCtx) {
fillTradePnLContext(tlCtx, {
label: '백테 SHORT(꼬리)',
totalBudget: Number(p.total_budget_krw || 0),
peakCum: Number(s.peak_cum_pnl || 0),
peakAt: s.peak_cum_at || '',
totalPnl: s.total_pnl,
});
}
$('tl_total').textContent = (s.total_trades||0) + '건';
$('tl_winrate').textContent = (s.win_rate||0) + '%';
colorPnl($('tl_winrate'), (s.win_rate||0) - 50);
$('tl_pnl').textContent = fmtKrw(s.total_pnl);
colorPnl($('tl_pnl'), s.total_pnl);
$('tl_pf').textContent = ((s.profit_factor ?? s.pf) || 0) >= 999 ? '∞' : ((s.profit_factor ?? s.pf) || 0);
colorPnl($('tl_pf'), ((s.profit_factor ?? s.pf) || 0) - 1);
$('tl_mdd').textContent = '-' + fmtWon(s.max_drawdown ?? s.mdd ?? 0) + '원';
$('tl_hold').textContent = (s.avg_hold_min||0) + '분';
const tlSign = v => (v > 0 ? '+' : '');
$('tl_bot_pct').textContent = tlSign(s.bot_pct || 0) + (s.bot_pct || 0) + '%';
colorPnl($('tl_bot_pct'), s.bot_pct || 0);
$('tl_daily_avg_pct').textContent = tlSign(s.daily_avg_pct || 0) + (s.daily_avg_pct || 0) + '%';
colorPnl($('tl_daily_avg_pct'), s.daily_avg_pct || 0);
if (s.universe_warning) {
$('tl_params_bar').innerHTML += `<div class="mt-1" style="color:#f85149;font-size:12px">⚠️ ${s.universe_warning}</div>`;
if (tlCtx) tlCtx.innerHTML += `<div style="color:#f85149;font-size:12px">⚠️ ${s.universe_warning}</div>`;
}
if (s.budget_warning) {
$('tl_params_bar').innerHTML += `<div class="mt-1" style="color:#e3b341;font-size:12px">💰 ${s.budget_warning}</div>`;
if (tlCtx) tlCtx.innerHTML += `<div style="color:#e3b341;font-size:12px">💰 ${s.budget_warning}</div>`;
}
const tickMeta = s.tick_backtest || {};
const buySrc = s.backtest_buy_source || '';
if (buySrc === 'ws_ticks' || buySrc === 'ohlc_fallback' || tickMeta.tick_bar_coverage_pct != null) {
const covLabel = fmtTickCoverageLabel(tickMeta);
const rows = tickMeta.ws_tick_rows_loaded != null ? Number(tickMeta.ws_tick_rows_loaded).toLocaleString() : '—';
const srcLabel = buySrc === 'ws_ticks' ? '틱DB(ws_ticks)' : (buySrc === 'ohlc_fallback' ? 'OHLC 폴백' : buySrc);
const tickColor = buySrc === 'ws_ticks' ? '#3fb950' : '#e3b341';
const tickLine = `<div class="mt-1" style="color:${tickColor};font-size:12px">📊 매수재생 ${srcLabel} | 틱 ${rows}건 · 분봉커버 ${covLabel}</div>`;
$('tl_params_bar').innerHTML += tickLine;
if (tlCtx) tlCtx.innerHTML += tickLine;
const srcMap = s.tick_entry_sources || {};
const srcKeys = Object.keys(srcMap);
if (srcKeys.length) {
const srcDetail = srcKeys.map(k => `${k}:${srcMap[k]}`).join(' · ');
const srcLine = `<div style="color:#8b949e;font-size:11px">진입출처 ${srcDetail}</div>`;
$('tl_params_bar').innerHTML += srcLine;
if (tlCtx) tlCtx.innerHTML += srcLine;
}
}
// 매수큐 실매형 스캔주기(초)·유니버스 디바운스(초) — 모멘텀 동일 표기
const tlSkip = s.skip_stats || {};
if (tlSkip.buy_queue_mode) {
const qm = tlSkip.buy_queue_mode === 'live_scan'
? `매수큐 실매형 ${tlSkip.scan_sec || 10}초 · 스캔${tlSkip.scan_events ?? '—'} · 매수${tlSkip.scan_buys ?? '—'}`
: '매수큐 분봉(레거시)';
const um = tlSkip.universe_mode === 'scan_at'
? `유니버스 스캔시각·디바운스${tlSkip.universe_debounce_sec ?? 30}초`
: (tlSkip.universe_mode === 'minute_slot' ? '유니버스 분슬롯' : '');
const line = um ? `🔄 ${qm} | ${um}` : `🔄 ${qm}`;
$('tl_params_bar').innerHTML += `<div class="mt-1" style="color:#8b949e;font-size:12px">${line}</div>`;
if (tlCtx) tlCtx.innerHTML += `<div style="color:#8b949e;font-size:12px">${line}</div>`;
}
// 장중 누적손익 최고점 — 파라미터 바에 참고 표기 (거래내역 컨텍스트와 동일 수치)
const tlPeakCum = Number(s.peak_cum_pnl || 0);
const tlPeakAt = fmtTradeTime(s.peak_cum_at || '');
if (tlPeakCum > 0 && tlPeakAt) {
const peakLine =
`💡 장중 누적 최고 <b style="color:var(--green)">+${tlPeakCum.toLocaleString()}원</b> (${tlPeakAt})` +
` · 최종 <b>${fmtKrw(s.total_pnl)}</b>`;
$('tl_params_bar').innerHTML += `<div class="mt-1" style="color:#8b949e;font-size:12px">${peakLine}</div>`;
}
if ((s.total_trades||0) > 0) {
$('tl_winbar_card').style.display = '';
const wr = s.win_rate||0;
const winN = s.win_trades != null ? s.win_trades : (s.wins || 0);
const lossN = s.loss_trades != null ? s.loss_trades : (s.losses || 0);
$('tl_win_label').textContent = `🟢 승 ${winN}건 (${wr}%)`;
$('tl_loss_label').textContent = `🔴 패 ${lossN}건 (${(100-wr).toFixed(1)}%)`;
$('tl_ratio_g').style.width = wr + '%';
$('tl_ratio_r').style.width = (100 - wr) + '%';
}
// 누적 손익 곡선 (백그라운드 CLI 결과는 equity 없을 수 있음 → 빈 배열 허용)
const tlEquity = Array.isArray(d.equity) ? d.equity : [];
lineChart('tl_equity_chart',
tlEquity.map(e => e.date),
tlEquity.map(e => e.cum_pnl),
'가상누적손익', '#3fb950');
// 매도 이유 도넛
const tlReasons = d.reasons || {};
const rKeys = Object.keys(tlReasons);
doughnutChart('tl_reason_chart', rKeys, rKeys.map(k => tlReasons[k]));
// 일별 바
const tlDaily = Array.isArray(d.daily) ? d.daily : [];
barChart('tl_daily_chart',
tlDaily.map(e => String(e.date || '').slice(5)),
tlDaily.map(e => e.pnl));
renderVirtualTrades('tl_tbody', d.trades || [], {
showDebug: true,
showCumulative: true,
totalBudget: Number((d.params && d.params.total_budget_krw) || 0),
});
}
// ────────────────────────────────────────────
// 홀딩 전략
// ────────────────────────────────────────────
let hdCurrentCode = null;
let hdCurrentName = null;
let hdCurrentCfg = {};
function hdLoadStocks() {
fetch('/api/holding/stocks')
.then(r => r.json())
.then(stocks => hdRenderStockList(stocks))
.catch(err => alert('종목 로드 실패: ' + err));
}
function hdRenderStockList(stocks) {
const list = $('hd_stock_list');
list.innerHTML = '';
stocks.forEach(s => {
const candleInfo = s.candle_count > 0
? `<span style="color:var(--green);font-size:11px">✅ 일봉 ${s.candle_count}봉 (${s.candle_min||'?'} ~ ${s.candle_max||'?'})</span>`
: `<span style="color:var(--red);font-size:11px">⚠️ 일봉 없음</span>`;
const min60Info = s.min60_count > 0
? `<span style="color:#58a6ff;font-size:11px">⏱ 60분봉 ${s.min60_count}봉 (${s.min60_min||'?'} ~ ${s.min60_max||'?'})</span>`
: `<span style="color:var(--muted);font-size:11px">⏱ 60분봉 없음</span>`;
list.insertAdjacentHTML('beforeend', `
<div class="col-12 col-md-6 col-lg-4">
<div class="card p-3">
<div class="d-flex justify-content-between align-items-start mb-1">
<div>
<b style="font-size:15px">${s.name||s.code}</b>
<span style="color:var(--muted);font-size:12px;margin-left:6px">${s.code}</span>
</div>
<div class="text-end">${candleInfo}<br>${min60Info}</div>
</div>
<!-- 파라미터 인풋 -->
<div class="row g-1" style="font-size:12px">
<div class="col-12" style="color:var(--accent);font-size:11px;font-weight:600;padding:2px 4px">▶ 추세 설정</div>
<div class="col-4"><label>MA단기 <input type="number" class="form-control form-control-sm" id="cfg_${s.code}_ma_fast" value="${s.ma_fast||20}" min="5" max="60" step="1"></label></div>
<div class="col-4"><label>MA장기 <input type="number" class="form-control form-control-sm" id="cfg_${s.code}_ma_slow" value="${s.ma_slow||60}" min="20" max="200" step="5"></label></div>
<div class="col-4"><label>트레일(%) <input type="number" class="form-control form-control-sm" id="cfg_${s.code}_trail_stop_pct" value="${s.trail_stop_pct??8}" min="0" max="30" step="0.5" title="고점 대비 X% 하락 시 추세이탈 청산. 0=비활성"></label></div>
<div class="col-6"><label>추세필터
<select class="form-control form-control-sm" id="cfg_${s.code}_trend_filter">
<option value="1" ${(s.trend_filter??1)>=0.5?'selected':''}>ON (추세추종)</option>
<option value="0" ${(s.trend_filter??1)<0.5?'selected':''}>OFF (역추세)</option>
</select></label></div>
<div class="col-12" style="color:var(--muted);font-size:11px;font-weight:600;padding:2px 4px">▶ RSI 매수/매도</div>
<div class="col-6"><label>RSI기간 <input type="number" class="form-control form-control-sm" id="cfg_${s.code}_rsi_period" value="${s.rsi_period||14}" min="5" max="30"></label></div>
<div class="col-6"><label>매수1 RSI≤ <input type="number" class="form-control form-control-sm" id="cfg_${s.code}_rsi_buy1" value="${s.rsi_buy1||55}" min="10" max="70" step="1" title="추세 ON: 1차 눌림목 / 추세 OFF: 1단계"></label></div>
<div class="col-6"><label>매수2 RSI≤ <input type="number" class="form-control form-control-sm" id="cfg_${s.code}_rsi_buy2" value="${s.rsi_buy2||45}" min="10" max="65" step="1" title="추세 ON: 2차 눌림목 / 추세 OFF: 2단계"></label></div>
<div class="col-6"><label>매수3 RSI≤ <input type="number" class="form-control form-control-sm" id="cfg_${s.code}_rsi_buy3" value="${s.rsi_buy3||35}" min="5" max="55" step="1" title="추세 OFF 전용 3단계 (추세 ON에선 미사용)"></label></div>
<div class="col-6"><label>매도 RSI≥ <input type="number" class="form-control form-control-sm" id="cfg_${s.code}_rsi_sell" value="${s.rsi_sell||75}" min="50" max="95" step="1"></label></div>
<div class="col-6"><label>익절(%) <input type="number" class="form-control form-control-sm" id="cfg_${s.code}_take_profit_pct" value="${s.take_profit_pct||15}" min="1" max="50" step="1" title="추세장엔 크게 잡아야 탈 안 남"></label></div>
<div class="col-6"><label>손절(%) <input type="number" class="form-control form-control-sm" id="cfg_${s.code}_stop_loss_pct" value="${s.stop_loss_pct||10}" min="2" max="30" step="0.5"></label></div>
<div class="col-6"><label>투자금(원) <input type="number" class="form-control form-control-sm" id="cfg_${s.code}_slot_money" value="${s.slot_money||3000000}" min="500000" step="500000"></label></div>
<div class="col-12" style="color:var(--muted);font-size:11px;font-weight:600;padding:2px 4px">▶ 분할 비중(%) — 추세 ON이면 1·2차만 사용. 합 100% 권장 (탐색·추세BT·저장 동일)</div>
<div class="col-4"><label>비중1 <input type="number" class="form-control form-control-sm" id="cfg_${s.code}_buy1_ratio" value="${s.buy1_ratio??50}" min="0" max="100" step="5"></label></div>
<div class="col-4"><label>비중2 <input type="number" class="form-control form-control-sm" id="cfg_${s.code}_buy2_ratio" value="${s.buy2_ratio??50}" min="0" max="100" step="5"></label></div>
<div class="col-4"><label>비중3 <input type="number" class="form-control form-control-sm" id="cfg_${s.code}_buy3_ratio" value="${s.buy3_ratio??0}" min="0" max="100" step="5" title="추세 OFF(역추세) 3단계에만 사용"></label></div>
<div class="col-12" style="color:var(--muted);font-size:11px;font-weight:600;padding:2px 4px">▶ 샹들리에 엑시트 (추세장 청산 — 고점 − ATR × 배수)</div>
<div class="col-6"><label title="ATR 계산 기간 (기본 14일)">ATR기간
<input type="number" class="form-control form-control-sm" id="cfg_${s.code}_atr_period"
value="${s.atr_period||14}" min="5" max="30" step="1"></label></div>
<div class="col-6"><label title="샹들리에 배수. 2=타이트 / 3=기본 / 4=여유 (클수록 오래 홀딩)">샹들리에배수
<input type="number" class="form-control form-control-sm" id="cfg_${s.code}_atr_mult"
value="${s.atr_mult||3}" min="1" max="6" step="0.5"></label></div>
<div class="col-12" style="color:var(--muted);font-size:11px;font-weight:600;padding:2px 4px">▶ 낙폭 필터 (0=비활성 / 예: 20 → 고점 대비 20% 이상 빠진 날만 매수)</div>
<div class="col-4"><label title="역대 최고가(ATH) 대비 현재가 낙폭이 X% 이상일 때만 매수. 0=끔">ATH낙폭(%)
<input type="number" class="form-control form-control-sm" id="cfg_${s.code}_ath_drop_min_pct"
value="${s.ath_drop_min_pct||0}" min="0" max="70" step="5"></label></div>
<div class="col-4"><label title="당해연도 고점 대비 낙폭 필터. 0=끔">연도낙폭(%)
<input type="number" class="form-control form-control-sm" id="cfg_${s.code}_year_drop_min_pct"
value="${s.year_drop_min_pct||0}" min="0" max="70" step="5"></label></div>
<div class="col-4"><label title="52주 고점 대비 낙폭 필터. 0=끔">52주낙폭(%)
<input type="number" class="form-control form-control-sm" id="cfg_${s.code}_w52_drop_min_pct"
value="${s.w52_drop_min_pct||0}" min="0" max="70" step="5"></label></div>
</div>
<!-- 버튼 (일봉 + 키움 분봉 수집) -->
<div class="d-flex gap-1 mt-2 flex-wrap">
<button class="btn btn-sm btn-outline-secondary" onclick="hdFetchCandles('${s.code}','${s.name||s.code}')" title="KIS 일봉 수집">📥 일봉수집</button>
<button class="btn btn-sm btn-outline-secondary" style="color:#58a6ff;border-color:#58a6ff" onclick="hdFetchMinCandlesKiwoom('${s.code}','${s.name||s.code}',60)" title="키움 ka10080 · 60분봉 (연속조회)">🗂60분</button>
<button class="btn btn-sm btn-outline-secondary" style="color:#58a6ff;border-color:#58a6ff" onclick="hdFetchMinCandlesKiwoom('${s.code}','${s.name||s.code}',15)" title="키움 ka10080 · 15분봉">15분</button>
<button class="btn btn-sm btn-outline-secondary" style="color:#58a6ff;border-color:#58a6ff" onclick="hdFetchMinCandlesKiwoom('${s.code}','${s.name||s.code}',5)" title="키움 ka10080 · 5분봉">5분</button>
<button class="btn btn-sm btn-outline-secondary" style="color:#58a6ff;border-color:#58a6ff" onclick="hdFetchMinCandlesKiwoom('${s.code}','${s.name||s.code}',3)" title="키움 ka10080 · 3분봉">3분</button>
<button class="btn btn-sm btn-primary" onclick="hdRunBacktest('${s.code}','${s.name||s.code}')" title="추세추종 전략 (MA + RSI)">🚀 추세BT</button>
<button class="btn btn-sm btn-info" style="color:#fff" onclick="hdRunV1Backtest('${s.code}','${s.name||s.code}')" title="RSI 3단계 분할매수 전략 (횡보장)">📊 분할매수BT</button>
<button class="btn btn-sm btn-warning" onclick="hdParamSearch('${s.code}','${s.name||s.code}')" title="추세추종 파라미터 탐색">🔍 추세탐색</button>
<button class="btn btn-sm btn-outline-info" onclick="hdV1ParamSearch('${s.code}','${s.name||s.code}')" title="분할매수 파라미터 탐색">🔍 분할탐색</button>
<button class="btn btn-sm btn-success" onclick="hdSaveConfig('${s.code}','${s.name||s.code}')">💾 저장</button>
</div>
</div>
</div>`);
});
}
function hdGetCfg(code) {
const fields = ['rsi_period','rsi_buy1','rsi_buy2','rsi_buy3','rsi_sell',
'take_profit_pct','stop_loss_pct','slot_money',
'buy1_ratio','buy2_ratio','buy3_ratio',
'atr_period','atr_mult',
'ma_fast','ma_slow','trail_stop_pct','trend_filter',
'ath_drop_min_pct','year_drop_min_pct','w52_drop_min_pct'];
const cfg = {code};
fields.forEach(f => {
const el = $(`cfg_${code}_${f}`);
if (el) cfg[f] = parseFloat(el.value);
});
return cfg;
}
function hdFetchCandles(code, name) {
const start = $('hd_fetch_start').value;
const end = $('hd_end').value;
if (!start || !end) { alert('캔들 수집 날짜를 설정하세요'); return; }
showSpinner(true);
fetch('/api/holding/candles/fetch', {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify({code, start, end}),
})
.then(r => r.json())
.then(d => {
showSpinner(false);
if (d.error) { alert('❌ ' + d.error); return; }
alert(`✅ ${name}(${code}) 일봉 수집 완료\n수집: ${d.fetched}봉 / 저장: ${d.saved}봉`);
hdLoadStocks();
})
.catch(err => { showSpinner(false); alert('오류: ' + err); });
}
function hdFetchMinCandlesKiwoom(code, name, tf) {
tf = parseInt(String(tf != null ? tf : '60'), 10) || 60;
const start = $('hd_fetch_start').value;
const end = $('hd_end').value;
if (!start || !end) { alert('캔들 수집 날짜를 설정하세요'); return; }
if (!confirm(`🗂 ${name}(${code}) 키움 ${tf}분봉 수집 시작\n기간: ${start} ~ ${end}\n\n키움 API는 1회 약 900봉, 연속조회로 긴 구간 수집 가능.\nDB에 KIWOOM_APP_KEY / KIWOOM_APP_SECRET 설정 필요.\n계속하시겠습니까?`)) return;
fetch('/api/holding/min_candles/fetch_kiwoom', {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify({code, start, end, tf, market_type: 'KR', exchange: 'KRX', symbol: code}),
})
.then(r => r.json())
.then(d => {
if (d.error) { alert('❌ ' + d.error); return; }
const jobId = d.job_id;
const statusEl = document.getElementById(`min_status_${code}`) || (() => {
const el = document.createElement('span');
el.id = `min_status_${code}`;
el.style.cssText = 'font-size:11px;color:var(--accent);margin-left:6px';
return el;
})();
function poll() {
fetch(`/api/holding/min_candles/status/${jobId}`)
.then(r => r.json())
.then(j => {
if (j.status === 'running') {
const jtf = j.tf != null ? j.tf : tf;
statusEl.textContent = `⏳ 키움${jtf}분 수집중… ${j.fetched}봉 → 저장 ${j.saved}봉`;
setTimeout(poll, 2000);
} else if (j.status === 'done') {
const jtf = j.tf != null ? j.tf : tf;
statusEl.textContent = `✅ 완료! ${j.saved}봉 저장 (${jtf}분·키움)`;
hdLoadStocks();
} else {
statusEl.textContent = `❌ ${j.error}`;
}
})
.catch(() => setTimeout(poll, 3000));
}
poll();
})
.catch(err => alert('오류: ' + err));
}
function hdFetchMinCandles(code, name) {
// 60분봉 수집(KIS) — 백그라운드 스레드로 실행, 폴링으로 진행상황 표시
const start = $('hd_fetch_start').value;
const end = $('hd_end').value;
if (!start || !end) { alert('캔들 수집 날짜를 설정하세요'); return; }
if (!confirm(`⏱ ${name}(${code}) KIS 60분봉 수집 시작\n기간: ${start} ~ ${end}\n\n⚠️ KIS는 최근 2일치 한계. 긴 기간은 [키움 60분봉]을 사용하세요.\n계속하시겠습니까?`)) return;
fetch('/api/holding/min_candles/fetch', {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify({code, start, end, tf: 60}),
})
.then(r => r.json())
.then(d => {
if (d.error) { alert('❌ ' + d.error); return; }
const jobId = d.job_id;
// 수집 상태 표시 영역 업데이트 (스피너 대신 인라인 표시)
const btn = document.querySelector(`[onclick*="hdFetchMinCandles('${code}'"]`);
const statusEl = document.getElementById(`min_status_${code}`) || (() => {
const el = document.createElement('span');
el.id = `min_status_${code}`;
el.style.cssText = 'font-size:11px;color:var(--accent);margin-left:6px';
if (btn) btn.parentNode.insertBefore(el, btn.nextSibling);
return el;
})();
function poll() {
fetch(`/api/holding/min_candles/status/${jobId}`)
.then(r => r.json())
.then(j => {
if (j.error) { statusEl.textContent = '❌ ' + j.error; return; }
const d_str = j.current_date ? ` (${j.current_date.slice(0,4)}-${j.current_date.slice(4,6)}-${j.current_date.slice(6,8)})` : '';
if (j.status === 'running') {
statusEl.textContent = `⏳ 수집중… 1분봉 ${j.fetched}개 → 저장 ${j.saved}봉${d_str}`;
setTimeout(poll, 2000);
} else if (j.status === 'done') {
statusEl.textContent = `✅ 완료! 저장 ${j.saved}봉`;
hdLoadStocks();
} else {
statusEl.textContent = `❌ 오류: ${j.error}`;
}
})
.catch(() => setTimeout(poll, 3000));
}
poll();
})
.catch(err => alert('오류: ' + err));
}
function hdRunMinBacktest(code, name) {
// 60분봉 기반 백테스트 — 현재 카드 파라미터 적용
const cfg = hdGetCfg(code);
const start = $('hd_start').value;
const end = $('hd_end').value;
const qs = new URLSearchParams();
qs.set('code', code);
qs.set('start', start);
qs.set('end', end);
qs.set('tf', '60');
Object.entries(cfg).forEach(([k, v]) => {
if (k === 'code') return;
if (v === undefined || v === null || Number.isNaN(v)) return;
qs.set(k, String(v));
});
showSpinner(true);
fetch('/api/holding/min_backtest?' + qs.toString())
.then(r => r.json())
.then(d => {
showSpinner(false);
if (d.error) { alert('❌ ' + d.error); return; }
hdCurrentCode = code;
hdCurrentName = name;
hdCurrentCfg = cfg;
// 결과 렌더링 — 기존 일봉 백테스트와 동일 함수 재사용, 제목만 구분
hdRenderResult(d, `[${name}] 60분봉 백테스트 결과 (${d.candle_count}봉)`);
})
.catch(err => { showSpinner(false); alert('오류: ' + err); });
}
function hdRunBacktest(code, name) {
const cfg = hdGetCfg(code);
const start = $('hd_start').value;
const end = $('hd_end').value;
const qs = new URLSearchParams();
qs.set('code', code);
qs.set('start', start);
qs.set('end', end);
Object.entries(cfg).forEach(([k, v]) => {
if (k === 'code') return;
if (v === undefined || v === null || Number.isNaN(v)) return;
qs.set(k, String(v));
});
showSpinner(true);
fetch('/api/holding/backtest?' + qs.toString())
.then(r => r.json())
.then(d => {
showSpinner(false);
if (d.error) { alert('❌ ' + d.error); return; }
hdCurrentCode = code;
hdCurrentName = name;
hdRenderResult(d, name);
})
.catch(err => { showSpinner(false); alert('오류: ' + err); });
}
function hdGetV1Cfg(code) {
// V1 전략 파라미터: 카드에서 RSI/낙폭 관련 값만 수집 (MA/추세 파라미터 제외)
const fields = ['rsi_period','rsi_buy1','rsi_buy2','rsi_buy3','rsi_sell',
'take_profit_pct','stop_loss_pct','slot_money',
'buy1_ratio','buy2_ratio','buy3_ratio',
'ath_drop_min_pct','year_drop_min_pct','w52_drop_min_pct'];
const cfg = {code};
fields.forEach(f => {
const el = $(`cfg_${code}_${f}`);
if (el) cfg[f] = parseFloat(el.value);
});
return cfg;
}
function hdRunV1Backtest(code, name) {
// V1 RSI 분할매수 백테스트
const cfg = hdGetV1Cfg(code);
const start = $('hd_start').value;
const end = $('hd_end').value;
const qs = new URLSearchParams();
qs.set('code', code);
qs.set('start', start);
qs.set('end', end);
Object.entries(cfg).forEach(([k, v]) => {
if (k === 'code') return;
if (v === undefined || v === null || Number.isNaN(v)) return;
qs.set(k, String(v));
});
showSpinner(true);
fetch('/api/holding/v1/backtest?' + qs.toString())
.then(r => r.json())
.then(d => {
showSpinner(false);
if (d.error) { alert('❌ ' + d.error); return; }
hdRenderResult(d, name + ' [분할매수V1]');
})
.catch(err => { showSpinner(false); alert('오류: ' + err); });
}
function hdMinTradesQs() {
const el = $('hd_min_trades');
if (!el) return 1;
let v = parseInt(el.value, 10);
if (isNaN(v)) return 1;
return Math.max(0, Math.min(30, v));
}
function hdV1ParamSearch(code, name) {
// V1 RSI 분할매수 파라미터탐색
const cfg = hdGetV1Cfg(code);
const start = $('hd_start').value;
const end = $('hd_end').value;
const minTr = hdMinTradesQs();
const qs = new URLSearchParams();
qs.set('code', code);
qs.set('start', start);
qs.set('end', end);
qs.set('min_trades', String(minTr));
Object.entries(cfg).forEach(([k, v]) => {
if (k === 'code') return;
if (v === undefined || v === null || Number.isNaN(v)) return;
qs.set(k, String(v));
});
showSpinner(true);
fetch('/api/holding/v1/param_search?' + qs.toString())
.then(r => r.json())
.then(d => {
showSpinner(false);
if (d.error) { alert('❌ ' + d.error); return; }
hdRenderParamSearch(d.top, code, name + ' [분할매수V1]', d.meta);
})
.catch(err => { showSpinner(false); alert('오류: ' + err); });
}
function hdParamSearch(code, name) {
const start = $('hd_start').value;
const end = $('hd_end').value;
// 카드의 현재 파라미터를 기준값으로 전달 (rsi_sell, rsi_period 등 그리드에 없는 값도 정확히 반영)
const cfg = hdGetCfg(code);
const minTr = hdMinTradesQs();
const qs = new URLSearchParams();
qs.set('code', code);
qs.set('start', start);
qs.set('end', end);
qs.set('min_trades', String(minTr));
Object.entries(cfg).forEach(([k, v]) => {
if (k === 'code') return;
if (v === undefined || v === null || Number.isNaN(v)) return;
qs.set(k, String(v));
});
showSpinner(true);
fetch('/api/holding/param_search?' + qs.toString())
.then(r => r.json())
.then(d => {
showSpinner(false);
if (d.error) { alert('❌ ' + d.error); return; }
hdRenderParamSearch(d.top, code, name, d.meta);
})
.catch(err => { showSpinner(false); alert('오류: ' + err); });
}
function hdSaveConfig(code, name) {
const cfg = hdGetCfg(code);
cfg.name = name;
fetch(`/api/holding/config/${code}`, {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify(cfg),
})
.then(async r => {
const ct = r.headers.get('content-type') || '';
const raw = await r.text();
if (!ct.includes('application/json')) {
throw new Error(`HTTP ${r.status} — JSON이 아닌 응답(로그인/404/서버오류 페이지일 수 있음): ${raw.slice(0, 200)}`);
}
let d;
try { d = JSON.parse(raw); } catch (e) { throw new Error('JSON 파싱 실패: ' + raw.slice(0, 120)); }
if (!r.ok) throw new Error(d.error || d.message || `HTTP ${r.status}`);
return d;
})
.then(d => {
if (d.ok) alert(`✅ ${name}(${code}) 파라미터 저장 완료`);
else alert('❌ ' + (d.error || '저장 실패'));
})
.catch(err => alert('오류: ' + err));
}
function hdApplySearchResult(code, name, row) {
// apply_cfg: 탐색에 사용된 전체 cfg / params: 그리드만(구버전) / 그 외: row 자체가 cfg dict 인 경우
let src;
if (row && row.apply_cfg && typeof row.apply_cfg === 'object') {
src = row.apply_cfg;
} else if (row && row.params && typeof row.params === 'object') {
src = row.params;
} else {
src = row;
}
Object.entries(src).forEach(([k, v]) => {
if (v === undefined || v === null) return;
const el = $(`cfg_${code}_${k}`);
if (!el) return;
el.value = String(v);
});
alert(`✅ ${name} 탐색 결과를 카드에 반영했습니다.\n💾 설정저장 버튼을 눌러 DB에 저장하세요.`);
}
function hdRenderResult(d, name) {
const s = d.summary || {};
$('hd_result_area').style.display = '';
$('hd_search_result').style.display = 'none';
const hHint = $('hd_search_hint');
if (hHint) { hHint.style.display = 'none'; hHint.textContent = ''; }
const nBar = d.candle_count != null ? d.candle_count : ((d.candle_rows && d.candle_rows.length) || 0);
$('hd_result_title').textContent = `📈 [${name}] 백테스트 결과 (${nBar}봉)`;
const pe = $('hd_bt_params_echo');
if (pe) {
if (d.params) {
const p = d.params;
const tfOn = Number(p.trend_filter) >= 0.5;
pe.style.display = '';
pe.innerHTML =
'이번 실행에 쓰인 파라미터(서버 반영): '
+ `MA ${p.ma_fast}/${p.ma_slow} · 매수RSI≤ ${p.rsi_buy1}/${p.rsi_buy2} · RSI기간 ${p.rsi_period} · 비중 ${p.buy1_ratio}/${p.buy2_ratio}/${p.buy3_ratio}%`
+ ` · 투자금 ${fmt(p.slot_money)}원 · 추세필터 ${tfOn ? 'ON' : 'OFF'} · 샹들리에×${p.atr_mult}<br>`
+ '<span style="opacity:0.88">요약의 봇 수익률·거래 건수가 안 바뀌면, 바꾼 값이 그 구간에선 <b>진입/청산 조건을 바꾸지 못한 것</b>입니다(전일비 표와는 별개).</span>';
} else {
pe.style.display = 'none';
pe.textContent = '';
}
}
$('hd_total').textContent = (s.total_trades||0) + '건';
$('hd_wr').textContent = (s.win_rate||0) + '%';
colorPnl($('hd_wr'), (s.win_rate||0) - 50);
$('hd_pnl').textContent = fmtKrw(s.total_pnl);
colorPnl($('hd_pnl'), s.total_pnl);
$('hd_pf').textContent = (s.profit_factor||0) >= 999 ? '∞' : (s.profit_factor||0);
colorPnl($('hd_pf'), (s.profit_factor||0) - 1);
$('hd_mdd').textContent = '-' + fmtWon(s.max_drawdown) + '원';
$('hd_hold').textContent = (s.avg_hold_days||0) + '일';
const sign = v => (v > 0 ? '+' : '');
if ($('hd_bot_pct_sum')) {
$('hd_bot_pct_sum').textContent = sign(s.bot_pct || 0) + (s.bot_pct || 0) + '%';
colorPnl($('hd_bot_pct_sum'), s.bot_pct || 0);
}
if ($('hd_daily_avg_pct')) {
let dAvg = s.daily_avg_pct;
if (dAvg == null && s.bot_pct != null) {
// 홀딩은 일봉 — 보유일 평균이 있으면 그걸로, 없으면 bot_pct 그대로 표시용
const holdD = Number(s.avg_hold_days || 0);
dAvg = holdD > 0
? Math.round((Number(s.bot_pct) / Math.max(1, holdD)) * 1000) / 1000
: s.bot_pct;
}
$('hd_daily_avg_pct').textContent = (dAvg == null) ? '-' : (sign(dAvg) + dAvg + '%');
if (dAvg != null) colorPnl($('hd_daily_avg_pct'), dAvg);
}
// Buy & Hold 비교 (전체 구간)
if (s.bnh_pct !== undefined && s.bnh_pct !== null) {
$('hd_bnh_row').style.display = '';
$('hd_bot_pct').textContent = sign(s.bot_pct||0) + (s.bot_pct||0) + '%';
colorPnl($('hd_bot_pct'), s.bot_pct||0);
$('hd_bnh_pct').textContent = sign(s.bnh_pct) + s.bnh_pct + '%';
colorPnl($('hd_bnh_pct'), s.bnh_pct);
$('hd_bnh_pnl').textContent = sign(s.bnh_pnl) + fmtKrw(s.bnh_pnl);
colorPnl($('hd_bnh_pnl'), s.bnh_pnl);
$('hd_alpha').textContent = sign(s.alpha_pct) + (s.alpha_pct != null ? s.alpha_pct : 0) + '%p';
colorPnl($('hd_alpha'), s.alpha_pct||0);
} else {
$('hd_bnh_row').style.display = 'none';
}
const alRow = $('hd_bnh_aligned_row');
if (alRow) {
if (s.bnh_aligned_pct !== undefined && s.bnh_aligned_pct !== null) {
alRow.style.display = '';
$('hd_bnh_aligned_pct').textContent = sign(s.bnh_aligned_pct) + s.bnh_aligned_pct + '%';
colorPnl($('hd_bnh_aligned_pct'), s.bnh_aligned_pct);
$('hd_bnh_aligned_pnl').textContent = sign(s.bnh_aligned_pnl) + fmtKrw(s.bnh_aligned_pnl);
colorPnl($('hd_bnh_aligned_pnl'), s.bnh_aligned_pnl);
const aal = s.alpha_aligned_pct != null ? s.alpha_aligned_pct : 0;
$('hd_alpha_aligned').textContent = sign(aal) + aal + '%p';
colorPnl($('hd_alpha_aligned'), aal);
} else {
alRow.style.display = 'none';
}
}
const cBlk = $('hd_candle_block');
const cTb = $('hd_candle_tbody');
if (cBlk && cTb) {
const rows = d.candle_rows || [];
if (rows.length) {
cBlk.style.display = '';
cTb.innerHTML = '';
rows.forEach(r => {
const up = '#f85149', dn = '#58a6ff', fl = 'var(--muted)';
const cWon = r.chg_won, cPct = r.chg_pct;
const colW = r.dir > 0 ? up : (r.dir < 0 ? dn : fl);
const colP = colW;
const wStr = (cWon == null) ? '—' : ((cWon > 0 ? '+' : '') + fmt(cWon));
const pStr = (cPct == null) ? '—' : ((cPct > 0 ? '+' : '') + Number(cPct).toFixed(2) + '%');
cTb.insertAdjacentHTML('beforeend', `<tr>
<td>${r.dt || r.date}</td>
<td>${fmt(r.open)}</td><td>${fmt(r.high)}</td><td>${fmt(r.low)}</td><td>${fmt(r.close)}</td>
<td style="color:${colW};font-weight:600">${wStr}</td>
<td style="color:${colP};font-weight:600">${pStr}</td>
</tr>`);
});
} else {
cBlk.style.display = 'none';
cTb.innerHTML = '';
}
}
lineChart('hd_equity_chart', d.equity.map(e=>e.date), d.equity.map(e=>e.cum_pnl),
'누적손익', '#bc8cff');
const rKeys = Object.keys(d.reasons||{});
doughnutChart('hd_reason_chart', rKeys, rKeys.map(k=>d.reasons[k]));
renderVirtualTrades('hd_trade_tbody', d.trades || [], {
meta: { code: hdCurrentCode || '', name: hdCurrentName || '' },
showCumulative: true,
totalBudget: Number((d.params && (d.params.total_budget_krw || d.params.slot_money)) || 0) || 1000000,
});
const hdBudget = Number((d.params && (d.params.total_budget_krw || d.params.slot_money)) || 0) || 1000000;
let hdPeak = Number(s.peak_cum_pnl || 0);
let hdPeakAt = s.peak_cum_at || '';
if (!(hdPeak > 0)) {
let cum = 0;
const ordered = [...(d.trades || [])].sort((a, b) => tradeExitSortKey(a).localeCompare(tradeExitSortKey(b)));
for (const t of ordered) {
cum += Number(t.pnl ?? t.realized_pnl ?? 0);
if (cum > hdPeak) {
hdPeak = cum;
hdPeakAt = t.sell_time || t.exit_time || t.sell_date || '';
}
}
}
fillTradePnLContext('hd_trade_context', {
label: '백테 HOLDING',
totalBudget: hdBudget,
peakCum: hdPeak,
peakAt: hdPeakAt,
totalPnl: s.total_pnl,
});
$('hd_result_area').scrollIntoView({behavior:'smooth'});
}
function hdRenderParamSearch(top, code, name, meta) {
$('hd_result_area').style.display = '';
$('hd_search_result').style.display = '';
if ($('hd_bnh_aligned_row')) $('hd_bnh_aligned_row').style.display = 'none';
if ($('hd_candle_block')) $('hd_candle_block').style.display = 'none';
const pe = $('hd_bt_params_echo');
if (pe) { pe.style.display = 'none'; pe.textContent = ''; }
$('hd_result_title').textContent = `🔍 [${name}] 파라미터 탐색 결과`;
// ── 파라미터 키 한글 레이블 매핑 ──────────────────────────────
const labelMap = {
ma_fast: 'MA단기', ma_slow: 'MA장기',
atr_mult: '샹들리에배수', atr_period: 'ATR기간',
trail_stop_pct: '트레일%', trend_filter: '추세필터',
rsi_buy1: '매수1', rsi_buy2: '매수2', rsi_buy3: '매수3',
rsi_sell: '매도RSI', take_profit_pct: '익절%', stop_loss_pct: '손절%',
ath_drop_min_pct: 'ATH낙폭%', year_drop_min_pct: '연도낙폭%', w52_drop_min_pct: '52주낙폭%',
};
const fixedLabel = (k) => labelMap[k] || k;
// ── 실제 params 키로 헤더 동적 생성 ───────────────────────────
const keys = top && top.length ? Object.keys(top[0].params) : [];
const thead = $('hd_search_thead');
thead.innerHTML = '<tr>' +
keys.map(k => `<th>${labelMap[k] || k}</th>`).join('') +
'<th>손익(원)</th><th>승률</th><th>거래</th><th>PF</th><th>보유(일)</th><th>적용</th></tr>';
const tbody = $('hd_search_tbody');
tbody.innerHTML = '';
(top||[]).forEach((r, idx) => {
const p = r.params;
const pnlCls = r.total_pnl > 0 ? 'text-pnl-pos' : 'text-pnl-neg';
const paramCells = keys.map(k => {
const v = p[k];
if (v === undefined || v === null) return '<td>-</td>';
// % 단위 컬럼은 % 표시
const isPct = k.includes('pct') || k.includes('rate');
return `<td>${isPct ? v+'%' : v}</td>`;
}).join('');
const rowJson = JSON.stringify(r).replace(/</g, '\\u003c');
tbody.insertAdjacentHTML('beforeend', `
<tr>
${paramCells}
<td class="${pnlCls}">${fmtWon(r.total_pnl)}</td>
<td>${r.win_rate}%</td><td>${r.total_trades}</td>
<td>${r.pf}</td><td>${r.avg_hold}일</td>
<td><button class="btn btn-xs btn-outline-success" style="font-size:11px;padding:1px 6px"
onclick='hdApplySearchResult("${code}","${name}",${rowJson})'>적용</button></td>
</tr>`);
});
const hint = $('hd_search_hint');
if (hint) {
hint.style.display = '';
let metaHtml = '';
if (meta && meta.cartesian_product != null) {
const fk = (meta.fixed_param_keys || []).map(fixedLabel).join(', ');
const gk = (meta.grid_keys || []).map(fixedLabel).join(', ');
const mtNote = meta.min_trades === 0 ? '(필터 없음)' : `≥${meta.min_trades}`;
metaHtml =
`<br><span style="color:var(--accent)">탐색 동작 요약:</span> 전체 그리드 조합 <b>${meta.cartesian_product}</b>개 중 `
+ `백테스트 실행 <b>${meta.backtests_run}</b>회 → TOP 후보 <b>${meta.passed}</b>개만 표시(최소거래 ${mtNote}). `
+ `제외: MA무효 <b>${meta.skipped_invalid_ma}</b>, RSI순서무효 <b>${meta.skipped_invalid_rsi_order}</b>, `
+ `백테오류 <b>${meta.skipped_backtest_error}</b>, 거래수부족 <b>${meta.skipped_below_min_trades}</b>.<br>`
+ `<span style="color:var(--muted)">그리드에서 바꾸는 항목:</span> ${gk}. `
+ `<span style="color:var(--muted)">카드값으로 고정(탐색 안 함):</span> ${fk || '—'}.<br>`
+ `<b>실매매 봇</b>은 DB에 저장된 종목 설정만 사용합니다. TOP을 쓰려면 <b>[적용] → [저장]</b> 하세요.<br>`
+ `<span style="color:var(--muted)">탐색 base</span>는 <b>DB 최근 저장</b> 전체에 카드 입력을 덮어씁니다(비중1·2·3·투자금이 추세BT와 같게 맞춰짐).`;
}
hint.innerHTML =
'표의 숫자는 각 행마다 <b>다른 파라미터 조합</b>으로 돌린 백테스트 결과입니다(고정이 아님). '
+ 'ATH낙폭% 등은 그리드에 포함된 경우에만 바뀝니다.<br>'
+ 'Buy &amp; Hold 비교는 백테스트 화면의 추세BT 결과를 참고하세요.'
+ metaHtml;
}
if ((!top || !top.length) && meta && $('hd_search_hint')) {
$('hd_search_hint').innerHTML += '<br><span style="color:#f85149">TOP이 비었습니다. 위 「탐색 최소거래」를 0 또는 1로 낮추거나, 백테스트 기간을 넓혀 보세요.</span>';
}
$('hd_result_area').scrollIntoView({behavior:'smooth'});
}
// ────────────────────────────────────────────
// 운영 설정 탭 (live_config)
// ────────────────────────────────────────────
let _lcTimer = null;
let _lcData = null;
function lcInitDate() {
const el = $('lc_date');
if (!el) return;
if (!el.value) {
el.value = kstTradingDayIso(_krHolidays);
} else {
el.value = kstClampToPrevTradingDayIso(el.value, _krHolidays);
}
}
function lcOnTabShow() {
lcInitDate();
lcLoad();
lcStartAutoRefresh();
}
function lcStartAutoRefresh() {
if (_lcTimer) clearInterval(_lcTimer);
_lcTimer = setInterval(() => {
const tab = document.querySelector('[data-tab].active');
if (!tab || tab.dataset.tab !== 'liveconfig') return;
if ($('lc_auto_refresh') && !$('lc_auto_refresh').checked) return;
lcLoad(true);
}, 30000);
}
function lcEsc(s) {
return String(s == null ? '' : s)
.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/"/g, '&quot;');
}
function lcRenderStatus(status) {
const box = $('lc_status_cards');
if (!box || !status) return;
const g = status.global || {};
const haltedCls = g.buy_halted ? 'badge-loss' : 'badge-win';
const haltedTxt = g.buy_halted ? '매수중단' : '매수허용';
const acctLbl = status.account_label || '';
let html = `
<div class="lc-status-chip stat-card">
<div class="lc-status-label">총합 봇 실현${acctLbl ? ' · ' + acctLbl : ''}</div>
<div class="lc-status-value ${dashPnlCls(g.realized_pnl_krw)}">${dashFmtKrw(g.realized_pnl_krw)}</div>
<div class="lc-status-meta">
목표 ${dashFmtKrw(g.target_krw)} / ${Number(g.target_pct || 0).toFixed(2)}%
· 한도 ${dashFmtKrw(g.budget_krw)}
· <span class="${haltedCls}">${haltedTxt}</span>
</div>
</div>`;
(status.strategies || []).forEach(row => {
if (!row.enabled) return;
const subHalt = row.buy_halted ? 'badge-loss">중단' : 'badge-win">허용';
html += `
<div class="lc-status-chip">
<div class="lc-status-label"><b>${lcEsc(row.label)}</b> <code>${lcEsc(row.strategy_id)}</code></div>
<div class="lc-status-value ${dashPnlCls(row.realized_pnl_krw)}">${dashFmtKrw(row.realized_pnl_krw)}</div>
<div class="lc-status-meta">${Number(row.return_pct || 0).toFixed(2)}% · <span class="${subHalt}</span></div>
</div>`;
});
box.innerHTML = html;
}
function lcRenderStrategySwitch(g) {
const root = $('lc_strategy_top');
if (!root || !g) {
if (root) root.innerHTML = '';
return;
}
const fields = g.fields || [];
let toggles = '';
fields.forEach(f => {
if (f.type !== 'bool' || !f.key) return;
const id = 'lc_' + f.key;
const chk = f.value ? 'checked' : '';
const warnCls = f.key === 'OVERSEAS_WS_ENABLED' ? ' lc-switch-warn' : '';
const sidMatch = String(f.key).match(/^STRATEGY_([A-Z0-9_]+)_ENABLED$/);
const sidTag = sidMatch
? `<span class="lc-switch-sid">${lcEsc(sidMatch[1])}</span>`
: '';
toggles += `<label class="lc-switch-chip${warnCls}" title="${lcEsc(f.hint || f.key)}">
<input type="checkbox" data-lc-key="${lcEsc(f.key)}" data-lc-type="bool" id="${id}" ${chk}>
<span>${lcEsc(f.label)}</span>${sidTag}
</label>`;
});
root.innerHTML = `<div class="card p-3 mb-0 lc-group" data-lc-group="strategy_switch">
<div class="d-flex justify-content-between align-items-start mb-1 flex-wrap gap-2">
<div>
<div class="card-title mb-0">${lcEsc(g.title || '전략 ON/OFF')}</div>
${g.hint ? `<div style="font-size:12px;color:var(--muted)">${lcEsc(g.hint)}</div>` : ''}
</div>
<button type="button" class="btn btn-sm btn-outline-primary flex-shrink-0" onclick="lcSaveGroup('strategy_switch')">💾 이 섹션 저장</button>
</div>
<div class="lc-switch-row">${toggles}</div>
</div>`;
}
function lcFieldInput(f) {
const id = 'lc_' + f.key;
const hint = f.hint ? `<div class="lc-field-hint">${lcEsc(f.hint)}</div>` : '';
const tbl = f.table ? `<code class="lc-field-tbl" title="저장 테이블">${lcEsc(f.table)}</code>` : '';
const keyTag = f.key
? `<code class="lc-field-key" title="${lcEsc(f.key)}">${lcEsc(f.key)}</code>`
: '';
const isDanger = !!(f.danger) || /FALLBACK_OHLC/i.test(String(f.key || ''));
const wrapCls = isDanger ? 'lc-field lc-field-danger' : 'lc-field';
if (f.type === 'bool') {
const chk = f.value ? 'checked' : '';
return `<div class="${wrapCls}" title="${lcEsc(f.key || '')}">
<label class="lc-field-label"><input type="checkbox" data-lc-key="${lcEsc(f.key)}" data-lc-type="bool" id="${id}" ${chk}>
${lcEsc(f.label)} ${keyTag}</label> ${tbl}${hint}
</div>`;
}
if (f.type === 'text') {
const val = f.value != null ? f.value : '';
return `<div class="${wrapCls}" title="${lcEsc(f.key || '')}">
<label class="lc-field-label" for="${id}">${lcEsc(f.label)} ${keyTag}</label> ${tbl}
<input type="text" class="form-control form-control-sm" data-lc-key="${lcEsc(f.key)}" data-lc-type="text"
id="${id}" value="${lcEsc(val)}" placeholder="예: 005930,000660">
${hint}
</div>`;
}
if (f.type === 'select' && Array.isArray(f.choices)) {
const val = f.value != null ? String(f.value) : '';
const valNorm = val.toLowerCase();
let matched = false;
const opts = f.choices.map(c => {
const cv = (typeof c === 'object') ? String(c.value) : String(c);
const cl = (typeof c === 'object') ? String(c.label != null ? c.label : c.value) : String(c);
const sel = (cv === val || cv.toLowerCase() === valNorm) ? ' selected' : '';
if (sel) matched = true;
return `<option value="${lcEsc(cv)}"${sel}>${lcEsc(cl)}</option>`;
}).join('');
const extra = (!matched && val)
? `<option value="${lcEsc(val)}" selected>${lcEsc(val)} (현재·목록외)</option>`
: '';
return `<div class="${wrapCls}" title="${lcEsc(f.key || '')}">
<label class="lc-field-label" for="${id}">${lcEsc(f.label)} ${keyTag}</label> ${tbl}
<select class="form-select form-select-sm" data-lc-key="${lcEsc(f.key)}" data-lc-type="text" id="${id}">${extra}${opts}</select>
${hint}
</div>`;
}
const step = f.type === 'int' ? '1' : '0.01';
const val = f.value != null ? f.value : '';
return `<div class="${wrapCls}" title="${lcEsc(f.key || '')}">
<label class="lc-field-label" for="${id}">${lcEsc(f.label)} ${keyTag}</label> ${tbl}
<input type="number" class="form-control form-control-sm" data-lc-key="${lcEsc(f.key)}" data-lc-type="${lcEsc(f.type)}"
id="${id}" value="${lcEsc(val)}" step="${step}">
${hint}
</div>`;
}
/** env 키 → 전략 구역 ID (카테고리 안 시각 구분용) */
function lcInferStrategy(key) {
const k = String(key || '').toUpperCase();
const m = k.match(/^STRATEGY_([A-Z0-9_]+)_ENABLED$/);
if (m) return m[1];
// 긴 prefix 우선
const pairs = [
['RANGE_BREAK_', 'RANGE_BREAK'],
['UPDOWN_', 'UPDOW'],
['UPDOW_', 'UPDOW'],
['BREAKOUT_', 'BREAKOUT'],
['MOMENTUM_', 'MOMENTUM'],
['SCALP_', 'SCALP'],
['DBBAND_', 'DBBAND'],
['TAIL_', 'SHORT'],
['SHORT_', 'SHORT'],
];
for (let i = 0; i < pairs.length; i++) {
if (k.startsWith(pairs[i][0])) return pairs[i][1];
}
return 'COMMON';
}
/** 공통 섹션용 — 주제(호가/프로그램/휩쏘…)로 한 번 더 묶기 */
function lcInferTopic(key) {
const k = String(key || '').toUpperCase();
if (k.includes('ORDERBOOK') || k.includes('SPREAD')) return 'orderbook';
if (k.includes('PROGRAM')) return 'program';
if (k.includes('WHIPSAW')) return 'whipsaw';
if (k.startsWith('WS_TRIGGER') || k.includes('TRIGGER_EVAL')) return 'trigger_master';
if (k.includes('PENDING') || k.includes('FILL') || k.includes('ORDER_') || k.includes('IOC')
|| k.includes('DEDUP') || k.includes('SLIP') || k.includes('STRICT_FILL')
|| k.includes('CANCEL_PARTIAL') || k.includes('DUPLICATE_ORDER')) return 'fill';
if (k.includes('BACKTEST') || k.includes('PARAM_SEARCH') || k.includes('POLL_MS')
|| k.includes('TICK_')) return 'backtest';
if (k.startsWith('KIS_') || k.includes('BALANCE_MAX') || k.includes('INTERVAL_SEC')) return 'rest';
if (k.startsWith('SCAN_') || k.startsWith('STRATEGY_LOOP')) return 'scan';
if (k.includes('ORPHAN') || k.includes('GHOST') || k.includes('MANUAL_HOLD')
|| k.includes('BULK_SELL') || k.includes('DRIFT')) return 'portfolio';
if (k.includes('DAILY_PROFIT') || k.includes('DAILY_STOP') || k.includes('CONSECUTIVE_LOSS')
|| k.includes('USE_RISK')) return 'risk';
return 'misc';
}
const LC_TOPIC_ORDER = [
'trigger_master', 'orderbook', 'program', 'whipsaw',
'fill', 'backtest', 'rest', 'scan', 'risk', 'portfolio', 'misc',
];
const LC_TOPIC_LABELS = {
trigger_master: 'TRIGGER 마스터',
orderbook: '호가',
program: '프로그램',
whipsaw: '휩쏘',
fill: '체결·주문',
backtest: '백테·틱청산',
rest: 'REST 유량',
scan: '스캔 루프',
risk: '리스크',
portfolio: '보유·고아',
misc: '기타',
};
const LC_STRAT_ORDER = [
'COMMON', 'SHORT', 'MOMENTUM', 'BREAKOUT', 'UPDOW',
'SCALP', 'RANGE_BREAK', 'DBBAND', 'OTHER',
];
const LC_STRAT_LABELS = {
COMMON: '공통',
SHORT: '꼬리잡기',
MOMENTUM: '모멘텀',
BREAKOUT: '돌파',
UPDOW: 'UPDOWN 박스',
SCALP: '스캘핑',
RANGE_BREAK: '박스권돌파',
DBBAND: '더블BB',
OTHER: '기타',
};
/** 한 카테고리 fields → 전략별 구역 배열 */
function lcPartitionFieldsByStrategy(fields) {
const buckets = {};
(fields || []).forEach(f => {
let sid = lcInferStrategy(f.key);
if (LC_STRAT_ORDER.indexOf(sid) < 0) sid = 'OTHER';
if (!buckets[sid]) buckets[sid] = [];
buckets[sid].push(f);
});
return LC_STRAT_ORDER
.filter(sid => buckets[sid] && buckets[sid].length)
.map(sid => ({
sid,
label: LC_STRAT_LABELS[sid] || sid,
fields: buckets[sid],
}));
}
/** 공통 필드만 있을 때 주제별로 재분할 (2구역 이상이면 사용) */
function lcPartitionFieldsByTopic(fields) {
const buckets = {};
(fields || []).forEach(f => {
const tid = lcInferTopic(f.key);
if (!buckets[tid]) buckets[tid] = [];
buckets[tid].push(f);
});
return LC_TOPIC_ORDER
.filter(tid => buckets[tid] && buckets[tid].length)
.map(tid => ({
sid: 'topic',
topicId: tid,
label: LC_TOPIC_LABELS[tid] || tid,
fields: buckets[tid],
}));
}
function lcRenderFieldGrid(fields) {
let html = '<div class="lc-field-grid">';
(fields || []).forEach(f => { html += lcFieldInput(f); });
html += '</div>';
return html;
}
function lcRenderBlock(p) {
const cls = p.sid === 'topic'
? 'lc-strat-block lc-strat-topic'
: ('lc-strat-block lc-strat-' + String(p.sid).toLowerCase());
const sidTag = (p.sid === 'COMMON' || p.sid === 'topic')
? ''
: `<span class="lc-strat-sid">${lcEsc(p.sid)}</span>`;
return `<div class="${cls}">
<div class="lc-strat-head"><span>${lcEsc(p.label)}</span>${sidTag}</div>
${lcRenderFieldGrid(p.fields)}
</div>`;
}
function lcRenderGroups(groups) {
const root = $('lc_groups');
if (!root) return;
const switchGroup = (groups || []).find(g => g.id === 'strategy_switch');
lcRenderStrategySwitch(switchGroup || null);
let html = '';
(groups || []).forEach(g => {
if (g.id === 'strategy_switch') return;
const parts = lcPartitionFieldsByStrategy(g.fields || []);
const splitStrat = parts.length > 1;
// 전략이 하나뿐(공통만)이면 주제로 한 번 더 나눔
let renderParts = parts;
let useBlocks = splitStrat;
if (!splitStrat && parts.length === 1) {
const topics = lcPartitionFieldsByTopic(parts[0].fields);
if (topics.length > 1) {
renderParts = topics;
useBlocks = true;
}
}
html += `<div class="card p-3 mb-3 lc-group" data-lc-group="${lcEsc(g.id)}">
<div class="d-flex justify-content-between align-items-start mb-2">
<div>
<div class="card-title mb-0">${lcEsc(g.title)}</div>
${g.hint ? `<div style="font-size:12px;color:var(--muted)">${lcEsc(g.hint)}</div>` : ''}
</div>
<button type="button" class="btn btn-sm btn-outline-primary" onclick="lcSaveGroup('${lcEsc(g.id)}')">💾 이 섹션 저장</button>
</div>`;
if (useBlocks) {
html += '<div class="lc-strat-stack">';
renderParts.forEach(p => { html += lcRenderBlock(p); });
html += '</div>';
} else {
html += lcRenderFieldGrid((renderParts[0] && renderParts[0].fields) || g.fields || []);
}
html += '</div>';
});
root.innerHTML = html;
}
function lcCollectPatch(scopeGroupId) {
const patch = {};
const root = scopeGroupId
? document.querySelector(`.lc-group[data-lc-group="${scopeGroupId}"]`)
: $('tab-liveconfig');
if (!root) return patch;
root.querySelectorAll('[data-lc-key]').forEach(el => {
const key = el.dataset.lcKey;
const typ = el.dataset.lcType || 'text';
if (typ === 'bool') {
patch[key] = el.checked;
} else {
patch[key] = el.value;
}
});
return patch;
}
async function lcLoad(silent) {
lcInitDate();
const day = $('lc_date').value;
if (!silent) showSpinner(true);
try {
const groupsReady = $('lc_groups') && $('lc_groups').children.length;
const q = '/api/live_config?date=' + encodeURIComponent(day)
+ accountQueryParam('lc_account')
+ (silent && groupsReady ? '&status_only=1' : '');
const r = await fetch(q);
const d = await r.json();
if (!d.ok) {
if (!silent) alert(d.error || '운영 설정 조회 실패');
return;
}
_lcData = d;
const st = d.status || {};
$('lc_meta').textContent =
'기준일 ' + d.date
+ (st.account_label ? ' · 계좌 ' + st.account_label : '')
+ ' · 갱신 ' + (d.as_of || '');
lcRenderStatus(d.status);
if (!silent || !groupsReady) {
if (d.groups) lcRenderGroups(d.groups);
}
} catch (e) {
if (!silent) alert('운영 설정 조회 오류: ' + e);
} finally {
if (!silent) showSpinner(false);
}
}
async function lcSavePatch(patch, label) {
if (!patch || !Object.keys(patch).length) {
alert('저장할 값이 없습니다.');
return;
}
if (!confirm('💾 ' + (label || '운영 설정') + '을(를) DB에 저장할까요?\n봇은 재시작 없이 다음 루프부터 반영됩니다.')) return;
showSpinner(true);
const resEl = $('lc_save_result');
try {
const r = await fetch('/api/live_config/save', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ patch }),
});
const d = await r.json();
if (!d.ok) {
alert(d.error || '저장 실패');
return;
}
const tbl = d.saved_by_table
? Object.entries(d.saved_by_table).map(([t, ks]) => t + ': ' + ks.length + '키').join(' · ')
: '';
resEl.innerHTML = `<span style="color:#3fb950">✅ 저장 완료 (env_id=${d.env_id}) — ${tbl}</span>`;
await lcLoad(false);
} catch (e) {
alert('저장 오류: ' + e);
} finally {
showSpinner(false);
}
}
function lcSaveGroup(groupId) {
lcSavePatch(lcCollectPatch(groupId), '섹션 ' + groupId);
}
function lcSaveAll() {
lcSavePatch(lcCollectPatch(null), '전체 운영 설정');
}
// ════════════════════════════════════════════════════════════════
// 박스엔진 UPDOWN (kis_trader/engine/updown_box)
// watchlist(sticky) 관리 + 박스 백테 + 글로벌 파라서치
// ════════════════════════════════════════════════════════════════
// 입력란 id ↔ 박스 cfg 키 매핑 (env UPDOWN_BOX_* 와 1:1)
const UBX_PARAM_FIELDS = [
'lookback_bars', 'range_max_pct', 'bb_bw_max', 'ma_slope_tol_pct',
'near_low_pct', 'tp_pct', 'stop_loss_pct', 'breach_buffer_pct',
'panic_from_high_pct', 'shoulder_min_high_pct', 'shoulder_cut_pct', 'max_hold_bars',
'breakout_follow',
];
function ubxOnTabShow() {
// 날짜 기본값 — 주말/휴장이면 이전 장운영일
const end = $('ubx_end'), start = $('ubx_start');
if (end && !end.value) end.value = kstClampToPrevTradingDayIso(kstTodayParts().iso, _krHolidays);
else if (end && end.value) end.value = kstClampToPrevTradingDayIso(end.value, _krHolidays);
if (start && !start.value) {
const endIso = (end && end.value) ? end.value : kstClampToPrevTradingDayIso(kstTodayParts().iso, _krHolidays);
start.value = kstClampToPrevTradingDayIso(kstAddDaysIso(endIso, -180), _krHolidays);
} else if (start && start.value) {
start.value = kstClampToPrevTradingDayIso(start.value, _krHolidays);
}
ubxLoadCfg();
ubxLoadWatch();
ubxLoadStockList();
}
/** 종목 셀렉트(datalist) 채우기 — watchlist + 종목별 핀 등록 종목 */
function ubxLoadStockList() {
fetch('/api/updown_box/stock_list')
.then(r => r.json())
.then(d => {
const dl = $('ubx_stock_options');
if (!dl) return;
const items = d.items || [];
dl.innerHTML = items.map(it => {
const pin = it.n_overrides > 0 ? ' ★핀' : '';
const st = it.status ? ` (${it.status})` : '';
return `<option value="${it.code}">${it.name || it.code}${st}${pin}</option>`;
}).join('');
})
.catch(e => console.warn('[ubx stock_list]', e));
}
/** 종목 선택 시 그 종목의 박스 파라미터(있으면 핀, 없으면 글로벌) → 입력란 */
function ubxLoadStockCfg(code) {
code = String(code || '').trim();
const badge = $('ubx_stock_cfg_badge');
if (!/^\d{6}$/.test(code)) { if (badge) badge.innerHTML = ''; return; }
fetch('/api/updown_box/stock_cfg?code=' + encodeURIComponent(code))
.then(r => r.json())
.then(d => {
if (d.error) { if (badge) badge.innerHTML = ''; return; }
const eff = d.effective || {};
UBX_PARAM_FIELDS.forEach(k => {
const el = $('ubx_' + k);
if (el && eff[k] != null) el.value = eff[k];
});
const rt = $('ubx_ratchet_tiers');
if (rt) rt.value = (eff.ratchet_tiers != null ? eff.ratchet_tiers : '');
if (typeof ubxSyncRatchetShoulderColors === 'function') ubxSyncRatchetShoulderColors();
const n = Object.keys(d.overrides || {}).length;
if (badge) {
badge.innerHTML = n > 0
? `<span style="color:#3fb950">★ 종목별 핀 ${n}개 적용중</span> <span class="text-muted">(저장값 로드)</span>`
: `<span class="text-muted">글로벌 사용중 (핀 없음)</span>`;
}
})
.catch(e => console.warn('[ubx stock_cfg]', e));
}
/** 현재 입력값을 [종목코드] 종목별 파라미터로 고정 저장(핀) */
function ubxSaveStockCfg() {
const code = ($('ubx_code').value || '').trim();
if (!/^\d{6}$/.test(code)) { alert('종목코드(6자리)를 선택/입력하세요'); return; }
const overrides = {};
UBX_PARAM_FIELDS.forEach(k => {
const el = $('ubx_' + k);
if (el && el.value !== '' && el.value != null) overrides[k] = el.value;
});
const rt = $('ubx_ratchet_tiers');
if (rt) overrides.ratchet_tiers = String(rt.value || '').trim(); // '' = 래칫 OFF
if (!confirm(code + ' 종목을 이 파라미터로 고정(핀)할까요?\n실매·백테 모두 이 종목엔 글로벌 대신 이 값이 적용됩니다.')) return;
fetch('/api/updown_box/stock_cfg', {
method: 'POST', headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ code, name: '', overrides }),
})
.then(r => r.json())
.then(d => {
if (!d.ok) { alert('저장 실패: ' + (d.error || '')); return; }
alert('✅ ' + code + ' 종목별 핀 저장 (' + (d.saved_keys || []).length + '개 파라미터)');
ubxLoadStockList(); ubxLoadStockCfg(code);
})
.catch(e => alert('오류: ' + e));
}
/** 이 종목의 핀 해제 → 글로벌 복귀 */
function ubxClearStockCfg() {
const code = ($('ubx_code').value || '').trim();
if (!/^\d{6}$/.test(code)) { alert('종목코드(6자리)를 선택/입력하세요'); return; }
if (!confirm(code + ' 종목별 핀을 해제하고 글로벌로 복귀할까요?')) return;
fetch('/api/updown_box/stock_cfg', {
method: 'POST', headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ code, clear: '1' }),
})
.then(r => r.json())
.then(d => {
if (!d.ok) { alert('해제 실패: ' + (d.error || '')); return; }
alert('↩ ' + code + ' 글로벌로 복귀');
ubxLoadStockList(); ubxLoadCfg(); ubxLoadStockCfg(code);
})
.catch(e => alert('오류: ' + e));
}
/** 운영설정 UPDOWN_BOX_* 현재값 → 입력란 + watchlist 통계 */
function ubxLoadCfg() {
fetch('/api/updown_box/config')
.then(r => r.json())
.then(d => {
if (!d.ok) { console.warn('[ubx cfg]', d.error); return; }
const c = d.cfg || {};
UBX_PARAM_FIELDS.forEach(k => {
const el = $('ubx_' + k);
if (el && c[k] != null) el.value = c[k];
});
const rt = $('ubx_ratchet_tiers');
if (rt) rt.value = (c.ratchet_tiers != null ? c.ratchet_tiers : '');
if (typeof ubxSyncRatchetShoulderColors === 'function') ubxSyncRatchetShoulderColors();
if ($('ubx_tf') && d.scan_tf_min) $('ubx_tf').value = String(d.scan_tf_min);
const st = $('ubx_watch_stat');
if (st) st.textContent = `— active ${d.watch_active} / max ${d.watch_max}`;
})
.catch(e => console.warn('[ubx cfg]', e));
}
/** watchlist 목록 표 */
function ubxLoadWatch() {
const activeOnly = $('ubx_watch_active_only') && $('ubx_watch_active_only').checked;
fetch('/api/updown_box/watchlist?active=' + (activeOnly ? '1' : '0'))
.then(r => r.json())
.then(d => {
const tb = $('ubx_watch_tbody');
if (!tb) return;
if (!d.ok) { tb.innerHTML = `<tr><td colspan="10" class="text-danger">${d.error || '오류'}</td></tr>`; return; }
const rows = d.rows || [];
if (!rows.length) { tb.innerHTML = '<tr><td colspan="10" class="text-muted">등록된 관심종목 없음 (SCAN 또는 수동추가)</td></tr>'; return; }
tb.innerHTML = rows.map(r => {
const stColor = r.status === 'active' ? '#3fb950' : '#8b949e';
const sig = r.last_signal_at ? String(r.last_signal_at).slice(0, 16) : '-';
const added = r.added_at ? String(r.added_at).slice(0, 10) : '-';
return `<tr>
<td><b>${r.code}</b></td>
<td>${r.name || ''}</td>
<td style="color:${stColor}">${r.status}</td>
<td>${r.source || ''}</td>
<td>${Number(r.box_low || 0).toLocaleString()}</td>
<td>${Number(r.box_high || 0).toLocaleString()}</td>
<td>${Number(r.box_score || 0).toFixed(1)}</td>
<td>${added}</td>
<td>${sig}</td>
<td class="text-nowrap">
<button class="btn btn-sm btn-outline-info" onclick="ubxEditWatch('${r.code}', ${JSON.stringify(r.name || '')}, ${Number(r.box_low || 0)}, ${Number(r.box_high || 0)})">수정</button>
<button class="btn btn-sm btn-outline-danger" onclick="ubxRemoveWatch('${r.code}')">삭제</button>
</td>
</tr>`;
}).join('');
})
.catch(e => { const tb = $('ubx_watch_tbody'); if (tb) tb.innerHTML = `<tr><td colspan="10" class="text-danger">${e}</td></tr>`; });
}
function ubxAddWatch() {
const code = ($('ubx_add_code').value || '').trim();
if (!/^\d{6}$/.test(code)) { alert('6자리 종목코드를 입력하세요'); return; }
const body = {
code,
name: ($('ubx_add_name').value || '').trim(),
box_low: parseFloat($('ubx_add_low').value || '0') || 0,
box_high: parseFloat($('ubx_add_high').value || '0') || 0,
};
fetch('/api/updown_box/watchlist/add', {
method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(body),
})
.then(r => r.json())
.then(d => {
if (!d.ok) { alert('추가 실패: ' + (d.error || '한도초과/보유중')); return; }
$('ubx_add_code').value = ''; $('ubx_add_name').value = '';
$('ubx_add_low').value = ''; $('ubx_add_high').value = '';
ubxLoadWatch(); ubxLoadCfg();
})
.catch(e => alert('오류: ' + e));
}
/** 수정: 행 값을 입력폼에 채워 넣음 → 고친 뒤 '추가/수정' 누르면 upsert 갱신 */
function ubxEditWatch(code, name, low, high) {
$('ubx_add_code').value = code || '';
$('ubx_add_name').value = name || '';
$('ubx_add_low').value = low || '';
$('ubx_add_high').value = high || '';
const c = $('ubx_add_code');
if (c) { c.scrollIntoView({ behavior: 'smooth', block: 'center' }); c.focus(); }
}
function ubxRemoveWatch(code) {
if (!confirm(code + ' 관심종목을 삭제할까요?')) return;
fetch('/api/updown_box/watchlist/remove', {
method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ code }),
})
.then(r => r.json())
.then(d => { if (!d.ok) alert('삭제 실패: ' + (d.error || '')); ubxLoadWatch(); ubxLoadCfg(); })
.catch(e => alert('오류: ' + e));
}
/** 입력란 → 백테/파라서치 쿼리 (빈값 제외, env 오버라이드) */
function ubxCollectParamQs(qs) {
UBX_PARAM_FIELDS.forEach(k => {
const el = $('ubx_' + k);
if (el && el.value !== '' && el.value != null) qs.append(k, String(el.value));
});
const rt = $('ubx_ratchet_tiers'); // 다단 래칫(문자열) — 숫자 필드와 별도
if (rt && rt.value != null && String(rt.value).trim() !== '') {
qs.append('ratchet_tiers', String(rt.value).trim());
}
}
// 래칫/어깨컷 입력칸 색상 토글 — TAIL(tlSyncRatchetShoulderColors)과 동일.
// 다단 래칫 값이 있으면 단일 어깨컷(어깨발동·어깨폭)은 무시됨 → 빨강 표시.
function ubxSyncRatchetShoulderColors() {
const r = $('ubx_ratchet_tiers');
if (!r) return;
const smin = $('ubx_shoulder_min_high_pct');
const scut = $('ubx_shoulder_cut_pct');
const ratchetOn = !!(r.value && String(r.value).trim());
const RED = '#f85149';
const paint = (el, on) => {
if (!el) return;
if (on) {
el.style.setProperty('border-color', RED, 'important');
el.style.setProperty('background-color', 'rgba(248,81,73,0.12)', 'important');
el.style.setProperty('box-shadow', '0 0 0 1px ' + RED, 'important');
} else {
el.style.removeProperty('border-color');
el.style.removeProperty('background-color');
el.style.removeProperty('box-shadow');
}
};
// 래칫 ON → 어깨컷 빨강(무시됨) / 래칫 OFF → 래칫 빨강(OFF, 어깨컷이 트레일)
paint(smin, ratchetOn);
paint(scut, ratchetOn);
paint(r, !ratchetOn);
}
function ubxRunBacktest() {
const code = ($('ubx_code').value || '').trim();
if (!/^\d{6}$/.test(code)) { alert('종목코드(6자리)를 입력하세요'); return; }
const qs = new URLSearchParams({
code, tf: $('ubx_tf').value || '15',
start: $('ubx_start').value || '', end: $('ubx_end').value || '',
});
ubxCollectParamQs(qs);
$('ubx_status').textContent = '백테 실행 중…';
showSpinner(true);
fetch('/api/updown_box/backtest?' + qs.toString())
.then(r => r.json())
.then(d => {
showSpinner(false);
if (d.error) { $('ubx_status').textContent = ''; alert(d.error); return; }
$('ubx_status').textContent = '';
$('ubx_ps_card').style.display = 'none';
ubxRenderSummary(d);
ubxRenderTrades(d.trades || [], `${d.code} · ${d.tf}분 · ${d.candle_count}봉`, { code: d.code, name: d.name || '' });
})
.catch(e => { showSpinner(false); $('ubx_status').textContent = ''; alert('오류: ' + e); });
}
function ubxRenderSummary(d) {
const card = $('ubx_summary_card'), box = $('ubx_summary');
if (!card || !box) return;
const bn = d.box_now || {};
const boxBadge = bn.is_box
? `<span style="color:#3fb950">박스권 ✔</span> (범위 ${Number(bn.range_pct || 0).toFixed(1)}% · 밴드폭 ${bn.bb_bw != null ? Number(bn.bb_bw).toFixed(1) : '-'}% · 기울기 ${bn.ma_slope != null ? Number(bn.ma_slope).toFixed(2) : '-'}%)`
: `<span style="color:#f0883e">비박스</span> (${bn.reason || ''})`;
const bh = (d.buy_hold_pct != null) ? Number(d.buy_hold_pct) : null;
const alpha = (d.alpha_pct != null) ? Number(d.alpha_pct) : null;
box.innerHTML = `
<div class="row g-3" style="font-size:13px">
<div class="col-auto">거래 <b>${d.n_trades}</b></div>
<div class="col-auto">봇 총손익 <b style="color:${d.total_pnl >= 0 ? '#3fb950' : '#f85149'}">${d.total_pnl}%</b></div>
<div class="col-auto">PF <b>${d.pf}</b></div>
<div class="col-auto">승률 <b>${d.win_rate}%</b></div>
${bh != null ? `<div class="col-auto">단순보유(B&H) <b style="color:${bh >= 0 ? '#3fb950' : '#f85149'}">${bh.toFixed(2)}%</b></div>` : ''}
${alpha != null ? `<div class="col-auto">초과수익(α) <b style="color:${alpha >= 0 ? '#3fb950' : '#f85149'}">${alpha >= 0 ? '+' : ''}${alpha.toFixed(2)}%</b></div>` : ''}
</div>
${alpha != null ? `<div class="mt-1" style="font-size:12px;color:${alpha >= 0 ? '#3fb950' : '#f85149'}">${alpha >= 0 ? '✔ 봇이 단순보유를 이김' : '✘ 단순보유가 더 나음 — 이 종목엔 박스전략 부적합'}</div>` : ''}
<div class="mt-2 text-muted" style="font-size:12px">현재 박스상태(최근봉): ${boxBadge}
${bn.box_low ? ` · 하단 ${Number(bn.box_low).toLocaleString()} / 상단 ${Number(bn.box_high).toLocaleString()}` : ''}</div>`;
$('ubx_summary_sub').textContent = `${d.code} · ${d.tf}분`;
card.style.display = '';
}
function ubxRenderTrades(trades, sub, meta) {
const card = $('ubx_trades_card');
if (!card) return;
meta = meta || {};
// 박스 백테 거래(run_backtest_box) → 공통 거래목록 스키마로 변환.
// 손익(원)은 100만원 슬롯 가정으로 환산(수익률%는 실제 백테값 그대로).
const mapped = (trades || []).map(t => {
const ep = Number(t.buy || 0), xp = Number(t.sell || 0);
const qty = ep > 0 ? Math.max(1, Math.floor(1000000 / ep)) : 0;
return {
code: meta.code || '',
name: meta.name || '',
buy_price: ep,
sell_price: xp,
entry_time: t.entry_time,
exit_time: t.exit_time,
profit_rate: t.pnl_pct,
pnl: Math.round((xp - ep) * qty),
qty,
sell_reason: t.reason,
hold_min: t.bars_held,
};
});
// peak / 최종 누적 (매도순)
let peak = 0, peakAt = '', cum = 0;
const ordered = [...mapped].sort((a, b) => tradeExitSortKey(a).localeCompare(tradeExitSortKey(b)));
for (const t of ordered) {
cum += Number(t.pnl || 0);
if (cum > peak) { peak = cum; peakAt = t.exit_time || ''; }
}
renderVirtualTrades('ubx_trades_tbody', mapped, {
meta,
showCumulative: true,
totalBudget: 1000000,
});
fillTradePnLContext('ubx_trade_context', {
label: '백테 UPDOWN_BOX',
totalBudget: 1000000,
peakCum: peak,
peakAt,
totalPnl: cum,
});
const subEl = $('ubx_trades_sub');
if (subEl) subEl.textContent = sub || '';
card.style.display = '';
}
function ubxRunParamSearch() {
const qs = new URLSearchParams({
tf: $('ubx_tf').value || '15',
start: $('ubx_start').value || '', end: $('ubx_end').value || '',
mode: $('ubx_mode').value || 'fast',
min_trades: $('ubx_min_trades').value || '3',
});
if ($('ubx_from_watchlist') && $('ubx_from_watchlist').checked) {
qs.append('from_watchlist', '1');
} else {
const codes = ($('ubx_codes').value || '').trim() || ($('ubx_code').value || '').trim();
if (!codes) { alert('탐색 종목(codes) 또는 watchlist 사용을 지정하세요'); return; }
qs.append('codes', codes);
}
$('ubx_status').textContent = '파라미터 탐색 중… (조합 수에 따라 수십 초)';
showSpinner(true);
fetch('/api/updown_box/param_search?' + qs.toString())
.then(r => r.json())
.then(d => {
showSpinner(false);
if (d.error) { $('ubx_status').textContent = ''; alert(d.error); return; }
$('ubx_status').textContent = '';
$('ubx_summary_card').style.display = 'none';
$('ubx_trades_card').style.display = 'none';
ubxRenderParamSearch(d);
})
.catch(e => { showSpinner(false); $('ubx_status').textContent = ''; alert('오류: ' + e); });
}
function ubxRenderParamSearch(d) {
const card = $('ubx_ps_card'), tb = $('ubx_ps_tbody');
if (!card || !tb) return;
const top = d.top || [];
const meta = d.meta || {};
const dropped = meta.dropped_trend || [];
const dropTxt = dropped.length
? ` · 추세주 제외: ${dropped.map(x => `${x.code}(α${x.alpha}%)`).join(',')}`
: '';
$('ubx_ps_sub').innerHTML =
`종목 ${(d.codes || []).length} · 조합 ${meta.cartesian_product || 0} · 통과 ${meta.passed || 0} · ${meta.search_mode || ''} · 정렬:<b>${meta.rank_by || 'alpha'}</b>`
+ ((meta.skipped_codes && meta.skipped_codes.length) ? ` · 데이터부족 제외: ${meta.skipped_codes.join(',')}` : '')
+ (dropTxt ? `<span style="color:#f0883e">${dropTxt}</span>` : '');
if (!top.length) {
tb.innerHTML = '<tr><td colspan="9" class="text-muted">통과한 조합 없음 (최소거래 낮추거나 기간 확대)</td></tr>';
} else {
tb.innerHTML = top.map((r, i) => {
const cfgStr = Object.entries(r.apply_cfg || {}).map(([k, v]) => {
if (k === 'ratchet_tiers') return `ratchet=${(v != null && String(v).trim()) ? v : 'OFF'}`;
return `${k}=${v}`;
}).join(' ');
const cfgJson = encodeURIComponent(JSON.stringify(r.apply_cfg || {}));
const alpha = (r.alpha_pct != null) ? Number(r.alpha_pct) : null;
const bh = (r.buy_hold_pct != null) ? Number(r.buy_hold_pct) : null;
return `<tr>
<td>${i + 1}</td>
<td style="color:${(alpha != null && alpha >= 0) ? '#3fb950' : '#f85149'}"><b>${alpha != null ? (alpha >= 0 ? '+' : '') + alpha + '%' : '-'}</b></td>
<td style="color:${r.total_pnl >= 0 ? '#3fb950' : '#f85149'}">${r.total_pnl}%</td>
<td class="text-muted">${bh != null ? bh + '%' : '-'}</td>
<td>${r.pf}</td><td>${r.win_rate}%</td><td>${r.n_trades}</td>
<td style="font-size:11px">${cfgStr}</td>
<td><button class="btn btn-sm btn-outline-success" onclick="ubxApply('${cfgJson}')">ENV적용</button></td>
</tr>`;
}).join('');
}
card.style.display = '';
}
function ubxApply(cfgJson) {
let cfg;
try { cfg = JSON.parse(decodeURIComponent(cfgJson)); } catch (e) { alert('파라미터 파싱 실패'); return; }
if (!confirm('이 파라미터를 env_config UPDOWN_BOX_* 에 적용할까요?\n' +
Object.entries(cfg).map(([k, v]) => `${k}=${v}`).join('\n'))) return;
fetch('/api/updown_box/apply', {
method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ apply_cfg: cfg }),
})
.then(r => r.json())
.then(d => {
if (!d.ok) { alert('적용 실패: ' + (d.error || '')); return; }
alert('✅ env_config 적용 (id=' + d.env_id + ')\n' +
Object.entries(d.applied || {}).map(([k, v]) => `${k}=${v}`).join('\n'));
ubxLoadCfg();
})
.catch(e => alert('오류: ' + e));
}
// ────────────────────────────────────────────
// 스피너
// ────────────────────────────────────────────
function showSpinner(v) {
$('spinner').classList.toggle('show', v);
}
// ════════════════════════════════════════════════════════════════
// Optuna 웹 잡 (상단 미니바 + Optuna 탭)
// ════════════════════════════════════════════════════════════════
const OPTUNA_LS_KEY = 'kis_optuna_job_id';
let _optunaPollTimer = null;
let _optunaJobId = localStorage.getItem(OPTUNA_LS_KEY) || '';
let _optunaPollStatus = '';
let _optunaJobsRefreshing = false;
/** 호가8방 표 재렌더 방지용 — 폴링마다 innerHTML 갈아끼우면 스크롤이 위로 튐 */
let _optunaPostFp = '';
/** 프로그레스 갱신 체감용 2초 · 표는 fingerprint로 안 다시 그림 */
const OPTUNA_POLL_MS_BUSY = 2000;
const OPTUNA_POLL_MS_IDLE = 2000;
async function optunaRefreshJobsIfNeeded(force) {
if (_optunaJobsRefreshing && !force) return;
_optunaJobsRefreshing = true;
try {
await optunaRefreshJobs();
} finally {
_optunaJobsRefreshing = false;
}
}
function optunaGoTab() {
btShowTab('optuna');
}
function optunaOnTabShow() {
optunaLoadDefaults();
optunaRefreshJobs();
if (_optunaJobId) optunaPollOnce();
}
async function optunaLoadDefaults() {
try {
const r = await fetch('/api/optuna/defaults');
const j = await r.json();
if (!j.ok) return;
if ($('opt_start') && !$('opt_start').value) $('opt_start').value = j.start;
if ($('opt_end') && !$('opt_end').value) $('opt_end').value = j.end;
if ($('opt_trials') && !$('opt_trials').dataset.touched) $('opt_trials').value = j.trials;
} catch (e) { /* ignore */ }
}
function optunaSetNav(job) {
const bar = $('optuna_nav_bar');
if (!bar) return;
if (!job) {
bar.classList.add('d-none');
return;
}
const prog = job.progress || {};
const post = job.postprocess || {};
const pct = Number(prog.pct || 0);
const st = job.status || '';
const phase = job.phase || '';
const postBusy = phase === 'postprocess' || (st === 'running' && pct >= 99.9 && !post.ready && post.expect_ob !== false);
const finalizeBusy = phase === 'finalize';
const label = (job.label || job.strategy || 'Optuna') +
(prog.refine_phase === 'phase1' ? ' · 1차' : (prog.refine_phase === 'phase2' ? ' · 2차' : '')) +
(postBusy ? ' 후처리' : (finalizeBusy ? ' 저장중' : (st === 'running' ? ' 실행중' : (st === 'done' ? ' 완료' : (st === 'error' ? ' 오류' : '')))));
const done = prog.trials_done != null ? prog.trials_done : '?';
const tot = prog.trials_total != null ? prog.trials_total : '?';
$('optuna_nav_label').textContent = `${label} ${done}/${tot}`;
const met = optunaBestMetricsText(prog, job);
const postPct = Number(post.pct || 0);
if (postBusy) {
$('optuna_nav_pct').textContent = `후처리 ${postPct}%` + (post.stage ? ` · ${post.stage}` : '');
} else if (finalizeBusy) {
$('optuna_nav_pct').textContent = (post.hint || 'JSON 저장 중') + (met ? ` · ${met}` : '');
} else {
$('optuna_nav_pct').textContent = met ? `${pct}% · ${met}` : `${pct}%`;
}
const fill = $('optuna_nav_fill');
fill.style.width = `${Math.min(100, pct)}%`;
fill.classList.toggle('is-done', st === 'done' && !postBusy && !finalizeBusy);
fill.classList.toggle('is-error', st === 'error');
const postTrack = $('optuna_nav_post_track');
const postFill = $('optuna_nav_post_fill');
if (postTrack && postFill) {
// 사후호가방(expect_ob) 있을 때만 아래 후처리 트랙 표시
const showPost = (post.expect_ob !== false) && (postBusy || post.ready || postPct > 0);
postTrack.classList.toggle('d-none', !showPost);
postFill.style.width = `${Math.min(100, post.ready ? 100 : postPct)}%`;
postFill.classList.toggle('is-done', !!post.ready);
}
bar.classList.remove('d-none');
}
function optunaFmtNum(v, dig) {
if (v == null || v === '') return '—';
const n = Number(v);
if (!Number.isFinite(n)) return String(v);
if (dig == null) return n.toLocaleString();
return n.toFixed(dig);
}
/** progress.best_* → 사람이 읽는 WR/PnL/PF/MDD (score 숨김) */
function optunaBestMetricsText(prog, job) {
if (!prog || prog.best_pnl == null && prog.best_win_rate == null) return '';
const strat = String((job && (job.strategy || job.label)) || '').toLowerCase();
const isUs = !!((job && job.symbol) || strat.includes('us_momentum') || strat.includes('해외'));
const pnl = Number(prog.best_pnl);
const pnlStr = !Number.isFinite(pnl) ? '—'
: (isUs
? `$${pnl.toLocaleString(undefined, { maximumFractionDigits: 2 })}`
: `${Math.round(pnl).toLocaleString()}원`);
const wr = prog.best_win_rate != null ? `${Number(prog.best_win_rate).toFixed(1)}%` : '—';
const pf = prog.best_pf != null ? Number(prog.best_pf).toFixed(2) : '—';
const mdd = prog.best_mdd != null
? (isUs
? `$${Number(prog.best_mdd).toLocaleString(undefined, { maximumFractionDigits: 2 })}`
: `${Math.round(Number(prog.best_mdd)).toLocaleString()}`)
: '—';
const tr = prog.best_trades != null ? `${prog.best_trades}건` : '';
const tn = prog.best_trial != null ? `#${prog.best_trial}` : '';
return `best${tn} WR ${wr} · PnL ${pnlStr} · PF ${pf} · MDD ${mdd}` +
(tr ? ` · ${tr}` : '');
}
function optunaRenderCompare(sum) {
const gatesEl = $('opt_stable_gates');
if (gatesEl) {
const g = sum && sum.stable_gates;
if (g) {
let t =
`안정점수 = 일평균PnL − λ×일표준편차 (원). 높을수록 좋음 · 만점 없음. ` +
`게이트: 손실일≤${g.max_losing_days} · 최악일≥${Number(g.min_worst_day_pnl).toLocaleString()} · ` +
`활성일≥${g.min_active_days} · λ=${g.stability_lambda}`;
if (g.fallback_rank_only || g.fallback_note) {
t += ` · <span class="text-warning">${g.fallback_note || '게이트 0건 → 점수순 폴백(마이너스 포함)'}</span>`;
} else if (g.n_gate_pass != null) {
t += ` · 게이트통과 ${g.n_gate_pass}건`;
}
gatesEl.innerHTML = t;
} else if (sum) {
gatesEl.textContent = '안정점수 = 일평균PnL − λ×일표준편차(원). 높을수록 좋음 · 만점 없음. (구 JSON은 게이트 미기록)';
} else {
gatesEl.textContent = '—';
}
}
optunaRenderModeCombo(sum);
optunaRenderModeTop10(sum);
optunaRenderTrailRec(sum);
optunaRenderPostprocess(sum);
optunaRenderOverfitBadges(sum);
optunaRenderOverfit(sum);
optunaRenderParamDistChart(sum);
}
const OPTUNA_CARD_TOP_N = 5;
function optunaRenderModeCombo(sum) {
const el = $('opt_mode_combo_body');
const m = sum && sum.mode_combo_summary;
const rows = (sum && sum.top5_mode) || [];
// 사후합격 Top10과 동일 표 — mode는 축최빈 1회 실측이라 보통 1행
optunaFillRankTbody(
'opt_top5_mode_tbody',
rows,
'mode',
(sum
? 'mode_combo 실측 없음 (구 JSON·미산출)'
: '완료 후 표시'),
);
if (!el) return;
if (!m || !m.ok) {
const note = (sum && sum.mode_combo_note) || '';
el.innerHTML = sum
? (`<span class="text-muted">mode_combo 실측 없음</span>`
+ (note ? `<div class="text-muted" style="font-size:11px">${note}</div>` : ''))
: '완료 후 표시';
return;
}
const vs = m.vs_best || {};
const vsLine = (vs.best_pnl != null && vs.mode_pnl != null)
? `vs학습1위 PnL ${Number(vs.mode_pnl).toLocaleString()} / ${Number(vs.best_pnl).toLocaleString()}`
: '';
el.innerHTML =
`<div class="text-muted" style="font-size:11px">` +
`Top${m.top_n != null ? m.top_n : 'N'} 축최빈 조립` +
(m.pool_kind ? ` · pool=${m.pool_kind}` : '') +
(m.pool_size != null ? ` · ${m.pool_size}건` : '') +
(vsLine ? ` · ${vsLine}` : '') +
` · 아래 표=사후합격과 <b>같은 열</b>(안정·과적합 포함). trial 번호는 조립이라 없음.` +
`</div>` +
(m.note ? `<div class="text-muted" style="font-size:11px">${m.note}</div>` : '') +
`<div class="mt-1">` +
`<button type="button" class="btn btn-sm btn-outline-warning py-0 ms-0" id="opt_btn_apply_mode_card" onclick="optunaApplyUpto('mode',1,'base')">mode 타점 DB적용</button>` +
`</div>`;
}
function optunaRenderModeTop10(sum) {
const metaEl = $('opt_mode_top_meta');
const meta = (sum && sum.mode_consensus_meta) || {};
if (metaEl) {
if (!sum) {
metaEl.textContent = '—';
} else if (meta.mode_pool_size != null || meta.note) {
metaEl.innerHTML =
`pool ${meta.mode_pool_kind || 'positive'}`
+ (meta.mode_pool_size != null ? ` · ${meta.mode_pool_size}건` : '')
+ (meta.mode_params_keys != null ? ` · 축 ${meta.mode_params_keys}개` : '')
+ (meta.note ? ` · <span class="text-muted">${meta.note}</span>` : '')
+ (meta.scoring ? ` · <span class="text-muted">${meta.scoring}</span>` : '');
} else {
metaEl.textContent = 'mode Top10 — 완료 후 표시';
}
}
optunaFillModeTopTbody(
'opt_top5_mode_top_tbody',
(sum && sum.top5_consensus) || [],
'consensus',
sum ? 'mode Top10 없음 (pool 0 · grid/results 확인)' : '완료 후 표시',
);
optunaRenderModeBandTop3(sum, window._optunaLastJob || null);
}
function optunaDailyAvgPnlCell(r) {
const v = (r.period_daily_avg_pnl != null) ? r.period_daily_avg_pnl : r.daily_pnl_mean;
if (v == null) return '<td class="text-end text-muted">—</td>';
const n = Number(v);
const cls = n >= 0 ? 'text-pnl-pos' : 'text-pnl-neg';
return `<td class="text-end ${cls}" title="총손익÷기간거래일 (없으면 활성일 평균)">${optunaFmtNum(v)}</td>`;
}
function optunaDailyAvgPctCell(r) {
let p = r.period_daily_avg_pct;
if (p == null && r.daily_avg_pct != null) p = r.daily_avg_pct;
if (p == null && r.bot_pct != null && r.n_period_trading_days > 0) {
p = Number(r.bot_pct) / Number(r.n_period_trading_days);
}
if (p == null) return '<td class="text-end text-muted">—</td>';
const n = Number(p);
const cls = n >= 0 ? 'text-pnl-pos' : 'text-pnl-neg';
const sign = n > 0 ? '+' : '';
return `<td class="text-end ${cls}" title="총수익률(운용한도)÷기간거래일">${sign}${optunaFmtNum(n, 3)}%</td>`;
}
function optunaModeTopTableRow(r, source) {
const rank = r.rank || 1;
const src = source;
const applyCls = 'btn-outline-success';
const cm = r.consensus_match_pct;
const cmN = r.consensus_match_n;
const cmOf = r.consensus_match_of;
const cmCell = (cm != null && cmOf != null)
? `${optunaFmtNum(cm, 1)}%<div class="text-muted" style="font-size:10px">${cmN}/${cmOf}축 밴드</div>`
: '—';
return `<tr>
<td>${rank}</td>
<td>#${r.optuna_trial_number ?? '—'}</td>
<td class="text-end fw-semibold">${cmCell}</td>
<td class="text-end">${optunaFmtNum(r.total_trades, 0)}</td>
<td class="text-end">${optunaFmtNum(r.win_rate, 1)}%</td>
<td class="text-end">${optunaFmtNum(r.pf, 2)}</td>
<td class="text-end ${Number(r.total_pnl) >= 0 ? 'text-pnl-pos' : 'text-pnl-neg'}">${optunaFmtNum(r.total_pnl)}</td>
${optunaDailyAvgPnlCell(r)}
${optunaDailyAvgPctCell(r)}
<td style="font-size:11px;min-width:148px;white-space:normal">${optunaObWhipCell(r)}</td>
<td class="text-end">${r.n_losing_days != null ? optunaFmtNum(r.n_losing_days, 0) : '—'}</td>
<td class="text-end ${Number(r.worst_day_pnl) >= 0 ? 'text-pnl-pos' : 'text-pnl-neg'}">${r.worst_day_pnl != null ? optunaFmtNum(r.worst_day_pnl) : '—'}</td>
<td class="text-end">${optunaStableScoreCell(r)}</td>
<td class="text-end">${optunaOverfitCell(r)}</td>
<td>
<button class="btn btn-sm btn-outline-secondary py-0" onclick="optunaShowCandidate('${src}',${rank})">보기</button>
<button class="btn btn-sm ${applyCls} py-0" onclick="optunaApply('${src}',${rank})">적용</button>
</td>
</tr>`;
}
function optunaFillModeTopTbody(tbodyId, rows, source, emptyMsg) {
const tb = $(tbodyId);
if (!tb) return;
if (!rows || !rows.length) {
tb.innerHTML = `<tr><td colspan="15" class="text-muted">${emptyMsg}</td></tr>`;
return;
}
tb.innerHTML = rows.map((r) => optunaModeTopTableRow(r, source)).join('');
}
function optunaRenderOverfit(sum) {
const scoreEl = $('opt_overfit_score');
const facTb = $('opt_overfit_factors_tbody');
const distTb = $('opt_thresh_dist_tbody');
const poolEl = $('opt_thresh_pool');
const noteEl = $('opt_overfit_note');
const d = sum && sum.overfit_diagnostics;
if (!d || d.overfit_risk_pct == null) {
const done = window._optunaLastJob && window._optunaLastJob.status === 'done';
const empty = done ? '완료 · 진단 없음(후보 0건)' : '완료 후 표시';
if (scoreEl) scoreEl.textContent = empty;
if (facTb) facTb.innerHTML = `<tr><td colspan="3" class="text-muted">${empty}</td></tr>`;
if (distTb) distTb.innerHTML = `<tr><td colspan="6" class="text-muted">${empty}</td></tr>`;
if (poolEl) poolEl.textContent = '';
if (noteEl) noteEl.textContent = '—';
return;
}
const risk = Number(d.overfit_risk_pct);
const ready = Number(d.apply_readiness_pct);
const verd = d.verdict || '';
let cls = 'text-muted';
if (verd === '비권장' || risk >= 70) cls = 'text-pnl-neg';
else if (verd === '주의' || risk >= 40) cls = 'text-warning';
else cls = 'text-pnl-pos';
if (scoreEl) {
scoreEl.innerHTML =
`<span class="${cls}">과적합 ${risk}% · 적용가능 ${ready}% · ${verd}</span>` +
(d.verdict_ko ? `<div class="text-muted fw-normal" style="font-size:11px">${d.verdict_ko}</div>` : '');
}
const factors = d.factors || [];
if (facTb) {
if (!factors.length) {
facTb.innerHTML = '<tr><td colspan="3" class="text-muted">요인 없음</td></tr>';
} else {
facTb.innerHTML = factors.map(f => `<tr>
<td>${f.label || f.id || '—'}</td>
<td class="text-end">+${optunaFmtNum(f.points, 1)}</td>
<td class="text-muted">${f.detail || ''}</td>
</tr>`).join('');
}
}
if (poolEl) {
poolEl.textContent = d.threshold_pool
? `(${d.threshold_pool} · n=${d.threshold_pool_n || 0})`
: '';
}
const dist = d.threshold_distribution || [];
if (distTb) {
if (!dist.length) {
distTb.innerHTML = '<tr><td colspan="6" class="text-muted">분포 없음</td></tr>';
} else {
distTb.innerHTML = dist.map(r => {
const share = r.mode_share != null ? `${(Number(r.mode_share) * 100).toFixed(0)}%` : '—';
const fmt = (v) => (v == null || v === '') ? '—' : optunaFmtNum(v, 4);
return `<tr>
<td><code>${r.param || ''}</code></td>
<td class="text-end">${fmt(r.median)}</td>
<td class="text-end">${fmt(r.p25)}</td>
<td class="text-end">${fmt(r.p75)}</td>
<td>${r.mode != null ? r.mode : '—'}</td>
<td class="text-end">${share}</td>
</tr>`;
}).join('');
}
}
if (noteEl) noteEl.textContent = d.note || '—';
}
function optunaRefinePhaseLabel(job) {
const sy = String((job && job.study_name) || '');
const sh = String((job && job.study_short) || '');
if (sy.includes('refine2') || sh === 'refine2') return '2차 TPE';
if (sy.includes('refine1') || sh === 'refine1') return '1차 TPE';
const ph = (job && job.progress && job.progress.refine_phase) || '';
if (ph === 'phase2') return '2차 TPE';
if (ph === 'phase1') return '1차 TPE';
return '';
}
function optunaFormatGatedTopRowHtml(t, i, showBorder) {
const dAvg = (t.period_daily_avg_pnl != null) ? t.period_daily_avg_pnl : t.daily_pnl_mean;
const dPct = (t.period_daily_avg_pct != null) ? t.period_daily_avg_pct : t.daily_avg_pct;
const rank = t.rank || i;
const bdr = showBorder !== false ? ' border-bottom border-secondary' : '';
return `<div class="d-flex flex-wrap align-items-start gap-2 py-1${bdr}">
<span class="fw-semibold">#${i} trial #${t.optuna_trial_number ?? '—'}</span>
<span>PnL <b class="${Number(t.total_pnl) >= 0 ? 'text-pnl-pos' : 'text-pnl-neg'}">${Number(t.total_pnl || 0).toLocaleString()}</b>원</span>
${dAvg != null ? `<span>일평균 ${Number(dAvg).toLocaleString()}원</span>` : ''}
${dPct != null ? `<span>일평균 ${Number(dPct) >= 0 ? '+' : ''}${Number(dPct).toFixed(3)}%</span>` : ''}
<span>WR ${Number(t.win_rate || 0).toFixed(1)}% · PF ${Number(t.pf || 0).toFixed(2)} · ${Number(t.total_trades || 0)}건</span>
<span>${optunaObWhipCell(t)}</span>
<button type="button" class="btn btn-sm btn-outline-secondary py-0" onclick="optunaShowCandidate('gated',${rank})">보기</button>
<button type="button" class="btn btn-sm btn-outline-primary py-0" onclick="optunaBacktestFromCandidate('gated',${rank})">백테</button>
<button type="button" class="btn btn-sm btn-outline-success py-0" onclick="optunaApply('gated',${rank})">적용</button>
</div>`;
}
function optunaBuildGatedTop3Html(rows, opts) {
const o = opts || {};
const n = o.topN || OPTUNA_CARD_TOP_N;
const list = (rows || []).slice(0, n);
if (!list.length) return '';
const pr = o.periodRange ? ` · 기간 <b>${o.periodRange}</b>` : '';
const phase = o.phaseLabel || '사후합격';
const note = o.running
? ' <span class="text-warning">(진행 중 · 사후합격 미확정)</span>'
: '';
let html = `<div class="mb-1 fw-semibold text-success">${phase} Top${n}${pr}${note}</div>`;
list.forEach((t, i) => {
html += optunaFormatGatedTopRowHtml(t, i + 1, i < list.length - 1);
});
return html;
}
function optunaRenderGatedTop3Card(sum, job) {
const body = $('opt_gated_top3_body');
const title = $('opt_gated_top3_title');
if (!body) return;
const phase = optunaRefinePhaseLabel(job);
const phaseTxt = phase ? `${phase} 사후합격 Top${OPTUNA_CARD_TOP_N}` : `사후합격 Top${OPTUNA_CARD_TOP_N}`;
if (title) {
title.innerHTML = `${phaseTxt} <small class="text-muted">DB 적용 후보 · 일평균(원/%) · 익절/손절 비교</small>`;
}
const pr = (job && job.start && job.end)
? optunaFmtPeriodShort(job.start, job.end)
: '';
if (job && job.status === 'running' && job.live_summary) {
const ls = job.live_summary;
const ph = ls.refine_phase === 'phase2' ? '2차 TPE' : (ls.refine_phase === 'phase1' ? '1차 TPE' : phase);
const rows = (ls.top3_gated && ls.top3_gated.length)
? ls.top3_gated
: (ls.top3_learn || []);
if (rows.length) {
body.innerHTML = optunaBuildGatedTop3Html(rows, {
phaseLabel: ph ? `${ph} learn` : 'learn',
periodRange: ls.period_range || pr,
running: !ls.top3_gated || !ls.top3_gated.length,
});
return;
}
}
const gated = (sum && sum.top5_gated) || [];
if (!gated.length) {
const done = job && job.status === 'done';
body.innerHTML = done
? '<span class="text-muted">사후합격 후보 없음</span>'
: '<span class="text-muted">완료 후 표시</span>';
return;
}
body.innerHTML = optunaBuildGatedTop3Html(gated, {
phaseLabel: phase ? `${phase} 사후합격` : '사후합격',
periodRange: pr,
running: false,
});
}
function optunaRenderModeBandTop3(sum, job) {
const el = $('opt_mode_band_top3');
if (!el) return;
const rows = (sum && sum.top5_consensus) || [];
if (!rows.length) {
el.innerHTML = `<span class="text-muted">mode 밴드 근접 Top${OPTUNA_CARD_TOP_N} 없음</span>`;
return;
}
const pr = (job && job.start && job.end)
? optunaFmtPeriodShort(job.start, job.end)
: '';
const pool = (sum.mode_consensus_meta && sum.mode_consensus_meta.mode_pool_size) || null;
el.innerHTML =
optunaBuildModeTop3Html(rows.slice(0, OPTUNA_CARD_TOP_N), {
periodRange: pr,
poolSize: pool,
topN: OPTUNA_CARD_TOP_N,
title: `mode 밴드 근접 Top${OPTUNA_CARD_TOP_N} (분포 참고 · DB 1순위 아님)`,
});
}
function optunaRenderParamDistChart(sum) {
const el = $('opt_param_dist_chart');
if (!el) return;
const d = sum && sum.overfit_diagnostics;
const dist = (d && d.threshold_distribution) || [];
if (!dist.length) {
const done = window._optunaLastJob && window._optunaLastJob.status === 'done';
el.innerHTML = done
? '<span class="text-muted">분포 데이터 없음</span>'
: '<span class="text-muted">완료 후 표시</span>';
return;
}
const rows = dist.filter((r) => {
if (r.p25 == null || r.p75 == null) return false;
const p = String(r.param || '');
return p && !p.endsWith('_mode') && p !== 'sl_mode';
});
const pri = ['tp_pct', 'sl_pct', 'trail_pct', 'trail_arm_pct', 'max_daily_chg', 'vol_mult'];
rows.sort((a, b) => {
const ia = pri.indexOf(String(a.param || ''));
const ib = pri.indexOf(String(b.param || ''));
const pa = ia >= 0 ? ia : 999;
const pb = ib >= 0 ? ib : 999;
if (pa !== pb) return pa - pb;
return String(a.param || '').localeCompare(String(b.param || ''));
});
if (!rows.length) {
el.innerHTML = '<span class="text-muted">수치형 분포 없음</span>';
return;
}
const poolNote = d.threshold_pool
? `<div class="text-muted mb-2" style="font-size:11px">표본: ${d.threshold_pool} · n=${d.threshold_pool_n || 0}</div>`
: '';
const bars = rows.map((r) => {
const p25 = Number(r.p25);
const p75 = Number(r.p75);
const med = r.median != null ? Number(r.median) : null;
const mode = r.mode != null ? Number(r.mode) : null;
const vals = [p25, p75, med, mode].filter((v) => v != null && !Number.isNaN(v));
const lo = Math.min(...vals) * 0.92;
const hi = Math.max(...vals) * 1.08;
const span = hi - lo || 1;
const pct = (v) => Math.max(0, Math.min(100, ((v - lo) / span) * 100));
const share = r.mode_share != null ? `${(Number(r.mode_share) * 100).toFixed(0)}%` : '—';
const fmt = (v) => (v == null || Number.isNaN(v)) ? '—' : optunaFmtNum(v, 3);
let marks = '';
if (med != null && !Number.isNaN(med)) {
marks += `<div style="position:absolute;left:${pct(med).toFixed(1)}%;top:0;width:2px;height:100%;background:#3fb950" title="median ${med}"></div>`;
}
if (mode != null && !Number.isNaN(mode)) {
marks += `<div style="position:absolute;left:${pct(mode).toFixed(1)}%;top:3px;width:8px;height:8px;background:#f0883e;border-radius:50%" title="mode ${mode}"></div>`;
}
const l = pct(p25).toFixed(1);
const w = Math.max(1, pct(p75) - pct(p25)).toFixed(1);
return `<div class="mb-2">
<div class="d-flex justify-content-between align-items-center">
<code style="font-size:11px">${r.param}</code>
<span class="text-muted" style="font-size:10px">mode ${fmt(r.mode)} (${share})</span>
</div>
<div style="position:relative;height:14px;background:#21262d;border-radius:4px;margin:2px 0">
<div style="position:absolute;left:${l}%;width:${w}%;height:100%;background:rgba(56,139,253,0.4);border-radius:3px"></div>
${marks}
</div>
<div class="text-muted" style="font-size:10px">p25 ${fmt(p25)} · med ${fmt(med)} · p75 ${fmt(p75)}</div>
</div>`;
}).join('');
el.innerHTML = poolNote + bars;
}
function optunaRenderTrailRec(sum) {
const body = $('opt_daily_trail_rec_body');
if (!body) return;
const rec = sum && sum.daily_trail_recommend;
if (!rec) {
body.textContent = '완료 후 표시';
return;
}
if (!rec.ok) {
body.innerHTML =
`<span class="text-muted">추천 없음</span> — ${rec.reason || '양수 PnL 앵커 없음'}`;
return;
}
const arm = Number(rec.arm_krw || 0).toLocaleString();
const anchor = Number(rec.anchor_krw || 0).toLocaleString();
body.innerHTML =
`<b>${rec.prefix || ''}</b> · ENABLED=true · MODE=${rec.mode || 'trailing'}` +
`<br>ARM <b>${arm}</b>원 · TIERS <code>${rec.tiers || ''}</code>` +
`<br><span class="text-muted">앵커 ${anchor}원 (mode/median/best×frac) · 타점 적용과 별도 · 이후 운영탭에서 끄기/수정 가능</span>`
+ ` <button class="btn btn-sm btn-outline-info py-0 ms-1" onclick="optunaApplyTrail()">트레일 합의 적용</button>`;
}
function optunaOverfitCell(r) {
const p = r && r.overfit_risk_pct;
if (p == null || Number.isNaN(Number(p))) return '<span class="text-muted">—</span>';
const n = Number(p);
let cls = 'text-pnl-pos';
if (n >= 70) cls = 'text-pnl-neg';
else if (n >= 40) cls = 'text-warning';
const v = r.overfit_verdict_ui || r.overfit_verdict || '';
return `<span class="${cls}" title="과적합%=높을수록 위험(0~100). 이 숫자만 믿으면 내일 틀릴 수 있는 정도(추정).">${n}%${v ? ' · ' + v : ''}</span>`;
}
function optunaStableScoreCell(r) {
if (!r || r.stability_score == null) return '<span class="text-muted">—</span>';
const n = Number(r.stability_score);
const cls = n >= 0 ? 'text-pnl-pos' : 'text-pnl-neg';
return `<span class="${cls}" title="높을수록 좋음. 만점 없음. 일평균PnL − λ×일표준편차(원).">${optunaFmtNum(r.stability_score, 2)}</span>`;
}
function optunaPostBusy(job) {
if (!job) return false;
const rerun = job.postprocess_rerun || {};
if (String(rerun.status || '') === 'running') return true;
if (job.status === 'done' || job.status === 'error') return false;
if (job.phase === 'postprocess') return true;
const prog = job.progress || {};
return job.status === 'running' && Number(prog.pct || 0) >= 99.9;
}
function optunaObWhipCell(r) {
if (!r) return '<span class="text-muted">—</span>';
const on = r.ob_on;
const whip = r.whip_on;
const hasExit = r.tp_pct != null || r.tp_max_pct != null || r.sl_pct != null;
if (on == null && whip == null && !hasExit && !r.ob_summary) {
return '<span class="text-muted" title="구JSON 또는 호가·익절·손절·휩쏘 축 없음">—</span>';
}
const spr = r.ob_spread != null ? Number(r.ob_spread).toFixed(1) : null;
const ratio = r.ob_ratio != null ? Number(r.ob_ratio).toFixed(2) : null;
const ask = r.ob_ask != null ? Number(r.ob_ask).toFixed(0) : null;
const tip = (Array.isArray(r.ob_summary_lines) && r.ob_summary_lines.length)
? r.ob_summary_lines.join(' | ')
: (r.ob_summary || '본 TPE 호가·익절·손절·휩쏘');
const lines = [];
if (on === true) {
const bits = ['호가ON'];
if (spr != null) bits.push(`spr${spr}`);
if (ratio != null) bits.push(`r${ratio}`);
if (ask != null) bits.push(`ask×${ask}`);
lines.push(`<div class="text-pnl-pos" style="font-size:10px;line-height:1.25">${bits.join(' ')}</div>`);
} else if (on === false) {
lines.push('<div class="text-muted" style="font-size:10px;line-height:1.25">호가OFF</div>');
}
if (hasExit) {
const eb = [];
if (r.tp_pct != null) eb.push(`익절${Number(r.tp_pct).toFixed(1)}%`);
if (r.tp_max_pct != null) eb.push(`상한${Number(r.tp_max_pct).toFixed(1)}%`);
if (r.sl_pct != null) eb.push(`손절${Number(r.sl_pct).toFixed(1)}%`);
lines.push(`<div class="text-muted" style="font-size:10px;line-height:1.25">${eb.join(' ')}</div>`);
}
if (whip === true) {
const wb = ['휩쏘ON'];
if (r.whip_subbar_sec != null) wb.push(`sub${Number(r.whip_subbar_sec)}s`);
if (r.whip_lookback_sec != null) wb.push(`lb${Number(r.whip_lookback_sec)}s`);
if (r.whip_dip_pct != null) {
let d = Number(r.whip_dip_pct);
if (d < 0.5) d *= 100;
wb.push(`dip${d.toFixed(2)}%`);
}
if (r.whip_recovery_tol_pct != null) {
let t = Number(r.whip_recovery_tol_pct);
if (t < 0.5) t *= 100;
wb.push(`tol${t.toFixed(2)}%`);
}
lines.push(`<div class="text-warning" style="font-size:10px;line-height:1.25">${wb.join(' ')}</div>`);
} else if (whip === false && (on != null || hasExit)) {
lines.push('<div class="text-muted" style="font-size:10px;line-height:1.25">휩쏘OFF</div>');
}
if (!lines.length) {
return `<span class="text-muted" title="${tip}">${r.ob_summary || '—'}</span>`;
}
return `<div title="${tip}" style="min-width:148px">${lines.join('')}</div>`;
}
function optunaRankTableRow(r, source) {
const rank = r.rank || 1;
const src = source;
const detailBtn = '';
const applyCls = src === 'stable' ? 'btn-outline-info' : 'btn-outline-success';
return `<tr>
<td>${rank}</td>
<td>#${r.optuna_trial_number ?? '—'}</td>
<td class="text-end">${optunaFmtNum(r.total_trades, 0)}</td>
<td class="text-end">${optunaFmtNum(r.win_rate, 1)}%</td>
<td class="text-end">${optunaFmtNum(r.pf, 2)}</td>
<td class="text-end ${Number(r.total_pnl) >= 0 ? 'text-pnl-pos' : 'text-pnl-neg'}">${optunaFmtNum(r.total_pnl)}</td>
${optunaDailyAvgPnlCell(r)}
${optunaDailyAvgPctCell(r)}
<td style="font-size:11px;min-width:148px;white-space:normal">${optunaObWhipCell(r)}</td>
<td class="text-end">${r.n_losing_days != null ? optunaFmtNum(r.n_losing_days, 0) : '—'}</td>
<td class="text-end ${Number(r.worst_day_pnl) >= 0 ? 'text-pnl-pos' : 'text-pnl-neg'}">${r.worst_day_pnl != null ? optunaFmtNum(r.worst_day_pnl) : '—'}</td>
<td class="text-end">${optunaStableScoreCell(r)}</td>
<td class="text-end">${optunaOverfitCell(r)}</td>
<td>
<button class="btn btn-sm btn-outline-secondary py-0" onclick="optunaShowCandidate('${src}',${rank})">보기</button>
${src !== 'mode' ? `<button class="btn btn-sm btn-outline-primary py-0" onclick="optunaBacktestFromCandidate('${src}',${rank})">백테</button>` : ''}
${detailBtn}
<button class="btn btn-sm ${applyCls} py-0" onclick="optunaApply('${src}',${rank})">적용</button>
</td>
</tr>`;
}
function optunaFillRankTbody(tbodyId, rows, source, emptyMsg) {
const tb = $(tbodyId);
if (!tb) return;
if (!rows || !rows.length) {
tb.innerHTML = `<tr><td colspan="14" class="text-muted">${emptyMsg}</td></tr>`;
return;
}
tb.innerHTML = rows.map((r) => optunaRankTableRow(r, source)).join('');
}
/** Optuna 후처리 표 — 행=gated# / mode / live, 열=호가·휩쏘·트레일 (원 정수). */
function optunaOverfitBadgeHtml(pct, verdict) {
const p = Number(pct);
if (pct == null || Number.isNaN(p)) return '<span class="text-muted">—</span>';
let cls = 'text-pnl-pos';
let tone = '상대적으로 낮음';
if (p >= 70) { cls = 'text-pnl-neg'; tone = '위험 · 비권장'; }
else if (p >= 40) { cls = 'text-warning'; tone = '주의'; }
const v = verdict || tone;
return `<span class="${cls}" title="과적합%=이 숫자만 믿으면 내일 틀릴 수 있는 정도(추정). AI 아님.">과적합 가능도 ${p}% · ${v}</span>`;
}
function optunaRenderOverfitBadges(sum) {
const pick = (key) => ((sum && sum[key]) || [])[0] || null;
const set = (id, row) => {
const el = $(id);
if (!el) return;
el.innerHTML = optunaOverfitBadgeHtml(
row && row.overfit_risk_pct,
row && (row.overfit_verdict_ui || row.overfit_verdict),
);
};
set('opt_overfit_badge_gated', pick('top5_gated'));
set('opt_overfit_badge_stable', pick('top5_stable'));
const modeRow = ((sum && sum.compare_rows) || []).find((r) => r.source === 'mode');
set('opt_overfit_badge_mode', modeRow);
}
/** 호가8방 UI: 승률 색 기준(사후게이트 WR와 맞춤). PnL은 부호 색. */
const OPTUNA_OB8_WR_GOOD_PCT = 40;
function _optunaOb8WrSpan(wr) {
if (!Number.isFinite(wr)) return '';
const cls = wr >= OPTUNA_OB8_WR_GOOD_PCT ? 'text-pnl-pos' : 'text-pnl-neg';
return `<span class="${cls}" style="font-weight:600">승률 ${wr.toFixed(1)}%</span>`;
}
function _optunaOb8PnlSpan(pnl) {
if (pnl == null || !Number.isFinite(Number(pnl))) return '';
const n = Math.trunc(Number(pnl));
const cls = n > 0 ? 'text-pnl-pos' : (n < 0 ? 'text-pnl-neg' : '');
const sign = n > 0 ? '+' : '';
return `<span class="${cls}" style="font-weight:700">${sign}${n.toLocaleString()}원</span>`;
}
function _optunaAxisStatsHtml(ax, recHint) {
if (!ax || !ax.ok) {
const r = (ax && ax.reason) || (recHint && recHint.reason) || '없음';
const ko = {
light_skip: '후처리 미저장 · 진행 중이면 완료 후 새로고침',
no_replay_fills: '체결 재실행 없음',
not_enough_trades: '체결 부족',
'n/a_strategy': '해당없음',
none: '없음',
};
return `<span class="text-muted">${ko[r] || r}</span>`;
}
const p = ax.params || {};
const rs = ax.recommended_stats || {};
const os = ax.orig_stats || {};
const pnl = rs.pnl != null ? Math.trunc(Number(rs.pnl)) : null;
const cnt = rs.count;
const wr = rs.win_rate != null ? Number(rs.win_rate) : NaN;
const origWr = os.win_rate != null ? Number(os.win_rate) : NaN;
const origPnl = os.pnl != null ? Math.trunc(Number(os.pnl)) : null;
const recBitsP = [];
if (p.orderbook_max_spread_pct != null) {
recBitsP.push(`스프레드≤${p.orderbook_max_spread_pct}% · 잔량≥${p.orderbook_min_bid_ask_ratio}`);
}
if (p.exit_ob_enabled != null) {
recBitsP.push((p.exit_ob_enabled ? 'EXIT ON' : 'EXIT OFF')
+ (p.exit_ob_ratio_min != null ? ` · OR≥${p.exit_ob_ratio_min}` : '')
+ (p.exit_ob_min_hold_bars != null ? ` · 보유${p.exit_ob_min_hold_bars}` : ''));
}
if (p.stop_ob_enabled != null) {
recBitsP.push((p.stop_ob_enabled ? 'STOP ON' : 'STOP OFF')
+ (p.stop_ob_min_loss_pct != null ? ` · 손실${p.stop_ob_min_loss_pct}` : '')
+ (p.stop_ob_ratio_min != null ? ` · OR≥${p.stop_ob_ratio_min}` : ''));
}
if (p.whipsaw_dip_pct != null) {
recBitsP.push(`sub=${p.whipsaw_subbar_sec} · lb=${p.whipsaw_lookback_sec} · dip=${p.whipsaw_dip_pct}`);
}
const recLine = recBitsP.join(' · ');
const wrDrop = (Number.isFinite(wr) && Number.isFinite(origWr) && wr + 0.05 < origWr);
const recBits = [];
if (cnt != null) recBits.push(cnt + '건');
if (Number.isFinite(wr)) recBits.push(_optunaOb8WrSpan(wr));
if (pnl != null) recBits.push(_optunaOb8PnlSpan(pnl));
const origBits = [];
if (os.count != null && os.count !== cnt) origBits.push(os.count + '건');
if (Number.isFinite(origWr)) origBits.push(_optunaOb8WrSpan(origWr));
if (origPnl != null && origPnl !== pnl) origBits.push(_optunaOb8PnlSpan(origPnl));
const dropHint = wrDrop ? ' <span class="text-warning" style="font-size:11px">(사후호가 승률↓)</span>' : '';
return `<div style="font-size:12px;line-height:1.45">${recLine || '추천있음'}`
+ (recBits.length ? `<div>사후호가(참고) ${recBits.join(' · ')}${dropHint}</div>` : '')
+ (origBits.length
? `<div class="text-muted" style="font-size:11px" title="호가스냅이 붙은 체결만. 위 mode/타점 전체 건수·승률·PnL과 다름">필터전(호가스냅) ${origBits.join(' · ')}</div>`
: '')
+ `</div>`;
}
function optunaOb8wayState(ob) {
const combos = ob && ob.combos;
const hasCombos = !!(combos && typeof combos === 'object' && !Array.isArray(combos) && Object.keys(combos).length);
const reason = String((ob && ob.reason) || '').trim();
const tc = (ob && ob.trade_count != null) ? Number(ob.trade_count) : null;
const fc = (ob && ob.fill_count != null) ? Number(ob.fill_count) : null;
if (hasCombos) return { kind: 'ok', reason, tc, fc, combos };
if (reason && reason !== 'light_skip' && reason !== 'none') {
return { kind: 'failed', reason, tc, fc, combos: combos || {} };
}
return { kind: 'legacy', reason, tc, fc, combos: combos || {} };
}
function optunaObReasonKo(st) {
if (!st || st.kind === 'ok') return '';
if (st.reason === 'not_enough_trades') {
const n = Number.isFinite(st.tc) ? st.tc : '?';
const fill = (Number.isFinite(st.fc) && st.fc > n) ? (` · 체결${st.fc}`) : '';
return `호가스냅 ${n}건(<3)${fill} · 8방 TPE 생략`;
}
if (st.reason === 'no_orderbook_snapshots') return '호가 스냅샷 테이블 공백';
if (st.reason === 'no_replay_fills') return '체결 재실행 없음';
if (st.kind === 'legacy') return '구JSON(8방 키 없음)';
return st.reason || '8방 미산출';
}
function optunaPool8wayKind(anchors) {
const pool = (anchors || []).filter((a) => a && (a.role === 'gated' || a.role === 'learn' || a.role === 'mode'));
if (!pool.length) return 'legacy';
let anyOk = false;
let anyFailed = false;
pool.forEach((a) => {
const st = optunaOb8wayState(a.orderbook);
if (st.kind === 'ok') anyOk = true;
else if (st.kind === 'failed') anyFailed = true;
});
if (anyOk) return 'ok';
if (anyFailed) return 'failed';
return 'legacy';
}
function optunaSyncRerunButton(sum, job) {
const btn = $('opt_btn_pp_rerun');
const stEl = $('opt_pp_rerun_status');
const topn = sum && sum.postprocess_topn;
const anchors = (topn && topn.postprocess_by_anchor) || [];
const kind = optunaPool8wayKind(anchors);
const ran = !!(topn && topn.run_ob_whipsaw);
const busy = optunaPostBusy(job);
const needWarn = kind !== 'ok';
if (btn) {
btn.disabled = !!busy;
btn.classList.toggle('btn-warning', needWarn && !busy);
btn.classList.toggle('btn-outline-secondary', !(needWarn && !busy));
}
if (!stEl) return;
const pp = job && job.postprocess_rerun;
const prog = job && job.postprocess;
if (pp && pp.status === 'running') {
stEl.textContent = (prog && prog.hint) || ('재실행 중… 로그 ' + (pp.log_path || ''));
return;
}
if (pp && pp.status === 'error') {
stEl.textContent = '재실행 실패 · ' + (pp.error || '');
return;
}
if (kind === 'legacy' && (!ran || !anchors.length)) {
stEl.textContent = '구JSON · 「이 잡 후처리 재실행」으로 8방을 채우세요';
return;
}
if (kind === 'failed' || (kind === 'legacy' && ran)) {
const st0 = optunaOb8wayState(((anchors.find((a) => a.role === 'gated') || {}).orderbook));
stEl.textContent = (optunaObReasonKo(st0) || '8방 미산출')
+ ' · 재실행해도 호가스냅이 안 늘면 동일';
return;
}
if (pp && pp.status === 'done') {
stEl.textContent = '재실행 완료 · ' + (pp.log_path || '');
return;
}
if (prog && prog.hint) stEl.textContent = prog.hint;
}
/** Optuna 호가 8방 표시명 — 「진입」=매수호가축 (TRIGGER 진입방어와 구분) */
const OPTUNA_OB_COMBO_LABELS = {
base: '000 타점만(호가OFF)',
e: '100 매수호가만',
x: '010 익절호가만',
s: '001 손절호가만',
ex: '110 매수+익절호가',
es: '101 매수+손절호가',
xs: '011 익절+손절호가',
exs: '111 호가전부',
'000': '000 타점만(호가OFF)',
'100': '100 매수호가만',
'010': '010 익절호가만',
'001': '001 손절호가만',
'110': '110 매수+익절호가',
'101': '101 매수+손절호가',
'011': '011 익절+손절호가',
'111': '111 호가전부',
entry: '100 매수호가만',
exit: '110 매수+익절호가',
stop: '111 호가전부',
};
function optunaObComboLabel(cid, fallback) {
const k = String(cid || '').trim();
if (OPTUNA_OB_COMBO_LABELS[k]) return OPTUNA_OB_COMBO_LABELS[k];
// 구 JSON 라벨 → 신규
const old = String(fallback || '');
const remap = {
'100 진입만': '100 매수호가만',
'100 진입': '100 매수호가',
'010 익절만': '010 익절호가만',
'001 손절만': '001 손절호가만',
'110 진입+익절': '110 매수+익절호가',
'101 진입+손절': '101 매수+손절호가',
'011 익절+손절': '011 익절+손절호가',
'111 전부': '111 호가전부',
'111 호가전부': '111 호가전부',
};
return remap[old] || old || k || '—';
}
function _optunaObComboTable(ob, canExitStop, rowSrc, rowRk, isLive, row, whipSkip) {
const st = optunaOb8wayState(ob);
const combos = st.combos || {};
// 8방 정의는 항상 8행. 전략이 익절/손절 호가축을 안 쓰면 행은 보이되 「미사용」.
const allRows = [
['base', OPTUNA_OB_COMBO_LABELS.base, true],
['e', OPTUNA_OB_COMBO_LABELS.e, true],
['x', OPTUNA_OB_COMBO_LABELS.x, !!canExitStop],
['s', OPTUNA_OB_COMBO_LABELS.s, !!canExitStop],
['ex', OPTUNA_OB_COMBO_LABELS.ex, !!canExitStop],
['es', OPTUNA_OB_COMBO_LABELS.es, !!canExitStop],
['xs', OPTUNA_OB_COMBO_LABELS.xs, !!canExitStop],
['exs', OPTUNA_OB_COMBO_LABELS.exs, !!canExitStop],
];
const hasCombos = st.kind === 'ok';
const btnOb = (cid, used) => {
if (isLive || !rowSrc) return '<span class="text-muted">참고</span>';
if (!used) return '<span class="text-muted">이 전략 미사용</span>';
const c = hasCombos ? (combos[cid] || {}) : null;
const disabled = (cid !== 'base' && hasCombos && !(c && c.ok));
if (disabled) return `<button class="btn btn-sm btn-outline-secondary py-0" disabled>호가만</button>`;
if (cid !== 'base' && !hasCombos) {
return `<button class="btn btn-sm btn-outline-secondary py-0" disabled>호가만</button>`;
}
return `<button class="btn btn-sm btn-outline-success py-0" onclick="optunaApplyUpto('${rowSrc}',${rowRk},'${cid}')">호가만</button>`;
};
const btnWhip = (cid, used) => {
if (isLive || !rowSrc) return '<span class="text-muted">—</span>';
if (whipSkip) return '<span class="text-muted">휩쏘 해당없음</span>';
if (!used) return '<span class="text-muted">—</span>';
const c = hasCombos ? (combos[cid] || {}) : null;
const ws = (c && c.whipsaw) || {};
// +휩쏘 = DB 적용만. 탐색은 「이 잡 후처리 재실행」.
if (cid !== 'base' && hasCombos && !(c && c.ok)) {
return `<button class="btn btn-sm btn-outline-secondary py-0" disabled title="호가방 미통과">휩쏘적용</button>`;
}
if (ws && ws.ok === false && ws.reason === 'n/a_strategy') {
return '<span class="text-muted">해당없음</span>';
}
if (!ws || ws.ok !== true) {
const why = (ws && ws.reason) ? String(ws.reason) : '미산출';
return `<button class="btn btn-sm btn-outline-secondary py-0" disabled title="${why} · 「후처리 재실행」으로 방별 휩쏘 TPE 돌린 뒤 적용">휩쏘적용</button>`;
}
return `<button class="btn btn-sm btn-outline-info py-0" title="이 방 휩쏘 파라미터를 DB에 적용(탐색 아님)" onclick="optunaApplyUpto('${rowSrc}',${rowRk},'${cid}+whip')">휩쏘적용</button>`;
};
const whipCell = (cid, used) => {
if (!used) return '<span class="text-muted">—</span>';
if (whipSkip) return '<span class="text-muted">해당없음</span>';
const c = hasCombos ? (combos[cid] || {}) : null;
const ws = (c && c.whipsaw) || null;
if (!ws) return '<span class="text-muted">미산출</span>';
if (ws.ok) return _optunaAxisStatsHtml(ws, ws);
const why = ws.reason || '없음';
if (why === 'n/a_strategy') return '<span class="text-muted">이 전략 미사용</span>';
if (why === 'not_enough_trades') {
const n = ws.trade_count != null ? ws.trade_count : '?';
return `<span class="text-muted">통과 ${n}건(&lt;min) · 스킵</span>`;
}
return `<span class="text-muted">${why}</span>`;
};
const trs = allRows.map(([id, lab, used]) => {
if (!used) {
return `<tr class="text-muted"><td>${lab}</td><td>—</td>`
+ `<td><span class="text-muted">이 전략에는 이 호가축 없음</span></td>`
+ `<td>—</td><td><span class="text-muted">미사용</span></td></tr>`;
}
const c = hasCombos ? (combos[id] || {}) : null;
let nt;
let stats;
if (hasCombos) {
nt = (c && c.n_trials != null) ? c.n_trials : '—';
stats = _optunaAxisStatsHtml(c || { ok: false, reason: '없음' }, ob);
} else if (id === 'base' && row) {
nt = st.kind === 'legacy' ? '구JSON' : '—';
const bits = [];
if (row.total_trades != null) bits.push(row.total_trades + '건');
if (row.win_rate != null) bits.push(_optunaOb8WrSpan(Number(row.win_rate)));
if (row.total_pnl != null) bits.push(_optunaOb8PnlSpan(row.total_pnl));
const why = optunaObReasonKo(st);
stats = (bits.length ? `<div style="font-size:12px;line-height:1.45">${bits.join(' · ')}</div>` : '')
+ (why ? `<div class="text-muted">${why}</div>` : '<span class="text-muted">8방 미산출</span>');
} else {
nt = st.kind === 'legacy' ? '구JSON' : '—';
stats = `<span class="text-muted">${optunaObReasonKo(st) || (st.kind === 'legacy' ? '후처리 재실행 필요' : '8방 미산출')}</span>`;
}
return `<tr><td>${lab}</td><td>${nt}</td><td>${stats}</td>`
+ `<td>${whipCell(id, used)}</td>`
+ `<td>${btnOb(id, used)} ${btnWhip(id, used)}</td></tr>`;
}).join('');
const foot = !canExitStop
? '스캘핑·꼬리: 호가 <b>000·100</b>만. 「호가만」=호가 ON + <b>휩쏘 OFF·수치비움</b>(낙폭·방어 등 타점은 안 바꿈). 「휩쏘적용」만 휩쏘를 켭니다. 방별 휩쏘 TPE는 <b>후처리 재실행</b>.'
: (st.kind === 'ok'
? '8방 호가 TPE → 방별 휩쏘는 <b>후처리 재실행</b>. 「호가만」=휩쏘 OFF·비움(타점 유지) / 「휩쏘적용」=DB 적용만.'
: (st.kind === 'legacy'
? '구JSON · 「이 잡 후처리 재실행」으로 8방·방별휩쏘를 채우세요.'
: `${optunaObReasonKo(st)} · 재실행해도 호가스냅이 안 늘면 동일.`));
// 필터전 ≠ mode/타점 전체: 호가스냅 연동 분만 후처리 표본
const os0 = (ob && ob.orig_stats) || {};
const snapN = (os0.count != null) ? Number(os0.count)
: (st.tc != null ? Number(st.tc) : null);
const fillN = (st.fc != null) ? Number(st.fc) : null;
const anchorN = (row && row.total_trades != null) ? Number(row.total_trades) : null;
const anchorWr = (row && row.win_rate != null) ? Number(row.win_rate) : NaN;
const anchorPnl = (row && row.total_pnl != null) ? Math.trunc(Number(row.total_pnl)) : null;
let baseHint = '';
if (anchorN != null || snapN != null) {
const bits = [];
if (anchorN != null) {
let a = `타점전체 ${anchorN}건`;
if (Number.isFinite(anchorWr)) a += ` · 승률 ${anchorWr.toFixed(1)}%`;
if (anchorPnl != null) a += ` · PnL ${anchorPnl.toLocaleString()}원`;
bits.push(a);
}
if (snapN != null) {
bits.push(`필터전(호가스냅) ${snapN}건`
+ (fillN != null && fillN > snapN ? ` · 체결원본 ${fillN}` : ''));
}
baseHint = `<div class="text-warning p-1" style="font-size:11px;line-height:1.4">`
+ `<b>필터전 ≠ 위 mode/타점 숫자</b>. ${bits.join(' → ')}. `
+ `방마다 바뀌는 건 <b>사후호가(참고)</b>만. TPE에 호가가 포함되면 본 trial PnL이 정본. mode WR/PnL은 위 표를 보세요.`
+ `</div>`;
}
// 8방이 이미 있어도 「후처리 재실행」으로 방별 휩쏘를 다시 돌릴 수 있게
const rerunBtn = (!isLive)
? '<div class="mt-1"><button type="button" class="btn btn-sm btn-warning py-0" onclick="optunaRerunPostprocess()">이 잡 후처리 재실행(호가·방별휩쏘)</button></div>'
: '';
return `${baseHint}<div class="table-responsive mt-1 opt-ob8-zone" style="max-height:min(62vh,560px);overflow:auto;border:1px solid var(--border);border-radius:4px">
<table class="table table-sm mb-0" style="font-size:12px">
<thead style="position:sticky;top:0;background:var(--card-bg,#161b22);z-index:1">
<tr><th>호가 방</th><th title="이 방 호가파라미터를 고르기 위해 돌린 TPE 횟수(기본 1축=150). mode/학습 Optuna trial 번호 아님">호가TPE</th><th>호가 성적</th><th>이 방 휩쏘</th><th>적용</th></tr>
</thead>
<tbody>${trs}</tbody>
</table>
<div class="text-muted p-1" style="font-size:11px">${foot}</div>
${rerunBtn}
</div>`;
}
function _optunaBaseCell(a) {
const pnl = a.total_pnl != null ? Math.trunc(Number(a.total_pnl)) : null;
const wr = a.win_rate != null ? Number(a.win_rate) : NaN;
const bits = [];
if (a.total_trades != null) bits.push(a.total_trades + '건');
if (Number.isFinite(wr)) bits.push(_optunaOb8WrSpan(wr));
if (pnl != null) bits.push(_optunaOb8PnlSpan(pnl));
return `trial ${a.optuna_trial_number != null ? '#' + a.optuna_trial_number : '—'}`
+ (bits.length ? `<div style="font-size:12px;line-height:1.45">${bits.join(' · ')}</div>` : '');
}
function optunaSelectPostprocess(_source, _rank) {
// 호가 8방 UI 제거 — no-op
}
function optunaPostprocessFingerprint(sum) {
const topn = (sum && sum.postprocess_topn) || {};
const anchors = topn.postprocess_by_anchor || [];
const cons = topn.postprocess_consensus || {};
const cc = cons.combo || {};
const sel = window._optunaPostSel || {};
return [
sel.source || '',
sel.rank || '',
anchors.map((a) => `${a.id}:${(a.orderbook && a.orderbook.ok) ? 1 : 0}`).join(','),
cc.combo_id || '',
cc.ok ? 1 : 0,
topn.apply_overfit_pct != null ? topn.apply_overfit_pct : '',
topn.run_ob_whipsaw ? 1 : 0,
].join('|');
}
function optunaRenderPostprocess(_sum) {
// 호가 8방·후처리 비교표 UI 제거 — no-op (백엔드 postprocess_topn 은 유지)
}
function optunaRenderTop5(sum) {
const ban = $('opt_tpe_ob_banner');
if (ban) {
if (sum && sum.tpe_includes_orderbook) {
const postOff = sum.post_run_ob_whipsaw === false;
ban.innerHTML = postOff
? '<span class="text-pnl-pos">본 TPE에 호가·휩쏘 축 포함</span>'
+ ' · 표 <b>호가</b>열 = trial마다 ON/OFF·스프레드 (상세 안 눌러도 됨)'
+ ' · <span class="text-muted">사후 호가8방이 비는 것은 정상(사후탐색 OFF)</span>'
: '<span class="text-pnl-pos">본 TPE에 호가 축 포함</span> · 표 <b>호가</b>열 참고'
+ (sum.post_run_ob_whipsaw ? ' · 사후8방도 돌림' : '');
ban.className = 'small mb-2';
} else if (sum) {
ban.innerHTML = '<span class="text-muted">이 JSON은 본 TPE 호가축 없음(구잡) · 호가열 — · 사후8방은 「후처리 재실행」</span>';
ban.className = 'small mb-2 text-muted';
} else {
ban.textContent = '—';
ban.className = 'small mb-2 text-muted';
}
}
optunaFillRankTbody(
'opt_top5_learn_tbody',
(sum && sum.top5_learn) || [],
'learn',
'학습 후보 없음 / 미완료',
);
optunaFillRankTbody(
'opt_top5_tbody',
(sum && sum.top5_gated) || [],
'gated',
'gated 후보 없음 / 미완료',
);
optunaRenderTop5Stable(sum);
// mode 표는 optunaRenderModeCombo 에서도 채움(중복 OK · 요약 카드와 동기)
optunaFillRankTbody(
'opt_top5_mode_tbody',
(sum && sum.top5_mode) || [],
'mode',
'mode 실측 없음 / 미완료',
);
}
function optunaRenderTop5Stable(sum) {
optunaFillRankTbody(
'opt_top5_stable_tbody',
(sum && sum.top5_stable) || [],
'stable',
'stable 후보 없음 (일별 필드 없는 구 JSON · 재실행 필요)',
);
}
function optunaHighlightGated(rank) {
optunaShowCandidate('gated', rank || 1);
window._optunaPostSel = { source: 'gated', rank: rank || 1 };
optunaRenderPostprocess(window._optunaLastSummary || null);
}
async function optunaShowCandidate(source, rank) {
if (!_optunaJobId) {
alert('선택된 job 없음 — 최근 잡에서「보기」로 job을 먼저 고르세요');
return;
}
const src = source || 'gated';
const rk = rank || 1;
const title = $('opt_detail_title');
const met = $('opt_detail_metrics');
const pre = $('opt_detail_params');
if (title) title.textContent = `로딩 ${src} #${rk}…`;
if (met) met.textContent = '불러오는 중…';
try {
const qs = new URLSearchParams({
job_id: _optunaJobId,
source: src,
rank: String(rk),
});
const r = await fetch('/api/optuna/candidate?' + qs.toString());
const j = await r.json();
if (!j.ok) {
if (met) met.textContent = '❌ ' + (j.error || '실패');
if (pre) pre.textContent = '—';
return;
}
const m = j.metrics || {};
if (title) {
title.textContent =
`${j.strategy || ''} · ${m.label || src} · trial ${m.optuna_trial_number != null ? '#' + m.optuna_trial_number : '—'}`;
}
if (met) {
const daily = m.daily_pnl && typeof m.daily_pnl === 'object'
? Object.keys(m.daily_pnl).sort().map(d => `${d}:${Number(m.daily_pnl[d]).toLocaleString()}`).join(' · ')
: '';
met.innerHTML =
`거래 <b>${optunaFmtNum(m.total_trades, 0)}</b> · ` +
`승률 <b>${optunaFmtNum(m.win_rate, 1)}%</b> · ` +
`PF <b>${optunaFmtNum(m.pf, 2)}</b> · ` +
`PnL <b class="${Number(m.total_pnl) >= 0 ? 'text-pnl-pos' : 'text-pnl-neg'}">${optunaFmtNum(m.total_pnl)}</b>` +
(m.stability_score != null
? ` · 안정 <b>${optunaFmtNum(m.stability_score, 2)}</b> (높을수록 좋음·만점없음 · 손실일 ${optunaFmtNum(m.n_losing_days, 0)} · 최악 ${optunaFmtNum(m.worst_day_pnl)})`
: '') +
(m.overfit_risk_pct != null
? ` · 과적합 <b>${optunaFmtNum(m.overfit_risk_pct, 1)}%</b> (높을수록 위험·0~100${m.overfit_verdict_ui ? ' · ' + m.overfit_verdict_ui : ''})`
: '') +
` · 파라미터 ${j.params_count || 0}개` +
(j.start && j.end ? ` · 기간 ${j.start}~${j.end}` : '') +
(daily ? `<div class="mt-1 text-muted">일별 PnL: ${daily}</div>` : '') +
` <button class="btn btn-sm btn-outline-primary py-0 ms-2" onclick="optunaFillFormFromCandidate('${src}',${rk})">폼에 반영</button>` +
` <button class="btn btn-sm btn-outline-primary py-0 ms-1" onclick="optunaBacktestFromCandidate('${src}',${rk})">백테탭</button>` +
` <button class="btn btn-sm btn-outline-success py-0 ms-1" onclick="optunaApply('${src}',${rk})">이 후보 DB적용</button>`;
}
if (pre) {
pre.textContent = JSON.stringify(j.params_preview || j.params_full || {}, null, 2);
}
// 폼 반영용 캐시
window._optunaCandidateCache = {
strategy: j.strategy,
start: j.start,
end: j.end,
params: j.params_full || j.params_preview || {},
};
// Top5 행 하이라이트
document.querySelectorAll('#opt_top5_tbody tr').forEach((tr, i) => {
tr.style.outline = (i + 1 === rk) ? '1px solid var(--accent)' : '';
});
const card = $('opt_detail_card');
if (card) card.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
} catch (e) {
if (met) met.textContent = '오류: ' + e;
}
}
function optunaFmtPeriodShort(start, end) {
const s = String(start || '').slice(0, 10);
const e = String(end || '').slice(0, 10);
return (s && e) ? `${s}~${e}` : (s || e || '—');
}
function optunaPeriodBadge(label, start, end, extraCls) {
const r = optunaFmtPeriodShort(start, end);
return `<span class="opt-period-badge ${extraCls || ''}" title="${label}">${label} <b>${r}</b></span>`;
}
function optunaRenderPeriodBanner(job) {
const el = $('opt_period_banner');
if (!el) return;
const pi = job && job.period_info;
const formS = ($('opt_start')?.value || '').trim().slice(0, 10);
const formE = ($('opt_end')?.value || '').trim().slice(0, 10);
const jobS = String((job && job.start) || '').slice(0, 10);
const jobE = String((job && job.end) || '').slice(0, 10);
if (!pi && !jobS) {
el.innerHTML = '';
el.className = 'opt-period-banner d-none mb-2 p-2 rounded small';
return;
}
const formMismatch = !!(formS && formE && jobS && jobE && (formS !== jobS || formE !== jobE));
const hasRefine = !!(pi && pi.has_refine);
const mismatch = !!(pi && pi.mismatch) || formMismatch;
el.className = 'opt-period-banner mb-2 p-2 rounded small ' + (mismatch ? 'opt-period-warn' : 'opt-period-ok');
let html = mismatch
? '<div class="fw-semibold mb-1">⚠ 기간이 서로 다릅니다 — Top5·일평균·백테 비교 시 study별 기간을 확인하세요</div>'
: '<div class="fw-semibold mb-1">📅 백테 기간 (전 단계 동일)</div>';
html += '<div class="d-flex flex-wrap gap-1 align-items-center">';
if (formS && formE) {
const fm = formMismatch ? ' opt-period-badge-warn' : '';
html += optunaPeriodBadge('상단 폼', formS, formE, 'opt-period-badge-form' + fm);
}
if (jobS && jobE) {
html += optunaPeriodBadge('잡(메인)', jobS, jobE, 'opt-period-badge-master');
}
if (hasRefine && pi) {
if (pi.phase1 && pi.phase1.start) {
const c = (pi.phase1.start !== jobS || pi.phase1.end !== jobE) ? ' opt-period-badge-warn' : '';
html += optunaPeriodBadge('1차 TPE', pi.phase1.start, pi.phase1.end, 'opt-period-badge-p1' + c);
}
if (pi.phase2 && pi.phase2.study && pi.phase2.start) {
const c = (pi.phase2.start !== jobS || pi.phase2.end !== jobE) ? ' opt-period-badge-warn' : '';
html += optunaPeriodBadge('2차 TPE', pi.phase2.start, pi.phase2.end, 'opt-period-badge-p2' + c);
}
if (pi.active && pi.active.study && pi.active.start) {
html += optunaPeriodBadge('활성 study', pi.active.start, pi.active.end, 'opt-period-badge-active');
}
} else if (pi && pi.active && pi.active.study && pi.active.start) {
html += optunaPeriodBadge('study', pi.active.start, pi.active.end, 'opt-period-badge-active');
}
html += '</div>';
if (formMismatch) {
html += `<div class="small mt-1 text-warning">상단 폼(${formS}~${formE}) ≠ 선택 잡(${jobS}~${jobE}) — 새 잡 시작 시 폼 기간이 적용됩니다</div>`;
}
if (pi && pi.mismatch_notes && pi.mismatch_notes.length) {
html += `<div class="small mt-1 text-muted">${pi.mismatch_notes.join(' · ')}</div>`;
}
if (pi && pi.refine_note) {
html += `<div class="small mt-1 text-info">${pi.refine_note}</div>`;
}
el.innerHTML = html;
}
function optunaFormatJobPeriodCell(job) {
const pi = job.period_info;
const base = optunaFmtPeriodShort(job.start, job.end);
if (!pi || !pi.has_refine) return base;
if (!pi.mismatch) return base;
const p1 = pi.phase1 && pi.phase1.range ? pi.phase1.range : '';
const p2 = (pi.phase2 && pi.phase2.study && pi.phase2.range) ? pi.phase2.range : '';
let inner = '<span class="opt-period-cell-warn" title="기간 불일치">⚠</span> ' + base;
if (p1 && p1 !== base) inner += `<br><span class="small text-warning" title="1차 TPE">1차 ${p1}</span>`;
if (p2 && p2 !== base && p2 !== p1) inner += `<br><span class="small text-warning" title="2차 TPE">2차 ${p2}</span>`;
return inner;
}
function optunaRenderJob(job) {
if (!job) return;
if (job.job_id) {
_optunaJobId = job.job_id;
try { localStorage.setItem(OPTUNA_LS_KEY, job.job_id); } catch (e) { /* ignore */ }
}
const prog = job.progress || {};
const pct = Number(prog.pct || 0);
const fill = $('opt_tab_fill');
if (fill) {
fill.style.width = `${Math.min(100, pct)}%`;
fill.classList.toggle('is-done', job.status === 'done');
fill.classList.toggle('is-error', job.status === 'error');
}
if ($('opt_st_status')) {
const stEl = $('opt_st_status');
stEl.textContent = job.status || '—';
stEl.style.cursor = 'pointer';
stEl.title = '클릭하면 다른 PC 실행 명령';
stEl.onclick = function () { optunaOpenJoinCmd(job.job_id); };
}
if ($('opt_st_job')) $('opt_st_job').textContent = job.job_id || '—';
if ($('opt_st_study')) {
$('opt_st_study').textContent = job.active_study_name || job.study_name || '—';
}
const refineWrap = $('opt_st_refine_wrap');
const refineEl = $('opt_st_refine');
const piRef = job.period_info;
if (refineWrap && refineEl) {
if (piRef && piRef.has_refine && piRef.phase1 && piRef.phase2) {
const p1r = piRef.phase1.range || optunaFmtPeriodShort(piRef.phase1.start, piRef.phase1.end);
const p2r = piRef.phase2.range || optunaFmtPeriodShort(piRef.phase2.start, piRef.phase2.end);
const p1s = (piRef.phase1.study || '').split('_').slice(-3, -1).join('_') || '1차';
refineEl.innerHTML =
`<span class="text-muted">1차</span> <code title="${piRef.phase1.study || ''}">${(piRef.phase1.study || '—').slice(0, 48)}</code>` +
` <b>${p1r}</b>` +
` · <span class="text-muted">2차</span> <code title="${piRef.phase2.study || ''}">${(piRef.phase2.study || '—').slice(0, 48)}</code>` +
` <b>${p2r}</b>`;
refineWrap.classList.remove('d-none');
} else {
refineEl.textContent = '—';
refineWrap.classList.add('d-none');
}
}
if ($('opt_st_trials')) {
const met = optunaBestMetricsText(prog, job);
const nowBits = [
job.current_strategy,
job.current_entry_mode,
].filter(Boolean).join('/');
const seqBits = (prog.seq_step && prog.seq_steps)
? `단계 ${prog.seq_step}/${prog.seq_steps}`
: '';
$('opt_st_trials').textContent =
(() => {
const done = prog.trials_done ?? '—';
const batch = prog.trials_total ?? job.trials ?? '—';
const goal = job.study_trials || 0;
const nDone = job.n_complete != null ? job.n_complete : done;
// 분모=이번 배치(100)면 126/100 처럼 보임 → 목표가 있으면 목표 기준으로 표시
if (goal > 0) {
const p2 = Math.min(100, Math.round((Number(nDone || 0) / goal) * 1000) / 10);
return `누적 ${nDone}/${goal} (${p2}%) · 이번배치 ${batch}`;
}
return `${done} / ${batch} (${pct}%)`;
})() +
(seqBits ? ` · ${seqBits}` : '') +
(nowBits ? ` · now=${nowBits}` : '') +
(met ? ` · ${met}` : '') +
((job.status === 'running' && Number(prog.trials_done || 0) === 0)
? ' · 준비(캔들·틱 로드) — Top5는 trial 시작 후'
: '');
}
const post = job.postprocess || {};
const postFill = $('opt_post_fill');
const postPct = post.ready ? 100 : Number(post.pct || 0);
if (postFill) {
postFill.style.width = `${Math.min(100, postPct)}%`;
postFill.classList.toggle('is-done', !!post.ready);
postFill.classList.toggle('is-error', false);
}
if ($('opt_st_post')) {
const busy = optunaPostBusy(job);
$('opt_st_post').textContent = post.hint
|| (busy ? '후처리 중' : (job.status === 'done' ? '후처리 —' : '후처리 — trial 끝난 뒤 시작'));
}
if ($('opt_btn_mode_detail')) $('opt_btn_mode_detail').disabled = optunaPostBusy(job);
if ($('opt_btn_pp_rerun')) $('opt_btn_pp_rerun').disabled = optunaPostBusy(job);
if ($('opt_st_log')) $('opt_st_log').textContent = job.display_log_path || job.log_path || '—';
if ($('opt_st_json')) {
const notes = job.result_json_notes || [];
if (notes.length > 1) {
$('opt_st_json').textContent = notes.map(n => {
const name = String(n.path || '').split('/').pop();
return `${name}(n=${n.n_all})`;
}).join(' · ');
} else {
$('opt_st_json').textContent = job.result_json || '—';
}
}
const isSeq = job.kind === 'seq' || job.kind === 'seq4';
const kids = job.child_jobs || [];
const sum = (isSeq && kids.length) ? null : (job.result_summary || null);
window._optunaLastSummary = sum || null;
window._optunaLastJob = job;
if ($('opt_st_top')) {
if (isSeq && kids.length) {
$('opt_st_top').innerHTML =
'<div class="mb-1 text-warning">순차 묶음 — 적용은 전략별 잡에서. 버튼을 누르면 그 전략 Top5가 나옵니다.</div>' +
kids.map(k => {
const jid = String(k.job_id || '').replace(/'/g, '');
const lab = k.label || k.strategy || jid;
return `<button type="button" class="btn btn-sm btn-outline-primary py-0 me-1 mb-1" onclick="optunaWatch('${jid}')">${lab} · gated ${k.n_gated ?? '—'} / ${k.n_all ?? '—'}</button>`;
}).join('');
} else if (job.status === 'running' && job.live_summary && (job.live_summary.top3_learn || []).length) {
const ls = job.live_summary;
const phase = ls.refine_phase === 'phase2' ? '2차' : '1차';
const pr = ls.period_range || optunaFmtPeriodShort(ls.period_start, ls.period_end);
let html = `<div class="mb-1 text-info">${phase} learn Top3 · 기간 <b>${pr}</b> (진행 중 · 축 분포 확인용)</div>`;
(ls.top3_learn || []).forEach((t, i) => {
html += `<div class="small">${optunaFormatTopRow(t, i + 1)}</div>`;
});
if (ls.refine_phase === 'phase2' && (ls.phase1_top3 || []).length) {
const p1pr = ls.phase1_period_range || '';
html += `<div class="mt-2 mb-1 text-muted small">1차 Top3 (참고${p1pr ? ' · 기간 ' + p1pr : ''})</div>`;
ls.phase1_top3.forEach((t, i) => {
html += `<div class="small text-muted">${optunaFormatTopRow(t, i + 1)}</div>`;
});
}
$('opt_st_top').innerHTML = html;
window._optunaLastSummary = { top5_learn: ls.top3_learn || [], n_all: ls.n_complete };
optunaRenderTop5(window._optunaLastSummary);
} else if (sum && sum.top) {
const t = sum.top;
const dAvg = (t.period_daily_avg_pnl != null)
? t.period_daily_avg_pnl
: t.daily_pnl_mean;
const dPct = (t.period_daily_avg_pct != null)
? t.period_daily_avg_pct
: t.daily_avg_pct;
const mtBit = (sum.min_trades != null)
? ` · min≥${sum.min_trades}` +
(sum.n_trading_days != null
? `(${sum.n_trading_days}일×${sum.min_trades_per_day || 4})`
: '')
: (job.min_trades != null
? ` · min≥${job.min_trades}` +
(job.n_trading_days != null
? `(${job.n_trading_days}일×${job.min_trades_per_day || 4})`
: '')
: '');
$('opt_st_top').innerHTML =
`상위(${t.source}): trial #${t.optuna_trial_number} · ` +
`거래 ${t.total_trades} · WR ${Number(t.win_rate || 0).toFixed(1)}% · ` +
`PF ${Number(t.pf || 0).toFixed(2)} · PnL ${Number(t.total_pnl || 0).toLocaleString()}원` +
(dAvg != null ? ` · 일평균 ${Number(dAvg).toLocaleString()}원` : '') +
(dPct != null ? ` · 일평균 ${Number(dPct) >= 0 ? '+' : ''}${Number(dPct).toFixed(3)}%` : '') +
` · gated ${sum.n_gated}/${sum.n_all}` +
(sum.n_stable != null ? ` · stable ${sum.n_stable}` : '') +
mtBit;
} else if (job.status === 'done') {
$('opt_st_top').textContent = job.error
|| '완료 · 학습/게이트 통과 0건 (이 스터디는 표가 비는 것이 정상)';
} else {
$('opt_st_top').textContent = job.error || '결과 요약 없음';
}
}
if ($('opt_log_tail')) $('opt_log_tail').textContent = job.log_tail || '';
if ($('opt_briefing')) {
$('opt_briefing').textContent = job.briefing_preview || '—';
}
const running = job.status === 'running';
const done = job.status === 'done';
if ($('opt_btn_start')) $('opt_btn_start').disabled = running;
if ($('opt_btn_stop')) $('opt_btn_stop').disabled = !running;
const applyBox = $('opt_apply_box');
if (applyBox) {
applyBox.classList.toggle('d-none', !done || (isSeq && kids.length));
const canGate = !!(sum && sum.apply_ready);
const canStable = !!(sum && sum.apply_stable_ready);
if ($('opt_btn_apply_gated')) $('opt_btn_apply_gated').disabled = !canGate;
if ($('opt_btn_apply_stable')) $('opt_btn_apply_stable').disabled = !canStable;
if ($('opt_btn_apply_mode')) {
const hasMode = !!(sum && (sum.compare_rows || []).some(r => r.source === 'mode'));
$('opt_btn_apply_mode').disabled = !done || !hasMode;
}
}
optunaRenderCompare(sum);
optunaRenderTop5(sum);
optunaRenderGatedTop3Card(sum, job);
if (!window._optunaPostSel) window._optunaPostSel = { source: 'gated', rank: 1 };
optunaRenderPostprocess(sum);
optunaRenderPeriodBanner(job);
optunaSetNav(job);
}
async function optunaBacktestFromCandidate(source, rank) {
if (!_optunaJobId) {
alert('선택된 job 없음 — 최근 잡에서「보기」로 job을 먼저 고르세요');
return;
}
const src = source || 'gated';
const rk = rank || 1;
if (src === 'mode') {
alert('mode_combo는 trial 번호가 없어 백테탭 자동 채우기를 지원하지 않습니다.');
return;
}
const curJob = window._optunaLastJob;
if (curJob && (curJob.kind === 'seq' || curJob.kind === 'seq4') && (curJob.child_jobs || []).length) {
alert('순차 묶음 잡입니다. 전략별 import 잡에서「백테」를 누르세요.');
return;
}
try {
const qs = new URLSearchParams({
job_id: _optunaJobId,
source: src,
rank: String(rk),
});
const r = await fetch('/api/optuna/candidate?' + qs.toString());
const j = await r.json();
if (!j.ok) {
alert('❌ ' + (j.error || '후보 없음'));
return;
}
window._optunaCandidateCache = {
strategy: j.strategy,
start: j.start,
end: j.end,
params: j.params_full || j.params_preview || {},
metrics: j.metrics || {},
};
const cache = window._optunaCandidateCache;
const strat = String(cache.strategy || curJob?.strategy || '').toLowerCase();
const p = cache.params || {};
const job = curJob || {};
const trialNo = (j.metrics && j.metrics.optuna_trial_number != null)
? j.metrics.optuna_trial_number
: '—';
const applyJobSources = (cfg) => {
if (cache.start && cfg.startId) setDateVal(cfg.startId, cache.start);
if (cache.end && cfg.endId) setDateVal(cfg.endId, cache.end);
const hist = job.universe_history_source
|| $('opt_univ_history_source')?.value
|| 'kiwoom';
if (cfg.univSrcId && $(cfg.univSrcId)) $(cfg.univSrcId).value = hist;
if (cfg.univId && $(cfg.univId)) $(cfg.univId).checked = true;
if (job.candle_source && cfg.candleId && $(cfg.candleId)) {
$(cfg.candleId).value = job.candle_source;
}
if (job.tick_source && cfg.tickId && $(cfg.tickId)) {
$(cfg.tickId).value = job.tick_source;
}
if (job.ob_source && cfg.obId && $(cfg.obId)) {
$(cfg.obId).value = job.ob_source;
}
};
const tabMap = {
breakout: 'breakout',
tail: 'tail',
scalp: 'backtest',
momentum: 'momentum',
us_momentum: 'us_momentum',
};
const tabLabel = {
breakout: '돌파매매',
tail: '꼬리잡기',
scalp: '스캘핑',
momentum: '모멘텀',
us_momentum: '해외 모멘텀',
};
if (strat === 'momentum' || strat === 'us_momentum') {
await optunaFillFormFromCandidate(src, rk);
return;
}
if (strat === 'breakout') {
applyJobSources({
startId: 'bo_start',
endId: 'bo_end',
univId: 'bo_use_univ_history',
univSrcId: 'bo_univ_history_source',
candleId: 'bo_candle_source',
tickId: 'bo_tick_source',
obId: 'bo_ob_source',
});
fillBreakoutFormFromOptunaParams(p);
} else if (strat === 'tail') {
applyJobSources({
startId: 'tl_start',
endId: 'tl_end',
univId: 'tl_use_univ_history',
univSrcId: 'tl_univ_history_source',
tickId: 'tl_tick_source',
obId: 'tl_ob_source',
});
fillTailFormFromOptunaParams(p);
} else if (strat === 'scalp') {
applyJobSources({
startId: 'bt_start',
endId: 'bt_end',
univId: 'bt_use_univ_history',
univSrcId: 'bt_univ_history_source',
tickId: 'bt_tick_source',
obId: 'bt_ob_source',
});
fillScalpFormFromOptunaParams(p);
} else {
alert('백테탭 자동 채우기 미지원 전략: ' + strat);
return;
}
const wantTab = tabMap[strat] || strat;
const tab = document.querySelector(`[data-tab="${wantTab}"]`);
if (tab && !tab.classList.contains('active')) tab.click();
const panelId = wantTab === 'backtest' ? 'tab-backtest' : ('tab-' + wantTab);
const panel = $(panelId);
if (panel) panel.scrollIntoView({ behavior: 'smooth', block: 'start' });
alert(
`${tabLabel[strat] || strat} 백테 탭에 반영했습니다.\n` +
`trial #${trialNo} · ${src} #${rk}\n` +
`기간 ${cache.start || ''}~${cache.end || ''}\n` +
'「백테 실행」으로 Optuna 숫자와 비교하세요.\n(DB 저장 아님)'
);
} catch (e) {
alert('백테 폼 반영 오류: ' + e);
}
}
function fillBreakoutFormFromOptunaParams(p) {
if (!p || typeof p !== 'object') return;
const b = Object.assign({}, p);
if (b.ob_filter_enabled == null && b._orderbook_filter_enabled != null) {
b.ob_filter_enabled = !!b._orderbook_filter_enabled;
}
if (b.pg_filter_enabled == null && b._program_filter_enabled != null) {
b.pg_filter_enabled = !!b._program_filter_enabled;
}
fillBreakoutFormFromApi(b);
if (typeof fillObWhipReadonly === 'function') fillObWhipReadonly('bo', b);
}
function fillTailFormFromOptunaParams(p) {
if (!p || typeof p !== 'object') return;
fillTailFormFromApi(p);
if (typeof fillObWhipReadonly === 'function') fillObWhipReadonly('tl', p);
}
function fillScalpFormFromOptunaParams(p) {
if (!p || typeof p !== 'object') return;
fillScalpFormFromApi(p);
if (typeof fillObWhipReadonly === 'function') fillObWhipReadonly('bt', p);
}
async function optunaFillFormFromCandidate(source, rank) {
// 캐시 없으면 다시 fetch
let cache = window._optunaCandidateCache;
if (!cache || !cache.params) {
await optunaShowCandidate(source || 'gated', rank || 1);
cache = window._optunaCandidateCache;
}
const p = (cache && cache.params) || {};
const strat = String((cache && cache.strategy) || '').toLowerCase();
const isUs = strat === 'us_momentum' || String(p.market || '').toUpperCase() === 'US';
const set = (id, val) => {
const el = $(id);
if (!el || val === undefined || val === null) return;
if (el.type === 'checkbox') el.checked = !!(val === true || val === 1 || val === '1');
else el.value = val;
};
const prefix = isUs ? 'usmom_' : 'mom_';
// 기간 = Optuna study 기간 (비교 시 필수)
if (cache.start) setDateVal(isUs ? 'usmom_start' : 'mom_start', cache.start);
if (cache.end) setDateVal(isUs ? 'usmom_end' : 'mom_end', cache.end);
set(prefix + 'sl', p.sl_pct);
set(prefix + 'tp', p.tp_pct);
set(prefix + 'tp_max', p.tp_max_pct);
set(prefix + 'slot_money', p.slot_money);
set(prefix + (isUs ? 'slots' : 'slots'), p.max_stocks || p.slots || p.mom_slots);
if (isUs) set('usmom_slots', p.max_stocks || p.slots);
else set('mom_slots', p.max_stocks || p.mom_slots || p.slots);
set(prefix + 'total_budget', p.total_budget_krw);
set(prefix + 'cooldown', p.cooldown_min);
set(prefix + 'smin', p.shoulder_min_high);
set(prefix + 'scut', p.shoulder_cut_pct);
set(prefix + 'trail', p.trail_pct);
set(prefix + 'trail_arm', p.trail_arm_pct);
set(prefix + 'max_hold', p.max_hold_bars);
set(prefix + 'ratchet', p.ratchet_tiers != null ? p.ratchet_tiers : '');
set(prefix + 'time_start', p.time_start_hm || p.mom_time_start_hm);
set(prefix + 'time_end', p.time_end_hm || p.mom_time_end_hm || p.mom_time_end);
set(prefix + 'max_daily', p.max_daily);
set(prefix + 'high_chase', p.high_chase_thr);
set(prefix + 'max_daily_chg', p.max_daily_chg);
set(prefix + 'min_price', p.min_price);
set(prefix + 'max_loss', p.max_loss_krw);
set(prefix + 'min_margin', p.min_margin);
set(prefix + 'rsi_min', p.mom_rsi_min);
set(prefix + 'rsi_max', p.mom_rsi_max);
set(prefix + 'vol_mult', p.mom_vol_mult);
set(prefix + 'vol_win', p.mom_vol_win);
set(prefix + 'max_from_open', p.mom_max_from_open_pct);
set(prefix + 'min_from_open', p.mom_min_from_open_pct);
set(prefix + 'chase_lookback', p.chase_lookback_min);
set(prefix + 'pullback_lookback', p.pullback_lookback_min);
set(prefix + 'pullback_min', p.pullback_min_pct);
set(prefix + 'pullback_max', p.pullback_max_pct);
set(prefix + 'setup_vol', p.setup_vol_max_mult);
set(prefix + 'setup_bear', p.setup_bear_bars_min);
set(prefix + 'ema_fast', p.ema_fast_period);
set(prefix + 'ema_slow', p.ema_slow_period);
set(prefix + 'eod_hm', p.eod_hm);
const defId = isUs ? 'usmom_use_defense' : 'mom_use_defense';
if ($(defId) && p.use_defense_filters !== undefined) $(defId).checked = !!p.use_defense_filters;
const mapCb = [
['use_high_chase_filter', isUs ? 'usmom_use_high_chase_f' : 'mom_use_high_chase_f'],
['use_daily_range_filter', isUs ? 'usmom_use_daily_range' : 'mom_use_daily_range'],
['use_ema_filter', isUs ? 'usmom_use_ema_f' : 'mom_use_ema_f'],
['use_rsi_max_filter', isUs ? 'usmom_use_rsi_max_f' : 'mom_use_rsi_max_f'],
['pattern_breakout', isUs ? 'usmom_pat_breakout' : 'mom_pat_breakout'],
['pattern_pullback', isUs ? 'usmom_pat_pullback' : 'mom_pat_pullback'],
['eod_enabled', isUs ? 'usmom_eod_enabled' : 'mom_eod_enabled'],
];
mapCb.forEach(([k, id]) => {
if ($(id) && p[k] !== undefined) $(id).checked = !!p[k];
});
// 이미 해당 탭이면 click 금지 — us_momentum 탭 click 시 usmomLoadStocks→핀 cfg 가
// Optuna 폼 반영을 즉시 덮어씀 (폼에 넣기 무효화 버그).
const wantTab = isUs ? 'us_momentum' : 'momentum';
const tab = document.querySelector(`[data-tab="${wantTab}"]`);
if (tab && !tab.classList.contains('active')) tab.click();
alert(
(isUs ? '해외 모멘텀' : '모멘텀') +
' 폼에 반영했습니다.\n기간 ' + (cache.start || '') + '~' + (cache.end || '') +
'\n같은 기간으로 백테 실행해 Optuna와 비교하세요.\n(DB 저장 아님)'
);
}
async function optunaApply(source, rank) {
// Top10「적용」= 그 줄 trial 전체(타점·익절·손절·호가ON/OFF·휩쏘). 구 base=호가OFF 덮어쓰기.
return optunaApplyUpto(source, rank, 'full');
}
async function optunaApplyTrail() {
return optunaApplyUpto('gated', 1, 'trail');
}
async function optunaApplyUpto(source, rank, upto) {
if (!_optunaJobId) { alert('선택된 job 없음 — 최근 잡에서 보기 먼저'); return; }
const curJob = window._optunaLastJob;
if (curJob && (curJob.kind === 'seq' || curJob.kind === 'seq4') && (curJob.child_jobs || []).length) {
const lines = (curJob.child_jobs || []).map(k => `· ${k.label || k.strategy}`).join('\n');
alert('순차 묶음 잡입니다.\n전략별 잡에서「보기」한 뒤 적용하세요.\n' + lines);
return;
}
const src = source || 'gated';
const rk = rank || 1;
const u = upto || 'base';
const labels = {
full: '줄전체(타점·익절·손절·호가·휩쏘)',
as_scored: '줄전체(타점·익절·손절·호가·휩쏘)',
trial: '줄전체(타점·익절·손절·호가·휩쏘)',
all: '줄전체(타점·익절·손절·호가·휩쏘)',
base: OPTUNA_OB_COMBO_LABELS.base,
e: OPTUNA_OB_COMBO_LABELS.e,
x: OPTUNA_OB_COMBO_LABELS.x,
s: OPTUNA_OB_COMBO_LABELS.s,
ex: OPTUNA_OB_COMBO_LABELS.ex,
es: OPTUNA_OB_COMBO_LABELS.es,
xs: OPTUNA_OB_COMBO_LABELS.xs,
exs: OPTUNA_OB_COMBO_LABELS.exs,
entry: OPTUNA_OB_COMBO_LABELS.entry,
exit: OPTUNA_OB_COMBO_LABELS.exit,
stop: OPTUNA_OB_COMBO_LABELS.stop,
whipsaw: '휩쏘 ON(호가 111은 전략별)',
trail: '합의 다단트레일만(타점 미변경)',
'000': OPTUNA_OB_COMBO_LABELS['000'],
'100': OPTUNA_OB_COMBO_LABELS['100'],
'010': OPTUNA_OB_COMBO_LABELS['010'],
'001': OPTUNA_OB_COMBO_LABELS['001'],
'110': OPTUNA_OB_COMBO_LABELS['110'],
'101': OPTUNA_OB_COMBO_LABELS['101'],
'011': OPTUNA_OB_COMBO_LABELS['011'],
'111': OPTUNA_OB_COMBO_LABELS['111'],
};
const isFull = (u === 'full' || u === 'as_scored' || u === 'trial' || u === 'all');
// 방+휩쏘 / 호가만 라벨
if (String(u).includes('whip')) {
labels[u] = `${String(u).replace(/\+whip(saw)?$/i, '')}방+휩쏘 DB적용(탐색아님)`;
} else if (isFull) {
labels[u] = labels[u] || '줄전체';
} else if (u !== 'base' && u !== 'trail' && u !== '000') {
// 「호가만」= 호가 수치만 · 휩쏘는 OFF+수치 비움 (남겨두면 안 됨)
labels[u] = (labels[u] || u) + ' · 휩쏘 OFF·수치비움';
} else if (u === 'base' || u === '000') {
labels[u] = (labels[u] || u) + ' · 휩쏘 OFF·수치비움';
}
let extra = '';
try {
const sum = window._optunaLastSummary || null;
const ofKey = src === 'stable' ? 'top5_stable' : (src === 'learn' ? 'top5_learn' : 'top5_gated');
const ofRow = ((sum && sum[ofKey]) || []).find((x) => Number(x.rank) === Number(rk));
const ofPct = ofRow && ofRow.overfit_risk_pct != null
? ofRow.overfit_risk_pct
: (sum && (sum.apply_overfit_pct != null
? sum.apply_overfit_pct
: (sum.postprocess_topn && sum.postprocess_topn.apply_overfit_pct)));
if (ofPct != null && ofPct !== '') {
extra += `\n\n이 후보 과적합 ${Number(ofPct)}% (0~100 · 높을수록 위험 · 추정).`;
}
if (isFull) {
extra += '\n\n이 줄 Top 요약에 나온 타점·익절·손절·호가ON/OFF·스프레드·잔량·ask×·휩쏘를 그대로 DB에 넣습니다.\n(사후 8방으로 호가OFF 덮어쓰지 않음)';
} else if (u !== 'trail') {
extra += '\n\n선택한 방의 켠 축만 ON, 나머지 호가축은 ENABLED=false (숫자는 DB에 남김).';
if (!String(u).includes('whip')) {
extra += '\n휩쏘는 OFF로 끄고 sub/lookback/dip 수치도 비웁니다(호가만=휩쏘 남기지 않음).';
}
}
if (u === 'trail') {
const rec = sum && (sum.daily_trail_recommend
|| (sum.postprocess_topn && sum.postprocess_topn.postprocess_consensus
&& sum.postprocess_topn.postprocess_consensus.trail));
if (rec && rec.ok) {
extra += `\n\n${rec.prefix}_DAILY_PROFIT_TRAIL_TIERS=${rec.tiers}\nARM=${Number(rec.arm_krw || 0).toLocaleString()}원`;
}
}
} catch (e) { /* ignore */ }
const who = (src === 'mode' ? 'mode_combo(축최빈조립·trial없음)' : (src === 'consensus' ? `mode Top10 #${rk}` : (src === 'stable' ? `안정 #${rk}` : (src === 'learn' ? `학습 #${rk}` : `사후합격 #${rk}`))));
// 적용 직전: 익절/손절 숫자를 confirm에 보여 혼동(mode vs gated) 방지
try {
const sum2 = window._optunaLastSummary || null;
let pr = null;
if (src === 'mode') {
const mr = ((sum2 && sum2.compare_rows) || []).find((r) => r.source === 'mode');
pr = (mr && (mr.params || mr)) || (sum2 && sum2.mode_combo_summary && sum2.mode_combo_summary.params) || null;
} else {
const ofKey2 = src === 'stable' ? 'top5_stable' : (src === 'consensus' ? 'top5_consensus' : (src === 'learn' ? 'top5_learn' : 'top5_gated'));
const row2 = ((sum2 && sum2[ofKey2]) || []).find((x) => Number(x.rank) === Number(rk));
pr = row2 && (row2.params || row2);
}
if (pr && (pr.tp_pct != null || pr.sl_pct != null || pr.tp_max_pct != null)) {
extra += `\n\n저장될 값(UI%): tp=${pr.tp_pct ?? '—'} · sl=${pr.sl_pct ?? '—'} · tmax=${pr.tp_max_pct ?? '—'}`;
}
if (src === 'mode') {
extra += '\n※ mode=TopN 축별 최빈 조립(한 trial이 아님). 사후합격#1과 숫자가 다를 수 있음.';
}
} catch (e2) { /* ignore */ }
const msg = `${who} · ${labels[u] || u} 을 DB에 적용할까요?\n(TIME_* 미변경 · 실매 즉시 영향 · 적용 로그 남김)` + extra;
if (!confirm(msg)) return;
try {
const r = await fetch('/api/optuna/apply', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ job_id: _optunaJobId, source: src, rank: rk, upto: u }),
});
const j = await r.json();
if (!j.ok) { alert('❌ ' + (j.error || '적용 실패')); return; }
const m = j.metrics || {};
const keys = Object.keys(j.axis_patch || {});
const strat = String(j.strategy || '').toLowerCase();
const stratLabel = ({
scalp: '스캘핑', momentum: '모멘텀', tail: '꼬리', breakout: '돌파', us_momentum: '해외모멘텀',
})[strat] || strat || '전략';
// 1) axis_patch 즉시 페인트 → 2) fresh DB 전체 폼 동기화 (새로고침 불필요)
try { optunaPaintAxisPatchOnForms(strat, j.axis_patch || {}); } catch (e0) { /* ignore */ }
let formHint = '';
try {
const d = await reloadStrategyFormsFromDb(strat);
if (strat === 'momentum' && d && d.momentum) {
const mm = d.momentum;
formHint = `\n폼←DB: 스프레드≤${mm.max_spread_pct ?? '—'} · 잔량≥${mm.ob_min_bid_ask_ratio ?? '—'} · 휩쏘=${mm.whipsaw_filter_enabled ? 'ON' : 'OFF'}`;
} else if (strat === 'breakout' && d && d.breakout) {
const bb = d.breakout;
formHint = `\n폼←DB: 스프레드≤${bb.max_spread_pct ?? '—'} · 호가=${bb.ob_filter_enabled ? 'ON' : 'OFF'}`;
} else if (strat === 'tail' && d && d.tail) {
const tt = d.tail;
formHint = `\n폼←DB: 스프레드≤${tt.max_spread_pct ?? '—'} · 호가=${tt.ob_filter_enabled ? 'ON' : 'OFF'}`;
} else if (strat === 'scalp') {
const sc = (d && d.scalp) || {};
formHint = `\n폼←DB: 손절${sc.sl_pct ?? '—'}% · 익절${sc.tp_pct ?? '—'}% · 호가=${sc.ob_filter_enabled ? 'ON' : 'OFF'}`
+ ` spr≤${sc.max_spread_pct ?? '—'} · 휩쏘=${sc.whipsaw_filter_enabled ? 'ON' : 'OFF'}`;
}
} catch (e2) {
formHint = '\n⚠️ 폼 DB 동기화 실패 — 새로고침 후 확인';
console.warn('optuna apply form reload', e2);
}
const tabMap = {
scalp: 'backtest', momentum: 'momentum', tail: 'tail',
breakout: 'breakout', us_momentum: 'us_momentum',
};
const wantTab = tabMap[strat];
if (wantTab) {
const tab = document.querySelector(`[data-tab="${wantTab}"]`);
if (tab && !tab.classList.contains('active')) tab.click();
}
alert(
`✅ ${stratLabel} 적용 완료 (upto=${j.upto || u})` +
(j.env_id != null ? ` (env_id=${j.env_id})` : '') +
`\ntrial #${m.optuna_trial_number ?? '—'} · PnL ${m.total_pnl} · WR ${m.win_rate}` +
(keys.length ? `\n후처리키: ${keys.slice(0, 12).join(', ')}${keys.length > 12 ? '…' : ''}` : '') +
`\n${j.note || ''}` +
formHint +
`\n→ ${stratLabel} 백테 탭 폼을 DB로 다시 채웠습니다(새로고침 불필요).`,
);
} catch (e) {
alert('오류: ' + e);
}
}
async function optunaRerunPostprocess() {
const jid = _optunaJobId || (window._optunaLastJob && window._optunaLastJob.job_id) || '';
if (!jid) { alert('선택된 job 없음 — 최근 잡 목록에서 해당 잡을 누르세요'); return; }
_optunaJobId = jid;
try { localStorage.setItem(OPTUNA_LS_KEY, jid); } catch (e) { /* ignore */ }
if (!confirm('이 잡 JSON에 후처리(진입/익절/손절/휩쏘)를 다시 붙일까요?\n실매 DB는 안 바뀝니다. 백그라운드 실행.\n호가스냅이 3건 미만이면 8방 숫자는 그대로일 수 있습니다.')) return;
try {
const r = await fetch('/api/optuna/postprocess/rerun', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ job_id: jid }),
});
const j = await r.json();
if (!j.ok) { alert('❌ ' + (j.error || '실패')); return; }
alert('후처리 재실행 시작\n로그: ' + (j.log_path || '') + '\n끝나면 새로고침하면 표가 채워집니다.');
if ($('opt_pp_rerun_status')) {
$('opt_pp_rerun_status').textContent = '재실행 중… ' + (j.log_path || '');
}
} catch (e) {
alert('오류: ' + e);
}
}
async function optunaPollOnce() {
if (!_optunaJobId) {
// 외부 CLI / latest
try {
const r = await fetch('/api/optuna/active');
const j = await r.json();
if (j.running && j.running[0]) {
_optunaJobId = j.running[0].job_id;
localStorage.setItem(OPTUNA_LS_KEY, _optunaJobId);
const st = j.running[0].status || 'running';
const prev = _optunaPollStatus;
_optunaPollStatus = st;
optunaRenderJob(j.running[0]);
await optunaRefreshJobsIfNeeded(prev !== st);
return;
}
if (j.latest) {
if (j.latest.job_id) {
_optunaJobId = j.latest.job_id;
localStorage.setItem(OPTUNA_LS_KEY, _optunaJobId);
}
const st = j.latest.status || '';
const prev = _optunaPollStatus;
_optunaPollStatus = st;
optunaRenderJob(j.latest);
if (j.latest.status === 'done' || j.latest.status === 'error') {
optunaSetNav(j.latest);
}
if (prev !== st || st === 'running') await optunaRefreshJobsIfNeeded(prev !== st && (st === 'done' || st === 'error'));
} else if (j.external) {
optunaSetNav({
label: 'CLI Optuna',
status: 'running',
progress: { pct: 5, trials_done: '?', trials_total: '?' },
study_name: j.external.cmdline,
});
} else {
optunaSetNav(null);
}
} catch (e) { /* ignore */ }
return;
}
try {
const jid = _optunaJobId;
const r = await fetch('/api/optuna/status/' + encodeURIComponent(jid));
const j = await r.json();
if (jid !== _optunaJobId) return;
if (!j.ok) {
_optunaJobId = '';
localStorage.removeItem(OPTUNA_LS_KEY);
return;
}
const st = j.job.status || '';
const prev = _optunaPollStatus;
const finishedNow = (st === 'done' || st === 'error') && prev === 'running';
const busy = st === 'running' || optunaPostBusy(j.job);
_optunaPollStatus = st;
optunaRenderJob(j.job);
// 러닝 중·상태 변화·완료 직후 → 잡 목록도 자동 갱신 (수동 새로고침 불필요)
if (busy || finishedNow || prev !== st) {
await optunaRefreshJobsIfNeeded(finishedNow);
}
} catch (e) { /* ignore */ }
}
function optunaPollDelayMs() {
const job = window._optunaLastJob;
if (!job) return OPTUNA_POLL_MS_IDLE;
if (job.status === 'running' || optunaPostBusy(job)) return OPTUNA_POLL_MS_BUSY;
return OPTUNA_POLL_MS_IDLE;
}
function optunaStartPolling() {
if (_optunaPollTimer) {
clearTimeout(_optunaPollTimer);
clearInterval(_optunaPollTimer);
_optunaPollTimer = null;
}
const tick = async () => {
try {
await optunaPollOnce();
} catch (e) { /* ignore */ }
_optunaPollTimer = setTimeout(tick, optunaPollDelayMs());
};
tick();
}
function optunaSelectedStrategies() {
const order = ['momentum', 'us_momentum', 'tail', 'breakout', 'scalp'];
const checked = new Set(
Array.from(document.querySelectorAll('.opt-strat-cb:checked')).map(cb => cb.value)
);
if (optunaTailEntryModes().length) checked.add('tail');
if (optunaBreakoutSlModes().length) checked.add('breakout');
return order.filter(s => checked.has(s));
}
function optunaPickKr4() {
const kr = new Set(['momentum', 'breakout', 'scalp']);
document.querySelectorAll('.opt-strat-cb').forEach(cb => {
cb.checked = kr.has(cb.value);
});
if ($('opt_tail_em_align')) $('opt_tail_em_align').checked = true;
if ($('opt_tail_em_limit')) $('opt_tail_em_limit').checked = false;
if ($('opt_bo_sl_fixed')) $('opt_bo_sl_fixed').checked = true;
if ($('opt_bo_sl_atr')) $('opt_bo_sl_atr').checked = false;
if ($('opt_bo_ob_off')) $('opt_bo_ob_off').checked = true;
if ($('opt_bo_ob_on')) $('opt_bo_ob_on').checked = false;
}
function optunaPickNone() {
document.querySelectorAll('.opt-strat-cb').forEach(cb => { cb.checked = false; });
document.querySelectorAll('.opt-tail-em').forEach(cb => { cb.checked = false; });
document.querySelectorAll('.opt-bo-sl').forEach(cb => { cb.checked = false; });
document.querySelectorAll('.opt-bo-ob').forEach(cb => { cb.checked = false; });
}
function optunaTailEntryModes() {
const out = [];
if ($('opt_tail_em_align')?.checked) out.push('align');
if ($('opt_tail_em_limit')?.checked) out.push('limit_atr');
return out;
}
function optunaBreakoutSlModes() {
const out = [];
if ($('opt_bo_sl_fixed')?.checked) out.push('fixed');
if ($('opt_bo_sl_atr')?.checked) out.push('atr');
return out;
}
function optunaBreakoutObModes() {
const out = [];
if ($('opt_bo_ob_off')?.checked) out.push('off');
if ($('opt_bo_ob_on')?.checked) out.push('on');
// 손절만 켠 채 호가 미체크면 OFF 스터디 1개 (기존 UX 유지)
return out.length ? out : ['off'];
}
async function optunaStart() {
const strategies = optunaSelectedStrategies();
const start = $('opt_start')?.value;
const end = $('opt_end')?.value;
const trials = parseInt($('opt_trials')?.value || '200', 10);
let studyTrials = parseInt($('opt_study_trials')?.value, 10);
if (!Number.isFinite(studyTrials) || studyTrials <= 0) studyTrials = null;
const mode = $('opt_mode')?.value || 'tpe';
const sortBy = $('opt_sort_by')?.value || 'score';
const univSrc = univHistorySourceParam('opt_univ_history_source');
const candleSrc = $('opt_candle_source')?.value || '';
const tickSrc = $('opt_tick_source')?.value || '';
const obSrc = $('opt_ob_source')?.value || '';
const entryModes = optunaTailEntryModes();
const slModes = optunaBreakoutSlModes();
const obModes = strategies.includes('breakout') ? optunaBreakoutObModes() : [];
const boCombos = strategies.includes('breakout')
? slModes.flatMap(sm => obModes.map(om => `${sm}×${om}`))
: [];
if (!strategies.length) { alert('전략을 1개 이상 체크하세요'); return; }
if (!start || !end) { alert('시작·종료일을 입력하세요'); return; }
const needSeq = strategies.length >= 2
|| (strategies.includes('tail') && entryModes.length >= 2)
|| (strategies.includes('breakout') && boCombos.length >= 2);
const how = needSeq
? `순차1·2차 (${[...strategies, ...(entryModes.length >= 2 ? ['꼬리×2'] : []), ...(boCombos.length >= 2 ? [`돌파×${boCombos.length}`] : [])].join('+')})`
: strategies[0];
const srcLabel = univSrc === 'ls' ? 'LS' : '키움';
const sortLabel = ({
score: '수익·낙폭·표본',
score_legacy: '(구) PnL/MDD하한',
daily_avg: '일평균',
pnl: '총손익',
})[sortBy] || sortBy;
const emLabel = strategies.includes('tail')
? `\n꼬리진입=${entryModes.join('+')}` + (entryModes.length >= 2 ? ' (순차·각 1·2차)' : '')
: '';
const slLabel = strategies.includes('breakout')
? `\n돌파=${boCombos.join('+')}` + (boCombos.length >= 2 ? ` (순차·각 1·2차)` : '')
: '';
const chainLabel = needSeq
? `\n각 전략/조합: 1차(넓은 Grid) → 2차(밴드 축소) 후 다음`
: `\n1·2차 TPE 연쇄 (1차 넓은 Grid → 2차 밴드 축소)`;
if (!confirm(`Optuna 시작?\n${how}: ${strategies.join(', ')}\n${start}~${end} trials=${trials}` +
(studyTrials ? `\n스터디 총 횟수=${studyTrials}` : '') +
`${chainLabel}\n승리식=${sortLabel}\n이력소스=${srcLabel}${emLabel}${slLabel}\n(DB 미적용)`)) return;
try {
const r = await fetch('/api/optuna/start', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
strategies, start, end, trials, mode,
sort_by: sortBy,
study_trials: studyTrials || undefined,
universe_history_source: univSrc,
candle_source: candleSrc,
tick_source: tickSrc,
ob_source: obSrc,
entry_modes: strategies.includes('tail') ? entryModes : undefined,
sl_modes: strategies.includes('breakout') ? slModes : undefined,
ob_modes: strategies.includes('breakout') ? obModes : undefined,
}),
});
const j = await r.json();
if (!j.ok) { alert('❌ ' + (j.error || '시작 실패')); return; }
_optunaJobId = j.job.job_id;
localStorage.setItem(OPTUNA_LS_KEY, _optunaJobId);
optunaRenderJob(j.job);
optunaStartPolling();
optunaRefreshJobs();
} catch (e) {
alert('오류: ' + e);
}
}
async function optunaContinue(jobId) {
const jid = jobId || _optunaJobId;
if (!jid) { alert('잡 없음'); return; }
if (!confirm('같은 study 이름으로 남은 횟수를 웹에서 이어 돌릴까요?\n(시작 버튼의 새 이름은 쓰지 않습니다)')) return;
try {
const r = await fetch('/api/optuna/continue', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ job_id: jid }),
});
const j = await r.json();
if (!j.ok) { alert('❌ ' + (j.error || '실패')); return; }
_optunaJobId = j.job.job_id;
localStorage.setItem(OPTUNA_LS_KEY, _optunaJobId);
optunaRenderJob(j.job);
optunaStartPolling();
optunaRefreshJobs();
} catch (e) { alert('오류: ' + e); }
}
async function optunaConfirmStudy(jobId) {
const jid = jobId || _optunaJobId;
if (!jid) { alert('잡 없음'); return; }
if (!confirm('지금 완료 수로 목표를 줄이고 후처리를 돌릴까요?\n윈도우/추가 웹 이어가기는 포기합니다. 실매 DB는 안 바뀝니다.')) return;
try {
const r = await fetch('/api/optuna/confirm', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ job_id: jid }),
});
const j = await r.json();
if (!j.ok) { alert('❌ ' + (j.error || '실패')); return; }
alert('확정 · 후처리 시작\n' + (j.log_path || j.note || ''));
optunaRefreshJobs();
if (_optunaJobId) optunaPollOnce();
} catch (e) { alert('오류: ' + e); }
}
async function optunaStop() {
if (!_optunaJobId) return;
if (!confirm('실행 중 Optuna를 중지할까요?')) return;
try {
const r = await fetch('/api/optuna/stop/' + encodeURIComponent(_optunaJobId), { method: 'POST' });
const j = await r.json();
if (!j.ok) { alert(j.error || '중지 실패'); return; }
optunaRenderJob(j.job);
optunaRefreshJobs();
} catch (e) { alert('오류: ' + e); }
}
function optunaFormatModeTopRow(t, i) {
const dAvg = (t.period_daily_avg_pnl != null) ? t.period_daily_avg_pnl : t.daily_pnl_mean;
const dPct = (t.period_daily_avg_pct != null) ? t.period_daily_avg_pct : t.daily_avg_pct;
const prox = t.consensus_match_pct;
const proxN = t.consensus_match_n;
const proxOf = t.consensus_match_of;
let proxBit = '';
if (prox != null) {
proxBit = ` · 근접 ${Number(prox).toFixed(1)}%`;
if (proxN != null && proxOf != null) proxBit += ` (${proxN}/${proxOf}축)`;
}
return `#${i} trial ${t.optuna_trial_number ?? '—'} · PnL ${Number(t.total_pnl || 0).toLocaleString()}원` +
(dAvg != null ? ` · 일평균 ${Number(dAvg).toLocaleString()}원` : '') +
(dPct != null ? ` · 일평균 ${Number(dPct) >= 0 ? '+' : ''}${Number(dPct).toFixed(3)}%` : '') +
proxBit +
` · WR ${Number(t.win_rate || 0).toFixed(1)}% · PF ${Number(t.pf || 0).toFixed(2)}`;
}
function optunaBuildModeTop3Html(rows, opts) {
const o = opts || {};
const n = o.topN || OPTUNA_CARD_TOP_N;
const list = (rows || []).slice(0, n);
if (!list.length) return '';
const pr = o.periodRange ? ` · 기간 <b>${o.periodRange}</b>` : '';
const pool = o.poolSize != null ? ` · pool ${o.poolSize}건` : '';
const head = o.title || `mode Top${n} (밴드 근접)`;
let html = `<div class="mt-1 mb-1 text-warning">${head}${pr}${pool}</div>`;
list.forEach((t, i) => {
html += `<div class="small">${optunaFormatModeTopRow(t, i + 1)}</div>`;
});
return html;
}
function optunaFormatTopRow(t, i) {
const dAvg = (t.period_daily_avg_pnl != null) ? t.period_daily_avg_pnl : t.daily_pnl_mean;
const dPct = (t.period_daily_avg_pct != null) ? t.period_daily_avg_pct : t.daily_avg_pct;
return `#${i} trial ${t.optuna_trial_number ?? '—'} · PnL ${Number(t.total_pnl || 0).toLocaleString()}원` +
(dAvg != null ? ` · 일평균 ${Number(dAvg).toLocaleString()}원` : '') +
(dPct != null ? ` · 일평균 ${Number(dPct) >= 0 ? '+' : ''}${Number(dPct).toFixed(3)}%` : '') +
` · WR ${Number(t.win_rate || 0).toFixed(1)}% · PF ${Number(t.pf || 0).toFixed(2)} · score ${Number(t.score || 0).toFixed(3)}`;
}
async function optunaRefreshJobs() {
try {
const sort = $('opt_jobs_sort')?.value || 'started';
const r = await fetch('/api/optuna/jobs?limit=40&sort=' + encodeURIComponent(sort));
const j = await r.json();
const tb = $('opt_jobs_tbody');
if (!tb) return;
if (!j.ok || !(j.jobs || []).length) {
tb.innerHTML = '<tr><td colspan="8" class="text-muted">잡 없음</td></tr>';
return;
}
tb.innerHTML = j.jobs.map(job => {
const prog = job.progress || {};
const jid = job.job_id;
const label = job.label || job.strategy || '';
const studyNote = (job.study_short && job.kind === 'import')
? `<br><span class="text-muted" style="font-size:10px" title="${job.study_name || ''}">${job.study_short}</span>`
: (job.source === 'cli' && job.study_short
? `<br><span class="text-muted" style="font-size:10px">${job.study_short}</span>`
: '');
const sel = jid === _optunaJobId ? 'outline:1px solid var(--accent)' : '';
const st = String(job.status || '');
const refinePh = prog.refine_phase || '';
const phaseTag = refinePh === 'phase2' ? '2차' : (refinePh === 'phase1' ? '1차' : '');
const stCell = (st === 'running')
? `<button type="button" class="btn btn-sm btn-outline-warning py-0" title="다른 PC 명령 보기" onclick="optunaOpenJoinCmd('${jid}')">${phaseTag ? phaseTag + ' ' : ''}running</button>`
: st;
const statusNote = (st === 'running')
? (job.leftover_note ? ` ·${job.leftover_note}` : (phaseTag ? ` ·${phaseTag} TPE` : ''))
: (job.leftover_note ? ` ·${job.leftover_note}` : '');
const extraBtns = (st === 'done' && job.can_continue)
? `<button class="btn btn-sm btn-outline-primary py-0 ms-1" onclick="optunaContinue('${jid}')">이어 돌리기</button>` +
`<button class="btn btn-sm btn-outline-warning py-0 ms-1" onclick="optunaConfirmStudy('${jid}')">확정</button>`
: '';
return `<tr data-job-id="${jid}" style="${sel}">
<td><code style="font-size:10px">${jid}</code></td>
<td>${label}${studyNote}</td>
<td>${optunaFormatJobPeriodCell(job)}</td>
<td>${stCell}${job.phase === 'postprocess' ? ' ·후처리' : ''}${statusNote}</td>
<td>${(() => {
const done = prog.trials_done ?? '—';
const batch = prog.trials_total ?? job.trials ?? '—';
const goal = job.study_trials;
const nDone = job.n_complete != null ? job.n_complete : done;
if (goal) return `${nDone}/${goal} ·배치${batch}`;
return `${done}/${batch}`;
})()}${job.postprocess && job.postprocess.pct != null && job.phase === 'postprocess' ? ' ·후 ' + job.postprocess.pct + '%' : ''}</td>
<td>${job.started_at || ''}</td>
<td>${job.finished_at || '—'}</td>
<td>
<button class="btn btn-sm btn-outline-secondary py-0" onclick="optunaWatch('${jid}')">보기</button>
${extraBtns}
<button class="btn btn-sm btn-outline-info py-0 ms-1" onclick="optunaOpenJoinCmd('${jid}')">명령</button>
</td>
</tr>`;
}).join('');
} catch (e) {
const tb = $('opt_jobs_tbody');
if (tb) tb.innerHTML = `<tr><td colspan="8" class="text-danger">${e}</td></tr>`;
}
}
function optunaCloseJoinCmd() {
const el = $('opt_join_overlay');
if (el) el.classList.remove('is-open');
}
function optunaFillJoinOverlay(job) {
if (!job) return;
const pi = job.period_info;
let periodHint = '';
if (pi && (pi.has_refine || pi.active && pi.active.study)) {
const bits = [];
if (job.start && job.end) bits.push(`잡 ${optunaFmtPeriodShort(job.start, job.end)}`);
if (pi.phase1 && pi.phase1.start) bits.push(`1차 ${pi.phase1.range || optunaFmtPeriodShort(pi.phase1.start, pi.phase1.end)}`);
if (pi.phase2 && pi.phase2.study && pi.phase2.start) bits.push(`2차 ${pi.phase2.range || optunaFmtPeriodShort(pi.phase2.start, pi.phase2.end)}`);
if (bits.length) {
periodHint = (pi.mismatch ? '⚠ 기간 불일치 · ' : '📅 ') + bits.join(' · ');
}
}
if ($('opt_join_hint')) {
const base = job.join_hint || '';
$('opt_join_hint').textContent = periodHint ? (periodHint + (base ? '\n' + base : '')) : base;
}
if ($('opt_join_study')) {
$('opt_join_study').textContent = job.join_study || job.active_study_name || job.study_name || '—';
}
if ($('opt_join_cmd')) $('opt_join_cmd').textContent = job.join_cmd || '(아직 study 없음 · 첫 START 후)';
if ($('opt_join_cmd_ps')) $('opt_join_cmd_ps').textContent = job.join_cmd_ps || '(아직 study 없음 · 첫 START 후)';
if ($('opt_web_cmd_full')) {
$('opt_web_cmd_full').textContent = job.web_cmd_full || job.web_cmd || job.cmd || '—';
}
if ($('opt_web_cmd')) $('opt_web_cmd').textContent = job.web_cmd || job.cmd || '—';
const refineBox = $('opt_join_refine');
if (refineBox) {
const rows = job.seq_refine_cmds || [];
window._optunaSeqRefine = rows;
if (!rows.length) {
refineBox.innerHTML = '';
} else {
refineBox.innerHTML =
'<div class="fw-semibold mb-1">PC별 병렬 — 전략/조합마다 1·2차 (refine runner)</div>' +
'<div class="small text-muted mb-2">MariaDB 공유 · PC마다 한 줄 · 2차만은 --phase1-study (DB payload)</div>' +
rows.map((row, i) => {
const done = row.phase1_db
? ' <span class="text-success">(1차 DB OK)</span>'
: (row.done ? ' <span class="text-success">(1차 OK)</span>' : '');
const note = row.phase2_note ? `<div class="text-muted" style="font-size:10px">${row.phase2_note}</div>` : '';
return `<div class="border rounded p-2 mb-2" style="border-color:var(--border)!important">
<div class="d-flex justify-content-between align-items-center flex-wrap gap-1">
<span><strong>${row.step}.</strong> ${row.label || row.strategy}${done}</span>
<span>
<button type="button" class="btn btn-sm btn-success py-0" onclick="optunaCopySeqRefine(${i},'full')">1·2차 bash</button>
<button type="button" class="btn btn-sm btn-outline-success py-0 ms-1" onclick="optunaCopySeqRefine(${i},'full_ps')">1·2차 PS</button>
<button type="button" class="btn btn-sm btn-warning py-0 ms-1" onclick="optunaCopySeqRefine(${i},'p2')">2차만 bash</button>
<button type="button" class="btn btn-sm btn-outline-warning py-0 ms-1" onclick="optunaCopySeqRefine(${i},'p2_ps')">2차만 PS</button>
</span>
</div>
${note}
<pre class="opt-join-pre mb-1 mt-1" id="opt_refine_full_${i}" style="max-height:120px"></pre>
<pre class="opt-join-pre mb-0" id="opt_refine_p2_${i}" style="max-height:100px"></pre>
</div>`;
}).join('');
rows.forEach((row, i) => {
const pf = document.getElementById('opt_refine_full_' + i);
if (pf) pf.textContent = row.cmd || '';
const p2 = document.getElementById('opt_refine_p2_' + i);
if (p2) p2.textContent = row.cmd_phase2 || '';
});
}
}
const box = $('opt_join_all');
if (box) {
const all = job.join_cmds_all || [];
if (!all.length) {
box.innerHTML = '';
return;
}
window._optunaJoinAll = all;
box.innerHTML = '<div class="text-muted mb-1 mt-2">스터디별 trial 추가 (1·2차 study 이름)</div>' +
all.map((row, i) => {
const lab = [row.strategy, row.extra].filter(Boolean).join('/');
return `<div class="d-flex justify-content-between align-items-center mt-2">
<span class="text-muted">${i + 1}. ${lab} · ${row.study || ''}</span>
<span>
<button type="button" class="btn btn-sm btn-outline-secondary py-0" onclick="optunaCopyJoinAll(${i},'sh')">bash</button>
<button type="button" class="btn btn-sm btn-outline-primary py-0 ms-1" onclick="optunaCopyJoinAll(${i},'ps')">PS</button>
</span>
</div>
<pre class="opt-join-pre mb-1" id="opt_join_all_${i}"></pre>
<pre class="opt-join-pre mb-0" id="opt_join_all_ps_${i}"></pre>`;
}).join('');
all.forEach((row, i) => {
const pre = document.getElementById('opt_join_all_' + i);
if (pre) pre.textContent = row.cmd || '';
const ps = document.getElementById('opt_join_all_ps_' + i);
if (ps) ps.textContent = row.cmd_ps || '';
});
}
}
function optunaCopySeqRefine(i, which) {
const row = (window._optunaSeqRefine || [])[i];
if (!row) return;
let t = row.cmd || '';
if (which === 'full_ps') t = row.cmd_ps || '';
if (which === 'p2') t = row.cmd_phase2 || '';
if (which === 'p2_ps') t = row.cmd_phase2_ps || '';
optunaCopyText(t);
}
function optunaCopyText(text) {
const t = String(text || '');
if (!t) return;
if (navigator.clipboard && navigator.clipboard.writeText) {
navigator.clipboard.writeText(t).then(() => {}, () => { prompt('복사:', t); });
} else {
prompt('복사:', t);
}
}
function optunaCopyJoinAll(i, which) {
const row = (window._optunaJoinAll || [])[i];
if (!row) return;
optunaCopyText(which === 'ps' ? (row.cmd_ps || '') : (row.cmd || ''));
}
function optunaCopyJoin(which) {
let el = $('opt_join_cmd');
if (which === 'web') el = $('opt_web_cmd');
if (which === 'web_full') el = $('opt_web_cmd_full');
if (which === 'ps') el = $('opt_join_cmd_ps');
optunaCopyText(el ? el.textContent : '');
}
async function optunaOpenJoinCmd(jobId) {
const jid = jobId || _optunaJobId || (window._optunaLastJob && window._optunaLastJob.job_id);
const ov = $('opt_join_overlay');
if (!ov) return;
if (!jid) { alert('선택된 잡 없음'); return; }
ov.classList.add('is-open');
if (window._optunaLastJob && window._optunaLastJob.job_id === jid) {
optunaFillJoinOverlay(window._optunaLastJob);
}
try {
const r = await fetch('/api/optuna/status/' + encodeURIComponent(jid));
const j = await r.json();
if (j.ok && j.job) optunaFillJoinOverlay(j.job);
else if (j.error) alert(j.error);
} catch (e) {
alert('명령 로드 실패: ' + e);
}
}
function optunaWatch(jobId) {
_optunaJobId = jobId;
localStorage.setItem(OPTUNA_LS_KEY, jobId);
if ($('opt_st_job')) $('opt_st_job').textContent = jobId;
const card = $('opt_status_card');
if (card) card.scrollIntoView({ behavior: 'smooth', block: 'start' });
document.querySelectorAll('#opt_jobs_tbody tr').forEach(tr => {
tr.style.outline = tr.getAttribute('data-job-id') === jobId ? '1px solid var(--accent)' : '';
});
optunaPollOnce();
optunaStartPolling();
}
function optunaBoot() {
optunaLoadDefaults();
optunaStartPolling();
}
// ────────────────────────────────────────────
// 상단 매매 모의/실전 (KIS_MOCK) — DB 저장 + kis_trader_main 재시작
// ────────────────────────────────────────────
let _kisMockBusy = false;
let _kisMockCurrent = null; // true=모의, false=실전, null=미로드
/**
* WS 프로바이더 라벨 생성.
* @param {string} prov - "kiwoom" | "kis" | "ls" | ...
* @param {boolean} isMock
* @returns {string} e.g. "키움(실)" | "KIS(모)"
*/
function _wsProvLabel(prov, isMock) {
const nm = (prov || '').toLowerCase();
const name = nm === 'kiwoom' ? '키움' : nm === 'kis' ? 'KIS' : nm === 'ls' ? 'LS' : (prov || '?').toUpperCase();
return `${name}(${isMock ? '모' : '실'})`;
}
function kisMockApplyUi(d) {
const mock = !!(d && d.kis_mock);
_kisMockCurrent = mock;
const btnM = $('kis_mock_btn_mock');
const btnL = $('kis_mock_btn_live');
if (btnM) {
btnM.classList.toggle('active', mock);
btnM.classList.toggle('btn-warning', mock);
btnM.classList.toggle('btn-outline-warning', !mock);
btnM.disabled = _kisMockBusy;
}
if (btnL) {
btnL.classList.toggle('active', !mock);
btnL.classList.toggle('btn-danger', !mock);
btnL.classList.toggle('btn-outline-danger', mock);
btnL.disabled = _kisMockBusy;
}
const st = $('kis_mock_status');
if (st) {
const bot = d && d.bot_active ? 'active' : ((d && d.bot_status) || '?');
const label = (d && d.label) || (mock ? '모의' : '실전');
st.textContent = label + ' · ' + bot;
st.className = mock ? 'text-warning' : 'text-danger';
st.style.fontSize = '11px';
st.style.whiteSpace = 'nowrap';
}
const lss = $('live_source_status');
if (lss && d) {
// 프로바이더 모의/실전 판정
const tickProv = (d.tick_provider || 'kiwoom').toLowerCase();
const obProv = (d.ob_provider || 'kiwoom').toLowerCase();
const tickMock = tickProv.includes('kis') ? !!d.kis_price_mock : !!d.kiwoom_mock;
const obMock = obProv.includes('kis') ? !!d.kis_price_mock : !!d.kiwoom_mock;
const tickLbl = _wsProvLabel(tickProv, tickMock);
const obLbl = _wsProvLabel(obProv, obMock);
// 틱 DB 적재 표시
const scopeShort = (d.tick_db_scope || '전체').replace('candidates', '후보');
const dbLbl = d.tick_db_enabled ? `DB:${scopeShort}` : 'DB:OFF';
lss.textContent = `시세:${tickLbl} | 호가:${obLbl} | ${dbLbl}`;
// hover tooltip — 전체 상세 (캔들 소스 포함)
const c = d.candle_source || '전체';
lss.title = [
`캔들 소스: ${c}`,
`시세 우선: ${_wsProvLabel(tickProv, tickMock)} → 폴백 자동`,
`호가 우선: ${_wsProvLabel(obProv, obMock)} → 폴백 자동`,
`KIS 시세WS: 실전 고정 (is_mock=false)`,
`틱 DB 저장: ${d.tick_db_enabled ? 'ON (' + (d.tick_db_scope || '?') + ')' : 'OFF'}`,
].join('\n');
lss.style.cursor = 'help';
}
}
async function kisMockLoad() {
try {
const r = await fetch('/api/ops/kis_mock');
const d = await r.json();
if (!d || !d.ok) {
const st = $('kis_mock_status');
if (st) st.textContent = (d && d.error) || '조회실패';
return;
}
kisMockApplyUi(d);
} catch (e) {
const st = $('kis_mock_status');
if (st) st.textContent = '조회오류';
}
}
async function kisMockSet(wantMock) {
if (_kisMockBusy) return;
if (_kisMockCurrent === wantMock) {
await kisMockLoad();
return;
}
const label = wantMock ? '모의' : '실전';
const msg = wantMock
? '매매를 모의 계좌로 전환합니다.\n시세는 실키 유지 · kis_trader_main 이 재시작됩니다.\n계속할까요?'
: '⚠️ 매매를 실전 계좌로 전환합니다.\n실주문이 나갑니다. 시세는 실키 유지 · 봇이 재시작됩니다.\n정말 전환할까요?';
if (!confirm(msg)) return;
_kisMockBusy = true;
kisMockApplyUi({ kis_mock: _kisMockCurrent, label: _kisMockCurrent ? '모의' : '실전', bot_active: false, bot_status: '재시작중' });
const st = $('kis_mock_status');
if (st) {
st.textContent = '저장·재시작중…';
st.className = 'text-muted';
}
try {
const r = await fetch('/api/ops/kis_mock', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ kis_mock: !!wantMock }),
});
const d = await r.json().catch(() => ({}));
if (!r.ok || !d.ok) {
alert(
(d && d.error) ||
('전환 실패 (HTTP ' + r.status + ')\n' +
'db_ok=' + (d && d.db_ok) + ' restart_ok=' + (d && d.restart_ok))
);
await kisMockLoad();
return;
}
kisMockApplyUi(d);
alert('✅ 매매 ' + label + ' 전환 완료\n봇: ' + (d.bot_status || '') + '\n' + (d.note || ''));
} catch (e) {
alert('전환 오류: ' + e);
await kisMockLoad();
} finally {
_kisMockBusy = false;
await kisMockLoad();
}
}
function kisMockBoot() {
kisMockLoad();
}
// ────────────────────────────────────────────
// 최초 로드
// ※ loadActual 은 /api/env/params 날짜 확정 후 호출 (위 fetch then)
// ────────────────────────────────────────────
optunaBoot();
kisMockBoot();
btRestoreTab();
Reference in New Issue View Git Blame Copy Permalink