{/* ── Page hero ─────────────────────────────────────────────── */}
{simMode === 'ev' && (
)}
{/* ── Hero metric strip ────────────────────────────────────── */}
{/* ── Compact mode toggle ─────────────────────────────────── */}
{/* ── Compact controls ────────────────────────────────────── */}
({value: c.id, label: c.label}))} />
({value: s, label: s}))} />
{catId.includes('armor') && (
{
const g = Number(v);
setFromGrade(g);
if (toGrade <= g) setToGrade(g + 1);
}}
options={RGRADE.slice(1, 10).map((g, i) => ({value: String(i + 1), label: g.name}))} />
setToGrade(Number(v))}
options={RGRADE.slice(fromGrade + 1).map((g, i) => ({value: String(fromGrade + 1 + i), label: g.name}))}
accent="gold" />
{missingFees && ⚠ Some fee data missing}
{simMode === 'ev' ? (
<>
{/* ── WIP disclaimer ──────────────────────────────────────── */}
)}
{/* ── Breakdown table ─────────────────────────────────────── */}
{stages.map((st, i) => (
{/* Percentile table */}
{/* Per-grade breakdown */}
{stages.map((st, i) => {
const gradeAtts = atts[st.gradeIdx] || [];
const gradeDests = destsByGrade ? (destsByGrade[st.gradeIdx] || []) : [];
const avgAtts = gradeAtts.length ? mcMean(gradeAtts) : 0;
const avgDests = gradeDests.length ? mcMean(gradeDests) : 0;
const accent = st.kind === 'destroy' ? 'var(--garnet)' : st.kind === 'celestial' ? '#fb923c' : null;
return (
);
})}
);
})()}
)}
⚙
Regrade Lottery
{catInfo.label} · {subtype} · {gearTier}
{RGRADE[fromGrade].name} → {RGRADE[validTo].name}
{tierInfo?.label} rates
{stages.length} transitions
{totals.hasDanger && (
<>
{hasCelestial && hasDestroy ? 'celestial + destroy' : hasCelestial ? 'celestial risk' : 'destroy risk'}
)}
{missingFees && (
<>
⚠ Some fee data missing
)}
Expected Cost (EV)
{window.fmtG(totals.gold)}
{currency}
= 0.5 ? 'pos' : 'neg'}`}>
{totals.hasDanger
? <>single-pass survival {(totals.survival * 100).toFixed(1)}%
: <>safe path — no item destruction}
Avg scrolls needed
{totals.scrolls.toFixed(1)}
scrolls
90% confidence: {totals.scrolls90.toLocaleString()}
= 0.5 ? 'pos' : 'neg'}`}>
Survival probability
{(totals.survival * 100).toFixed(1)}%
single pass
{totals.hasDanger ? 'item can destroy en route' : 'no destruction path'}
Item replacement cost
{effectiveItemCost > 0
? <>{window.fmtG(effectiveItemCost)}{currency}
: not priced}
{autoItemCost ? 'auto · codex' : 'manual entry'}
Charms in path
{charmsInPath.length}
avail.
{optimalPlan ? `optimal saves ${optimalPlan.totalSaving != null && optimalPlan.totalSaving > 0 ? window.fmtG(optimalPlan.totalSaving) + currency : '—'}` : 'optimizing…'}
Math mode
Setup
Gear & target
change category, slot, start / target grade and item cost
⚠
{/* ── Hero: optimal cost + charm chips ────────────────────── */}
{optimalPlan && (
WORK IN PROGRESS — EV Formula is unreliable
The expected value calculations below are not fully verified and may produce incorrect results, particularly for grades involving destruction or resplendent scrolls.
Use Monte Carlo mode for accurate cost estimates.
Optimal expected cost
{window.fmtG(optimalPlan.bestTotal)}{currency}
current {window.fmtG(totals.gold)}{currency}
scroll fees {window.fmtG(optimalPlan.bestScrollFees)}{currency}
charm cost {window.fmtG(optimalPlan.bestCharmCost)}{currency}
{optimalPlan.totalSaving != null && optimalPlan.totalSaving > 0 && (
↓ saves {window.fmtG(optimalPlan.totalSaving)}{currency} vs no charms
)}
{optimalPlan.totalSaving != null && optimalPlan.totalSaving <= 0 && (
charms not worth it at current prices
)}
{!optimalPlan.allPricesKnown && (
⚠ some charm prices missing
)}
Per-grade breakdown
{RGRADE[fromGrade].name} → {RGRADE[validTo].name}
avg scrolls
{totals.scrolls.toFixed(1)}
90% confidence
{totals.scrolls90.toLocaleString()}
{totals.hasDanger && (
<>
single-pass survival
= 0.5 ? 'pos' : 'neg'}`} style={{fontWeight: 600}}>
{(totals.survival * 100).toFixed(1)}%
)}
#
Transition
Success
Charm
Resplendent
Avg scrolls
Stage cost
Simulation Setup
Charms & Resplendent per grade
{stages.length} stage{stages.length === 1 ? '' : 's'} · click cards to toggle
{stages.map(st => {
const cd = charmDecMap[st.gradeIdx];
const g = RGRADE[st.gradeIdx];
const charmOn = !!charmEnabled[st.gradeIdx];
const respOn = !!respEnabled[st.gradeIdx];
const hasCharm = !!g.charm;
const hasResp = st.gradeIdx >= 6;
return (
);
})}
{g.name}
{(g.pByTier[tier] != null ? (g.pByTier[tier] * 100).toFixed(0) + '%' : '—')}
{hasCharm ? (
) : (
—
No charm
guaranteed grade
)}
{hasResp ? (
) : (
—
No Resp
unlocks at Celestial
)}
{mcResults && !mcOptRunning && (
{mcN.toLocaleString()} runs complete
)}
{/* ── Optimizer result ─────────────────────────────────── */}
{mcOptResult && (
Optimal setup · {mcOptResult.totalPerms} permutations tested
{window.fmtG(mcOptResult.bestMean)}{currency} mean total cost
{stages.map(st => {
const g = RGRADE[st.gradeIdx];
const chOn = !!mcOptResult.bestCE[st.gradeIdx];
const reOn = !!mcOptResult.bestRE[st.gradeIdx];
if (!g.charm && st.gradeIdx < 6) return null;
return (
{g.name}
{g.charm && {chOn ? '✓charm' : '✗charm'}}
{st.gradeIdx >= 6 && {reOn ? '✓resp' : '✗resp'}}
);
})}
Mean total cost (fees + scrolls)
{window.fmtG(mu)}{currency}
median {window.fmtG(med)}{currency}
std dev {window.fmtG(sd)}{currency}
min {window.fmtG(gmin)}{currency}
max {window.fmtG(gmax)}{currency}
avg destroys {dmu.toFixed(1)} / max {dmax}
Cost distribution
{mcN.toLocaleString()} runs ·{' '}
— median ·{' '}
— mean
Percentile breakdown
{pcts.map(({p, v}) => (
))}
p{p}
= 90 ? 'var(--garnet)' : 'var(--parch)', fontWeight:600}}>
{window.fmtG(v)}{currency}
Per-grade breakdown
{mcN.toLocaleString()} runs
#
Transition
Success %
Avg attempts
Avg scroll cost
Avg destroys
{i + 1}
{RGRADE[st.gradeIdx].name} → {RGRADE[st.gradeIdx + 1]?.name}
= 0.5 ? 'var(--jade)' : st.p >= 0.25 ? 'var(--gold)' : 'var(--garnet)'}}>
{(st.p * 100).toFixed(1)}%
{avgAtts.toFixed(1)}
{st.fee > 0 ? window.fmtG(avgAtts * st.fee) + currency : '—'}
0.05 ? '#fb923c' : 'var(--muted)'}}>
{avgDests > 0 ? avgDests.toFixed(2) : '—'}