@@ -461,6 +800,258 @@
{{ project_name }}
document.getElementById('refresh-btn').addEventListener('click', () => refreshData(true));
setInterval(() => refreshData(true), autoRefresh);
+const wheelInitialState = {{ wheel_state | tojson | safe }};
+window.wheelInitialState = wheelInitialState;
+
+/* ===== GameFi Panel ===== */
+(() => {
+ const panel = document.querySelector('.gamefi-panel');
+ if (!panel) return;
+
+ const tiles = panel.querySelectorAll('.game-tile');
+ const contents = panel.querySelectorAll('.game-content');
+
+ const showGame = (game, trigger) => {
+ if (!game) return;
+ contents.forEach((content) => {
+ const match = content.dataset.game === game;
+ content.classList.toggle('show', match);
+ if (match) {
+ content.removeAttribute('aria-hidden');
+ } else {
+ content.setAttribute('aria-hidden', 'true');
+ }
+ });
+ tiles.forEach((tile) => {
+ const active = tile === trigger;
+ tile.classList.toggle('active', active);
+ tile.setAttribute('aria-selected', active ? 'true' : 'false');
+ if (active) {
+ tile.classList.add('revealed');
+ }
+ });
+ };
+
+ tiles.forEach((tile) => {
+ tile.addEventListener('click', () => {
+ const game = tile.dataset.game;
+ showGame(game, tile);
+ });
+ });
+
+ const initialTile = panel.querySelector('.game-tile.active') || tiles[0];
+ if (initialTile) {
+ showGame(initialTile.dataset.game, initialTile);
+ }
+
+ const wheelEl = panel.querySelector('[data-game-wheel]');
+ const spinButton = panel.querySelector('[data-action="spin-wheel"]');
+ if (!wheelEl || !spinButton) {
+ return;
+ }
+
+ const wheelState = window.wheelInitialState || {};
+ const entryFeeEl = panel.querySelector('[data-wheel-entry-fee]');
+ const bankrollEl = panel.querySelector('[data-wheel-bankroll]');
+ const poolEl = panel.querySelector('[data-wheel-pool]');
+ const resultEl = panel.querySelector('[data-wheel-result]');
+ const historyEl = panel.querySelector('[data-wheel-history]');
+
+ const defaultSegments = [
+ { label: '+2x IGP', type: 'multiplier', multiplier: 2, tone: 'win', index: 0 },
+ { label: '+500 IGP', type: 'fixed', amount: 500, tone: 'win', index: 1 },
+ { label: 'Try Again', type: 'retry', tone: 'neutral', index: 2 },
+ { label: '+1000 IGP', type: 'fixed', amount: 1000, tone: 'win', index: 3 },
+ { label: 'Lose Spin', type: 'lose', tone: 'lose', index: 4 },
+ { label: '+250 IGP', type: 'fixed', amount: 250, tone: 'win', index: 5 },
+ { label: '+3x IGP', type: 'multiplier', multiplier: 3, tone: 'win', index: 6 },
+ { label: 'Bonus Spin', type: 'bonus', tone: 'neutral', index: 7 },
+ ];
+
+ const buildSegments = (segments) => {
+ if (!Array.isArray(segments) || !segments.length) {
+ return [...defaultSegments];
+ }
+ return segments
+ .map((seg, idx) => ({
+ label: seg.label || `Slice ${idx + 1}`,
+ type: seg.type || 'fixed',
+ tone: seg.tone || 'neutral',
+ multiplier: seg.multiplier,
+ amount: seg.amount,
+ index: typeof seg.index === 'number' ? seg.index : idx,
+ }))
+ .sort((a, b) => (a.index ?? 0) - (b.index ?? 0));
+ };
+
+ let wheelSegments = buildSegments(wheelState.segments);
+ if (!wheelSegments.length) {
+ wheelSegments = [...defaultSegments];
+ }
+
+ let entryFee = Number(
+ spinButton.dataset.entryFee ?? wheelState.entry_fee ?? defaultSegments[0]?.entry_fee ?? 0
+ );
+ let bankroll = Number(
+ bankrollEl?.dataset.value ?? wheelState.scorepad_balance ?? 0
+ );
+ let pool = Number(poolEl?.dataset.value ?? wheelState.pool_balance ?? 0);
+ let rotation = 0;
+ const spinDuration = 3200;
+
+ const setResultTone = (tone) => {
+ if (!resultEl) return;
+ resultEl.classList.remove('text-success', 'text-danger', 'text-warning');
+ if (tone === 'win') {
+ resultEl.classList.add('text-success');
+ } else if (tone === 'lose') {
+ resultEl.classList.add('text-danger');
+ } else if (tone === 'neutral') {
+ resultEl.classList.add('text-warning');
+ }
+ };
+
+ const updateLedger = () => {
+ spinButton.dataset.entryFee = String(entryFee);
+ if (entryFeeEl) {
+ entryFeeEl.textContent = formatNumber(entryFee, 0, true);
+ }
+ if (bankrollEl) {
+ bankrollEl.dataset.value = String(bankroll);
+ bankrollEl.textContent = formatNumber(bankroll, 0, true);
+ }
+ if (poolEl) {
+ poolEl.dataset.value = String(pool);
+ poolEl.textContent = formatNumber(pool, 0, true);
+ }
+ };
+
+ const renderHistory = (entries = []) => {
+ if (!historyEl) return;
+ historyEl.innerHTML = '';
+ entries.slice(0, 6).forEach((entry) => {
+ const li = document.createElement('li');
+ const time = document.createElement('span');
+ time.textContent = entry.timestamp_display || new Date(entry.timestamp || Date.now()).toLocaleTimeString();
+ const text = document.createElement('span');
+ text.textContent = entry.message || '';
+ if (entry.tone === 'win') {
+ text.classList.add('text-success');
+ } else if (entry.tone === 'lose') {
+ text.classList.add('text-danger');
+ } else {
+ text.classList.add('text-warning');
+ }
+ li.appendChild(time);
+ li.appendChild(text);
+ historyEl.appendChild(li);
+ });
+ };
+
+ const applyState = (state) => {
+ if (!state) return;
+ if (typeof state.entry_fee === 'number') {
+ entryFee = state.entry_fee;
+ }
+ if (typeof state.scorepad_balance === 'number') {
+ bankroll = state.scorepad_balance;
+ }
+ if (typeof state.pool_balance === 'number') {
+ pool = state.pool_balance;
+ }
+ updateLedger();
+ if (Array.isArray(state.history)) {
+ renderHistory(state.history);
+ }
+ if (resultEl) {
+ const tone = state.status_tone || 'neutral';
+ setResultTone(tone);
+ resultEl.textContent = state.status_message || 'Ready to spin. Good luck!';
+ }
+ };
+
+ applyState(wheelState);
+
+ const animateToSegment = (targetIndex) => {
+ if (!wheelSegments.length) return;
+ const size = 360 / wheelSegments.length;
+ const normalizedIndex = ((targetIndex % wheelSegments.length) + wheelSegments.length) % wheelSegments.length;
+ const steps = (wheelSegments.length - normalizedIndex) % wheelSegments.length;
+ const minAngle = steps * size - size / 2 + 2;
+ const maxAngle = (steps + 1) * size - size / 2 - 2;
+ const span = Math.max(maxAngle - minAngle, 4);
+ const offset = minAngle + Math.random() * span;
+ const spins = 4 + Math.floor(Math.random() * 3);
+ rotation += spins * 360 + offset;
+ wheelEl.style.setProperty('--rotation', `${rotation}deg`);
+ };
+
+ spinButton.addEventListener('click', async () => {
+ if (spinButton.disabled) return;
+ if (bankroll < entryFee - 1e-6) {
+ if (resultEl) {
+ setResultTone('lose');
+ resultEl.textContent = 'Insufficient IGP on your score pad. Complete tasks or claims to reload.';
+ }
+ return;
+ }
+
+ spinButton.disabled = true;
+ setResultTone('neutral');
+ if (resultEl) {
+ resultEl.textContent = 'Locking your bet...';
+ }
+
+ try {
+ const resp = await fetch('/api/gamefi/wheel/spin', { method: 'POST' });
+ const data = await resp.json();
+ if (!resp.ok || !data.ok) {
+ const detail = data.detail || data.message || 'Unable to spin right now. Please try again.';
+ const tone = data.error === 'insufficient_funds' ? 'lose' : 'neutral';
+ if (typeof data.scorepad_balance === 'number') {
+ bankroll = data.scorepad_balance;
+ updateLedger();
+ }
+ if (resultEl) {
+ setResultTone(tone);
+ resultEl.textContent = detail;
+ }
+ spinButton.disabled = false;
+ return;
+ }
+
+ entryFee = Number(data.entry_fee ?? entryFee);
+ bankroll = Number(data.scorepad_balance ?? bankroll);
+ pool = Number(data.pool_balance ?? pool);
+ updateLedger();
+
+ if (Array.isArray(data.history)) {
+ renderHistory(data.history);
+ }
+
+ if (resultEl) {
+ resultEl.textContent = 'Spinning...';
+ }
+
+ animateToSegment(Number(data.segment_index ?? 0));
+
+ setTimeout(() => {
+ setResultTone(data.tone || 'neutral');
+ if (resultEl) {
+ resultEl.textContent = data.message || 'Spin complete.';
+ }
+ spinButton.disabled = false;
+ }, spinDuration);
+ } catch (error) {
+ if (resultEl) {
+ setResultTone('lose');
+ resultEl.textContent = 'Network issue β try again in a moment.';
+ }
+ spinButton.disabled = false;
+ }
+ });
+})();
+
/* ===== GSAP bloom + motion ===== */
(() => {
const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
diff --git a/ambassadors/fastapi-ambassador-leaderboard/templates/partials/game_high_roller.html b/ambassadors/fastapi-ambassador-leaderboard/templates/partials/game_high_roller.html
new file mode 100644
index 000000000..ff2577cb2
--- /dev/null
+++ b/ambassadors/fastapi-ambassador-leaderboard/templates/partials/game_high_roller.html
@@ -0,0 +1,19 @@
+
+
+
+
+
+
Table Brief
+
Multiple rounds with rising tension. Admins configure deck scripts, risk curves, and when the house flips into high-alert mode.
+
+ - Dynamic multiplier ladder β press your luck or cash out.
+ - Combo bonuses for consecutive smart plays across the arcade.
+ - Seasonal prestige rewards that drip exclusive skins & badges.
+
+
Status: Vaulted β Requires Unlock
+
+
+
diff --git a/ambassadors/fastapi-ambassador-leaderboard/templates/partials/game_mystery_box.html b/ambassadors/fastapi-ambassador-leaderboard/templates/partials/game_mystery_box.html
new file mode 100644
index 000000000..cb9bcdd2c
--- /dev/null
+++ b/ambassadors/fastapi-ambassador-leaderboard/templates/partials/game_mystery_box.html
@@ -0,0 +1,19 @@
+
+
+
+
+
+
Encrypted Payload
+
Pods refresh hourly. Admins pre-load vault tiers and decide how many winning pods spawn in each wave. Weighted RNG keeps the house edge intact while teasing legendary drops.
+
+ - Spend IGP Keys (priced by admins) to reveal a pod.
+ - Dynamic rarity streaks boost odds after cold runs.
+ - Collect badge shards to fuse new cosmetic flex items.
+
+
Status: In Dev β Reveal Soonβ’
+
+
+
diff --git a/ambassadors/fastapi-ambassador-leaderboard/templates/partials/game_wheel_of_fortune.html b/ambassadors/fastapi-ambassador-leaderboard/templates/partials/game_wheel_of_fortune.html
new file mode 100644
index 000000000..1f2ae59c8
--- /dev/null
+++ b/ambassadors/fastapi-ambassador-leaderboard/templates/partials/game_wheel_of_fortune.html
@@ -0,0 +1,67 @@
+{% set wheel = wheel_state or {} %}
+{% set entry_fee = wheel.entry_fee or 0 %}
+{% set scorepad_balance = wheel.scorepad_balance or 0 %}
+{% set pool_balance = wheel.pool_balance or 0 %}
+{% set status_message = wheel.status_message or 'Ready to spin. Good luck!' %}
+{% set status_tone = wheel.status_tone or 'neutral' %}
+{% set history = wheel.history or [] %}
+{% set tone_class = 'text-success' if status_tone == 'win' else 'text-danger' if status_tone == 'lose' else 'text-warning' %}
+
+
+
+
+
+
Entry Fee {{ '{:,.0f}'.format(entry_fee) }} IGP
+
Your Score Pad {{ '{:,.0f}'.format(scorepad_balance) }} IGP
+
Game Pool {{ '{:,.0f}'.format(pool_balance) }} IGP
+
Admins can freeze spins, alter the pool size, and rebalance reward slices directly from the control panel.
+
{{ status_message }}
+
+ {% for item in history %}
+ -
+ {{ item.timestamp_display or '--:--:--' }}
+ {{ item.message }}
+
+ {% endfor %}
+
+
+
+
+
+
+
+
Reward Slices
+
+ - +2x IGP β double your stake on the spot.
+ - +500 IGP & +1000 IGP β straight bonus drops.
+ - +3x IGP β high-voltage jackpot with tighter odds.
+ - Bonus Spin β keep your bankroll & spin again on the house.
+ - Try Again β entry fee returns, momentum keeps rolling.
+ - Lose Spin β the house banks the fee.
+
+
+
+
+
+
House Controls
+
+ - Flip the entry fee or lock the table during maintenance.
+ - Rebalance slice odds and payouts to match the current pool.
+ - Top-up or drain the IGP pool to keep the rewards sustainable.
+ - Track live analytics for spins, RTP, and leaderboard deltas.
+
+
+
+
+