/* eslint-disable */
// Felt, chips, bet circles, action buttons, hint panel, paytable, result banner.
const TCP_CHIP_DEFS = [
{ value: 5, color: '#c0392b', edge: '#7a1f15', label: '$5' },
{ value: 25, color: '#2e7d4f', edge: '#194530', label: '$25' },
{ value: 100, color: '#1f3a6a', edge: '#0e1f3d', label: '$100' },
{ value: 500, color: '#5b2a7a', edge: '#321444', label: '$500' }
];
function Chip({ value, size = 56, onClick, disabled, label }) {
const def = TCP_CHIP_DEFS.find(c => c.value === value) || TCP_CHIP_DEFS[0];
return (
);
}
function BetCircle({ label, amount, active, glow, onClick, dimmed, badge, size = 110 }) {
const interactive = !!onClick;
const borderColor = active
? 'rgba(245,216,150,.95)'
: amount > 0
? 'rgba(230,197,144,.7)'
: 'rgba(230,197,144,.35)';
return (
);
}
function ActionButton({ label, onClick, hint, disabled, sub }) {
const isHint = hint;
return (
);
}
function FeltBackdrop() {
return (
);
}
function FeltLogo() {
return (
Limestone
THREE CARD POKER · 4-3-1 · Q-HIGH
);
}
function HintPanel({ hint }) {
if (!hint) return null;
const headerLabel =
hint.kind === 'bet' ? 'Suggested bet' :
hint.kind === 'side_bet' ? 'Side bet note' :
'Optimal play says';
return (
{headerLabel}
{hint.action}
{hint.explanation}
{hint.odds && hint.odds.winRate !== undefined && (
WIN RATE ≈{hint.odds.winRate}%
)}
);
}
function PaytablePanel({ playerHand }) {
const handKey = playerHand
? (() => {
const ev = TCP_HAND.evaluate(playerHand);
return ev.rank;
})()
: null;
const ROW_KEYS = TCP_HAND.RANKS;
function row(label, key, antePay, ppPay) {
const active = handKey === key;
return (
| {label} |
{antePay != null ? `${antePay}:1` : '—'} |
{ppPay != null ? `${ppPay}:1` : '—'} |
);
}
return (
Paytable
| Hand |
Ante+ |
Pair+ |
{row('Straight Flush', ROW_KEYS.STRAIGHT_FLUSH, 5, 40)}
{row('Three of a Kind', ROW_KEYS.THREE_OF_A_KIND, 4, 30)}
{row('Straight', ROW_KEYS.STRAIGHT, 1, 6)}
{row('Flush', ROW_KEYS.FLUSH, null, 4)}
{row('Pair', ROW_KEYS.PAIR, null, 1)}
Dealer qualifies on Q-high or better. If not, Ante pays 1:1 and Play pushes.
);
}
function BrassRail({ bankroll, streak, played, won, peak, showHints, onToggleHints }) {
const winRate = played ? Math.round(won / played * 100) : null;
return (
);
}
function RailStat({ label, value, accent, highlight, small }) {
return (
);
}
function HandLabel({ label, description, isStrong }) {
return (
{label}
{description}
);
}
function ResultBanner({ kind, payout, anteBonus, pairPlus }) {
if (!kind) return null;
const map = {
win: { title: 'YOU WIN', sub: `+$${payout}`, color: '#9eddb8', glow: '#9eddb8' },
lose: { title: 'DEALER WINS', sub: `-$${Math.abs(payout)}`, color: '#f29a8c', glow: '#c0392b' },
push: { title: 'PUSH', sub: 'Bets returned', color: '#e6c590', glow: '#c9a26a' },
'no-qualify': { title: 'DEALER OUT', sub: `Ante wins · Play pushes · +$${payout}`, color: '#e6c590', glow: '#e6c590' },
fold: { title: 'FOLDED', sub: `-$${Math.abs(payout)}`, color: '#cba879', glow: '#8c6a3f' },
'bonus-win': { title: 'BONUS WIN', sub: `+$${payout}`, color: '#ffd97a', glow: '#ffd97a' }
};
const m = map[kind] || map.lose;
return (
{m.title}
{m.sub}
{(anteBonus > 0 || pairPlus > 0) && (
{anteBonus > 0 && (
ANTE BONUS +${anteBonus}
)}
{pairPlus > 0 && (
PAIR PLUS +${pairPlus}
)}
)}
);
}
function NoQualifyPill() {
return (
Dealer doesn't qualify · Play pushes
);
}
Object.assign(window, {
Chip, BetCircle, ActionButton,
FeltBackdrop, FeltLogo,
HintPanel, PaytablePanel,
BrassRail, HandLabel,
ResultBanner, NoQualifyPill,
TCP_CHIP_DEFS
});