📋 История действий
diff --git a/public/main.js b/public/main.js
index d9c1f65..4be60d2 100644
--- a/public/main.js
+++ b/public/main.js
@@ -49,6 +49,7 @@ const sounds = {
document.addEventListener('DOMContentLoaded', () => {
loadSettings();
loadLeaderboard();
+ loadSessionStats();
initSounds();
loadCardBackSettings();
@@ -60,6 +61,11 @@ document.addEventListener('DOMContentLoaded', () => {
});
}
+ // Инициализируем кастомные промпты
+ setTimeout(() => {
+ initCustomPrompts();
+ }, 100);
+
// Инициализируем авторизацию
if (typeof initAuth === 'function') {
initAuth();
@@ -581,6 +587,9 @@ function updateGameUI() {
}
updateActionPanel(player, game);
+
+ // Обновляем статистику
+ updateGameStats();
}
/**
@@ -621,6 +630,9 @@ function updateGameUIFromServer(room) {
updateActionPanelFromServer(myPlayer, room);
}
+ // Обновляем статистику (для мультиплеера используем упрощенную версию)
+ updateGameStats();
+
// Показываем кнопку новой раздачи если игра завершена
if (room.gamePhase === 'showdown' || !room.isGameStarted) {
setTimeout(() => {
@@ -1105,6 +1117,9 @@ function onHandEnd(result) {
// Обновляем лидерборд
updateLeaderboard(result);
+ // Обновляем статистику сессии
+ updateStatsOnHandEnd(result);
+
// НОВОЕ: Генерируем эмоциональные реакции ботов
if (!isMultiplayer && game) {
generateBotEmotions(result);
@@ -2141,3 +2156,790 @@ function checkRoomInUrl() {
}
}
+// =============================================================================
+// ПАНЕЛЬ ИНФОРМАЦИИ И СТАТИСТИКИ
+// =============================================================================
+
+// Статистика сессии
+let sessionStats = {
+ handsPlayed: 0,
+ handsWon: 0,
+ totalWon: 0,
+ bestHandRank: 0,
+ bestHandName: '—'
+};
+
+/**
+ * Переключить панель информации
+ */
+function toggleGameInfo() {
+ document.getElementById('game-info-panel').classList.toggle('expanded');
+}
+
+/**
+ * Переключить вкладку информации
+ */
+function switchInfoTab(tabName) {
+ // Убираем active со всех вкладок
+ document.querySelectorAll('.info-tab').forEach(tab => {
+ tab.classList.remove('active');
+ });
+
+ document.querySelectorAll('.info-tab-content').forEach(content => {
+ content.classList.remove('active');
+ });
+
+ // Активируем выбранную
+ event.target.classList.add('active');
+ document.getElementById(`info-tab-${tabName}`).classList.add('active');
+
+ // Обновляем статистику при переключении
+ if (tabName === 'stats') {
+ updateGameStats();
+ }
+}
+
+/**
+ * Обновить отображение текущей руки в статистике
+ */
+function updateCurrentHandDisplay() {
+ const previewContainer = document.getElementById('hand-cards-preview');
+ const strengthDisplay = document.getElementById('hand-strength-display');
+
+ // Получаем текущие карты игрока
+ let playerHand = [];
+ let communityCards = [];
+
+ if (isMultiplayer) {
+ // В мультиплеере данные берем из последнего обновления
+ // Это нужно реализовать через сохранение состояния
+ previewContainer.textContent = 'Обновление...';
+ strengthDisplay.textContent = '—';
+ return;
+ } else if (game && game.isGameStarted) {
+ const player = game.players.find(p => p.id === currentPlayerId);
+ if (player && player.hand.length > 0) {
+ playerHand = player.hand;
+ communityCards = game.communityCards || [];
+ }
+ }
+
+ if (playerHand.length === 0) {
+ previewContainer.textContent = 'Карты не розданы';
+ strengthDisplay.textContent = '—';
+ return;
+ }
+
+ // Отображаем карты
+ previewContainer.innerHTML = '';
+ playerHand.forEach(card => {
+ const miniCard = document.createElement('div');
+ miniCard.className = `mini-card ${card.suit}`;
+ miniCard.innerHTML = `
+
${card.rank}
+
${SUIT_SYMBOLS[card.suit]}
+ `;
+ previewContainer.appendChild(miniCard);
+ });
+
+ // Отображаем силу руки
+ const strength = getHandStrength(playerHand, communityCards);
+ strengthDisplay.textContent = strength || '—';
+}
+
+/**
+ * Рассчитать вероятность победы
+ */
+function calculateWinProbability() {
+ if (!game || !game.isGameStarted) return 0;
+
+ const player = game.players.find(p => p.id === currentPlayerId);
+ if (!player || player.hand.length === 0) return 0;
+
+ const activePlayers = game.getActivePlayers().filter(p => !p.folded);
+ const opponentsCount = activePlayers.length - 1;
+
+ if (opponentsCount === 0) return 100;
+
+ // Простая оценка на основе силы руки и фазы игры
+ const allCards = [...player.hand, ...(game.communityCards || [])];
+
+ if (allCards.length < 5) {
+ // Префлоп - базовая оценка по стартовой руке
+ return calculatePreflopWinRate(player.hand, opponentsCount);
+ }
+
+ // Постфлоп - оцениваем текущую силу руки
+ const handResult = evaluateHand(allCards);
+ return calculatePostflopWinRate(handResult, game.gamePhase, opponentsCount);
+}
+
+/**
+ * Оценка вероятности победы на префлопе
+ */
+function calculatePreflopWinRate(hand, opponents) {
+ const [c1, c2] = hand;
+ const isPair = c1.value === c2.value;
+ const isSuited = c1.suit === c2.suit;
+ const highCard = Math.max(c1.value, c2.value);
+ const lowCard = Math.min(c1.value, c2.value);
+ const gap = highCard - lowCard;
+
+ let baseRate = 0;
+
+ if (isPair) {
+ // Карманные пары
+ if (highCard >= 12) baseRate = 85; // QQ+
+ else if (highCard >= 10) baseRate = 75; // TT-JJ
+ else if (highCard >= 7) baseRate = 65; // 77-99
+ else baseRate = 55; // 22-66
+ } else if (highCard === 14 && lowCard >= 10) {
+ // AK, AQ, AJ, AT
+ baseRate = isSuited ? 70 : 65;
+ } else if (highCard >= 13 && lowCard >= 10) {
+ // KQ, KJ, QJ
+ baseRate = isSuited ? 65 : 60;
+ } else if (gap <= 1 && highCard >= 10) {
+ // Коннекторы высокие
+ baseRate = isSuited ? 60 : 55;
+ } else if (isSuited && highCard >= 11) {
+ // Одномастные с картой
+ baseRate = 55;
+ } else if (gap <= 2 && lowCard >= 6) {
+ // Средние коннекторы
+ baseRate = isSuited ? 50 : 45;
+ } else {
+ // Слабые руки
+ baseRate = 35;
+ }
+
+ // Корректировка на количество оппонентов
+ const adjustment = (opponents - 1) * 5;
+ return Math.max(10, Math.min(95, baseRate - adjustment));
+}
+
+/**
+ * Оценка вероятности победы постфлоп
+ */
+function calculatePostflopWinRate(handResult, phase, opponents) {
+ const rankMultipliers = {
+ 10: 95, // Роял-флеш
+ 9: 90, // Стрит-флеш
+ 8: 85, // Каре
+ 7: 80, // Фулл-хаус
+ 6: 75, // Флеш
+ 5: 70, // Стрит
+ 4: 65, // Сет
+ 3: 55, // Две пары
+ 2: 45, // Пара
+ 1: 30 // Старшая карта
+ };
+
+ let baseRate = rankMultipliers[handResult.rank] || 30;
+
+ // Корректировка на фазу игры
+ if (phase === 'flop') {
+ baseRate *= 0.85; // Еще 2 карты впереди
+ } else if (phase === 'turn') {
+ baseRate *= 0.92; // Еще 1 карта
+ }
+
+ // Корректировка на количество оппонентов
+ const adjustment = (opponents - 1) * 3;
+
+ return Math.max(5, Math.min(98, Math.round(baseRate - adjustment)));
+}
+
+/**
+ * Обновить вероятности в панели статистики
+ */
+function updateWinProbability() {
+ const probability = calculateWinProbability();
+ const probabilityBar = document.getElementById('probability-bar');
+ const probabilityText = document.getElementById('probability-text');
+
+ if (probabilityBar && probabilityText) {
+ probabilityBar.style.width = `${probability}%`;
+ probabilityText.textContent = `${probability}%`;
+
+ // Меняем цвет в зависимости от вероятности
+ probabilityBar.classList.remove('low', 'medium', 'high');
+ if (probability < 40) {
+ probabilityBar.classList.add('low');
+ } else if (probability < 65) {
+ probabilityBar.classList.add('medium');
+ } else {
+ probabilityBar.classList.add('high');
+ }
+ }
+}
+
+/**
+ * Обновить шансы на улучшение
+ */
+function updateImprovementOdds() {
+ const oddsNext = document.getElementById('odds-next');
+ const oddsRiver = document.getElementById('odds-river');
+
+ if (!game || !game.isGameStarted) {
+ if (oddsNext) oddsNext.textContent = '—';
+ if (oddsRiver) oddsRiver.textContent = '—';
+ return;
+ }
+
+ const player = game.players.find(p => p.id === currentPlayerId);
+ if (!player || player.hand.length === 0) {
+ if (oddsNext) oddsNext.textContent = '—';
+ if (oddsRiver) oddsRiver.textContent = '—';
+ return;
+ }
+
+ // Упрощенный расчет аутов
+ const communityCards = game.communityCards || [];
+ const phase = game.gamePhase;
+
+ // Считаем примерное количество аутов
+ let outs = estimateOuts(player.hand, communityCards);
+
+ if (outs > 0) {
+ // Правило 2-4: умножаем ауты на 2 для следующей карты, на 4 для двух карт
+ const nextCardOdds = Math.min(100, outs * 2);
+ const riverOdds = Math.min(100, outs * 4);
+
+ if (phase === 'flop') {
+ if (oddsNext) oddsNext.textContent = `~${nextCardOdds}% (${outs} аутов)`;
+ if (oddsRiver) oddsRiver.textContent = `~${riverOdds}%`;
+ } else if (phase === 'turn') {
+ if (oddsNext) oddsNext.textContent = `~${nextCardOdds}% (${outs} аутов)`;
+ if (oddsRiver) oddsRiver.textContent = '—';
+ } else {
+ if (oddsNext) oddsNext.textContent = '—';
+ if (oddsRiver) oddsRiver.textContent = '—';
+ }
+ } else {
+ if (oddsNext) oddsNext.textContent = 'Готовая рука';
+ if (oddsRiver) oddsRiver.textContent = '—';
+ }
+}
+
+/**
+ * Приблизительная оценка аутов
+ */
+function estimateOuts(hand, communityCards) {
+ if (communityCards.length < 3) return 0;
+
+ const allCards = [...hand, ...communityCards];
+ const currentHand = evaluateHand(allCards);
+
+ // Если уже сильная рука (стрит+), аутов нет
+ if (currentHand.rank >= 5) return 0;
+
+ // Подсчет по мастям для флеш-дро
+ const suitCounts = {};
+ allCards.forEach(c => {
+ suitCounts[c.suit] = (suitCounts[c.suit] || 0) + 1;
+ });
+
+ const maxSuitCount = Math.max(...Object.values(suitCounts));
+ let outs = 0;
+
+ // Флеш-дро (4 карты одной масти)
+ if (maxSuitCount === 4) {
+ outs += 9;
+ }
+
+ // Стрит-дро (упрощенно)
+ const values = allCards.map(c => c.value).sort((a, b) => b - a);
+ const uniqueValues = [...new Set(values)];
+
+ // Проверяем на открытый стрит-дро (8 аутов)
+ for (let i = 0; i < uniqueValues.length - 3; i++) {
+ const gap = uniqueValues[i] - uniqueValues[i + 3];
+ if (gap === 4) {
+ outs += 8;
+ break;
+ }
+ }
+
+ // Пара для сета (2 аута)
+ if (currentHand.rank === 2) {
+ outs += 2;
+ }
+
+ return Math.min(outs, 21); // Максимум 21 аут
+}
+
+/**
+ * Обновить статистику сессии
+ */
+function updateSessionStats() {
+ document.getElementById('stat-hands-played').textContent = sessionStats.handsPlayed;
+ document.getElementById('stat-hands-won').textContent = sessionStats.handsWon;
+ document.getElementById('stat-total-won').textContent = sessionStats.totalWon;
+ document.getElementById('stat-best-hand').textContent = sessionStats.bestHandName;
+}
+
+/**
+ * Обновить всю статистику в панели
+ */
+function updateGameStats() {
+ updateCurrentHandDisplay();
+ updateWinProbability();
+ updateImprovementOdds();
+ updateSessionStats();
+}
+
+/**
+ * Обработать завершение раздачи для статистики
+ */
+function updateStatsOnHandEnd(result) {
+ sessionStats.handsPlayed++;
+
+ // Проверяем, выиграл ли игрок
+ const playerWon = result.winners.some(w => w.id === currentPlayerId);
+
+ if (playerWon) {
+ sessionStats.handsWon++;
+ const winAmount = result.winners.find(w => w.id === currentPlayerId)?.amount || 0;
+ sessionStats.totalWon += winAmount;
+
+ // Обновляем лучшую руку
+ const playerHandResult = result.hands?.find(h => h.player.id === currentPlayerId)?.hand;
+ if (playerHandResult && playerHandResult.rank > sessionStats.bestHandRank) {
+ sessionStats.bestHandRank = playerHandResult.rank;
+ sessionStats.bestHandName = playerHandResult.name;
+ }
+ }
+
+ // Сохраняем статистику в localStorage
+ localStorage.setItem('pokerSessionStats', JSON.stringify(sessionStats));
+
+ // Обновляем отображение
+ updateGameStats();
+}
+
+/**
+ * Загрузить статистику сессии
+ */
+function loadSessionStats() {
+ const saved = localStorage.getItem('pokerSessionStats');
+ if (saved) {
+ sessionStats = JSON.parse(saved);
+ }
+}
+
+/**
+ * Сбросить статистику сессии
+ */
+function resetSessionStats() {
+ sessionStats = {
+ handsPlayed: 0,
+ handsWon: 0,
+ totalWon: 0,
+ bestHandRank: 0,
+ bestHandName: '—'
+ };
+ localStorage.removeItem('pokerSessionStats');
+ updateSessionStats();
+}
+
+// =============================================================================
+// НАСТРОЙКА ПРОМПТОВ БОТОВ (АДМИН-ПАНЕЛЬ)
+// =============================================================================
+
+// Дефолтные промпты для разных стилей
+const defaultBotPrompts = {
+ aggressive: {
+ base: `Ты — агрессивный игрок в покер. Ты любишь рисковать, давить на оппонентов и доминировать за столом.
+ВАЖНО: Ты НЕ ИИ и НЕ ассистент. Ты — реальный игрок за столом.
+Характер: уверенный, напористый, любишь психологическое давление.`,
+ chat: `Отвечай коротко (1-2 предложения). Комментируй игру агрессивно и уверенно.
+Используй покерный сленг. Можешь подначивать соперников.`,
+ emotion: `Реагируй на результат раздачи агрессивно: при победе — ликуй и хвастайся,
+при проигрыше — злись и обещай отыграться.`,
+ congrats: `Поздравляй с сильной рукой, но с оттенком зависти или вызова.
+Например: "Ничего, следующая раздача моя!"`,
+ examples: 'Олл-ин!, Слабаки!, Я вас всех обыграю, Покажу вам класс, Удачи не бывает два раза'
+ },
+ conservative: {
+ base: `Ты — консервативный игрок в покер. Ты осторожен, играешь только с сильными руками.
+ВАЖНО: Ты НЕ ИИ и НЕ ассистент. Ты — реальный игрок за столом.
+Характер: сдержанный, расчётливый, терпеливый.`,
+ chat: `Отвечай коротко (1-2 предложения). Комментируй игру осторожно и вдумчиво.
+Подчёркивай важность расчёта и терпения.`,
+ emotion: `Реагируй сдержанно: при победе — спокойное удовлетворение,
+при проигрыше — философское принятие.`,
+ congrats: `Поздравляй искренне и с уважением к хорошей игре.`,
+ examples: 'Хороший ход, Надо подумать, Терпение — ключ к успеху, Математика не врёт, Осторожность не помешает'
+ },
+ tricky: {
+ base: `Ты — хитрый и непредсказуемый игрок в покер. Ты любишь обманывать и держать интригу.
+ВАЖНО: Ты НЕ ИИ и НЕ ассистент. Ты — реальный игрок за столом.
+Характер: загадочный, изворотливый, любишь блефовать.`,
+ chat: `Отвечай коротко (1-2 предложения). Говори намёками и загадками.
+Держи интригу, не показывай свои намерения.`,
+ emotion: `Реагируй загадочно и двусмысленно независимо от результата.
+Никто не должен понять, расстроен ты или рад.`,
+ congrats: `Поздравляй загадочно, с намёком что ты что-то знаешь или планируешь.`,
+ examples: 'Интересно..., Посмотрим, Может быть..., У меня есть план, Ничего не бывает случайным'
+ },
+ professional: {
+ base: `Ты — профессиональный игрок в покер. Ты играешь по правилам GTO и математике.
+ВАЖНО: Ты НЕ ИИ и НЕ ассистент. Ты — реальный игрок за столом.
+Характер: серьёзный, аналитичный, уважающий хорошую игру.`,
+ chat: `Отвечай коротко (1-2 предложения). Комментируй с точки зрения математики и стратегии.
+Можешь упомянуть odds, EV, диапазоны.`,
+ emotion: `Реагируй с точки зрения анализа игры. При победе — отмечай правильность решения,
+при проигрыше — анализируй variance.`,
+ congrats: `Поздравляй профессионально, отмечая техническое мастерство.`,
+ examples: 'Правильный колл, +EV решение, Variance, GTO подход, По математике всё верно'
+ },
+ loose: {
+ base: `Ты — лузовый игрок в покер. Ты играешь много рук и любишь экшн.
+ВАЖНО: Ты НЕ ИИ и НЕ ассистент. Ты — реальный игрок за столом.
+Характер: весёлый, азартный, оптимистичный.`,
+ chat: `Отвечай коротко (1-2 предложения). Комментируй весело и с энтузиазмом.
+Показывай любовь к игре и экшну.`,
+ emotion: `Реагируй эмоционально и позитивно. При победе — ликуй,
+при проигрыше — не расстраивайся, играй дальше.`,
+ congrats: `Поздравляй искренне и с восторгом, радуйся за хорошую руку.`,
+ examples: 'Давай!, Играем!, Вот это карта!, Классно!, Ещё раунд!'
+ },
+ tight: {
+ base: `Ты — тайтовый игрок в покер. Ты играешь только премиум-руки и очень избирательно.
+ВАЖНО: Ты НЕ ИИ и НЕ ассистент. Ты — реальный игрок за столом.
+Характер: дисциплинированный, терпеливый, методичный.`,
+ chat: `Отвечай коротко (1-2 предложения). Комментируй сдержанно и по делу.
+Подчёркивай важность выбора правильных рук.`,
+ emotion: `Реагируй сдержанно. При победе — спокойное удовлетворение,
+при проигрыше — стоическое принятие.`,
+ congrats: `Поздравляй сдержанно, с уважением к терпению и дисциплине.`,
+ examples: 'Ожидал лучшей руки, Фолд — тоже решение, Дисциплина важна, Премиум руки, Терпение окупается'
+ }
+};
+
+/**
+ * Инициализировать селектор персональностей ботов
+ */
+function initBotPersonalitySelector() {
+ if (typeof pokerAI === 'undefined' || !pokerAI.personalities) {
+ console.error('pokerAI.personalities не загружен');
+ return;
+ }
+
+ const selector = document.getElementById('bot-personality-selector');
+ if (!selector) return;
+
+ // Очищаем селектор
+ selector.innerHTML = '';
+
+ // Добавляем опции для каждой персональности
+ pokerAI.personalities.forEach((personality, index) => {
+ const option = document.createElement('option');
+ option.value = index;
+ option.textContent = `${personality.avatar} ${personality.name}`;
+ selector.appendChild(option);
+ });
+
+ // Загружаем промпт для первой персональности
+ loadBotPersonalityPrompt();
+}
+
+/**
+ * Загрузить промпт для выбранной персональности бота
+ */
+function loadBotPersonalityPrompt() {
+ if (typeof pokerAI === 'undefined' || !pokerAI.personalities) return;
+
+ const index = parseInt(document.getElementById('bot-personality-selector').value);
+ const personality = pokerAI.personalities[index];
+
+ if (!personality) return;
+
+ // Проверяем, есть ли кастомный промпт
+ const customPrompts = JSON.parse(localStorage.getItem('customPersonalityPrompts') || '{}');
+ const customPrompt = customPrompts[personality.name];
+
+ // Показываем кастомный промпт если есть, иначе оригинальный
+ const promptToShow = customPrompt || personality.systemPrompt;
+
+ document.getElementById('bot-system-prompt').value = promptToShow;
+}
+
+/**
+ * Сохранить промпт для выбранной персональности
+ */
+function saveBotPersonalityPrompt() {
+ if (typeof pokerAI === 'undefined' || !pokerAI.personalities) return;
+
+ const index = parseInt(document.getElementById('bot-personality-selector').value);
+ const personality = pokerAI.personalities[index];
+
+ if (!personality) return;
+
+ const newPrompt = document.getElementById('bot-system-prompt').value;
+
+ // Сохраняем в localStorage
+ const customPrompts = JSON.parse(localStorage.getItem('customPersonalityPrompts') || '{}');
+ customPrompts[personality.name] = newPrompt;
+ localStorage.setItem('customPersonalityPrompts', JSON.stringify(customPrompts));
+
+ // Обновляем промпт в самом объекте (для текущей сессии)
+ personality.systemPrompt = newPrompt;
+
+ showNotification(`Промпт для ${personality.name} сохранён!`, 'success');
+}
+
+/**
+ * Сбросить промпт персональности к оригиналу
+ */
+function resetBotPersonalityPrompt() {
+ if (typeof pokerAI === 'undefined' || !pokerAI.personalities) return;
+
+ const index = parseInt(document.getElementById('bot-personality-selector').value);
+ const personality = pokerAI.personalities[index];
+
+ if (!personality) return;
+
+ if (confirm(`Вы уверены, что хотите сбросить промпт для ${personality.name} к оригиналу?`)) {
+ // Удаляем кастомный промпт
+ const customPrompts = JSON.parse(localStorage.getItem('customPersonalityPrompts') || '{}');
+ delete customPrompts[personality.name];
+ localStorage.setItem('customPersonalityPrompts', JSON.stringify(customPrompts));
+
+ // Перезагружаем оригинальный промпт (нужно перезагрузить страницу или хранить оригиналы)
+ // Для простоты просто перезагружаем
+ location.reload();
+ }
+}
+
+/**
+ * Тестировать промпт персональности
+ */
+async function testBotPersonalityPrompt() {
+ if (typeof pokerAI === 'undefined' || !pokerAI.personalities) return;
+ if (typeof llmChat === 'undefined') {
+ showNotification('LLM чат не загружен', 'error');
+ return;
+ }
+
+ const settings = llmChat.getSettings();
+ if (!settings.llmEnabled) {
+ showNotification('Включите LLM чат в настройках', 'warning');
+ return;
+ }
+
+ const index = parseInt(document.getElementById('bot-personality-selector').value);
+ const personality = pokerAI.personalities[index];
+
+ if (!personality) return;
+
+ const newPrompt = document.getElementById('bot-system-prompt').value;
+
+ // Создаём тестовую персональность с новым промптом
+ const testPersonality = {
+ ...personality,
+ systemPrompt: newPrompt
+ };
+
+ const resultDiv = document.getElementById('prompt-test-result');
+ const contentDiv = document.getElementById('test-result-content');
+
+ resultDiv.style.display = 'block';
+ contentDiv.innerHTML = '
⏳ Тестирование...
';
+
+ try {
+ // Создаём тестовый контекст игры
+ const gameContext = {
+ phaseRu: 'Флоп',
+ communityCards: ['K♠', 'Q♥', '7♦'],
+ pot: 150,
+ currentBet: 50,
+ myName: personality.name,
+ myCards: ['A♠', 'A♥'],
+ myChips: 1000,
+ myBet: 50,
+ players: [
+ { name: 'Игрок', chips: 950, bet: 50, lastAction: 'call' }
+ ]
+ };
+
+ const testMessage = 'Как думаешь, какие у меня шансы?';
+
+ const response = await llmChat.chat(
+ 'test-bot-' + Date.now(),
+ testPersonality,
+ testMessage,
+ gameContext
+ );
+
+ contentDiv.innerHTML = `
+
+
✅ Тест успешен!
+
+
Тестовая ситуация:
+
🎴 Флоп: K♠ Q♥ 7♦
+
🃏 Карты бота: A♠ A♥
+
💰 Банк: 150 | Ставка: 50
+
💬 Вопрос: "${testMessage}"
+
+
+
Ответ бота:
+
"${response}"
+
+
+ `;
+ } catch (error) {
+ contentDiv.innerHTML = `
+
+
❌ Ошибка теста:
+
${error.message}
+
+ `;
+ }
+}
+
+/**
+ * Тестировать промпт бота (старая функция, оставлена для совместимости)
+ */
+async function testBotPrompt() {
+ const resultDiv = document.getElementById('prompt-test-result');
+ const contentDiv = document.getElementById('test-result-content');
+
+ resultDiv.style.display = 'block';
+ contentDiv.innerHTML = '
Генерация тестового ответа...
';
+
+ const style = document.getElementById('bot-style-selector').value;
+ const basePrompt = document.getElementById('bot-base-prompt').value;
+ const chatPrompt = document.getElementById('bot-chat-prompt').value;
+
+ // Создаём тестовый контекст
+ const testContext = {
+ phase: 'flop',
+ pot: 150,
+ currentBet: 50,
+ communityCards: ['A♠', 'K♥', '7♦'],
+ myChips: 800,
+ myBet: 50,
+ players: [
+ { name: 'Игрок', chips: 950, bet: 50 },
+ { name: 'Тестовый бот', chips: 800, bet: 50 }
+ ]
+ };
+
+ const testMessage = 'У меня хорошие карты!';
+
+ try {
+ // Проверяем доступность LLM
+ if (typeof llmChat === 'undefined' || !llmChat.getSettings().llmEnabled) {
+ contentDiv.innerHTML = `
+
⚠️ LLM чат отключён
+ Для тестирования промпта необходимо включить LLM в настройках.
+
Симуляция ответа с текущим промптом:
+
"${getFallbackResponse(style, testMessage, testContext)}"
+ `;
+ return;
+ }
+
+ // Генерируем тестовый промпт
+ const fullPrompt = `${basePrompt}\n\n${chatPrompt}\n\nКонтекст игры:\n${JSON.stringify(testContext, null, 2)}\n\nСообщение игрока: "${testMessage}"\n\nТвой ответ (1-2 предложения):`;
+
+ // Вызываем LLM напрямую
+ const response = await fetch(settings.llmApiUrl + '/api/generate', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({
+ model: settings.llmModel,
+ prompt: fullPrompt,
+ stream: false,
+ options: {
+ temperature: 0.8,
+ num_predict: 100
+ }
+ })
+ });
+
+ if (!response.ok) {
+ throw new Error('Ошибка LLM API');
+ }
+
+ const data = await response.json();
+ const botResponse = data.response.trim();
+
+ contentDiv.innerHTML = `
+
✅ Тестовый ответ сгенерирован:
+
+ "${botResponse}"
+
+
+
+ Контекст: Флоп [A♠ K♥ 7♦], банк 150, игрок сказал "У меня хорошие карты!"
+
+ `;
+
+ } catch (error) {
+ console.error('Ошибка тестирования:', error);
+ contentDiv.innerHTML = `
+
❌ Ошибка тестирования
+ ${error.message}
+
Симуляция ответа:
+
"${getFallbackResponse(style, testMessage, testContext)}"
+ `;
+ }
+}
+
+/**
+ * Получить запасной ответ для стиля
+ */
+function getFallbackResponse(style, message, context) {
+ const examples = document.getElementById('bot-example-phrases').value.split(',');
+ if (examples.length > 0 && examples[0].trim()) {
+ return examples[Math.floor(Math.random() * examples.length)].trim();
+ }
+
+ const fallbacks = {
+ aggressive: 'Посмотрим, кто тут сильнее!',
+ conservative: 'Будем играть осторожно.',
+ tricky: 'Интересный ход...',
+ professional: 'Правильное решение.',
+ loose: 'Давай играть!',
+ tight: 'Хорошая рука нужна.'
+ };
+
+ return fallbacks[style] || 'Ок.';
+}
+
+/**
+ * Обновить промпты в личностях AI
+ */
+function updateAIPersonalityPrompts() {
+ if (typeof pokerAI === 'undefined' || !pokerAI.personalities) return;
+
+ const customPrompts = JSON.parse(localStorage.getItem('customBotPrompts') || '{}');
+
+ pokerAI.personalities.forEach(personality => {
+ const custom = customPrompts[personality.style];
+ if (custom && custom.base) {
+ personality.systemPrompt = custom.base;
+ personality.chatPrompt = custom.chat;
+ personality.emotionPrompt = custom.emotion;
+ personality.congratsPrompt = custom.congrats;
+ personality.examplePhrases = custom.examples ? custom.examples.split(',').map(p => p.trim()) : [];
+ }
+ });
+}
+
+/**
+ * Инициализация кастомных промптов при загрузке
+ */
+function initCustomPrompts() {
+ // Загружаем и применяем кастомные промпты если они есть
+ updateAIPersonalityPrompts();
+
+ // Инициализируем селектор персональностей
+ const selector = document.getElementById('bot-personality-selector');
+ if (selector) {
+ initBotPersonalitySelector();
+ }
+}
+
diff --git a/public/styles.css b/public/styles.css
index 4d1c31b..6774e50 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -709,6 +709,327 @@ body::before {
transform: rotate(180deg);
}
+/* =============================================================================
+ GAME INFO PANEL (Правила и статистика)
+ ============================================================================= */
+
+.game-info-panel {
+ position: fixed;
+ bottom: 20px;
+ right: 20px;
+ width: 350px;
+ max-height: 500px;
+ z-index: 100;
+ overflow: hidden;
+}
+
+.info-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ cursor: pointer;
+ padding-bottom: 12px;
+ border-bottom: 1px solid var(--glass-border);
+ margin-bottom: 12px;
+ font-weight: 600;
+}
+
+.info-toggle {
+ transition: transform var(--transition-fast);
+}
+
+.info-body {
+ display: none;
+ max-height: 430px;
+ overflow-y: auto;
+}
+
+.game-info-panel.expanded .info-body {
+ display: block;
+}
+
+.game-info-panel.expanded .info-toggle {
+ transform: rotate(180deg);
+}
+
+/* Вкладки информации */
+.info-tabs {
+ display: flex;
+ gap: 4px;
+ background: var(--bg-tertiary);
+ padding: 4px;
+ border-radius: var(--border-radius-sm);
+ margin-bottom: 16px;
+}
+
+.info-tab {
+ flex: 1;
+ padding: 8px 12px;
+ font-size: 12px;
+ font-weight: 500;
+ background: transparent;
+ border: none;
+ color: var(--text-secondary);
+ cursor: pointer;
+ border-radius: var(--border-radius-sm);
+ transition: all var(--transition-fast);
+}
+
+.info-tab:hover {
+ color: var(--text-primary);
+}
+
+.info-tab.active {
+ background: var(--accent-gradient);
+ color: white;
+}
+
+.info-tab-content {
+ display: none;
+}
+
+.info-tab-content.active {
+ display: block;
+}
+
+/* Правила игры */
+.rules-section h4 {
+ font-size: 13px;
+ font-weight: 600;
+ margin-bottom: 12px;
+ color: var(--text-secondary);
+ text-transform: uppercase;
+ letter-spacing: 0.5px;
+}
+
+.hand-rankings {
+ display: flex;
+ flex-direction: column;
+ gap: 6px;
+}
+
+.hand-rank-item {
+ display: grid;
+ grid-template-columns: 30px 1fr auto;
+ gap: 8px;
+ align-items: center;
+ padding: 8px 10px;
+ background: var(--bg-tertiary);
+ border-radius: 6px;
+ font-size: 11px;
+ transition: all var(--transition-fast);
+}
+
+.hand-rank-item:hover {
+ background: rgba(99, 102, 241, 0.1);
+ transform: translateX(3px);
+}
+
+.rank-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 24px;
+ height: 24px;
+ background: var(--accent-gradient);
+ color: white;
+ border-radius: 50%;
+ font-weight: 700;
+ font-size: 10px;
+}
+
+.rank-name {
+ font-weight: 600;
+ color: var(--text-primary);
+}
+
+.rank-example {
+ font-family: monospace;
+ color: var(--text-muted);
+ font-size: 10px;
+ white-space: nowrap;
+}
+
+/* Статистика */
+.stats-section h4 {
+ font-size: 13px;
+ font-weight: 600;
+ margin-bottom: 12px;
+ margin-top: 16px;
+ color: var(--text-secondary);
+ text-transform: uppercase;
+ letter-spacing: 0.5px;
+}
+
+.stats-section h4:first-child {
+ margin-top: 0;
+}
+
+/* Текущая рука */
+.current-hand-display {
+ background: var(--bg-tertiary);
+ border-radius: 8px;
+ padding: 12px;
+ margin-bottom: 16px;
+}
+
+.hand-cards-preview {
+ display: flex;
+ gap: 6px;
+ justify-content: center;
+ margin-bottom: 8px;
+ min-height: 30px;
+ align-items: center;
+ font-size: 12px;
+ color: var(--text-muted);
+}
+
+.hand-cards-preview .mini-card {
+ width: 28px;
+ height: 40px;
+ background: white;
+ border-radius: 4px;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ font-size: 10px;
+ font-weight: 700;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+}
+
+.hand-cards-preview .mini-card.hearts,
+.hand-cards-preview .mini-card.diamonds {
+ color: var(--suit-hearts);
+}
+
+.hand-cards-preview .mini-card.clubs,
+.hand-cards-preview .mini-card.spades {
+ color: var(--suit-clubs);
+}
+
+.hand-strength-display {
+ text-align: center;
+ font-weight: 600;
+ color: var(--accent-primary);
+ font-size: 13px;
+}
+
+/* Вероятность победы */
+.win-probability {
+ background: var(--bg-tertiary);
+ border-radius: 8px;
+ padding: 12px;
+ margin-bottom: 16px;
+}
+
+.probability-bar-container {
+ width: 100%;
+ height: 24px;
+ background: var(--bg-secondary);
+ border-radius: 12px;
+ overflow: hidden;
+ margin-bottom: 8px;
+ position: relative;
+}
+
+.probability-bar {
+ height: 100%;
+ background: linear-gradient(90deg, #10b981 0%, #059669 100%);
+ border-radius: 12px;
+ transition: width 0.5s ease;
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
+ padding-right: 8px;
+ color: white;
+ font-size: 11px;
+ font-weight: 700;
+}
+
+.probability-bar.low {
+ background: linear-gradient(90deg, #ef4444 0%, #dc2626 100%);
+}
+
+.probability-bar.medium {
+ background: linear-gradient(90deg, #f59e0b 0%, #d97706 100%);
+}
+
+.probability-bar.high {
+ background: linear-gradient(90deg, #10b981 0%, #059669 100%);
+}
+
+.probability-text {
+ text-align: center;
+ font-weight: 700;
+ font-size: 18px;
+ color: var(--text-primary);
+}
+
+/* Шансы улучшения */
+.improvement-odds {
+ background: var(--bg-tertiary);
+ border-radius: 8px;
+ padding: 12px;
+ margin-bottom: 16px;
+}
+
+.odds-item {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 6px 0;
+ border-bottom: 1px solid var(--glass-border);
+ font-size: 12px;
+}
+
+.odds-item:last-child {
+ border-bottom: none;
+}
+
+.odds-label {
+ color: var(--text-secondary);
+}
+
+.odds-value {
+ font-weight: 600;
+ color: var(--text-primary);
+}
+
+/* Статистика сессии */
+.session-stats {
+ background: var(--bg-tertiary);
+ border-radius: 8px;
+ padding: 12px;
+}
+
+.stat-row {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 6px 0;
+ border-bottom: 1px solid var(--glass-border);
+ font-size: 12px;
+}
+
+.stat-row:last-child {
+ border-bottom: none;
+}
+
+.stat-label {
+ color: var(--text-secondary);
+}
+
+.stat-value {
+ font-weight: 600;
+ color: var(--text-primary);
+}
+
+.stat-highlight {
+ color: var(--warning);
+ font-size: 14px;
+}
+
/* =============================================================================
POKER TABLE
============================================================================= */
@@ -1613,6 +1934,27 @@ body::before {
bottom: 10px;
}
+ /* Панель информации на мобильных */
+ .game-info-panel {
+ width: 280px;
+ right: 10px;
+ bottom: 10px;
+ max-height: 400px;
+ }
+
+ .game-info-panel .info-body {
+ max-height: 330px;
+ }
+
+ .hand-rank-item {
+ grid-template-columns: 25px 1fr;
+ font-size: 10px;
+ }
+
+ .rank-example {
+ display: none; /* Скрываем примеры на маленьких экранах */
+ }
+
.table-info {
flex-direction: column;
gap: 8px;
@@ -1687,6 +2029,37 @@ body::before {
.bet-input {
font-size: 18px;
}
+
+ /* Компактный режим для панелей на очень маленьких экранах */
+ .game-chat,
+ .game-info-panel {
+ width: calc(50% - 15px);
+ font-size: 11px;
+ }
+
+ .game-info-panel {
+ max-height: 300px;
+ }
+
+ .game-info-panel .info-body {
+ max-height: 230px;
+ }
+
+ /* Скрываем некоторые элементы для экономии места */
+ .hand-rankings {
+ gap: 4px;
+ }
+
+ .hand-rank-item {
+ padding: 6px 8px;
+ font-size: 9px;
+ }
+
+ .rank-number {
+ width: 20px;
+ height: 20px;
+ font-size: 9px;
+ }
}
/* =============================================================================
@@ -1964,6 +2337,76 @@ select.input {
padding-right: 36px;
}
+/* Textarea для промптов */
+.prompt-textarea {
+ min-height: 100px;
+ resize: vertical;
+ font-family: 'Courier New', monospace;
+ font-size: 13px;
+ line-height: 1.6;
+}
+
+.prompt-actions {
+ display: flex;
+ gap: 12px;
+ margin-top: 16px;
+ flex-wrap: wrap;
+}
+
+.btn-success {
+ background: linear-gradient(135deg, #10b981 0%, #059669 100%);
+ color: white;
+ box-shadow: 0 4px 15px rgba(16, 185, 129, 0.4);
+}
+
+.btn-success:hover {
+ box-shadow: 0 6px 20px rgba(16, 185, 129, 0.5);
+ transform: translateY(-2px);
+}
+
+/* Результат теста промпта */
+.prompt-test-result {
+ margin-top: 24px;
+ padding: 16px;
+ background: var(--bg-tertiary);
+ border-radius: 8px;
+ border: 1px solid var(--glass-border);
+}
+
+.prompt-test-result h4 {
+ font-size: 14px;
+ margin-bottom: 12px;
+ color: var(--text-secondary);
+}
+
+.test-result-content {
+ padding: 12px;
+ background: var(--bg-secondary);
+ border-radius: 6px;
+ font-size: 13px;
+ line-height: 1.6;
+ color: var(--text-primary);
+ white-space: pre-wrap;
+ word-wrap: break-word;
+}
+
+.test-result-loading {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ color: var(--text-muted);
+}
+
+.test-result-loading::before {
+ content: '⏳';
+ animation: spin 2s linear infinite;
+}
+
+@keyframes spin {
+ from { transform: rotate(0deg); }
+ to { transform: rotate(360deg); }
+}
+
/* Анимация появления */
@keyframes fadeInUp {
from {