fix: join_room race condition + My Games for all game types (#32, #61)

- multiplayer.php: verify join succeeded after update (race detection)
- table.js: show My Games button for all games, not just chess
- i18n: add game.my_games key (ar: مبارياتي, en: My Games)
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

api/multiplayer.php

@@ -67,7 +67,19 @@ switch ($action) {
 
         $players[] = $userId;
         $newStatus = count($players) >= $maxPlayers ? 'in_progress' : 'waiting';
-        $sdb->update($table, ['players' => $players, 'status' => $newStatus], ['id' => 'eq.' . $match['id']]);
+        $sdb->update($table, ['players' => $players, 'status' => $newStatus], [
+            'id' => 'eq.' . $match['id'],
+            'status' => 'eq.waiting'
+        ]);
+
+        // Verify join succeeded (re-read to detect race)
+        $verify = $sdb->get($table, ['id' => 'eq.' . $match['id'], 'select' => 'players', 'limit' => 1]);
+        if (is_array($verify) && !empty($verify) && !isset($verify['error'])) {
+            $finalPlayers = is_array($verify[0]['players']) ? $verify[0]['players'] : json_decode($verify[0]['players'] ?? '[]', true);
+            if (!in_array($userId, $finalPlayers)) {
+                jsonError('Room is full', 409);
+            }
+        }
         jsonResponse(['success' => true, 'match_id' => $match['id']]);
         break;
 

public/js/core/i18n.js

@@ -173,6 +173,7 @@ const strings = {
     'game.bot_thinking': '{name} يفكر...',
     'game.rating': 'التصنيف',
     'game.coins': 'عملات',
+    'game.my_games': 'مبارياتي',
     'game.xp': 'خبرة',
     'game.moves_count': '{n} نقلة',
     'game.rounds_count': '{n} جولة',
@@ -860,6 +861,7 @@ const strings = {
     'game.bot_thinking': '{name} thinking...',
     'game.rating': 'Rating',
     'game.coins': 'Coins',
+    'game.my_games': 'My Games',
     'game.xp': 'XP',
     'game.moves_count': '{n} moves',
     'game.rounds_count': '{n} round',

public/js/modules/play/scenes/table.js

@@ -301,11 +301,11 @@ function showGameMenu(menu, game) {
         <span style="font-size:var(--gm-chip-icon-font);">${emoji('tournament_cup', '🏆', 18)}</span>
         <span>Leaderboard</span>
       </button>
-      ${game.key === 'chess' ? `<button class="gm-chip" id="btn-history">
+      <button class="gm-chip" id="btn-history">
         <span style="font-size:var(--gm-chip-icon-font);">${emoji('clipboard', '📋', 18)}</span>
-        <span>My Games</span>
+        <span>${t('game.my_games')}</span>
       </button>
-      <button class="gm-chip" id="btn-puzzles">
+      ${game.key === 'chess' ? `<button class="gm-chip" id="btn-puzzles">
         <span style="font-size:var(--gm-chip-icon-font);">${emoji('puzzle', '🧩', 18)}</span>
         <span>Puzzles</span>
       </button>` : ''}
@@ -380,7 +380,7 @@ function showGameMenu(menu, game) {
   menu.querySelector('#btn-history')?.addEventListener('click', () => {
     audio.play('click');
     menu.classList.add('hidden');
-    scene.push('chess-history', { game: game.key });
+    scene.push('chess-history', { game: game.key, gameKey: game.key });
   });
 
   menu.querySelector('#btn-puzzles')?.addEventListener('click', () => {