chg: pkg: new version release !skipChangelog

.gitchangelog.rc

@@ -0,0 +1,32 @@
+ignore_regexps = [
+    r'@minor', r'!minor',
+    r'@cosmetic', r'!cosmetic',
+    r'@refactor', r'!refactor',
+    r'@wip', r'!wip',
+    r'^(.{3,3}\s*:)?\s*[fF]irst commit.?\s*$',
+    r'^$',  ## ignore commits with empty messages
+    r'@skipChangelog', r'!skipChangelog', r'skipChangeLog', r'!skipChangeLog',
+    r'Merge branch', r'Merge remote-tracking branch', r'!deploy',
+]
+section_regexps = [
+    ('New', [
+        r'^[nN]ew\s*:\s*((dev|use?r|pkg|test|doc)\s*:\s*)?([^\n]*)$',
+     ]),
+    ('Changes', [
+        r'^[cC]hg\s*:\s*((dev|use?r|pkg|test|doc)\s*:\s*)?([^\n]*)$',
+     ]),
+    ('Fix', [
+        r'^[fF]ix\s*:\s*((dev|use?r|pkg|test|doc)\s*:\s*)?([^\n]*)$',
+     ]),
+    ('Other', None ## Match all lines
+     ),
+]
+body_process = ReSub(r'((^|\n)[A-Z]\w+(-\w+)*: .*(\n\s+.*)*)+$', r'') | strip
+subject_process = (strip |
+    ReSub(r'^([cC]hg|[fF]ix|[nN]ew)\s*:\s*((dev|use?r|pkg|test|doc)\s*:\s*)?([^\n@]*)(@[a-z]+\s+)*$', r'\4') |
+    SetIfEmpty("No commit message.") | ucfirst | final_dot)
+tag_filter_regexp = r'^(v)?[0-9]+\.[0-9]+(\.[0-9]+)?(\-[0-9]+)?$'
+unreleased_version_label = "(unreleased)"
+output_engine = mustache("markdown")
+include_merge = True
+revs = []

CHANGELOG.md

@@ -1,200 +1,465 @@
-Changelog
+# Changelog
-=========
 
 
-(unreleased)
+## (unreleased)
-------------
 
-New
+### Changes
-~~~
-- Add notification email when a user is registered #4. [Lang]
-- Add Contact page with email sending behaviour #4. [Lang]
-- Add timer for the acceptance of the challenge #4. [Lang]
-- Registered users have avatars next to the timer #4. [Lang]
-- Add opportunity to use profile picture. #4. [Lang]
-- Add more stats and a dialog for the recent battle that can be
-  shareable #4. [Lang]
-- Implement the 2FA authentication (TOTP and backup codes) #4. [Lang]
-- Add beta logo to the corner #3. [Lang]
-- Add mineseeker game to the symfony 4 project #3. [Lang]
-- Upgrade to the latest symfony v4 #3. [Lang]
 
-Changes
+* Add ReCaptcha overlay again to protect the game #7. [Lang]
-~~~~~~~
-- Add notification on activation too #4. [Lang]
-- Change the shareable battle - add avatars to it - even on the og tags
-  #4. [Lang]
-- Change text #4. [Lang]
-- Add donation button #4. [Lang]
-- Protect the gameplay with recaptcha #4. [Lang]
-- The waiting dialog is uncloseable until the time is up #4. [Lang]
-- Add share button to the overlay when the game ends #4. [Lang]
-- Make fancy og tags - and create a special one for battle sharing #4.
-  [Lang]
-- The user's avatar will be saved as a uuid.extension #4. [Lang]
-- Fix missing favicon #4. [Lang]
-- Add modern Webauthn authentication #4. [Lang]
-- Refactor all forms to have Symfony Form Types & Validation
-  Constrainsts - & implement Google ReCapthca v3 #4. [Lang]
-- Add forgot password functionality #4. [Lang]
-- Increase the minimum PHP version to the latest major - and massive
-  refactor on back-end, like Controllers and Repositories #4. [Lang]
-- Redesign the resign dialog #4. [Lang]
-- Re-implement the waiting for opponent dialog - refactor its gfx - &
-  add online user selection dialog #4. [Lang]
-- Improve the gfx on homepage - implement login/register and activation
-  for authentication - and add the first version of profile page #4.
-  [Lang]
-- Refactor and redesign the gfx on front-end #4. [Lang]
-- Add timers to each player - renew the whole migration #4. [Lang]
-- Use namespaces for front-end #4. [Lang]
-- Replace webpack w/ vite & remove old, legacy jQuery from the code #4.
-  [Lang]
-- More, massive refactor for front-end #4. [Lang]
-- Massive refactor on front-end - and remove unnecessary deps #4. [Lang]
-- Change the code style to fit the current standard #4. [Lang]
-- Refactor to use Attributes instead of yaml markdown #4. [Lang]
-- Outsource the Grid generation and interactions to the backend #4.
-  [Lang]
-- Remove unnecessary variables and prune the Facebook registration
-  method #4. [Lang]
-- Replace the legacy gos/web-socket-bundle & replace it with Mercure
-  protocol #4. [Lang]
-- Created the first working solution since 7 yrs #4. [Lang]
-- Make the first working version - the stepping is broken due to the
-  algorythm structure #4. [Lang]
-- Change the composer default php minimum environment #3. [Lang]
-- Change the default url to wss on frontend #3. [Lang]
-- Refactor Rpc and Topic classes #3. [Lang]
-- Refactor classes and reformat some layout #3. [Lang]
-- Remove deprecated files #3. [Lang]
-- Doc in README.md #3. [Lang]
-- Gitignore a js.map file #2. [Lang]
 
-Fix
+* Upgrade all front-end packages to the latest available version - and fix all eslint warnings & errors #7. [Lang]
-~~~
-- The meta tags does not have https scheme - nothing worked in
-  configuration #4. [Lang]
-- Another attempt to fix the email assets #4. [Lang]
-- The images does not shows in emails #4. [Lang]
-- Missing font-awesome icons on bare-metal environment #4. [Lang]
-- Quickfix for email sending #4. [Lang]
 
-Other
+* Upgrade fe packages #7. [Lang]
-~~~~~
+
-- Hg: pkg: new version release !skipChangelog. [Lang]
+* Massive refactor on fetches - create centralized dataProvider #7. [Lang]
-- Pkg: usr: solve the not-working mailing on dev env under docker #4.
-  [Lang]
-- Deploy version 1.1.0 !deploy #11. [Lang]
 
 
-1.1.0 (2019-10-26)
+## v2026.2.5-0 (2026-04-19)
-------------------
 
-Changes
+### New
-~~~~~~~
+
-- Reinit project - disable redis module and make the project compatible
+* Add Firebase deps to back-end #7. [Lang]
-  w/ PHP7.3 #2. [Lang]
+
+* Add missing buttons for overlays #7. [Lang]
+
+* A new feature came up - the abandoned plays can be restored, if both users are registered users #7. [Lang]
+
+### Changes
+
+* Fix the '0' in Battle reports #6. [Lang]
+
+* Fix missing icons on "Battle report" #6. [Lang]
+
+### Fix
+
+* The bomb using was not recorded correctly - the old data will be corrupted #6. [Lang]
 
 
-0.4.0 (2019-10-26)
+## v2026.2.4-0 (2026-04-18)
-------------------
+
-- Change session driver to REDIS. [Lang]
+### New
-- Add created, updated field to db && improve graph design. [Lang]
+
-- Cache setup && optimalize for google pagespeed && optimalize all
+* Add new profile charts and stats - & add new logo to the tech stack #5. [Lang]
-  images. [Lang]
+
-- Improve graph design on homepage && add footer and techs && add
+### Changes
-  official pages. [Lang]
+
-- Bugfix mine websocket periodic mysql calling. [Lang]
+* Upgrade fe deps #5. [Lang]
-- Bugfix hwioauth remember me && centralize hwioauth and facebook
+
-  settings. [Lang]
+* Improve the Battle reports to change unnecessary data with interesting data #5. [Lang]
-- Centralize jquery && bugfix mysql auto-termination problem w/ user
+
-  auth. [Lang]
+### Fix
-- Release beta4. [Lang]
+
-- Gitignore npm debug log. [Lang]
+* The react is crashing on some cases #5. [Lang]
-- Add english lang everywhere && add snowfall && add centralized version
+
-  nbr && improve stylesheet && slack integration. [Lang]
+
-- Bugfix #30 && random bg in game. [Lang]
+## v2026.2.3-0 (2026-04-18)
-- Add google analytics and facebook scripts && improve url share method
+
-  w/ fb && enforce https in prod. [Lang]
+### New
-- Reg and login buttons on index && remove list method && facebook
+
-  centralize. [Lang]
+* Add initialization bonus points' system to the gameplay #5. [Lang]
-- Redesign user frontend. [Lang]
+
-- Mods for performance; one js.min file on prod. [Lang]
+### Changes
-- Improve webpack config for prod compile #23. [Lang]
+
-- Ssl handling #22 && reconnection issues #20, #21. [Lang]
+* Add extended data to battle reports and sharing image to make viewable bonus points #5. [Lang]
-- Facebook prod settings w/ app; hwi/HWIOAuthBundle. [Lang]
+
-- Refact && game reconnection and restore w/o refresh #3 && bugfix bomb
+
-  explosion on opponent mines #19. [Lang]
+## v2026.2.2-9 (2026-04-18)
-- Typo in rpc. [Lang]
+
-- Handle prod mysql timeout && graphics improve. [Lang]
+### New
-- Gitignore webpacked index.js. [Lang]
+
-- Add production mods. [Lang]
+* Add rules page #4. [Lang]
-- Bugfix points saving and exploded bombs to db && you can resign #6.
+
-  [Lang]
+### Fix
-- Bugfix resign button existence #11. [Lang]
+
-- Bugfix opponent bomb btn buzz on hover #10. [Lang]
+* The font-awesome simplifying to work on bare-metal - & fix all warnings at build time #4. [Lang]
-- Bugfix points problem in the end #16. [Lang]
+
-- Add desc to every user #9. [Lang]
+* The css problem had been solved on reponsive gfx on homepage #4. [Lang]
-- Clipboard - not working #8. [Lang]
+
-- Random player on start #5. [Lang]
+
-- Show left mines after end #2 && reduce network traffic && better
+## v2026.2.1-8 (2026-04-18)
-  active field checking method. [Lang]
+
-- Some refactor #13. [Lang]
+### Fix
-- Bugfix grid field render #12. [Lang]
+
-- Game ends after x mines. [Lang]
+* Quickfix for https-only login - & add user data when the user is not logged in #4. [Lang]
-- Add new sounds && refactor && new bg images && form redesigns. [Lang]
+
-- Bugfix entities gridrow, grid && improve graph design on homepage.
+
-  [Lang]
+## v2026.2.1-7 (2026-04-16)
-- Some refactor && prod settings. [Lang]
+
-- Improve graphics design in game. [Lang]
+### Changes
-- Bugfix grid row in entity. [Lang]
+
-- Bugfix changePlayer after bomb explosion. [Lang]
+* Add consent checkbox to user's registration - and fix the sharing pics #4. [Lang]
-- Improve game graph design. [Lang]
+
-- Login and register form more design. [Lang]
+* Add correct version numbering and CHANGELOG - and add the LICENSE #4. [Lang]
-- Add basic design to userbundle && refactor. [Lang]
+
-- Add font-awesome. [Lang]
+
-- Working user authentication w/ fb and plain login. [Lang]
+## v2026.2.1-6 (2026-04-16)
-- Add facebook login module, hwi/HWIOAuthBundle. [Lang]
+
-- Login && register form overrided. [Lang]
+### Changes
-- Js and config refactor. [Lang]
+
-- Replace gridcol object to json array in db. [Lang]
+* Update all texts on all pages - extend them with the game specific things #4. [Lang]
-- Refactor. [Lang]
+
-- Save steps and point info to db. [Lang]
+
-- Save the step data to db. [Lang]
+## v2026.2.1-5 (2026-04-16)
-- Renamed the acme to mineseeker && handle when the user connection has
+
-  been lost. [Lang]
+### Fix
-- Add player names to UI. [Lang]
+
-- Add overlay && game do not start until the opponent came. [Lang]
+* The meta tags does not have https scheme - nothing worked in configuration #4. [Lang]
-- Add base64 encryption to grid when it has been sended to server.
+
-  [Lang]
+
-- On click opponents bomb, you cannot target && refactor. [Lang]
+## v2026.2.1-4 (2026-04-15)
-- Warning when player has been found more than 20 mines. [Lang]
+
-- Bugfix center mine counter animation. [Lang]
+### New
-- The opponent is the next when bomb is exploded. [Lang]
+
-- Current username checked && refactor && remove players in channel when
+* Add notification email when a user is registered #4. [Lang]
-  they are more than 2. [Lang]
+
-- Send bomb info and use it on opponent. [Lang]
+### Changes
-- Add sounds w/ howler. [Lang]
+
-- Bugfix multiple empty fields w/ one click on opponent view. [Lang]
+* Add notification on activation too #4. [Lang]
-- Refact && remove sound and logging && bugfix BIGBUG - handleGridField
+
-  and showAppropriateFields sort order... [Lang]
+
-- Create first working communication. [Lang]
+## v2026.2.1-2 (2026-04-15)
-- Create entities and repositories. [Lang]
+
-- Changed websocket default port && debug RPC. [Lang]
+### Fix
-- Created working session and client  handler w/ websocket. [Lang]
+
-- Working websocket client and server w/o session handling and storage.
+* Another attempt to fix the email assets #4. [Lang]
-  [Lang]
+
-- Composer update. [Lang]
+
-- Improve game && start sound creating. [Lang]
+## v2026.2.1-1 (2026-04-15)
-- Refactor grid control and grid field. [Lang]
+
-- Created basic game w/ table and animations. [Lang]
+### Fix
-- Websocket basic setup FE & BE && working basic game w/ react &&
+
-  webpack & babel config. [Lang]
+* The images does not shows in emails #4. [Lang]
-- Gitignore node_modules && add symlink to node_modules (just for
+
-  install) && basic react. [Lang]
+
-- Add react hello world. [Lang]
+## v2026.2.1-0 (2026-04-15)
-- Rename project in config. [Lang]
+
-- Initial commit && create project in symfony3. [Lang]
+### New
+
+* Add Contact page with email sending behaviour #4. [Lang]
+
+### Changes
+
+* Add missing .env variable and increase the version number and add missing data from front-end and back-end deps descriptor #4. [Lang]
+
+* Change the shareable battle - add avatars to it - even on the og tags #4. [Lang]
+
+* Change text #4. [Lang]
+
+### Fix
+
+* The mailhog is crashed on development env #4. [Lang]
+
+* The og tags did not have proper http schema - they should have https #4. [Lang]
+
+
+## v2026.2.0-5 (2026-04-14)
+
+### Changes
+
+* Add donation button #4. [Lang]
+
+
+## v2026.2.0-4 (2026-04-14)
+
+### New
+
+* Add timer for the acceptance of the challenge #4. [Lang]
+
+### Changes
+
+* Protect the gameplay with recaptcha #4. [Lang]
+
+* The waiting dialog is uncloseable until the time is up #4. [Lang]
+
+* Add share button to the overlay when the game ends #4. [Lang]
+
+* Make fancy og tags - and create a special one for battle sharing #4. [Lang]
+
+### Fix
+
+* Missing font-awesome icons on bare-metal environment #4. [Lang]
+
+
+## v2026.2.0-3 (2026-04-14)
+
+### Changes
+
+* The user's avatar will be saved as a uuid.extension #4. [Lang]
+
+
+## v2026.2.0-1 (2026-04-14)
+
+### Fix
+
+* Quickfix for email sending #4. [Lang]
+
+
+## v2026.2.0-0 (2026-04-14)
+
+### New
+
+* Registered users have avatars next to the timer #4. [Lang]
+
+* Add opportunity to use profile picture. #4. [Lang]
+
+* Add more stats and a dialog for the recent battle that can be shareable #4. [Lang]
+
+* Implement the 2FA authentication (TOTP and backup codes) #4. [Lang]
+
+* Add beta logo to the corner #3. [Lang]
+
+* Add mineseeker game to the symfony 4 project #3. [Lang]
+
+* Upgrade to the latest symfony v4 #3. [Lang]
+
+### Changes
+
+* Implement CD script to Gitea and add docs to the process #4. [Lang]
+
+* Remove unnecessary cdn based fonts #4. [Lang]
+
+* Update docs #4. [Lang]
+
+* Add JWT generation script to make Mercure safe #4. [Lang]
+
+* Fix missing favicon #4. [Lang]
+
+* Make compatible the whole project with bare metal AND with docker #4. [Lang]
+
+* Add modern Webauthn authentication #4. [Lang]
+
+* Refactor all forms to have Symfony Form Types & Validation Constrainsts - & implement Google ReCapthca v3 #4. [Lang]
+
+* Add forgot password functionality #4. [Lang]
+
+* Increase the minimum PHP version to the latest major - and massive refactor on back-end, like Controllers and Repositories #4. [Lang]
+
+* Redesign the resign dialog #4. [Lang]
+
+* Re-implement the waiting for opponent dialog - refactor its gfx - & add online user selection dialog #4. [Lang]
+
+* Improve the gfx on homepage - implement login/register and activation for authentication - and add the first version of profile page #4. [Lang]
+
+* Refactor and redesign the gfx on front-end #4. [Lang]
+
+* Upgrade to the latest LTS Symfony package and backend #4. [Lang]
+
+* Add timers to each player - renew the whole migration #4. [Lang]
+
+* Update the vite related stuff because CORS and React errors - reinit the miration #4. [Lang]
+
+* Use namespaces for front-end #4. [Lang]
+
+* Replace webpack w/ vite & remove old, legacy jQuery from the code #4. [Lang]
+
+* More, massive refactor for front-end #4. [Lang]
+
+* Massive refactor on front-end - and remove unnecessary deps #4. [Lang]
+
+* Change the code style to fit the current standard #4. [Lang]
+
+* Refactor to use Attributes instead of yaml markdown #4. [Lang]
+
+* Outsource the Grid generation and interactions to the backend #4. [Lang]
+
+* Remove unnecessary variables and prune the Facebook registration method #4. [Lang]
+
+* Replace the legacy gos/web-socket-bundle & replace it with Mercure protocol #4. [Lang]
+
+* Make a massive refactor to the backend and remove all unnecessary deps - and make small refactors for the frontend too #4. [Lang]
+
+* Created the first working solution since 7 yrs #4. [Lang]
+
+* Add some changes on BE - add eslint and editorconfig - and add some deps #4. [Lang]
+
+* Make the first working version - the stepping is broken due to the algorythm structure #4. [Lang]
+
+* Change the composer default php minimum environment #3. [Lang]
+
+* Change the default url to wss on frontend #3. [Lang]
+
+* Refactor Rpc and Topic classes #3. [Lang]
+
+* Refactor classes and reformat some layout #3. [Lang]
+
+* Remove deprecated files #3. [Lang]
+
+* Doc in README.md #3. [Lang]
+
+* Gitignore a js.map file #2. [Lang]
+
+### Other
+
+* Pkg: usr: solve the not-working mailing on dev env under docker #4. [Lang]
+
+
+## 1.1.0 (2019-10-26)
+
+### Changes
+
+* Reinit project - disable redis module and make the project compatible w/ PHP7.3 #2. [Lang]
+
+
+## 0.4.0 (2019-10-26)
+
+### Other
+
+* Change session driver to REDIS. [Lang]
+
+* Add created, updated field to db && improve graph design. [Lang]
+
+* Cache setup && optimalize for google pagespeed && optimalize all images. [Lang]
+
+* Improve graph design on homepage && add footer and techs && add official pages. [Lang]
+
+* Bugfix mine websocket periodic mysql calling. [Lang]
+
+* Bugfix hwioauth remember me && centralize hwioauth and facebook settings. [Lang]
+
+* Centralize jquery && bugfix mysql auto-termination problem w/ user auth. [Lang]
+
+* Release beta4. [Lang]
+
+* Gitignore npm debug log. [Lang]
+
+* Add english lang everywhere && add snowfall && add centralized version nbr && improve stylesheet && slack integration. [Lang]
+
+* Bugfix #30 && random bg in game. [Lang]
+
+* Add google analytics and facebook scripts && improve url share method w/ fb && enforce https in prod. [Lang]
+
+* Reg and login buttons on index && remove list method && facebook centralize. [Lang]
+
+* Redesign user frontend. [Lang]
+
+* Mods for performance; one js.min file on prod. [Lang]
+
+* Improve webpack config for prod compile #23. [Lang]
+
+* Ssl handling #22 && reconnection issues #20, #21. [Lang]
+
+* Facebook prod settings w/ app; hwi/HWIOAuthBundle. [Lang]
+
+* Refact && game reconnection and restore w/o refresh #3 && bugfix bomb explosion on opponent mines #19. [Lang]
+
+* Typo in rpc. [Lang]
+
+* Handle prod mysql timeout && graphics improve. [Lang]
+
+* Gitignore webpacked index.js. [Lang]
+
+* Add production mods. [Lang]
+
+* Bugfix points saving and exploded bombs to db && you can resign #6. [Lang]
+
+* Bugfix resign button existence #11. [Lang]
+
+* Bugfix opponent bomb btn buzz on hover #10. [Lang]
+
+* Bugfix points problem in the end #16. [Lang]
+
+* Add desc to every user #9. [Lang]
+
+* Clipboard - not working #8. [Lang]
+
+* Random player on start #5. [Lang]
+
+* Show left mines after end #2 && reduce network traffic && better active field checking method. [Lang]
+
+* Some refactor #13. [Lang]
+
+* Bugfix grid field render #12. [Lang]
+
+* Game ends after x mines. [Lang]
+
+* Add new sounds && refactor && new bg images && form redesigns. [Lang]
+
+* Bugfix entities gridrow, grid && improve graph design on homepage. [Lang]
+
+* Some refactor && prod settings. [Lang]
+
+* Improve graphics design in game. [Lang]
+
+* Bugfix grid row in entity. [Lang]
+
+* Bugfix changePlayer after bomb explosion. [Lang]
+
+* Improve game graph design. [Lang]
+
+* Login and register form more design. [Lang]
+
+* Add basic design to userbundle && refactor. [Lang]
+
+* Add font-awesome. [Lang]
+
+* Working user authentication w/ fb and plain login. [Lang]
+
+* Add facebook login module, hwi/HWIOAuthBundle. [Lang]
+
+* Login && register form overrided. [Lang]
+
+* Js and config refactor. [Lang]
+
+* Replace gridcol object to json array in db. [Lang]
+
+* Refactor. [Lang]
+
+* Save steps and point info to db. [Lang]
+
+* Save the step data to db. [Lang]
+
+* Renamed the acme to mineseeker && handle when the user connection has been lost. [Lang]
+
+* Add player names to UI. [Lang]
+
+* Add overlay && game do not start until the opponent came. [Lang]
+
+* Add base64 encryption to grid when it has been sended to server. [Lang]
+
+* On click opponents bomb, you cannot target && refactor. [Lang]
+
+* Warning when player has been found more than 20 mines. [Lang]
+
+* Bugfix center mine counter animation. [Lang]
+
+* The opponent is the next when bomb is exploded. [Lang]
+
+* Current username checked && refactor && remove players in channel when they are more than 2. [Lang]
+
+* Send bomb info and use it on opponent. [Lang]
+
+* Add sounds w/ howler. [Lang]
+
+* Bugfix multiple empty fields w/ one click on opponent view. [Lang]
+
+* Refact && remove sound and logging && bugfix BIGBUG - handleGridField and showAppropriateFields sort order... [Lang]
+
+* Create first working communication. [Lang]
+
+* Create entities and repositories. [Lang]
+
+* Changed websocket default port && debug RPC. [Lang]
+
+* Created working session and client  handler w/ websocket. [Lang]
+
+* Working websocket client and server w/o session handling and storage. [Lang]
+
+* Composer update. [Lang]
+
+* Improve game && start sound creating. [Lang]
+
+* Refactor grid control and grid field. [Lang]
+
+* Created basic game w/ table and animations. [Lang]
+
+* Websocket basic setup FE & BE && working basic game w/ react && webpack & babel config. [Lang]
+
+* Gitignore node_modules && add symlink to node_modules (just for install) && basic react. [Lang]
+
+* Add react hello world. [Lang]
+
+* Rename project in config. [Lang]
+
+* Initial commit && create project in symfony3. [Lang]
 
 

LICENSE

@@ -0,0 +1,124 @@
+GNU GENERAL PUBLIC LICENSE
+Version 3, 29 June 2007
+
+Copyright (C) 2026 SplendidBear (https://www.splendidbear.org)
+
+MineSeeker is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+MineSeeker is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+---
+
+TERMS AND CONDITIONS:
+
+0. Definitions.
+
+   "This License" refers to version 3 of the GNU General Public License.
+
+   "Copyright" also means copyright-like laws that apply to other kinds of works.
+
+   "The Program" refers to any copyrightable work licensed under this License.
+
+   "You" refers to each licensee.
+
+   "Legal entities" means the union of the acting entity and all other entities
+   that control, are controlled by, or are under common control with that entity.
+
+   "Modify" means to copy from or adapt all or part of the work in a fashion
+   requiring copyright permission, other than the making of an exact copy.
+
+1. Source Code.
+
+   The "source code" for a work means the preferred form of the work for making
+   modifications to it. "Object code" means any non-source form of a work.
+
+2. Basic Permissions.
+
+   All rights granted under this License are granted for the term of copyright
+   on the Program. You are granted all permissions necessary to run, modify and
+   propagate covered works by this License.
+
+3. Copyleft - Derivative Works.
+
+   If you modify the Program, your modified version must:
+
+   - Carry prominent notices stating that you have modified it
+   - License the entire work under this License or a compatible license
+   - Make the source code available to recipients
+   - Preserve all notices of previous licensing
+
+4. Conveying Verbatim Copies.
+
+   You may convey verbatim copies of the Program's source code as you receive it,
+   provided that you:
+
+   - Keep intact all notices of authorship and licensing
+   - Give recipients access to the source code along with this License
+   - Do not modify anything except the License itself
+
+5. Conveying Modified Source Versions.
+
+   You may convey a work based on the Program under this License provided that:
+
+   - The work must be licensed as a whole under this License
+   - You must give prominent notice of any modifications
+   - You must provide access to the Corresponding Source code
+   - You preserve all licensing notices
+
+6. Conveying Non-Source Forms.
+
+   If you convey object code or compiled versions, you must also provide:
+
+   - The Corresponding Source code (in machine-readable form)
+   - A notice of the terms under which it is licensed
+
+7. Additional Terms.
+
+   No additional restrictions may be placed on the exercise of the rights
+   granted or affirmed under this License.
+
+8. Disclaimer of Warranty.
+
+   THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
+   APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
+   HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
+   OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
+   THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+   PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
+   IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
+   ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+9. Limitation of Liability.
+
+   IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+   WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
+   THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING
+   ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF
+   THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS
+   OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR
+   THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
+   EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
+   SUCH DAMAGES.
+
+---
+
+For the complete GPL-3.0-or-later license text, visit:
+https://www.gnu.org/licenses/gpl-3.0.html
+
+For more information about GNU GPL, visit:
+https://www.gnu.org/licenses/
+
+MineSeeker is a multiplayer minesweeper game inspired by MSN Messenger's game.
+Project: https://www.mineseeker.hu
+Author: SplendidBear (https://www.splendidbear.org)
+
+

Makefile

@@ -1,4 +1,4 @@
-.PHONY: help start start-build stop build down ps logs prune-everything db-reset mercure-jwt
+.PHONY: help start start-build stop build down ps logs prune-everything db-reset mercure-jwt cache-clear og-cache-clear
 
 .DEFAULT_GOAL := help
 
@@ -11,6 +11,9 @@ help:
 	@echo "  make down                - Stop and remove containers/networks"
 	@echo "  make prune-everything    - Prune volumes, networks and images (DANGEROUS!)"
 	@echo "  make db-reset            - Reset the database (drop, create, migrate) (DANGEROUS!)"
+	@echo "  make ccp                 - Clear the production cache"
+	@echo "  make cache-clear         - Clear all caches (Vite, Symfony, node_modules)"
+	@echo "  make og-cache-clear      - Clear Open Graph cache only"
 
 start:
 	docker compose up -d
@@ -51,3 +54,31 @@ db-reset:
 	bin/console doctrine:database:drop --force --if-exists --no-interaction
 	bin/console doctrine:database:create --if-not-exists --no-interaction
 	bin/console doctrine:migrations:migrate --no-interaction
+
+ccp:
+	bin/console cache:clear --no-warmup --env=prod
+
+cache-clear:
+	@echo "Clearing all caches..."
+	@rm -rf node_modules/.vite
+	@rm -rf .vite
+	@rm -rf var/og-cache
+	@php bin/console cache:clear --no-warmup
+	@echo "✓ Vite cache cleared"
+	@echo "✓ OG cache cleared"
+	@echo "✓ Symfony cache cleared"
+	@echo ""
+	@echo "Rebuilding assets..."
+	@bun run build
+	@echo ""
+	@echo "✓ All caches cleared and assets rebuilt!"
+	@echo "  Next step: Refresh browser with Ctrl+Shift+R"
+
+og-cache-clear:
+	@echo "Clearing Open Graph cache..."
+	@rm -rf var/og-cache
+	@echo "✓ OG cache cleared!"
+	@echo "  Battle card images will be regenerated on next access"
+
+
+

README.md

@@ -287,6 +287,14 @@ git push origin v2026.01
 
 ---
 
+## Game Documentation
+
+For detailed information about game mechanics, bonus systems, and scoring rules, see the [docs](./docs/) directory:
+
+- **[Bonus Points System](./docs/game-mechanics/BONUS_POINTS_SYSTEM.md)** — Complete reference for all bonus point types, calculation rules, and implementation details
+
+---
+
 ## License
 
 LGPL-3.0 — see [LICENSE](LICENSE) for details.

assets/css/_fontawesome-config.scss

@@ -7,9 +7,4 @@
  * file that was distributed with this source code.
  */
 
-$font-path: "/build/webfonts";
+@import '@fortawesome/fontawesome-free/css/all.min.css';
-
-@import '@fortawesome/fontawesome-free/scss/fontawesome';
-@import '@fortawesome/fontawesome-free/scss/brands';
-@import '@fortawesome/fontawesome-free/scss/solid';
-@import '@fortawesome/fontawesome-free/scss/regular';

assets/css/homepage/_auth-bar.scss

@@ -1,14 +1,15 @@
-.hero-auth {
+#hero-auth {
-    position: absolute;
+  padding: 20px;
-    top: 28px;
+
-    right: 36px;
+  .hero-auth {
     display: flex;
     align-items: center;
+    justify-content: flex-end;
     gap: 10px;
     z-index: 10;
-}
+  }
 
-.hero-auth-user {
+  .hero-auth-user {
     font: 600 13px 'Rajdhani', sans-serif;
     color: rgba(149, 207, 245, 0.75);
     letter-spacing: 0.5px;
@@ -17,6 +18,13 @@
     gap: 6px;
 
     i { font-size: 15px; }
+  }
+
+  @media screen and (max-width: 1100px) {
+    .hero-auth {
+      justify-content: center;
+    }
+  }
 }
 
 .hero-auth-btn {

assets/css/homepage/_content.scss

@@ -32,4 +32,12 @@ main div.txt a {
     transition: color 180ms;
 
     &:hover { color: #c5e8ff; }
-}
+}
+
+main div.txt img {
+  border-radius: 10px;
+}
+
+main div.txt .img-container {
+  text-align: center;
+}

assets/css/homepage/_footer.scss

@@ -14,7 +14,6 @@ footer {
     gap: 40px;
 }
 
-// Left: brand block
 .footer-brand {
     display: flex;
     flex-direction: column;
@@ -55,7 +54,6 @@ footer {
     line-height: 1.5;
 }
 
-// Right: navigation
 .footer-nav-label {
     font: 700 11px 'Rajdhani', sans-serif;
     text-transform: uppercase;
@@ -91,7 +89,6 @@ footer {
     }
 }
 
-// Bottom copyright bar
 .footer-copy {
     border-top: 1px solid rgba(255, 255, 255, 0.05);
     padding: 16px 60px;
@@ -112,4 +109,4 @@ footer {
 
         &:hover { color: #95cff5; }
     }
-}
+}

assets/css/homepage/_profile.scss

@@ -210,11 +210,43 @@
     }
   }
 
-  &--best {
+  &--bonus {
-    border-color: rgba(255, 215, 0, 0.15);
+    border-color: rgba(255, 215, 0, 0.18);
 
     &:hover {
-      border-color: rgba(255, 215, 0, 0.4);
+      border-color: rgba(255, 215, 0, 0.45);
+    }
+  }
+
+  &--avg-bonus {
+    border-color: rgba(230, 184, 60, 0.18);
+
+    &:hover {
+      border-color: rgba(230, 184, 60, 0.45);
+    }
+  }
+
+  &--chain {
+    border-color: rgba(94, 232, 154, 0.15);
+
+    &:hover {
+      border-color: rgba(94, 232, 154, 0.4);
+    }
+  }
+
+  &--blind {
+    border-color: rgba(255, 140, 90, 0.15);
+
+    &:hover {
+      border-color: rgba(255, 140, 90, 0.4);
+    }
+  }
+
+  &--edge {
+    border-color: rgba(168, 210, 255, 0.15);
+
+    &:hover {
+      border-color: rgba(168, 210, 255, 0.4);
     }
   }
 }
@@ -248,8 +280,24 @@
     color: rgba(80, 200, 220, 0.35);
   }
 
-  .profile-stat--best & {
+  .profile-stat--bonus & {
-    color: rgba(255, 215, 0, 0.3);
+    color: rgba(255, 215, 0, 0.35);
+  }
+
+  .profile-stat--avg-bonus & {
+    color: rgba(230, 184, 60, 0.3);
+  }
+
+  .profile-stat--chain & {
+    color: rgba(94, 232, 154, 0.3);
+  }
+
+  .profile-stat--blind & {
+    color: rgba(255, 140, 90, 0.3);
+  }
+
+  .profile-stat--edge & {
+    color: rgba(168, 210, 255, 0.3);
   }
 }
 
@@ -289,9 +337,25 @@
     color: #50c8dc;
   }
 
-  .profile-stat--best & {
+  .profile-stat--bonus & {
     color: #ffd700;
   }
+
+  .profile-stat--avg-bonus & {
+    color: #e6b83c;
+  }
+
+  .profile-stat--chain & {
+    color: #5ee89a;
+  }
+
+  .profile-stat--blind & {
+    color: #ff8c5a;
+  }
+
+  .profile-stat--edge & {
+    color: #a8d2ff;
+  }
 }
 
 .profile-stat__label {
@@ -371,7 +435,7 @@
 
 .profile-game {
   display: grid;
-  grid-template-columns: 26px 76px 22px 1fr 18px auto;
+  grid-template-columns: 60px 76px 22px 1fr 18px auto;
   align-items: center;
   gap: 10px;
   padding: 11px 16px;
@@ -400,17 +464,27 @@
   &--draw {
     border-left-color: rgba(149, 207, 245, 0.25);
   }
+
+  &--ongoing {
+    border-left-color: rgba(255, 193, 7, 0.4);
+    opacity: 0.85;
+  }
 }
 
 .profile-game__badge {
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 20px;
+  width: 100%;
+  min-width: 0;
   height: 20px;
   border-radius: 4px;
   font: 800 10px 'Rajdhani', sans-serif;
   letter-spacing: 0;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  gap: 4px;
 
   .profile-game--win & {
     background: rgba(42, 158, 96, 0.18);
@@ -426,12 +500,49 @@
     background: rgba(149, 207, 245, 0.1);
     color: rgba(149, 207, 245, 0.65);
   }
+
+  .profile-game--ongoing & {
+    background: rgba(255, 193, 7, 0.12);
+    color: #ffc107;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 6px;
+
+    &::before {
+      content: '';
+      display: inline-block;
+      width: 14px;
+      height: 14px;
+      border: 2px solid transparent;
+      border-top-color: #ffc107;
+      border-right-color: #ffc107;
+      border-radius: 50%;
+      animation: spin 1s linear infinite;
+      flex-shrink: 0;
+    }
+  }
+
+  .profile-game--abandoned & {
+    background: rgba(107, 114, 126, 0.18);
+    color: #6b727e;
+  }
+}
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
 }
 
 .profile-game__score {
   font: 700 14px 'Rajdhani', sans-serif;
   color: #fff;
   letter-spacing: 1px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
 }
 
 .profile-game__vs {
@@ -461,21 +572,23 @@
   letter-spacing: 0.5px;
   text-align: right;
   white-space: nowrap;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .profile-charts {
-  display: flex;
+  display: grid;
-  flex-wrap: wrap;
+  grid-template-columns: 1fr 1fr;
   gap: 20px;
 }
 
 .profile-chart-block {
-  flex: 1 1 300px;
+  min-width: 0;
   background: rgba(255, 255, 255, 0.03);
   border: 1px solid rgba(35, 111, 135, 0.2);
   border-radius: 10px;
   padding: 24px 20px 16px;
-  backdrop-filter: blur(4px);
   box-shadow: 0 8px 48px rgba(0, 0, 0, 0.4);
   display: flex;
   flex-direction: column;
@@ -484,12 +597,25 @@
   .profile-section__title {
     margin: 0;
   }
+
+  &--wide {
+    grid-column: 1 / -1;
+
+    .profile-chart-inner {
+      justify-content: stretch;
+      overflow: hidden;
+
+      > * {
+        width: 100% !important;
+      }
+    }
+  }
 }
 
 .profile-chart-inner {
   display: flex;
   justify-content: center;
-  overflow: auto;
+  overflow: hidden;
 
   svg text {
     font-family: 'Rajdhani', sans-serif !important;
@@ -564,6 +690,32 @@
   }
 }
 
+.bd-continue {
+  background: linear-gradient(135deg, rgba(42, 158, 96, 0.35) 0%, rgba(94, 232, 154, 0.35) 100%);
+  border: 1px solid rgba(94, 232, 154, 0.6);
+  border-radius: 6px;
+  color: #5ee89a;
+  height: 32px;
+  padding: 0 14px;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  cursor: pointer;
+  font: 700 11px 'Rajdhani', sans-serif;
+  text-transform: uppercase;
+  letter-spacing: 1.5px;
+  text-decoration: none;
+  transition: all 180ms ease;
+  white-space: nowrap;
+  box-shadow: 0 0 14px rgba(94, 232, 154, 0.25);
+
+  &:hover {
+    background: linear-gradient(135deg, rgba(42, 158, 96, 0.55) 0%, rgba(94, 232, 154, 0.55) 100%);
+    color: #fff;
+    box-shadow: 0 0 20px rgba(94, 232, 154, 0.45);
+  }
+}
+
 .bd-close {
   background: rgba(255, 255, 255, 0.05);
   border: 1px solid rgba(255, 255, 255, 0.1);
@@ -859,6 +1011,104 @@
   flex-wrap: wrap;
 }
 
+.bshare-bonus {
+  padding: 28px 28px 0;
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.bshare-bonus__title {
+  font: 700 13px 'Rajdhani', sans-serif;
+  text-transform: uppercase;
+  letter-spacing: 2px;
+  color: #ffd700;
+  margin-bottom: 20px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+
+  i { font-size: 14px; }
+}
+
+.bshare-bonus__grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 24px;
+  margin-bottom: 28px;
+}
+
+.bshare-bonus__player {
+  padding: 16px;
+  border-radius: 8px;
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  background: rgba(255, 255, 255, 0.02);
+
+  &--red {
+    border-color: rgba(246, 125, 82, 0.15);
+    background: rgba(246, 125, 82, 0.04);
+  }
+
+  &--blue {
+    border-color: rgba(149, 207, 245, 0.15);
+    background: rgba(149, 207, 245, 0.04);
+  }
+}
+
+.bshare-bonus__header {
+  display: flex;
+  align-items: baseline;
+  gap: 8px;
+  margin-bottom: 16px;
+  padding-bottom: 12px;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.bshare-bonus__points {
+  font: 700 24px 'Rajdhani', sans-serif;
+  background: linear-gradient(135deg, #ffd700, #ffed4e);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+}
+
+.bshare-bonus__label {
+  font: 700 11px 'Rajdhani', sans-serif;
+  text-transform: uppercase;
+  letter-spacing: 1px;
+  color: rgba(255, 215, 0, 0.7);
+}
+
+.bshare-bonus__stats {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.bshare-bonus__stat {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 12px;
+  gap: 8px;
+}
+
+.bshare-bonus__stat-label {
+  color: rgba(255, 255, 255, 0.6);
+  font: 500 11px 'Rajdhani', sans-serif;
+  text-transform: capitalize;
+}
+
+.bshare-bonus__stat-value {
+  font: 700 13px 'Rajdhani', sans-serif;
+  color: rgba(255, 215, 0, 0.9);
+  min-width: 24px;
+  text-align: right;
+}
+
+.bshare-bonus__stat--empty {
+  color: rgba(255, 255, 255, 0.4);
+  font-size: 11px;
+}
+
 .bshare-btn {
   display: inline-flex;
   align-items: center;

assets/css/homepage/_responsive.scss

@@ -24,6 +24,10 @@
         grid-template-columns: repeat(2, 1fr);
     }
 
+    .profile-charts {
+        grid-template-columns: 1fr;
+    }
+
     .profile-header {
         flex-direction: column;
         text-align: center;
@@ -97,4 +101,4 @@
         font-size: 20px;
         letter-spacing: 4px;
     }
-}
+}

assets/css/mineseeker/_base.scss

@@ -17,7 +17,6 @@ main {
 }
 
 .mine-container {
-    background: url("/images/bg-mineseeker-0-outbg.jpg") no-repeat;
     background-size: cover;
     display: flex;
     justify-content: center;
@@ -54,4 +53,4 @@ main {
 
     -webkit-border-radius: 10px;
     border-radius: 10px;
-}
+}

assets/css/mineseeker/_bonus-box.scss

@@ -0,0 +1,250 @@
+/*!*
+ * This file is part of the SplendidBear Websites' projects.
+ *
+ * Copyright (c) 2026 @ www.splendidbear.org
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+#mine-wrapper .bonus-box {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 6px;
+    min-width: 58px;
+    padding: 6px 12px;
+    border-radius: 8px;
+    border: 2px solid transparent;
+    background: #07090d;
+    font-family: 'Rajdhani', sans-serif;
+    font-weight: bold;
+    cursor: pointer;
+    transition: all 0.25s ease;
+    align-self: stretch;
+
+    &:hover {
+        transform: translateY(-1px);
+        filter: brightness(1.15);
+    }
+
+    &:active {
+        transform: translateY(0);
+    }
+}
+
+#mine-wrapper .bonus-box.red-bonus {
+    background: linear-gradient(to bottom, #2a0502 0%, #4a1510 100%);
+    border-color: rgba(246, 125, 82, 0.4);
+    color: rgba(246, 125, 82, 0.85);
+
+    &:hover {
+        border-color: rgba(246, 125, 82, 0.85);
+        box-shadow: 0 0 12px rgba(173, 10, 5, 0.6);
+    }
+}
+
+#mine-wrapper .bonus-box.blue-bonus {
+    background: linear-gradient(to bottom, #050f18 0%, #0f2838 100%);
+    border-color: rgba(149, 207, 245, 0.4);
+    color: rgba(149, 207, 245, 0.85);
+
+    &:hover {
+        border-color: rgba(149, 207, 245, 0.85);
+        box-shadow: 0 0 12px rgba(35, 111, 135, 0.6);
+    }
+}
+
+#mine-wrapper .bonus-box__icon {
+    font-size: 13px;
+    opacity: 0.9;
+}
+
+#mine-wrapper .bonus-box__value {
+    font-family: 'Courier New', monospace;
+    font-size: 16px;
+    letter-spacing: 1px;
+}
+
+.bsd {
+    display: flex;
+    flex-direction: column;
+    font-family: 'Rajdhani', sans-serif;
+}
+
+.bsd-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 18px 22px 14px;
+    border-bottom: 1px solid rgba(35, 111, 135, 0.3);
+}
+
+.bsd-header-text {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+}
+
+.bsd-label {
+    font-size: 11px;
+    letter-spacing: 2px;
+    color: rgba(149, 207, 245, 0.7);
+    text-transform: uppercase;
+}
+
+.bsd-title {
+    margin: 0;
+    font-size: 20px;
+    font-weight: 700;
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    color: #fff;
+
+    .fa {
+        color: #f6d572;
+    }
+}
+
+.bsd-close {
+    background: transparent;
+    border: 1px solid rgba(35, 111, 135, 0.4);
+    border-radius: 6px;
+    color: rgba(255, 255, 255, 0.7);
+    width: 32px;
+    height: 32px;
+    cursor: pointer;
+    transition: all 0.2s ease;
+
+    &:hover {
+        color: #fff;
+        border-color: rgba(149, 207, 245, 0.8);
+    }
+}
+
+.bsd-body {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 14px;
+    padding: 18px 22px;
+}
+
+.bsd-column {
+    border-radius: 10px;
+    padding: 14px;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.02);
+}
+
+.bsd-column--red {
+    border-color: rgba(246, 125, 82, 0.35);
+    background: linear-gradient(to bottom, rgba(74, 6, 3, 0.35), rgba(107, 37, 21, 0.15));
+}
+
+.bsd-column--blue {
+    border-color: rgba(149, 207, 245, 0.35);
+    background: linear-gradient(to bottom, rgba(11, 37, 48, 0.35), rgba(22, 61, 85, 0.15));
+}
+
+.bsd-column-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 10px;
+    padding-bottom: 10px;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.bsd-column-name {
+    font-weight: 700;
+    font-size: 16px;
+    color: #fff;
+}
+
+.bsd-column-total {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    font-family: 'Courier New', monospace;
+    font-size: 18px;
+    font-weight: 700;
+    color: #f6d572;
+
+    .fa {
+        font-size: 14px;
+    }
+}
+
+.bsd-stats {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.bsd-stat {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 10px;
+    padding: 6px 2px;
+    border-bottom: 1px dashed rgba(255, 255, 255, 0.06);
+
+    &:last-child {
+        border-bottom: none;
+    }
+}
+
+.bsd-stat-text {
+    display: flex;
+    flex-direction: column;
+    gap: 1px;
+    min-width: 0;
+}
+
+.bsd-stat-label {
+     font-size: 13px;
+     font-weight: 600;
+     color: rgba(255, 255, 255, 0.92);
+     overflow: hidden;
+     text-overflow: ellipsis;
+     white-space: nowrap;
+ }
+
+.bsd-stat-desc {
+     font-size: 11px;
+     color: rgba(255, 255, 255, 0.48);
+     line-height: 1.25;
+     overflow: hidden;
+     text-overflow: ellipsis;
+     display: -webkit-box;
+     -webkit-line-clamp: 2;
+     -webkit-box-orient: vertical;
+ }
+
+.bsd-stat-value {
+    font-family: 'Courier New', monospace;
+    font-size: 16px;
+    font-weight: 700;
+    color: #fff;
+    min-width: 24px;
+    text-align: right;
+}
+
+.bsd-note {
+    margin: 0;
+    padding: 12px 22px 18px;
+    font-size: 12px;
+    color: rgba(255, 255, 255, 0.45);
+    text-align: center;
+    font-style: italic;
+}
+
+@media (max-width: 520px) {
+    .bsd-body {
+        grid-template-columns: 1fr;
+    }
+}

assets/css/mineseeker/_grid.scss

@@ -78,8 +78,6 @@
 }
 
 #mine-wrapper .grid .field-wrapper .field .field-corner {
-    background: url('/images/bg-corner-outbg.png') no-repeat top left;
-    background-size: 100%;
     width: 100%;
     height: 100%;
 }
@@ -206,4 +204,4 @@
 
 #mine-wrapper .grid .field-wrapper .field img {
     width: 80%;
-}
+}

assets/css/mineseeker/_overlay.scss

@@ -21,21 +21,23 @@
 }
 
 #mine-wrapper .game-wrapper .game-overlay .game-overlay-window {
-  background: linear-gradient(135deg, rgba(7, 9, 13, 0.98) 0%, rgba(10, 20, 35, 0.98) 100%);
+   background: linear-gradient(135deg, rgba(7, 9, 13, 0.98) 0%, rgba(10, 20, 35, 0.98) 100%);
-  border: 2px solid rgba(35, 111, 135, 0.4);
+   border: 2px solid rgba(35, 111, 135, 0.4);
-  backdrop-filter: blur(12px);
+   backdrop-filter: blur(12px);
-  font-family: 'Rajdhani', sans-serif;
+   font-family: 'Rajdhani', sans-serif;
-  color: #fff;
+   color: #fff;
-  width: 100%;
+   width: 100%;
-  max-width: 680px;
+   max-width: 680px;
-  padding: 40px;
+   padding: 40px;
-  border-radius: 16px;
+   border-radius: 16px;
-  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.7), 0 0 40px rgba(35, 111, 135, 0.15);
+   box-shadow: 0 25px 50px rgba(0, 0, 0, 0.7), 0 0 40px rgba(35, 111, 135, 0.15);
-  display: flex;
+   display: flex;
-  flex-direction: column;
+   flex-direction: column;
-  gap: 0;
+   gap: 0;
-  animation: slideUp 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
+   animation: slideUp 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
-}
+   overflow: hidden;
+   max-height: 90vh;
+ }
 
 @keyframes slideUp {
   from {
@@ -49,12 +51,17 @@
 }
 
 #mine-wrapper .game-wrapper .game-overlay .game-overlay-window h1 {
-  font-weight: 800;
+   font-weight: 800;
-  font-size: 32px;
+   font-size: 32px;
-  color: #fff;
+   color: #fff;
-  margin: 0 0 50px 0;
+   margin: 0 0 50px 0;
-  letter-spacing: 1px;
+   letter-spacing: 1px;
-}
+   overflow: hidden;
+   text-overflow: ellipsis;
+   display: -webkit-box;
+   -webkit-line-clamp: 2;
+   -webkit-box-orient: vertical;
+ }
 
 #mine-wrapper .game-wrapper .game-overlay .game-overlay-window h2 {
   font-size: 14px;
@@ -183,6 +190,10 @@
   width: 100%;
   animation: fadeInUp 0.6s ease-out 0.2s both;
 
+  &.waiting-options--invite-only {
+    grid-template-columns: 1fr;
+  }
+
   @media (max-width: 600px) {
     grid-template-columns: 1fr;
     gap: 20px;
@@ -259,12 +270,17 @@
 }
 
 .waiting-option-desc {
-  font: 600 12px 'Rajdhani', sans-serif;
+   font: 600 12px 'Rajdhani', sans-serif;
-  color: rgba(149, 207, 245, 0.75);
+   color: rgba(149, 207, 245, 0.75);
-  margin: 0;
+   margin: 0;
-  letter-spacing: 0.4px;
+   letter-spacing: 0.4px;
-  line-height: 1.4;
+   line-height: 1.4;
-}
+   overflow: hidden;
+   text-overflow: ellipsis;
+   display: -webkit-box;
+   -webkit-line-clamp: 3;
+   -webkit-box-orient: vertical;
+ }
 
 .waiting-divider {
   display: flex;
@@ -527,6 +543,19 @@
    }
 }
 
+#mine-wrapper .game-wrapper .game-overlay .game-overlay-window .game-overlay-actions {
+   display: flex;
+   align-items: stretch;
+   gap: 12px;
+   margin-top: 20px;
+   width: 100%;
+
+   > * {
+     flex: 1 1 0;
+     margin-top: 0 !important;
+   }
+}
+
 #mine-wrapper .game-wrapper .game-overlay .game-overlay-window .game-overlay-share {
    display: flex;
    align-items: center;
@@ -590,3 +619,153 @@
    }
 }
 
+#mine-wrapper .game-wrapper .game-overlay .game-overlay-window .game-overlay-profile {
+   display: flex;
+   align-items: center;
+   justify-content: center;
+   gap: 9px;
+   background: linear-gradient(to bottom, #1a6844 0%, #135233 100%);
+   border: 2px solid #2a9e60;
+   color: #d0ffe0;
+   font-family: 'Rajdhani', sans-serif;
+   font-size: 13px;
+   font-weight: 800;
+   letter-spacing: 1px;
+   text-transform: uppercase;
+   padding: 12px 24px;
+   border-radius: 8px;
+   cursor: pointer;
+   transition: all 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
+   width: 100%;
+   margin-top: 20px;
+   position: relative;
+   overflow: hidden;
+   box-shadow: 0 4px 12px rgba(42, 158, 96, 0.25);
+   text-decoration: none;
+   z-index: 10;
+
+   &::before {
+     content: '';
+     position: absolute;
+     top: 0;
+     left: -100%;
+     width: 100%;
+     height: 100%;
+     background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
+     transition: left 0.4s ease;
+   }
+
+   &:hover {
+     background: linear-gradient(to bottom, #238f5c 0%, #1a6844 100%);
+     border-color: #5ee89a;
+     color: #fff;
+     box-shadow: 0 8px 24px rgba(42, 158, 96, 0.4);
+     transform: translateY(-2px);
+
+     &::before {
+       left: 100%;
+     }
+   }
+
+   &:active {
+     transform: translateY(0);
+   }
+
+   i {
+     font-size: 15px;
+   }
+}
+
+// CaptchaOverlay Styles
+.captcha-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(7, 9, 13, 0.95);
+  backdrop-filter: blur(8px);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1000;
+}
+
+.captcha-content {
+  text-align: center;
+  color: #fff;
+  max-width: 400px;
+  padding: 40px;
+}
+
+.captcha-icon {
+  font-size: 64px;
+  color: #236f87;
+  margin-bottom: 24px;
+}
+
+.captcha-title {
+  font: 800 32px 'Rajdhani', sans-serif;
+  margin: 0 0 16px;
+  letter-spacing: 1px;
+}
+
+.captcha-description {
+  color: rgba(149, 207, 245, 0.7);
+  font: 400 16px 'Rajdhani', sans-serif;
+  margin: 0 0 32px;
+  letter-spacing: 0.5px;
+}
+
+.captcha-button {
+  background: linear-gradient(#236f87 0%, #1a5068 100%);
+  border: 2px solid #2e7a9a;
+  border-radius: 8px;
+  color: #e0f4ff;
+  cursor: pointer;
+  font: 800 18px 'Rajdhani', sans-serif;
+  letter-spacing: 2px;
+  padding: 16px 40px;
+  text-transform: uppercase;
+  transition: all 0.3s ease;
+  display: inline-flex;
+  align-items: center;
+  gap: 12px;
+  opacity: 1;
+
+  i {
+    font-size: 16px;
+  }
+
+  &:disabled {
+    opacity: 0.7;
+    cursor: wait;
+  }
+
+  &:hover:not(:disabled) {
+    background: linear-gradient(#2d8aa8 0%, #236f87 100%);
+    border-color: #5ba4d4;
+    color: #fff;
+    box-shadow: 0 8px 24px rgba(35, 111, 135, 0.4);
+    transform: translateY(-2px);
+  }
+
+  &:active:not(:disabled) {
+    transform: translateY(0);
+  }
+
+  &.captcha-button--error {
+    background: linear-gradient(#8a2323 0%, #681a1a 100%);
+    border-color: #9a2e2e;
+
+    &:hover {
+      background: linear-gradient(#a82d2d 0%, #872323 100%);
+      border-color: #d45b5b;
+      box-shadow: 0 8px 24px rgba(135, 35, 35, 0.4);
+    }
+  }
+
+  &.captcha-button--loading {
+    opacity: 0.7;
+  }
+}

assets/css/mineseeker/_users.scss

@@ -100,16 +100,18 @@
 }
 
 #mine-wrapper .game-wrapper .users .user-container .user-name {
-    min-height: 30px;
+     min-height: 30px;
-    font-weight: normal;
+     font-weight: normal;
-    text-align: center;
+     text-align: center;
-    white-space: nowrap;
+     white-space: nowrap;
-    text-overflow: ellipsis;
+     text-overflow: ellipsis;
-    padding: 3px 0;
+     padding: 3px 5px;
-    margin: 0 5px;
+     margin: 0;
 
-    overflow: hidden;
+     overflow: hidden;
-}
+     word-break: break-word;
+     max-width: 100%;
+ }
 
 #mine-wrapper .game-wrapper .users .user-container.user-blue .user-name {
     border-top: 1px dashed #0b3776;
@@ -139,10 +141,17 @@
 }
 
 #mine-wrapper .game-wrapper .users .user-container .user-desc {
-    height: 65px;
+     height: 65px;
-    font-size: 14px;
+     font-size: 14px;
-    text-align: center;
+     text-align: center;
-}
+     overflow: hidden;
+     text-overflow: ellipsis;
+     display: -webkit-box;
+     -webkit-line-clamp: 3;
+     -webkit-box-orient: vertical;
+     word-break: break-word;
+     padding: 0 5px;
+ }
 
 #mine-wrapper .game-wrapper .users .user-container.user-blue .user-desc {
     color: #0b3776;
@@ -150,4 +159,4 @@
 
 #mine-wrapper .game-wrapper .users .user-container.user-red .user-desc {
     color: #fdf612;
-}
+}

assets/css/style.layout.scss

@@ -320,7 +320,6 @@ footer nav ul li {
 }
 
 footer nav ul li:nth-child(even) {
-  width: 50px;
   text-align: center;
 }
 
@@ -401,8 +400,4 @@ footer nav ul li a:hover {
   footer nav ul li {
     display: block;
   }
-
-  footer nav ul li:nth-child(even) {
-    display: none;
-  }
 }

assets/css/style.mineseeker.scss

@@ -19,5 +19,6 @@
 @import 'mineseeker/grid';
 @import 'mineseeker/back-button';
 @import 'mineseeker/timer';
+@import 'mineseeker/bonus-box';
 @import 'mineseeker/responsive';
 @import 'mineseeker/waiting-dialog';

assets/js/app.jsx

@@ -17,5 +17,6 @@ createRoot(wrapper).render(
   <MineSeeker
     env={wrapper.dataset.env}
     gameId={wrapper.dataset.gameId}
+    opponentName={wrapper.dataset.opponentName || ''}
   />,
 );

assets/js/components/BattleDialog.jsx

@@ -1,6 +1,9 @@
 import React, { useEffect, useState } from 'react';
 import Dialog from '@mui/material/Dialog';
 import { createTheme, ThemeProvider } from '@mui/material/styles';
+import Avatar from './battle-dialog/Avatar';
+import StatRow from './battle-dialog/StatRow';
+import BonusPoints from './battle-dialog/BonusPoints';
 
 const darkTheme = createTheme({ palette: { mode: 'dark' } });
 
@@ -50,102 +53,6 @@ const RESULT_META = {
   },
 };
 
-function Avatar({ name, color, avatarUrl }) {
-  const isRed = 'red' === color;
-  const initials = (name || '?').slice(0, 2).toUpperCase();
-
-  const gradient = isRed
-    ? 'linear-gradient(135deg, rgba(173,10,5,0.6) 0%, rgba(246,125,82,0.4) 100%)'
-    : 'linear-gradient(135deg, rgba(35,111,135,0.6) 0%, rgba(41,128,185,0.4) 100%)';
-  const glow = isRed
-    ? '0 0 0 3px rgba(173,10,5,0.2), 0 0 28px rgba(173,10,5,0.35)'
-    : '0 0 0 3px rgba(35,111,135,0.2), 0 0 28px rgba(35,111,135,0.35)';
-  const border = isRed
-    ? 'rgba(173,10,5,0.5)'
-    : 'rgba(35,111,135,0.5)';
-  const textColor = isRed ? '#f67d52' : '#95cff5';
-
-  return (
-    <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 10 }}>
-      <div style={{
-        width: 72, height: 72, borderRadius: '50%',
-        background: avatarUrl ? 'transparent' : gradient,
-        border: `2px solid ${border}`,
-        boxShadow: glow,
-        display: 'flex', alignItems: 'center', justifyContent: 'center',
-        font: '800 24px \'Rajdhani\', sans-serif',
-        color: textColor,
-        letterSpacing: 2,
-        overflow: 'hidden',
-      }}
-      >
-        {avatarUrl ? (
-          <img
-            src={avatarUrl}
-            alt={name}
-            style={{
-              width: '100%',
-              height: '100%',
-              objectFit: 'cover',
-            }}
-          />
-        ) : (
-          initials
-        )}
-      </div>
-      <span style={{
-        font: '700 15px \'Rajdhani\', sans-serif',
-        color: textColor,
-        letterSpacing: 1,
-        maxWidth: 120, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap',
-        textAlign: 'center',
-      }}
-      >
-        {name}
-      </span>
-      <span style={{
-        font: '600 10px \'Rajdhani\', sans-serif',
-        textTransform: 'uppercase',
-        letterSpacing: 2,
-        color: 'rgba(255,255,255,0.3)',
-      }}
-      >
-        {isRed ? 'Red' : 'Blue'}
-      </span>
-    </div>
-  );
-}
-
-function StatRow({ icon, label, value, valueColor }) {
-  return (
-    <div style={{
-      display: 'flex', alignItems: 'center',
-      gap: 10, padding: '9px 0',
-      borderBottom: '1px solid rgba(255,255,255,0.05)',
-    }}
-    >
-      <i className={`fa ${icon}`} style={{ width: 16, color: 'rgba(149,207,245,0.4)', fontSize: 13 }} />
-      <span style={{
-        font: '500 13px \'Rajdhani\', sans-serif',
-        color: 'rgba(255,255,255,0.45)',
-        flex: 1,
-        letterSpacing: 0.5,
-      }}
-      >
-        {label}
-      </span>
-      <span style={{
-        font: '700 13px \'Rajdhani\', sans-serif',
-        color: valueColor || 'rgba(255,255,255,0.75)',
-        letterSpacing: 0.5,
-      }}
-      >
-        {value}
-      </span>
-    </div>
-  );
-}
-
 export default function BattleDialog({ games }) {
   const [open, setOpen] = useState(false);
   const [game, setGame] = useState(null);
@@ -171,10 +78,31 @@ export default function BattleDialog({ games }) {
 
   const meta = RESULT_META[game.result] ?? RESULT_META.draw;
   const resign = game.resign;
+  const maxPoints = Math.max(game.redPoints ?? 0, game.bluePoints ?? 0);
   const endReason = resign
     ? `${resign.charAt(0).toUpperCase() + resign.slice(1)} resigned`
-    : 'Points';
+    : 26 <= maxPoints ? 'Points' : 'Abandoned';
   const shareUrl = `${window.location.origin}/battle/${game.uuid}`;
+  const canContinue = !resign && 26 > maxPoints;
+  const playUrl = `${window.location.origin}/play/${game.uuid}`;
+
+  const formatDuration = (from, to) => {
+    if (!from || !to) return null;
+    const diffMs = new Date(to.replace(' ', 'T')) - new Date(from.replace(' ', 'T'));
+    if (isNaN(diffMs) || 0 >= diffMs) return null;
+    const totalSec = Math.floor(diffMs / 1000);
+    const h = Math.floor(totalSec / 3600);
+    const m = Math.floor((totalSec % 3600) / 60);
+    const s = totalSec % 60;
+    if (0 < h) return `${h}h ${m}m ${s}s`;
+    if (0 < m) return `${m}m ${s}s`;
+    return `${s}s`;
+  };
+  const duration = formatDuration(game.created, game.date);
+  const pointDiff = Math.abs((game.redPoints ?? 0) - (game.bluePoints ?? 0));
+  const winnerColor = (game.redPoints ?? 0) > (game.bluePoints ?? 0) ? '#f67d52'
+    : (game.bluePoints ?? 0) > (game.redPoints ?? 0) ? '#95cff5'
+      : 'rgba(255,255,255,0.45)';
 
   const handleShare = () => {
     navigator.clipboard.writeText(shareUrl).then(() => {
@@ -195,28 +123,66 @@ export default function BattleDialog({ games }) {
               </h2>
             </div>
             <div style={{ display: 'flex', gap: 8 }}>
-              <button
+              {canContinue ? (
-                className={`bd-share${copied ? ' bd-share--copied' : ''}`}
+                <a
-                onClick={handleShare}
+                  className="bd-continue"
-                aria-label="Copy share link"
+                  href={playUrl}
-                title="Copy share link"
+                  aria-label="Continue the game"
-              >
+                  title="Continue the game"
-                <i className={`fa ${copied ? 'fa-check' : 'fa-share-alt'}`} />
+                >
-                {copied ? 'Copied!' : 'Share'}
+                  <i className="fa fa-play" />
-              </button>
+                  Continue
+                </a>
+              ) : (
+                <button
+                  className={`bd-share${copied ? ' bd-share--copied' : ''}`}
+                  onClick={handleShare}
+                  aria-label="Copy share link"
+                  title="Copy share link"
+                >
+                  <i className={`fa ${copied ? 'fa-check' : 'fa-share-alt'}`} />
+                  {copied ? 'Copied!' : 'Share'}
+                </button>
+              )}
               <button className="bd-close" onClick={() => setOpen(false)} aria-label="Close">
                 <i className="fa fa-times" />
               </button>
             </div>
           </div>
           <div className="bd-vs-panel">
-            <Avatar name={game.redName} color="red" avatarUrl={game.redAvatar} />
+            <Avatar
+              name={game.redName} color="red" avatarUrl={game.redAvatar}
+              bonusPoints={game.redBonusPoints > game.blueBonusPoints ? game.redBonusPoints : 0}
+            />
             <div className="bd-vs-center">
               <div className="bd-vs-score">
                 <span className="bd-vs-score__red">{game.redPoints ?? '—'}</span>
                 <span className="bd-vs-score__sep">:</span>
                 <span className="bd-vs-score__blue">{game.bluePoints ?? '—'}</span>
               </div>
+              <div className="bd-vs-score" style={{ marginBottom: 8 }}>
+                <span style={{
+                  font: '700 13px \'Rajdhani\', sans-serif',
+                  color: '#f67d52',
+                  display: 'flex',
+                  alignItems: 'center',
+                  gap: 4,
+                }}
+                >
+                  <i className="fa fa-star" style={{ fontSize: 11 }} /> {(game.redBonusPoints ?? 0).toFixed(1)}
+                </span>
+                <span className="bd-vs-score__sep">:</span>
+                <span style={{
+                  font: '700 13px \'Rajdhani\', sans-serif',
+                  color: '#95cff5',
+                  display: 'flex',
+                  alignItems: 'center',
+                  gap: 4,
+                }}
+                >
+                  {(game.blueBonusPoints ?? 0).toFixed(1)} <i className="fa fa-star" style={{ fontSize: 11 }} />
+                </span>
+              </div>
               <div className="bd-vs-label">VS</div>
               <div
                 className="bd-result-badge"
@@ -225,25 +191,40 @@ export default function BattleDialog({ games }) {
                 <i className={`fa ${meta.icon}`} /> {meta.label}
               </div>
             </div>
-            <Avatar name={game.blueName} color="blue" avatarUrl={game.blueAvatar} />
+            <Avatar
+              name={game.blueName} color="blue" avatarUrl={game.blueAvatar}
+              bonusPoints={game.blueBonusPoints > game.redBonusPoints ? game.blueBonusPoints : 0}
+            />
           </div>
           <div className="bd-stats">
             <StatRow icon="fa-calendar" label="Date" value={game.date ?? '—'} />
+            {game.created && game.date && game.created !== game.date && (
+              <StatRow icon="fa-clock" label="Started" value={game.created} />
+            )}
+            {duration && (
+              <StatRow icon="fa-hourglass-half" label="Match duration" value={duration} />
+            )}
             <StatRow icon="fa-flag-checkered" label="End reason" value={endReason} />
+            {0 < pointDiff && (
+              <StatRow
+                icon="fa-balance-scale" label="Winning margin"
+                value={`${pointDiff} mine${1 === pointDiff ? '' : 's'}`} valueColor={winnerColor}
+              />
+            )}
             <StatRow
-              icon="fa-bomb" label="Red hit a mine"
+              icon="fa-bomb" label="Red used bomb"
               value={game.redExplodedBomb ? 'Yes' : 'No'}
               valueColor={game.redExplodedBomb ? '#f67d52' : 'rgba(255,255,255,0.45)'}
             />
             <StatRow
-              icon="fa-bomb" label="Blue hit a mine"
+              icon="fa-bomb" label="Blue used bomb"
               value={game.blueExplodedBomb ? 'Yes' : 'No'}
-              valueColor={game.blueExplodedBomb ? '#f67d52' : 'rgba(255,255,255,0.45)'}
+              valueColor={game.blueExplodedBomb ? '#95cff5' : 'rgba(255,255,255,0.45)'}
             />
-            {game.created && game.date && game.created !== game.date && (
-              <StatRow icon="fa-clock-o" label="Started" value={game.created} />
-            )}
           </div>
+          <BonusPoints
+            game={game}
+          />
         </div>
       </Dialog>
     </ThemeProvider>

assets/js/components/ProfileCharts.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { BarChart } from '@mui/x-charts/BarChart';
+import { LineChart } from '@mui/x-charts/LineChart';
 import { PieChart } from '@mui/x-charts/PieChart';
 import { createTheme, ThemeProvider } from '@mui/material/styles';
 
@@ -16,6 +17,8 @@ const darkTheme = createTheme({
 const WIN_COLOR = '#5ee89a';
 const LOSS_COLOR = '#f67d52';
 const DRAW_COLOR = '#95cff5';
+const MINES_COLOR = '#f67d52';
+const BONUS_COLOR = '#ffd700';
 
 const axisStyle = {
   tickLabelStyle: { fill: 'rgba(255,255,255,0.4)', fontSize: 11, fontFamily: '\'Rajdhani\', sans-serif' },
@@ -23,10 +26,12 @@ const axisStyle = {
 };
 
 export default function ProfileCharts({ chartData }) {
-  const { months, wins, losses, draws, pieWins, pieLosses, pieDraws } = chartData;
+  const { months, wins, losses, draws, pieWins, pieLosses, pieDraws, recentGames } = chartData;
   const total = pieWins + pieLosses + pieDraws;
 
   const hasBars = wins.some(v => 0 < v) || losses.some(v => 0 < v) || draws.some(v => 0 < v);
+  const hasRecent = recentGames
+    && (recentGames.mines?.some(v => 0 < v) || recentGames.bonus?.some(v => 0 < v));
 
   return (
     <ThemeProvider theme={darkTheme}>
@@ -97,6 +102,36 @@ export default function ProfileCharts({ chartData }) {
             </div>
           </div>
         )}
+
+        {hasRecent && (
+          <div className="profile-chart-block profile-chart-block--wide">
+            <h2 className="profile-section__title">
+              <i className="fa fa-line-chart" /> Last {recentGames.labels.length} games — mines & bonus
+            </h2>
+            <div className="profile-chart-inner">
+              <LineChart
+                xAxis={[{ scaleType: 'band', data: recentGames.labels, ...axisStyle }]}
+                yAxis={[{ ...axisStyle }]}
+                series={[
+                  { data: recentGames.mines, label: 'Mines hit', color: MINES_COLOR },
+                  { data: recentGames.bonus, label: 'Bonus points', color: BONUS_COLOR },
+                ]}
+                slotProps={{
+                  legend: {
+                    labelStyle: {
+                      fill: 'rgba(255,255,255,0.55)',
+                      fontSize: 13,
+                      fontFamily: '\'Rajdhani\', sans-serif',
+                    },
+                  },
+                }}
+                borderRadius={3}
+                height={220}
+                margin={{ top: 10, bottom: 30, left: 40, right: 140 }}
+              />
+            </div>
+          </div>
+        )}
       </div>
     </ThemeProvider>
   );

assets/js/components/battle-dialog/Avatar.jsx

@@ -0,0 +1,98 @@
+/**
+ * This file is part of the SplendidBear Websites' projects.
+ *
+ * Copyright (c) 2026 @ www.splendidbear.org
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+import React from 'react';
+
+export default function Avatar({ name, color, avatarUrl, bonusPoints = 0 }) {
+  const isRed = 'red' === color;
+  const initials = (name || '?').slice(0, 2).toUpperCase();
+
+  const gradient = isRed
+    ? 'linear-gradient(135deg, rgba(173,10,5,0.6) 0%, rgba(246,125,82,0.4) 100%)'
+    : 'linear-gradient(135deg, rgba(35,111,135,0.6) 0%, rgba(41,128,185,0.4) 100%)';
+  const glow = isRed
+    ? '0 0 0 3px rgba(173,10,5,0.2), 0 0 28px rgba(173,10,5,0.35)'
+    : '0 0 0 3px rgba(35,111,135,0.2), 0 0 28px rgba(35,111,135,0.35)';
+  const border = isRed
+    ? 'rgba(173,10,5,0.5)'
+    : 'rgba(35,111,135,0.5)';
+  const textColor = isRed ? '#f67d52' : '#95cff5';
+
+  return (
+    <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 10, position: 'relative' }}>
+      <div style={{ position: 'relative' }}>
+        <div style={{
+          width: 72, height: 72, borderRadius: '50%',
+          background: avatarUrl ? 'transparent' : gradient,
+          border: `2px solid ${border}`,
+          boxShadow: glow,
+          display: 'flex', alignItems: 'center', justifyContent: 'center',
+          font: '800 24px \'Rajdhani\', sans-serif',
+          color: textColor,
+          letterSpacing: 2,
+          overflow: 'hidden',
+        }}
+        >
+          {avatarUrl ? (
+            <img
+              src={avatarUrl}
+              alt={name}
+              style={{
+                width: '100%',
+                height: '100%',
+                objectFit: 'cover',
+              }}
+            />
+          ) : (
+            initials
+          )}
+        </div>
+        {0 < bonusPoints && (
+          <div style={{
+            position: 'absolute',
+            bottom: -6,
+            right: -6,
+            background: '#ffd700',
+            borderRadius: '50%',
+            width: 28,
+            height: 28,
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            boxShadow: '0 0 12px rgba(255, 215, 0, 0.6), 0 0 0 2px rgba(7, 9, 13, 1)',
+            border: '2px solid rgba(0,0,0,0.5)',
+            zIndex: 10,
+          }}
+          >
+            <i className="fa fa-star" style={{ color: '#000', fontSize: 14 }} />
+          </div>
+        )}
+      </div>
+      <span style={{
+        font: '700 15px \'Rajdhani\', sans-serif',
+        color: textColor,
+        letterSpacing: 1,
+        maxWidth: 120, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap',
+        textAlign: 'center',
+      }}
+      >
+        {name}
+      </span>
+      <span style={{
+        font: '600 10px \'Rajdhani\', sans-serif',
+        textTransform: 'uppercase',
+        letterSpacing: 2,
+        color: 'rgba(255,255,255,0.3)',
+      }}
+      >
+        {isRed ? 'Red' : 'Blue'}
+      </span>
+    </div>
+  );
+}

assets/js/components/battle-dialog/BonusPoints.jsx

@@ -0,0 +1,139 @@
+import { useMemo } from 'react';
+import StatRow from './StatRow';
+
+export default function BonusPoints({ game }) {
+  const hasBonuspoints = useMemo(
+    () => 0 < game?.redBonusPoints
+      || 0 < game?.blueBonusPoints
+      || game?.redBonusStats?.blindHits
+      || game?.blueBonusStats?.blindHits,
+    [
+      game?.blueBonusPoints,
+      game?.blueBonusStats?.blindHits,
+      game?.redBonusPoints,
+      game?.redBonusStats?.blindHits,
+    ],
+  );
+
+  const hasRedNoBonuses = useMemo(
+    () => !game.redBonusStats?.blindHits
+      && !game.redBonusStats?.chainBest
+      && !game.redBonusStats?.edgeMines
+      && !game.redBonusStats?.lastMineHits
+      && !game.redBonusStats?.biggestReveal,
+    [
+      game.redBonusStats?.biggestReveal,
+      game.redBonusStats?.blindHits,
+      game.redBonusStats?.chainBest,
+      game.redBonusStats?.edgeMines,
+      game.redBonusStats?.lastMineHits,
+    ],
+  );
+
+  const hasBlueNoBonuses = useMemo(
+    () => !game.blueBonusStats?.blindHits
+      && !game.blueBonusStats?.chainBest
+      && !game.blueBonusStats?.edgeMines
+      && !game.blueBonusStats?.lastMineHits
+      && !game.blueBonusStats?.biggestReveal,
+    [
+      game.blueBonusStats?.biggestReveal,
+      game.blueBonusStats?.blindHits,
+      game.blueBonusStats?.chainBest,
+      game.blueBonusStats?.edgeMines,
+      game.blueBonusStats?.lastMineHits,
+    ],
+  );
+
+  if (!hasBonuspoints) {
+    return '';
+  }
+
+  return (
+    <div style={{
+      padding: '16px 20px 0',
+      borderTop: '1px solid rgba(255,255,255,0.08)',
+      marginTop: 16,
+      marginBottom: 16,
+    }}
+    >
+      <div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 16 }}>
+        {/* Red Bonus */}
+        <div style={{
+          padding: 16,
+          border: '1px solid rgba(173,10,5,0.2)',
+          borderRadius: 6,
+          background: 'rgba(173,10,5,0.05)',
+        }}
+        >
+          <span style={{
+            font: '700 12px \'Rajdhani\', sans-serif',
+            textTransform: 'uppercase',
+            letterSpacing: 2,
+            color: '#ffd700',
+            display: 'block',
+            marginBottom: 12,
+          }}
+          >
+            <i className="fa fa-star" style={{ marginRight: 8 }} /> Red Bonus Statistics
+          </span>
+          <div style={{ display: 'flex', flexDirection: 'column', gap: 0 }}>
+            <StatRow
+              icon="fa-star" label="Total Bonus Points" value={(game.redBonusPoints ?? 0).toFixed(1)}
+              valueColor="#ffd700"
+            />
+            {0 < game.redBonusStats?.blindHits
+              && <StatRow icon="fa-bullseye" label="Blind hits" value={game.redBonusStats.blindHits} />}
+            {0 < game.redBonusStats?.chainBest
+              && <StatRow icon="fa-link" label="Best chain" value={game.redBonusStats.chainBest} />}
+            {0 < game.redBonusStats?.edgeMines
+              && <StatRow icon="fa-border-all" label="Edge mines" value={game.redBonusStats.edgeMines} />}
+            {0 < game.redBonusStats?.lastMineHits
+              && <StatRow icon="fa-hourglass-end" label="Endgame mines" value={game.redBonusStats.lastMineHits} />}
+            {0 < game.redBonusStats?.biggestReveal
+              && <StatRow icon="fa-expand" label="Biggest reveal" value={game.redBonusStats.biggestReveal} />}
+            {hasRedNoBonuses
+              && <StatRow icon="fa-minus-circle" label="Status" value="No bonuses" valueColor="rgba(255,255,255,0.3)" />}
+          </div>
+        </div>
+        <div style={{
+          padding: 16,
+          border: '1px solid rgba(149,207,245,0.2)',
+          borderRadius: 6,
+          background: 'rgba(149,207,245,0.05)',
+        }}
+        >
+          <span style={{
+            font: '700 12px \'Rajdhani\', sans-serif',
+            textTransform: 'uppercase',
+            letterSpacing: 2,
+            color: '#ffd700',
+            display: 'block',
+            marginBottom: 12,
+          }}
+          >
+            <i className="fa fa-star" style={{ marginRight: 8 }} /> Blue Bonus Statistics
+          </span>
+          <div style={{ display: 'flex', flexDirection: 'column', gap: 0 }}>
+            <StatRow
+              icon="fa-star" label="Total Bonus Points" value={(game.blueBonusPoints ?? 0).toFixed(1)}
+              valueColor="#ffd700"
+            />
+            {0 < game.blueBonusStats?.blindHits
+              && <StatRow icon="fa-bullseye" label="Blind hits" value={game.blueBonusStats.blindHits} />}
+            {0 < game.blueBonusStats?.chainBest
+              && <StatRow icon="fa-link" label="Best chain" value={game.blueBonusStats.chainBest} />}
+            {0 < game.blueBonusStats?.edgeMines
+              && <StatRow icon="fa-border-all" label="Edge mines" value={game.blueBonusStats.edgeMines} />}
+            {0 < game.blueBonusStats?.lastMineHits
+              && <StatRow icon="fa-hourglass-end" label="Endgame mines" value={game.blueBonusStats.lastMineHits} />}
+            {0 < game.blueBonusStats?.biggestReveal
+              && <StatRow icon="fa-expand" label="Biggest reveal" value={game.blueBonusStats.biggestReveal} />}
+            {hasBlueNoBonuses
+              && <StatRow icon="fa-minus-circle" label="Status" value="No bonuses" valueColor="rgba(255,255,255,0.3)" />}
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}

assets/js/components/battle-dialog/StatRow.jsx

@@ -0,0 +1,40 @@
+/**
+ * This file is part of the SplendidBear Websites' projects.
+ *
+ * Copyright (c) 2026 @ www.splendidbear.org
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+import React from 'react';
+
+export default function StatRow({ icon, label, value, valueColor }) {
+  return (
+    <div style={{
+      display: 'flex', alignItems: 'center',
+      gap: 10, padding: '9px 0',
+      borderBottom: '1px solid rgba(255,255,255,0.05)',
+    }}
+    >
+      <i className={`fa ${icon}`} style={{ width: 16, color: 'rgba(149,207,245,0.4)', fontSize: 13 }} />
+      <span style={{
+        font: '500 13px \'Rajdhani\', sans-serif',
+        color: 'rgba(255,255,255,0.45)',
+        flex: 1,
+        letterSpacing: 0.5,
+      }}
+      >
+        {label}
+      </span>
+      <span style={{
+        font: '700 13px \'Rajdhani\', sans-serif',
+        color: valueColor || 'rgba(255,255,255,0.75)',
+        letterSpacing: 0.5,
+      }}
+      >
+        {value}
+      </span>
+    </div>
+  );
+}

assets/js/mine-seeker/MineSeeker.jsx

@@ -14,7 +14,7 @@ import { GameBoard } from '@mine-components';
 
 const queryClient = new QueryClient();
 
-const MineSeeker = ({ env, gameId }) => {
+const MineSeeker = ({ env, gameId, opponentName = '' }) => {
   const isEnvDev = 'dev' === env;
   const gameAssoc = useRef('' !== gameId ? gameId : crypto.randomUUID()).current;
   const gameInherited = '' !== gameId;
@@ -25,6 +25,7 @@ const MineSeeker = ({ env, gameId }) => {
         <GameBoard
           gameAssoc={gameAssoc}
           gameInherited={gameInherited}
+          opponentName={opponentName}
           isEnvDev={isEnvDev}
         />
       </GameProvider>

assets/js/mine-seeker/components/BonusBox.jsx

@@ -0,0 +1,25 @@
+/**
+ * This file is part of the SplendidBear Websites' projects.
+ *
+ * Copyright (c) 2026 @ www.splendidbear.org
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+import React from 'react';
+
+const BonusBox = ({ color, points, onClick, title }) => (
+  <button
+    type="button"
+    className={`bonus-box ${color}-bonus`}
+    onClick={onClick}
+    title={title || 'View bonus statistics'}
+    aria-label={`${color} bonus points: ${points}`}
+  >
+    <i className="fa fa-star bonus-box__icon" />
+    <span className="bonus-box__value">{points}</span>
+  </button>
+);
+
+export default BonusBox;

assets/js/mine-seeker/components/BonusStatsDialog.jsx

@@ -0,0 +1,97 @@
+/**
+ * This file is part of the SplendidBear Websites' projects.
+ *
+ * Copyright (c) 2026 @ www.splendidbear.org
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+import React from 'react';
+import Dialog from '@mui/material/Dialog';
+import { BONUS_LABELS } from '@mine-utils';
+
+const DIALOG_SX = {
+  '& .MuiDialog-paper': {
+    background: '#07090d',
+    backgroundImage: `
+      linear-gradient(rgba(35, 111, 135, 0.08) 1px, transparent 1px),
+      linear-gradient(90deg, rgba(35, 111, 135, 0.08) 1px, transparent 1px)
+    `,
+    backgroundSize: '46px 46px',
+    border: '1px solid rgba(35, 111, 135, 0.4)',
+    borderRadius: '12px',
+    boxShadow: '0 0 80px rgba(35, 111, 135, 0.15), 0 32px 80px rgba(0, 0, 0, 0.9)',
+    width: '560px',
+    maxWidth: '94vw',
+    overflow: 'hidden',
+    color: '#fff',
+  },
+  '& .MuiBackdrop-root': {
+    background: 'rgba(2, 4, 8, 0.88)',
+    backdropFilter: 'blur(4px)',
+  },
+};
+
+const formatPlayerName = name => {
+  if (name && name.startsWith('anon_')) {
+    return 'Anonymous';
+  }
+
+  if (name && 10 < name.length) {
+    return name.substring(0, 7) + '...';
+  }
+
+  return name || 'Unknown';
+};
+
+const PlayerColumn = ({ color, player }) => (
+  <div className={`bsd-column bsd-column--${color}`}>
+    <div className="bsd-column-header">
+      <span className="bsd-column-name">{formatPlayerName(player.name)}</span>
+      <span className="bsd-column-total">
+        <i className="fa fa-star" />
+        {player.bonusPoints}
+      </span>
+    </div>
+    <ul className="bsd-stats">
+      {Object.entries(BONUS_LABELS).map(([key, { label, desc }]) => (
+        <li key={key} className="bsd-stat">
+          <div className="bsd-stat-text">
+            <span className="bsd-stat-label">{label}</span>
+            <span className="bsd-stat-desc">{desc}</span>
+          </div>
+          <span className="bsd-stat-value">{player.bonusStats?.[key] ?? 0}</span>
+        </li>
+      ))}
+    </ul>
+  </div>
+);
+
+const BonusStatsDialog = ({ open, onClose, red, blue }) => (
+  <Dialog open={open} onClose={onClose} sx={DIALOG_SX}>
+    <div className="bsd">
+      <div className="bsd-header">
+        <div className="bsd-header-text">
+          <span className="bsd-label">Scoring</span>
+          <h2 className="bsd-title">
+            <i className="fa fa-star" />
+            Bonus Statistics
+          </h2>
+        </div>
+        <button className="bsd-close" onClick={onClose} aria-label="Close">
+          <i className="fa fa-times" />
+        </button>
+      </div>
+      <div className="bsd-body">
+        <PlayerColumn color="red" player={red} />
+        <PlayerColumn color="blue" player={blue} />
+      </div>
+      <p className="bsd-note">
+        Bonus points are awarded alongside the main score for skillful play.
+      </p>
+    </div>
+  </Dialog>
+);
+
+export default BonusStatsDialog;

assets/js/mine-seeker/components/CaptchaOverlay.jsx

@@ -6,7 +6,8 @@
  * For the full copyright and license information, please view the LICENSE
  * file that was distributed with this source code.
  */
-import React, { useEffect, useState } from 'react';
+
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 
 const CAPTCHA_STORAGE_KEY = 'mineseeker_captcha_verified';
 const CAPTCHA_TOKEN_KEY = 'mineseeker_captcha_token';
@@ -17,6 +18,23 @@ const CaptchaOverlay = ({ siteKey, onVerified, children }) => {
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState(false);
 
+  const handleToken = useCallback(token => {
+    const wrapper = document.getElementById('mine-wrapper');
+    if (wrapper) {
+      wrapper.dataset.captchaToken = token;
+    }
+    sessionStorage.setItem(CAPTCHA_TOKEN_KEY, token);
+    sessionStorage.setItem(CAPTCHA_STORAGE_KEY, Date.now().toString());
+    setVerified(true);
+    onVerified?.();
+  }, [onVerified]);
+
+  const buttonClasses = useMemo(() => [
+    'captcha-button',
+    error && 'captcha-button--error',
+    loading && 'captcha-button--loading',
+  ].filter(Boolean).join(' '), [error, loading]);
+
   useEffect(() => {
     const storedToken = sessionStorage.getItem(CAPTCHA_TOKEN_KEY);
     const storedTime = sessionStorage.getItem(CAPTCHA_STORAGE_KEY);
@@ -46,18 +64,8 @@ const CaptchaOverlay = ({ siteKey, onVerified, children }) => {
           });
       });
     }
-  }, [siteKey, onVerified]);
+  }, [siteKey, onVerified, handleToken]);
 
-  const handleToken = token => {
-    const wrapper = document.getElementById('mine-wrapper');
-    if (wrapper) {
-      wrapper.dataset.captchaToken = token;
-    }
-    sessionStorage.setItem(CAPTCHA_TOKEN_KEY, token);
-    sessionStorage.setItem(CAPTCHA_STORAGE_KEY, Date.now().toString());
-    setVerified(true);
-    onVerified?.();
-  };
 
   const handleClick = () => {
     setLoading(true);
@@ -82,79 +90,18 @@ const CaptchaOverlay = ({ siteKey, onVerified, children }) => {
     return <>{children}</>;
   }
 
-  const overlayStyles = {
-    position: 'fixed',
-    top: 0,
-    left: 0,
-    width: '100%',
-    height: '100%',
-    background: 'rgba(7, 9, 13, 0.95)',
-    backdropFilter: 'blur(8px)',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    zIndex: 1000,
-  };
-
-  const contentStyles = {
-    textAlign: 'center',
-    color: '#fff',
-    maxWidth: '400px',
-    padding: '40px',
-  };
-
-  const iconStyles = {
-    fontSize: '64px',
-    color: '#236f87',
-    marginBottom: '24px',
-  };
-
-  const h1Styles = {
-    font: '800 32px Rajdhani, sans-serif',
-    margin: '0 0 16px',
-    letterSpacing: '1px',
-  };
-
-  const pStyles = {
-    color: 'rgba(149, 207, 245, 0.7)',
-    font: '400 16px Rajdhani, sans-serif',
-    margin: '0 0 32px',
-    letterSpacing: '0.5px',
-  };
-
-  const buttonStyles = {
-    background: error
-      ? 'linear-gradient(#8a2323 0%, #681a1a 100%)'
-      : loading
-        ? 'linear-gradient(#236f87 0%, #1a5068 100%)'
-        : 'linear-gradient(#236f87 0%, #1a5068 100%)',
-    border: `2px solid ${error ? '#9a2e2e' : loading ? '#2e7a9a' : '#2e7a9a'}`,
-    borderRadius: '8px',
-    color: '#e0f4ff',
-    cursor: loading ? 'wait' : 'pointer',
-    font: '800 18px Rajdhani, sans-serif',
-    letterSpacing: '2px',
-    padding: '16px 40px',
-    textTransform: 'uppercase',
-    transition: 'all 0.3s ease',
-    display: 'inline-flex',
-    alignItems: 'center',
-    gap: '12px',
-    opacity: loading ? 0.7 : 1,
-  };
-
   return (
-    <div style={overlayStyles}>
+    <div className="captcha-overlay">
-      <div style={contentStyles}>
+      <div className="captcha-content">
-        <div style={iconStyles}>
+        <div className="captcha-icon">
           <i className="fa fa-shield-halved" />
         </div>
-        <h1 style={h1Styles}>Ready to Play?</h1>
+        <h1 className="captcha-title">Ready to Play?</h1>
-        <p style={pStyles}>
+        <p className="captcha-description">
           Click below to verify you&apos;re human and start playing.
         </p>
         <button
-          style={buttonStyles}
+          className={buttonClasses}
           onClick={handleClick}
           disabled={loading}
         >

assets/js/mine-seeker/components/GameBoard.jsx

@@ -7,14 +7,18 @@
  * file that was distributed with this source code.
  */
 
-import React from 'react';
+import React, { useState } from 'react';
 import { useGame } from '@mine-contexts';
 import { useServerCommunication } from '@mine-hooks';
+import CaptchaOverlay from './CaptchaOverlay';
 import GridControl from './grid/GridControl';
 
-export const GameBoard = ({ gameAssoc, gameInherited, isEnvDev }) => {
+export const GameBoard = ({ gameAssoc, gameInherited, opponentName = '', isEnvDev }) => {
   const { gridReady } = useGame();
-  const { onClick, resign } = useServerCommunication(gameAssoc, gameInherited, isEnvDev);
+  const { onClick, resign } = useServerCommunication(gameAssoc, gameInherited, opponentName, isEnvDev);
+  const [captchaVerified, setCaptchaVerified] = useState(false);
+
+  const siteKey = document.getElementById('mine-wrapper')?.dataset.recaptchaSiteKey;
 
   if (!gridReady) {
     return (
@@ -24,6 +28,12 @@ export const GameBoard = ({ gameAssoc, gameInherited, isEnvDev }) => {
     );
   }
 
+  if (!captchaVerified && siteKey) {
+    return (
+      <CaptchaOverlay siteKey={siteKey} onVerified={() => setCaptchaVerified(true)} />
+    );
+  }
+
   return (
     <GridControl
       gameAssoc={gameAssoc}

assets/js/mine-seeker/components/GameTimer.jsx

@@ -9,6 +9,8 @@
 
 import React, { useEffect, useRef, useState } from 'react';
 import { useGame } from '@mine-contexts';
+import BonusBox from './BonusBox';
+import BonusStatsDialog from './BonusStatsDialog';
 
 const renderAvatar = player => {
   if (!player.registered) return null;
@@ -27,17 +29,16 @@ const GameTimer = () => {
   const [redTime, setRedTime] = useState(0);
   const [blueTime, setBlueTime] = useState(0);
   const [isRunning, setIsRunning] = useState(false);
+  const [bonusDialogOpen, setBonusDialogOpen] = useState(false);
   const timerIntervalRef = useRef(null);
   const gameStartedRef = useRef(false);
 
-  // Use timestamps instead of counters for more reliable background tracking
   const redStartTimeRef = useRef(null);
   const blueStartTimeRef = useRef(null);
   const lastActivePlayerRef = useRef(null);
   const pausedRedTimeRef = useRef(0);
   const pausedBlueTimeRef = useRef(0);
 
-  // Start timer when overlay is hidden (both players connected and game started)
   useEffect(() => {
     if (!overlay && !gameStartedRef.current) {
       gameStartedRef.current = true;
@@ -50,28 +51,20 @@ const GameTimer = () => {
       pausedBlueTimeRef.current = 0;
       lastActivePlayerRef.current = activePlayer;
     }
-  }, [overlay]);
+  }, [activePlayer, overlay]);
 
-  // Stop timer on game end (resign/win)
   useEffect(() => {
-    if (endRef.current) {
+    if (endRef.current) setIsRunning(false);
-      setIsRunning(false);
+  }, [endRef]);
-    }
-  }, [endRef.current]);
 
-  // Stop timer on connection loss
   useEffect(() => {
-    if (connectionLost) {
+    if (connectionLost) setIsRunning(false);
-      setIsRunning(false);
-    }
   }, [connectionLost]);
 
-  // Handle player switch - pause one timer, resume the other
   useEffect(() => {
     if (!isRunning) return;
 
     if (lastActivePlayerRef.current !== activePlayer) {
-      // Player switched, save current accumulated time for whoever was active
       const startRef = lastActivePlayerRef.current ? blueStartTimeRef.current : redStartTimeRef.current;
       if (startRef) {
         const elapsed = Math.floor((Date.now() - startRef) / 1000);
@@ -82,7 +75,6 @@ const GameTimer = () => {
         }
       }
 
-      // Start the new active player's timer
       if (activePlayer) {
         blueStartTimeRef.current = Date.now();
       } else {
@@ -93,7 +85,6 @@ const GameTimer = () => {
     }
   }, [activePlayer, isRunning]);
 
-  // Main timer effect - update display every 100ms
   useEffect(() => {
     if (!isRunning) {
       if (timerIntervalRef.current) {
@@ -106,7 +97,6 @@ const GameTimer = () => {
       let currentRedTime = pausedRedTimeRef.current;
       let currentBlueTime = pausedBlueTimeRef.current;
 
-      // Add elapsed time for the active player
       if (!activePlayer && redStartTimeRef.current) {
         currentRedTime += Math.floor((Date.now() - redStartTimeRef.current) / 1000);
       } else if (activePlayer && blueStartTimeRef.current) {
@@ -124,10 +114,8 @@ const GameTimer = () => {
     };
   }, [isRunning, activePlayer]);
 
-  // Handle focus/blur to synchronize timer when tab regains focus
   useEffect(() => {
     const handleFocus = () => {
-      // Force update when tab regains focus to sync any background drift
       if (isRunning) {
         let currentRedTime = pausedRedTimeRef.current;
         let currentBlueTime = pausedBlueTimeRef.current;
@@ -147,11 +135,8 @@ const GameTimer = () => {
     return () => window.removeEventListener('focus', handleFocus);
   }, [isRunning, activePlayer]);
 
-  // Cleanup on unmount
   useEffect(() => () => {
-    if (timerIntervalRef.current) {
+    if (timerIntervalRef.current) clearInterval(timerIntervalRef.current);
-      clearInterval(timerIntervalRef.current);
-    }
   }, []);
 
   const formatTime = seconds => {
@@ -160,8 +145,12 @@ const GameTimer = () => {
     return `${String(mins).padStart(2, '0')}:${String(secs).padStart(2, '0')}`;
   };
 
+  const openBonusDialog = () => setBonusDialogOpen(true);
+  const closeBonusDialog = () => setBonusDialogOpen(false);
+
   return (
     <div className="game-timer-container">
+      <BonusBox color="red" points={red.bonusPoints ?? 0} onClick={openBonusDialog} />
       <div className={`game-timer red-timer ${!activePlayer ? 'active' : ''}`}>
         {renderAvatar(red)}
         <i className={`fa ${!activePlayer ? 'fa-hourglass-half' : 'fa-hourglass-start'} timer-icon`} />
@@ -172,6 +161,8 @@ const GameTimer = () => {
         <i className={`fa ${activePlayer ? 'fa-hourglass-half' : 'fa-hourglass-start'} timer-icon`} />
         <span className="timer-display">{formatTime(blueTime)}</span>
       </div>
+      <BonusBox color="blue" points={blue.bonusPoints ?? 0} onClick={openBonusDialog} />
+      <BonusStatsDialog open={bonusDialogOpen} onClose={closeBonusDialog} red={red} blue={blue} />
     </div>
   );
 };

assets/js/mine-seeker/components/OnlinePlayersDialog.jsx

@@ -9,6 +9,7 @@
 
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import Dialog from '@mui/material/Dialog';
+import { useLobbyDataProvider } from '@mine-hooks';
 
 const DIALOG_SX = {
   '& .MuiDialog-paper': {
@@ -39,7 +40,7 @@ const formatSince = isoStr => {
   return `${diff} min ago`;
 };
 
-const OnlinePlayersDialog = ({ open, onClose, currentGameAssoc }) => {
+const OnlinePlayersDialog = ({ open, onClose, currentGameAssoc, isEnvDev = false }) => {
   const [players, setPlayers] = useState([]);
   const [search, setSearch] = useState('');
   const [loading, setLoading] = useState(false);
@@ -49,6 +50,7 @@ const OnlinePlayersDialog = ({ open, onClose, currentGameAssoc }) => {
   const [declinedMsg, setDeclinedMsg] = useState('');
   const [waitingCountdown, setWaitingCountdown] = useState(0);
   const declinedTimerRef = useRef(null);
+  const { waitingPlayersQuery, challengeMutation } = useLobbyDataProvider();
 
   const addPlayer = useCallback(entry => {
     setPlayers(prev =>
@@ -66,20 +68,21 @@ const OnlinePlayersDialog = ({ open, onClose, currentGameAssoc }) => {
     if (!open) return;
     setLoading(true);
     setSnapshotLoaded(false);
-    fetch('/api/game/waiting')
+
-      .then(r => r.json())
+    waitingPlayersQuery.refetch().then(result => {
-      .then(data => {
+      if (result.data) {
         // Filter out current user's game from the snapshot
-        const filtered = data.filter(p => p.gameAssoc !== currentGameAssoc);
+        const filtered = result.data.filter(p => p.gameAssoc !== currentGameAssoc);
         setPlayers(filtered);
-        setSnapshotLoaded(true);
+      }
-        setLoading(false);
+      setSnapshotLoaded(true);
-      })
+      setLoading(false);
-      .catch(() => {
+    }).catch(() => {
-        setPlayers([]);
+      setPlayers([]);
-        setSnapshotLoaded(true);
+      setSnapshotLoaded(true);
-        setLoading(false);
+      setLoading(false);
-      });
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [open, refreshKey, currentGameAssoc]);
 
   useEffect(() => {
@@ -107,6 +110,13 @@ const OnlinePlayersDialog = ({ open, onClose, currentGameAssoc }) => {
     return () => es.close();
   }, [open, snapshotLoaded, addPlayer, removePlayer, currentGameAssoc]);
 
+  useEffect(() => {
+    if (challengeMutation.isError) {
+      setChallengingGameAssoc(null);
+      setWaitingCountdown(0);
+    }
+  }, [challengeMutation.isError]);
+
   useEffect(() => {
     const handler = () => {
       setChallengingGameAssoc(null);
@@ -138,14 +148,10 @@ const OnlinePlayersDialog = ({ open, onClose, currentGameAssoc }) => {
     setChallengingGameAssoc(player.gameAssoc);
     setDeclinedMsg('');
     setWaitingCountdown(30);
-    fetch('/api/game/challenge/' + player.gameAssoc, {
+
-      method: 'POST',
+    challengeMutation.mutate(
-      headers: { 'Content-Type': 'application/json' },
+      { targetGameAssoc: player.gameAssoc, challengerGameAssoc: currentGameAssoc }
-      body: JSON.stringify({ challengerGameAssoc: currentGameAssoc }),
+    );
-    }).catch(() => {
-      setChallengingGameAssoc(null);
-      setWaitingCountdown(0);
-    });
   };
 
   const visible = players
@@ -156,17 +162,18 @@ const OnlinePlayersDialog = ({ open, onClose, currentGameAssoc }) => {
   const hasMore = 5 < visible.length;
 
   // Debug: log if currentGameAssoc is undefined or if current user appears
-  if ('development' === process.env.NODE_ENV && 0 < players.length) {
+  if (isEnvDev && 0 < players.length) {
     const userInList = players.find(p => p.gameAssoc === currentGameAssoc);
+
     if (userInList) {
       console.warn('[OnlinePlayersDialog] Current user appears in players list:', { currentGameAssoc, userInList });
     }
   }
 
   return (
-    <Dialog 
+    <Dialog
-      open={open} 
+      open={open}
-      onClose={0 < waitingCountdown ? undefined : onClose} 
+      onClose={0 < waitingCountdown ? undefined : onClose}
       disableEscapeKeyDown={0 < waitingCountdown}
       sx={DIALOG_SX}
     >
@@ -189,9 +196,9 @@ const OnlinePlayersDialog = ({ open, onClose, currentGameAssoc }) => {
             >
               <i className="fa fa-refresh" />
             </button>
-            <button 
+            <button
-              className="opd-close" 
+              className="opd-close"
-              onClick={() => { if (0 === waitingCountdown) onClose(); }} 
+              onClick={() => { if (0 === waitingCountdown) onClose(); }}
               disabled={0 < waitingCountdown}
               aria-label="Close"
             >
@@ -256,7 +263,7 @@ const OnlinePlayersDialog = ({ open, onClose, currentGameAssoc }) => {
                 <div className="opd-info">
                   <span className="opd-name">{player.name}</span>
                   <span className="opd-since">
-                    <i className="fa fa-clock-o" />
+                    <i className="fa fa-clock" />
                     {' '}Waiting {formatSince(player.since)}
                   </span>
                 </div>

assets/js/mine-seeker/components/WaitingOverlayContent.jsx

@@ -9,46 +9,55 @@
 import { Fragment, useState } from 'react';
 import { OnlinePlayersDialog } from '@mine-components';
 
-const WaitingOverlayContent = ({ shareUrl, currentGameAssoc }) => {
+const WaitingOverlayContent = ({ shareUrl, currentGameAssoc, opponentName = '', inviteOnly = false }) => {
   const [dialogOpen, setDialogOpen] = useState(false);
+  const inviteHeader = inviteOnly && opponentName
+    ? `Invite ${opponentName}`
+    : 'Invite a Friend';
 
   return (
     <Fragment>
-      <div className="waiting-options">
+      <div className={`waiting-options${inviteOnly ? ' waiting-options--invite-only' : ''}`}>
         <div className="waiting-option">
           <div className="waiting-option-header">
             <i className="fa fa-link" />
-            <span>Invite a Friend</span>
+            <span>{inviteHeader}</span>
           </div>
           <p className="waiting-option-desc">Share this link with your opponent</p>
           <ShareLinkBox
             url={shareUrl}
           />
         </div>
-        <div className="waiting-divider">
+        {!inviteOnly && (
-          <span>OR</span>
+          <Fragment>
-        </div>
+            <div className="waiting-divider">
-        <div className="waiting-option">
+              <span>OR</span>
-          <div className="waiting-option-header">
+            </div>
-            <i className="fa fa-users" />
+            <div className="waiting-option">
-            <span>Challenge a Player</span>
+              <div className="waiting-option-header">
-          </div>
+                <i className="fa fa-users" />
-          <p className="waiting-option-desc">Browse online players and challenge them</p>
+                <span>Challenge a Player</span>
-          <button
+              </div>
-            className="browse-players-btn"
+              <p className="waiting-option-desc">Browse online players and challenge them</p>
-            onClick={() => setDialogOpen(true)}
+              <button
-          >
+                className="browse-players-btn"
-            <i className="fa fa-search" />
+                onClick={() => setDialogOpen(true)}
-            Browse Players
+              >
-          </button>
+                <i className="fa fa-search" />
-        </div>
+                Browse Players
+              </button>
+            </div>
+          </Fragment>
+        )}
       </div>
 
-      <OnlinePlayersDialog
+      {!inviteOnly && (
-        open={dialogOpen}
+        <OnlinePlayersDialog
-        onClose={() => setDialogOpen(false)}
+          open={dialogOpen}
-        currentGameAssoc={currentGameAssoc}
+          onClose={() => setDialogOpen(false)}
-      />
+          currentGameAssoc={currentGameAssoc}
+        />
+      )}
     </Fragment>
   );
 };
@@ -57,10 +66,12 @@ const ShareLinkBox = ({ url }) => {
   const [copied, setCopied] = useState(false);
 
   const handleCopy = () => {
-    navigator.clipboard.writeText(url).then(() => {
+    navigator.clipboard.writeText(url)
-      setCopied(true);
+      .then(() => {
-      setTimeout(() => setCopied(false), 2500);
+        setCopied(true);
-    }).catch(() => {});
+        setTimeout(() => setCopied(false), 2500);
+      })
+      .catch(() => null);
   };
 
   return (

assets/js/mine-seeker/components/grid/GridControl.jsx

@@ -22,7 +22,8 @@ const GridControl = ({ gameAssoc, onClick, resign }) => {
   } = useGame();
 
   const [copied, setCopied] = useState(false);
-  const shareUrl = gameAssoc ? `${window.location.origin}/battle/${gameAssoc}` : null;
+  const shareUrl = gameAssoc ? `${window.location.origin}/play/${gameAssoc}` : null;
+  const isAuthenticated = '1' === document.getElementById('mine-wrapper')?.dataset.isAuthenticated;
 
   const handleShare = () => {
     if (!shareUrl) return;
@@ -64,15 +65,26 @@ const GridControl = ({ gameAssoc, onClick, resign }) => {
               overlaySubTitle
             )}
             {gameAssoc && endRef.current && (
-              <button
+              <div className="game-overlay-actions">
-                className={`game-overlay-share${copied ? ' copied' : ''}`}
+                <button
-                onClick={handleShare}
+                  className={`game-overlay-share${copied ? ' copied' : ''}`}
-                title="Copy share link"
+                  onClick={handleShare}
-                aria-label="Copy share link"
+                  title="Copy share link"
-              >
+                  aria-label="Copy share link"
-                <i className={`fa ${copied ? 'fa-check' : 'fa-share-alt'}`} />
+                >
-                {copied ? 'Copied!' : 'Share Battle'}
+                  <i className={`fa ${copied ? 'fa-check' : 'fa-share-alt'}`} />
-              </button>
+                  {copied ? 'Copied!' : 'Share Battle'}
+                </button>
+                <a
+                  className="game-overlay-profile"
+                  href={isAuthenticated ? '/profile' : '/'}
+                  title={isAuthenticated ? 'Go to your profile' : 'Go to homepage'}
+                  aria-label={isAuthenticated ? 'Go to your profile' : 'Go to homepage'}
+                >
+                  <i className={`fa ${isAuthenticated ? 'fa-user' : 'fa-house'}`} />
+                  {isAuthenticated ? 'My Profile' : 'Homepage'}
+                </a>
+              </div>
             )}
           </div>
         </div>

assets/js/mine-seeker/components/grid/GridField.jsx

@@ -53,7 +53,10 @@ const GridField = memo(function GridField({ cell, onClick, onMouseEnter }) {
         />
       )}
       <div className={fieldClass}>
-        <div className="field-corner">
+        <div
+          style={{ background: "url('/images/bg-corner-outbg.png') no-repeat top left / 100% 100%" }}
+          className="field-corner"
+        >
           {isNaN(currentImage) && (
             <div className="flag-mine">
               <img src={currentImage} alt="" />

assets/js/mine-seeker/components/user/UserControl.jsx

@@ -7,15 +7,18 @@
  * file that was distributed with this source code.
  */
 
-import React from 'react';
+import React, { Fragment, useState } from 'react';
 import { useGame } from '@mine-contexts';
 import User from './User';
+import BonusStatsDialog from '../BonusStatsDialog';
 
 const UserControl = ({ resign }) => {
-  const { webPlayer, activePlayer, mines, foundMines, red, blue, onBombToggle } = useGame();
+  const { webPlayer, activePlayer, foundMines, red, blue, onBombToggle } = useGame();
+  const [bonusDialogOpen, setBonusDialogOpen] = useState(false);
   const activeColor = activePlayer ? 'blue' : 'red';
   const resignClass = 'resign' + (activeColor !== webPlayer ? ' disabled' : '');
   const minesClass = 'active-mines' + (foundMines ? ' found-mine' : '');
+  const remainingMines = 51 - red.mines - blue.mines;
 
   const handleBombClick = (color, player) => {
     const p = 'red' === color ? red : blue;
@@ -24,30 +27,44 @@ const UserControl = ({ resign }) => {
     }
   };
 
+  const handleBonusClick = () => {
+    setBonusDialogOpen(true);
+  };
+
   return (
-    <div className="users">
+    <Fragment>
-      <User
+      <div className="users">
-        color="blue" webPlayer={webPlayer} {...blue}
+        <User
-        onClickBombSelector={() => handleBombClick('blue', 1)}
+          color="blue" webPlayer={webPlayer} {...blue}
-      />
+          onClickBombSelector={() => handleBombClick('blue', 1)}
-      <div className="active-mines-container">
+          onBonusClick={handleBonusClick}
-        <i className="fa fa-star" />
+        />
-        <div className={minesClass}>
+        <div className="active-mines-container">
-          <div className="active-mines-nbr">{mines}</div>
+          <i className="fa fa-star" />
-          <div className="active-mines-shine" />
+          <div className={minesClass}>
+            <div className="active-mines-nbr">{remainingMines}</div>
+            <div className="active-mines-shine" />
+          </div>
+          <i className="fa fa-star" />
         </div>
-        <i className="fa fa-star" />
+        <div className="clear" />
+        <User
+          color="red" webPlayer={webPlayer} {...red}
+          onClickBombSelector={() => handleBombClick('red', 0)}
+          onBonusClick={handleBonusClick}
+        />
+        <button className={resignClass} onClick={resign}>
+          <div className="resign-shine" />
+          Resign
+        </button>
       </div>
-      <div className="clear" />
+      <BonusStatsDialog
-      <User
+        open={bonusDialogOpen}
-        color="red" webPlayer={webPlayer} {...red}
+        onClose={() => setBonusDialogOpen(false)}
-        onClickBombSelector={() => handleBombClick('red', 0)}
+        red={red}
+        blue={blue}
       />
-      <button className={resignClass} onClick={resign}>
+    </Fragment>
-        <div className="resign-shine" />
-        Resign
-      </button>
-    </div>
   );
 }
 

assets/js/mine-seeker/contexts/GameProvider.jsx

@@ -132,7 +132,18 @@ export const GameProvider = ({ children }) => {
   };
 
   const applyStep = stepData => {
-    const { player, bomb: isBomb, minesFound = 0, revealedCells = [], redPoints: rp, bluePoints: bp } = stepData;
+    const {
+      player,
+      bomb: isBomb,
+      minesFound = 0,
+      revealedCells = [],
+      redPoints: rp,
+      bluePoints: bp,
+      redBonusPoints = 0,
+      blueBonusPoints = 0,
+      redBonusStats = {},
+      blueBonusStats = {},
+    } = stepData;
 
     if (isBomb) {
       sounds.current.bomb.play();
@@ -176,6 +187,18 @@ export const GameProvider = ({ children }) => {
       syncBlue(p => ({ ...p, mines: 'blue' === player ? bp : p.mines }));
     }
 
+    // Update bonus points and stats
+    syncRed(p => ({
+      ...p,
+      bonusPoints: 'red' === player ? redBonusPoints : p.bonusPoints,
+      bonusStats: 'red' === player ? redBonusStats : p.bonusStats,
+    }));
+    syncBlue(p => ({
+      ...p,
+      bonusPoints: 'blue' === player ? blueBonusPoints : p.bonusPoints,
+      bonusStats: 'blue' === player ? blueBonusStats : p.bonusStats,
+    }));
+
     syncRed(p => ({ ...p, enabledBomb: rp <= bp }));
     syncBlue(p => ({ ...p, enabledBomb: bp <= rp }));
 
@@ -234,7 +257,7 @@ export const GameProvider = ({ children }) => {
         // Setters needed by useServerComm
         setCells, setGridReady, setGameUuid,
         // Refs (needed by useServerComm for async-safe reads)
-        webPlayerRef, activePlayerRef, bombSelectedRef, connectionLostRef, endRef,
+        webPlayerRef, activePlayerRef, bombSelectedRef, connectionLostRef, lastClickedRef, endRef,
         // Sync helpers
         syncWebPlayer, syncActivePlayer, syncBombSelected, syncConnLost, syncRed, syncBlue,
         // Game logic called by useServerComm

assets/js/mine-seeker/hooks/index.js

@@ -11,4 +11,4 @@ export { default as useGameRefs } from './useGameRefs';
 export { default as useGameState } from './useGameState';
 export { default as useServerCommunication } from './useServerCommunication';
 export { default as useStepTimer } from './useStepTimer';
-
+export { default as useGameDataProvider, useLobbyDataProvider } from './useGameDataProvider';

assets/js/mine-seeker/hooks/useGameDataProvider.js

@@ -0,0 +1,114 @@
+/**
+ * This file is part of the SplendidBear Websites' projects.
+ *
+ * Copyright (c) 2026 @ www.splendidbear.org
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+import { useQuery, useMutation } from '@tanstack/react-query';
+
+/**
+ * Game Data Provider Hook
+ * Centralized API communication layer for game-related queries and mutations
+ */
+const useGameDataProvider = gameAssoc => {
+  // Queries
+  const connectQuery = useQuery({
+    queryKey: ['game-connect', gameAssoc],
+    queryFn: () => fetch(`/api/game/connect/${gameAssoc}`)
+      .then(r => r.text())
+      .then(b64 => JSON.parse(window.atob(b64))),
+    enabled: false,
+    retry: false,
+  });
+
+  // Mutations
+  const startMutation = useMutation({
+    mutationFn: () => fetch('/api/game/start', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ gameAssoc }),
+    }),
+  });
+
+  const joinMutation = useMutation({
+    mutationFn: () => fetch(`/api/game/join/${gameAssoc}`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+    }),
+  });
+
+  const stepMutation = useMutation({
+    mutationFn: dataPack => fetch(`/api/game/step/${gameAssoc}`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(dataPack),
+    }).then(r => r.json()),
+  });
+
+  const heartbeatMutation = useMutation({
+    mutationFn: color => fetch(`/api/game/heartbeat/${gameAssoc}`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ color }),
+    }).then(r => r.json()),
+  });
+
+  const challengeRespondMutation = useMutation({
+    mutationFn: ({ challengerGameAssoc, accepted, targetGameAssoc }) => fetch('/api/game/challenge/respond/' + challengerGameAssoc, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ accepted, targetGameAssoc }),
+    }).then(r => r.json()),
+  });
+
+  const leaveMutation = useMutation({
+    mutationFn: () => fetch(`/api/game/leave/${gameAssoc}`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+    }).then(r => r.json()),
+  });
+
+  return {
+    // Queries
+    connectQuery,
+    // Mutations
+    startMutation,
+    joinMutation,
+    stepMutation,
+    heartbeatMutation,
+    challengeRespondMutation,
+    leaveMutation,
+  };
+};
+
+/**
+ * Lobby Data Provider Hook
+ * Centralized API communication layer for lobby-related queries and mutations
+ */
+export const useLobbyDataProvider = () => {
+  const waitingPlayersQuery = useQuery({
+    queryKey: ['game-waiting'],
+    queryFn: () => fetch('/api/game/waiting')
+      .then(r => r.json()),
+  });
+
+  const challengeMutation = useMutation({
+    mutationFn: ({ targetGameAssoc, challengerGameAssoc }) => fetch(`/api/game/challenge/${targetGameAssoc}`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ challengerGameAssoc }),
+    }).then(r => r.json()),
+  });
+
+  return {
+    // Queries
+    waitingPlayersQuery,
+    // Mutations
+    challengeMutation,
+  };
+};
+
+export default useGameDataProvider;

assets/js/mine-seeker/hooks/useServerCommunication.jsx

@@ -8,105 +8,231 @@
  */
 
 import React, { useEffect, useRef } from 'react';
-import { useMutation, useQuery } from '@tanstack/react-query';
 import { useGame } from '@mine-contexts';
-import { DESC } from '@mine-utils';
+import { DESC, IMAGES } from '@mine-utils';
 import useStepTimer from './useStepTimer';
-import { WaitingOverlayContent } from '@mine-components';
+import useGameDataProvider from './useGameDataProvider';
+import { ChallengeCountdown, WaitingOverlayContent } from '@mine-components';
 
-import { ChallengeCountdown } from '@mine-components';
+const useServerCommunication = (gameAssoc, gameInherited, opponentName, isEnvDev) => {
-
-const useServerCommunication = (gameAssoc, gameInherited, isEnvDev) => {
   const {
     /** Async-safe refs */
-    webPlayerRef, activePlayerRef, bombSelectedRef, connectionLostRef, endRef,
+    webPlayerRef, activePlayerRef, bombSelectedRef, connectionLostRef, lastClickedRef, endRef,
     /** State setters */
-    setGridReady, setGameUuid,
+    setCells, setGridReady, setGameUuid,
     /** Sync helpers */
     syncWebPlayer, syncActivePlayer, syncBombSelected, syncConnLost, syncRed, syncBlue,
     /** Game logic */
-    showOverlay, hideOverlay,
+    showOverlay, hideOverlay, applyStep, makeGameEndIfItEnds, resignProcess,
-    applyRevealedCell, applyStep,
-    makeGameEndIfItEnds, resignProcess,
     /** Current cells snapshot (for active-check in onClick) */
     cells,
   } = useGame();
 
+  /** Get all API queries and mutations from data provider */
+  const {
+    connectQuery,
+    startMutation,
+    joinMutation,
+    stepMutation,
+    heartbeatMutation,
+    challengeRespondMutation,
+    leaveMutation,
+  } = useGameDataProvider(gameAssoc);
+
   const eventSourceRef = useRef(null);
   const rpcUsersRef = useRef(null);
   const stepCacheRef = useRef([]);
+  const lastStepRef = useRef(null);
+  const isGameFinishedRef = useRef(false);
   const { getStepElapsed, resetStepTimer, startNewTurn } = useStepTimer();
   const isGameRunningRef = useRef(false);
   const lastActivePlayerRef = useRef(null);
+  const heartbeatPubIntervalRef = useRef(null);
+  const opponentLastSeenRef = useRef(0);
+  const isTrueRestoredRef = useRef(false);
 
-  /** REST mutations / queries */
+  const HEARTBEAT_INTERVAL_MS = 1500;
-
-  const connectQuery = useQuery({
-    queryKey: ['game-connect', gameAssoc],
-    queryFn: () => fetch('/api/game/connect/' + gameAssoc)
-      .then(r => r.text())
-      .then(b64 => JSON.parse(window.atob(b64))),
-    enabled: false,
-    retry: false,
-  });
-
-  const startMutation = useMutation({
-    mutationFn: () => fetch('/api/game/start', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ gameAssoc }),
-    }),
-  });
-
-  const joinMutation = useMutation({
-    mutationFn: () => fetch('/api/game/join/' + gameAssoc, {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-    }).catch(e => isEnvDev && console.error('Join error', e)),
-  });
-
-  const stepMutation = useMutation({
-    mutationFn: dataPack => fetch('/api/game/step/' + gameAssoc, {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify(dataPack),
-    }).then(r => r.json()),
-  });
 
   /** Game-start helpers (triggered by server events) */
 
-  const wInit = (revealedCells = []) => {
+  const wInit = (revealedCells = [], lastStep = {}, gameState = {}, isGameFinished = false) => {
-    setGridReady(true);
+    /** Detect if this is a restored game */
-    showOverlay('Choose an opponent!', gameAssoc ? (
+    const isRestoredGame = 0 < revealedCells.length;
-      <WaitingOverlayContent
+    isTrueRestoredRef.current = isRestoredGame;
-        shareUrl={`${window.location.href}/${gameAssoc}`}
+
-        currentGameAssoc={gameAssoc}
+    /** Store game finished status */
-      />
+    isGameFinishedRef.current = isGameFinished;
-    ) : '');
+
-    setTimeout(() => revealedCells.forEach(cell => applyRevealedCell(cell, cell.player)), 0);
+    /** Apply game state (points, bonus) immediately for restored games */
+    if (0 < Object.keys(gameState).length) {
+      const {
+        redPoints = 0,
+        bluePoints = 0,
+        redBonusPoints = 0,
+        blueBonusPoints = 0,
+        redBonusStats = {},
+        blueBonusStats = {},
+      } = gameState;
+      syncRed(p => ({
+        ...p,
+        mines: redPoints,
+        bonusPoints: redBonusPoints,
+        bonusStats: redBonusStats,
+      }));
+      syncBlue(p => ({
+        ...p,
+        mines: bluePoints,
+        bonusPoints: blueBonusPoints,
+        bonusStats: blueBonusStats,
+      }));
+    }
+
+    /** Apply revealed cells immediately (not in setTimeout) */
+    if (0 < revealedCells.length) {
+      setCells(prev => {
+        let next = prev.map(r => [...r]);
+        revealedCells.forEach(({ row, col, value, player }) => {
+          if (next[row][col].active) return;
+          /** Check if this cell is the last step for either player */
+          const isRedLastStep = lastStep.red && lastStep.red.player === player && lastStep.red.row === row && lastStep.red.col === col;
+          const isBlueLastStep = lastStep.blue && lastStep.blue.player === player && lastStep.blue.row === row && lastStep.blue.col === col;
+          const patch = 'm' === value
+            ? { currentImage: IMAGES.flag(player), currentObj: 'm', active: true }
+            : { currentImage: value, currentObj: value, active: true };
+          if (isRedLastStep || isBlueLastStep) {
+            patch.lastClickedRed = 'red' === player;
+            patch.lastClickedBlue = 'blue' === player;
+          }
+          next[row][col] = { ...next[row][col], ...patch };
+        });
+        return next;
+      });
+    }
+
+    /** Update the lastClickedRef so applyStep knows about it */
+    if (lastStep.red) {
+      lastClickedRef.current = {
+        ...lastClickedRef.current,
+        red: [lastStep.red.row, lastStep.red.col],
+      };
+    }
+    if (lastStep.blue) {
+      lastClickedRef.current = {
+        ...lastClickedRef.current,
+        blue: [lastStep.blue.row, lastStep.blue.col],
+      };
+    }
+
+    /** Determine overlay message */
+    let overlayTitle, overlaySubtitle;
+
+    if (isGameFinished) {
+      /** Game is finished - show game over message */
+      const redPoints = gameState.redPoints ?? 0;
+      const bluePoints = gameState.bluePoints ?? 0;
+      const winner = redPoints > bluePoints ? 'Red' : 'Blue';
+      overlayTitle = `${winner} wins the game!`;
+      overlaySubtitle = 'Play again!';
+      /** Mark the game as ended */
+      endRef.current = true;
+    } else if (isRestoredGame) {
+      overlayTitle = 'Waiting for opponent to reconnect...';
+      overlaySubtitle = gameAssoc ? (
+        <WaitingOverlayContent
+          shareUrl={`${window.location.origin}/play/${gameAssoc}`}
+          currentGameAssoc={gameAssoc}
+          opponentName={opponentName}
+          inviteOnly
+        />
+      ) : (
+        <div style={{ textAlign: 'center', padding: '20px' }}>
+          <p>Waiting for opponent to join...</p>
+        </div>
+      );
+    } else {
+      overlayTitle = 'Choose an opponent!';
+      overlaySubtitle = gameAssoc ? (
+        <WaitingOverlayContent
+          shareUrl={`${window.location.origin}/play/${gameAssoc}`}
+          currentGameAssoc={gameAssoc}
+        />
+      ) : '';
+    }
+
+    showOverlay(overlayTitle, overlaySubtitle);
+
+    /** Use Promise.resolve to defer setGridReady slightly to ensure overlay is rendered first */
+    Promise.resolve().then(() => setGridReady(true));
   };
 
   const makeGameStart = payload => {
-    syncActivePlayer(1);
+    /** Don't start a finished game */
+    if (isGameFinishedRef.current) {
+      return;
+    }
+
+    /** If game is being restored and has a most recent step, determine starter based on that */
+    let starterIsBlue;
+
+    /** lastStepRef contains the single most recent step from the server */
+    if (lastStepRef.current && lastStepRef.current.player) {
+      /** The NEXT player is opposite of who made the last step */
+      starterIsBlue = 'red' === lastStepRef.current.player; // If red played last, blue plays next
+    } else {
+      /** New game: blue always starts */
+      starterIsBlue = true;
+    }
+
+    const starterColor = starterIsBlue ? 'blue' : 'red';
+    const starterVal = starterIsBlue ? 1 : 0;
+    const starterDesc = starterColor === webPlayerRef.current ? DESC.you : DESC.buddy;
+    syncActivePlayer(starterVal);
     syncRed(p => ({
       ...p,
       name: payload.users.red || payload.users.redAnon || p.name,
       registered: !!payload.users.red,
       avatar: payload.users.redAvatar ?? null,
+      desc: 'red' === starterColor ? starterDesc : '',
+      active: 'red' === starterColor,
     }));
     syncBlue(p => ({
       ...p,
       name: payload.users.blue || payload.users.blueAnon || p.name,
       registered: !!payload.users.blue,
       avatar: payload.users.blueAvatar ?? null,
-      desc: 'blue' === webPlayerRef.current ? DESC.you : DESC.buddy,
+      desc: 'blue' === starterColor ? starterDesc : '',
-      active: true,
+      active: 'blue' === starterColor,
     }));
     isGameRunningRef.current = true;
-    lastActivePlayerRef.current = 1; // Blue starts
+    lastActivePlayerRef.current = starterVal;
     startNewTurn();
     resetStepTimer();
-    hideOverlay();
+    /**
+     * For a truly restored game, keep the "Waiting for opponent..." overlay
+     * up until we actually see a heartbeat from the other player.
+     */
+    if (!isTrueRestoredRef.current || 0 !== opponentLastSeenRef.current) {
+      hideOverlay();
+    }
+  };
+
+  const publishHeartbeat = () => {
+    const me = webPlayerRef.current;
+    if (!me || endRef.current) return;
+    heartbeatMutation.mutate(me);
+  };
+
+  const startHeartbeat = () => {
+    if (heartbeatPubIntervalRef.current) return;
+    publishHeartbeat();
+    heartbeatPubIntervalRef.current = setInterval(publishHeartbeat, HEARTBEAT_INTERVAL_MS);
+  };
+
+  const stopHeartbeat = () => {
+    if (heartbeatPubIntervalRef.current) {
+      clearInterval(heartbeatPubIntervalRef.current);
+      heartbeatPubIntervalRef.current = null;
+    }
   };
 
   /** Mercure / SSE message handlers */
@@ -132,7 +258,28 @@ const useServerCommunication = (gameAssoc, gameInherited, isEnvDev) => {
 
   const wUnsubscribe = payload => {
     isEnvDev && console.info(payload.msg);
-    showOverlay('The connection has been lost w/ your friend...', 'Please, restart the game!');
+    const isAuthenticated = '1' === document.getElementById('mine-wrapper')?.dataset.isAuthenticated;
+    const redirectPath = isAuthenticated ? '/profile' : '/';
+    const buttonText = isAuthenticated ? 'My Profile' : 'Homepage';
+    const buttonIcon = isAuthenticated ? 'fa-user' : 'fa-house';
+
+    showOverlay(
+      'The connection has been lost w/ your friend...',
+      (
+        <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '12px', width: '100%' }}>
+          <p style={{ margin: 0 }}>Please, restart the game!</p>
+          <a
+            className="game-overlay-profile"
+            href={redirectPath}
+            title={isAuthenticated ? 'Go to your profile' : 'Go to homepage'}
+            aria-label={isAuthenticated ? 'Go to your profile' : 'Go to homepage'}
+          >
+            <i className={`fa ${buttonIcon}`} />
+            {buttonText}
+          </a>
+        </div>
+      ),
+    );
   };
 
   const wChallenge = payload => {
@@ -141,29 +288,31 @@ const useServerCommunication = (gameAssoc, gameInherited, isEnvDev) => {
 
     const handleAccept = () => {
       clearTimeout(declineTimeout);
-      fetch('/api/game/challenge/respond/' + challengerGameAssoc, {
+      challengeRespondMutation.mutate(
-        method: 'POST',
+        { challengerGameAssoc, accepted: true, targetGameAssoc: gameAssoc },
-        headers: { 'Content-Type': 'application/json' },
+        {
-        body: JSON.stringify({ accepted: true, targetGameAssoc: gameAssoc }),
+          onSuccess: () => {
-      }).then(() => {
+            showOverlay('Challenge accepted!', 'Waiting for the challenger to join...');
-        showOverlay('Challenge accepted!', 'Waiting for the challenger to join...');
+          },
-      }).catch(() => {});
+        }
+      );
     };
 
     const handleDecline = () => {
       clearTimeout(declineTimeout);
-      fetch('/api/game/challenge/respond/' + challengerGameAssoc, {
+      challengeRespondMutation.mutate(
-        method: 'POST',
+        { challengerGameAssoc, accepted: false, targetGameAssoc: gameAssoc },
-        headers: { 'Content-Type': 'application/json' },
+        {
-        body: JSON.stringify({ accepted: false, targetGameAssoc: gameAssoc }),
+          onSuccess: () => {
-      }).then(() => {
+            showOverlay('We are waiting for your opponent...', gameAssoc ? (
-        showOverlay('We are waiting for your opponent...', gameAssoc ? (
+              <WaitingOverlayContent
-          <WaitingOverlayContent
+                shareUrl={`${window.location.origin}/play/${gameAssoc}`}
-            shareUrl={window.location.origin + '/play/' + gameAssoc}
+                currentGameAssoc={gameAssoc}
-            currentGameAssoc={gameAssoc}
+              />
-          />
+            ) : '');
-        ) : '');
+          },
-      }).catch(() => {});
+        }
+      );
     };
 
     declineTimeout = setTimeout(handleDecline, 30000);
@@ -188,8 +337,10 @@ const useServerCommunication = (gameAssoc, gameInherited, isEnvDev) => {
         isEnvDev && console.warn(payload.user + ' stepped to ' + payload.data.coords.join(','));
         syncBombSelected(payload.data.bomb);
 
-        // Detect if turn switched (other player made a move)
+        /**
-        // After their move, it's now our turn (or the opposite player's turn)
+         * Detect if turn switched (other player made a move)
+         * After their move, it's now our turn (or the opposite player's turn)
+         */
         if (lastActivePlayerRef.current !== activePlayerRef.current) {
           startNewTurn();
           lastActivePlayerRef.current = activePlayerRef.current;
@@ -210,6 +361,16 @@ const useServerCommunication = (gameAssoc, gameInherited, isEnvDev) => {
     if (undefined !== payload.type) {
       if ('challenge' === payload.type) wChallenge(payload);
       else if ('challenge-response' === payload.type) wChallengeResponse(payload);
+      else if ('heartbeat' === payload.type) {
+        const me = webPlayerRef.current;
+        if (me && payload.color && payload.color !== me) {
+          const wasFirst = 0 === opponentLastSeenRef.current;
+          opponentLastSeenRef.current = Date.now();
+          if (wasFirst && isTrueRestoredRef.current) {
+            hideOverlay();
+          }
+        }
+      }
       return;
     }
 
@@ -235,9 +396,9 @@ const useServerCommunication = (gameAssoc, gameInherited, isEnvDev) => {
     const subscriberJwt = wrapper.dataset.mercureSubscriberJwt;
     const url = new URL(hubUrl, window.location.origin);
 
-    url.searchParams.append('topic', 'mineseeker/channel/' + gameAssoc);
+    url.searchParams.append('topic', `mineseeker/channel/${gameAssoc}`);
-    if (subscriberJwt) url.searchParams.append('authorization', subscriberJwt);
 
+    if (subscriberJwt) url.searchParams.append('authorization', subscriberJwt);
     if (eventSourceRef.current) eventSourceRef.current.close();
 
     const es = new EventSource(url.toString());
@@ -264,6 +425,7 @@ const useServerCommunication = (gameAssoc, gameInherited, isEnvDev) => {
         openEventSource();
         return;
       }
+
       try {
         if (gameInherited) {
           const serverData = await connectQuery.refetch().then(r => {
@@ -278,8 +440,22 @@ const useServerCommunication = (gameAssoc, gameInherited, isEnvDev) => {
           }
 
           rpcUsersRef.current = serverData.users;
+          lastStepRef.current = serverData.mostRecentStep || null;
+
+          /** Pass game state (points, bonus) to wInit */
+          const gameState = {
+            redPoints: serverData.redPoints ?? 0,
+            bluePoints: serverData.bluePoints ?? 0,
+            redBonusPoints: serverData.redBonusPoints ?? 0,
+            blueBonusPoints: serverData.blueBonusPoints ?? 0,
+            redBonusStats: serverData.redBonusStats ?? {},
+            blueBonusStats: serverData.blueBonusStats ?? {},
+          };
+          const isGameFinished = serverData.gameFinished ?? false;
+          wInit(serverData.revealedCells || [], serverData.lastStep || {}, gameState, isGameFinished);
+
+          /** Open event source after showing overlay */
           openEventSource();
-          wInit(serverData.revealedCells || []);
         } else {
           await startMutation.mutateAsync();
           openEventSource();
@@ -288,13 +464,20 @@ const useServerCommunication = (gameAssoc, gameInherited, isEnvDev) => {
 
         isEnvDev && console.info('Connection initialised — joining channel');
         await joinMutation.mutateAsync();
+        startHeartbeat();
       } catch (e) {
         isEnvDev && console.error('Connection error', e);
         setTimeout(() => window.location.reload(), 500);
       }
     })();
 
-    window.addEventListener('pagehide', () => navigator.sendBeacon('/api/game/leave/' + gameAssoc));
+    window.addEventListener('pagehide', () => {
+      leaveMutation.mutate();
+    });
+
+    return () => {
+      stopHeartbeat();
+    };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
@@ -318,9 +501,11 @@ const useServerCommunication = (gameAssoc, gameInherited, isEnvDev) => {
     try {
       const result = await stepMutation.mutateAsync(dataPack);
       applyStep(result);
+
       if (result.uuid && !endRef.current) {
         setGameUuid(result.uuid);
       }
+
       makeGameEndIfItEnds(result.bluePoints, result.redPoints, false, result.leftMines);
     } catch (e) {
       isEnvDev && console.error('Step error', e);
@@ -330,6 +515,7 @@ const useServerCommunication = (gameAssoc, gameInherited, isEnvDev) => {
   const clickResign = () => {
     const color = activePlayerRef.current ? 'blue' : 'red';
     const stepElapsed = getStepElapsed(activePlayerRef.current, isGameRunningRef.current);
+
     stepMutation.mutate(
       { resign: color, stepElapsed },
       {
@@ -338,13 +524,15 @@ const useServerCommunication = (gameAssoc, gameInherited, isEnvDev) => {
             resignProcess(webPlayerRef.current, result.uuid);
           }
         },
-      }
+      },
     );
   };
 
   const resign = () => {
     const activeColor = activePlayerRef.current ? 'blue' : 'red';
+
     if (webPlayerRef.current !== activeColor) return;
+
     showOverlay('Are u sure u want to resign?!', (
       <div className="resign">
         <a onClick={clickResign}>Yes</a>

assets/js/mine-seeker/utils/constants.jsx

@@ -34,9 +34,23 @@ export const IMAGES = {
   bombPos: (hor, vert) => `${IMG}bg-bomb-${hor}-${vert}-outbg.png`,
 };
 
+export const BONUS_STATS_DEF = {
+  blindHits: 0, chainBest: 0, chainCurrent: 0, lastMineHits: 0, edgeMines: 0, biggestReveal: 0,
+};
+
+export const BONUS_LABELS = {
+  blindHits: { label: 'Blind hits', desc: 'Mines clicked with no revealed number nearby' },
+  chainBest: { label: 'Best chain', desc: 'Longest streak of consecutive mine-clicks' },
+  chainCurrent: { label: 'Current chain', desc: 'Active consecutive mine-click streak' },
+  lastMineHits: { label: 'Endgame mines', desc: 'Mines clicked while few remain on the board' },
+  edgeMines: { label: 'Edge mines', desc: 'Mines clicked on the board boundary' },
+  biggestReveal: { label: 'Biggest reveal', desc: 'Largest number of safe cells revealed in one click' },
+};
+
 export const PLAYER_DEF = {
   name: '...', desc: '', active: false, mines: 0, haveBomb: true, enabledBomb: true,
   registered: false, avatar: null,
+  bonusPoints: 0, bonusStats: { ...BONUS_STATS_DEF },
 };
 
 export const DESC = {

assets/js/mine-seeker/utils/index.js

@@ -7,4 +7,4 @@
  * file that was distributed with this source code.
  */
 
-export { DESC, IMAGES, BOMB_SYMBOLS, PLAYER_DEF, bombRadius, initCells, patchCells } from './constants';
+export { DESC, IMAGES, BOMB_SYMBOLS, PLAYER_DEF, BONUS_STATS_DEF, BONUS_LABELS, bombRadius, initCells, patchCells } from './constants';

bun.lock

@@ -12,24 +12,24 @@
         "@fontsource/rajdhani": "^5.2.7",
         "@fortawesome/fontawesome-free": "^7.2.0",
         "@mui/material": "^9.0.0",
-        "@mui/x-charts": "^9.0.1",
+        "@mui/x-charts": "^9.0.2",
-        "@tanstack/react-query": "^5.0.0",
+        "@tanstack/react-query": "^5.99.2",
-        "howler": "^2.1.2",
+        "howler": "^2.2.4",
         "lodash": "^4.18.1",
-        "prop-types": "^15.7.2",
+        "prop-types": "^15.8.1",
-        "react": "^19.0.0",
+        "react": "^19.2.5",
-        "react-dom": "^19.0.0",
+        "react-dom": "^19.2.5",
       },
       "devDependencies": {
         "@eslint/eslintrc": "^3.3.5",
-        "@eslint/js": "^9.0.0",
+        "@eslint/js": "10.0.1",
-        "@stylistic/eslint-plugin": "^4.0.0",
+        "@stylistic/eslint-plugin": "5.10.0",
         "@vitejs/plugin-react": "^6.0.1",
-        "eslint": "^9.0.0",
+        "eslint": "10.2.1",
-        "eslint-plugin-react": "^7.0.0",
+        "eslint-plugin-react": "^7.37.5",
-        "eslint-plugin-react-hooks": "^5.0.0",
+        "eslint-plugin-react-hooks": "7.1.1",
-        "globals": "^15.0.0",
+        "globals": "17.5.0",
-        "sass": "^1.77.0",
+        "sass": "^1.99.0",
         "vite": "^8.0.8",
         "vite-plugin-symfony": "^8.2.4",
       },
@@ -38,16 +38,28 @@
   "packages": {
     "@babel/code-frame": ["@babel/code-frame@7.29.0", "http://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz", { "dependencies": { "@babel/helper-validator-identifier": "^7.28.5", "js-tokens": "^4.0.0", "picocolors": "^1.1.1" } }, "sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw=="],
 
+    "@babel/compat-data": ["@babel/compat-data@7.29.0", "", {}, "sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg=="],
+
+    "@babel/core": ["@babel/core@7.29.0", "", { "dependencies": { "@babel/code-frame": "^7.29.0", "@babel/generator": "^7.29.0", "@babel/helper-compilation-targets": "^7.28.6", "@babel/helper-module-transforms": "^7.28.6", "@babel/helpers": "^7.28.6", "@babel/parser": "^7.29.0", "@babel/template": "^7.28.6", "@babel/traverse": "^7.29.0", "@babel/types": "^7.29.0", "@jridgewell/remapping": "^2.3.5", "convert-source-map": "^2.0.0", "debug": "^4.1.0", "gensync": "^1.0.0-beta.2", "json5": "^2.2.3", "semver": "^6.3.1" } }, "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA=="],
+
     "@babel/generator": ["@babel/generator@7.29.1", "http://registry.npmjs.org/@babel/generator/-/generator-7.29.1.tgz", { "dependencies": { "@babel/parser": "^7.29.0", "@babel/types": "^7.29.0", "@jridgewell/gen-mapping": "^0.3.12", "@jridgewell/trace-mapping": "^0.3.28", "jsesc": "^3.0.2" } }, "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw=="],
 
+    "@babel/helper-compilation-targets": ["@babel/helper-compilation-targets@7.28.6", "", { "dependencies": { "@babel/compat-data": "^7.28.6", "@babel/helper-validator-option": "^7.27.1", "browserslist": "^4.24.0", "lru-cache": "^5.1.1", "semver": "^6.3.1" } }, "sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA=="],
+
     "@babel/helper-globals": ["@babel/helper-globals@7.28.0", "http://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz", {}, "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw=="],
 
     "@babel/helper-module-imports": ["@babel/helper-module-imports@7.28.6", "http://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz", { "dependencies": { "@babel/traverse": "^7.28.6", "@babel/types": "^7.28.6" } }, "sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw=="],
 
+    "@babel/helper-module-transforms": ["@babel/helper-module-transforms@7.28.6", "", { "dependencies": { "@babel/helper-module-imports": "^7.28.6", "@babel/helper-validator-identifier": "^7.28.5", "@babel/traverse": "^7.28.6" }, "peerDependencies": { "@babel/core": "^7.0.0" } }, "sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA=="],
+
     "@babel/helper-string-parser": ["@babel/helper-string-parser@7.27.1", "http://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz", {}, "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA=="],
 
     "@babel/helper-validator-identifier": ["@babel/helper-validator-identifier@7.28.5", "http://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz", {}, "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q=="],
 
+    "@babel/helper-validator-option": ["@babel/helper-validator-option@7.27.1", "", {}, "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg=="],
+
+    "@babel/helpers": ["@babel/helpers@7.29.2", "", { "dependencies": { "@babel/template": "^7.28.6", "@babel/types": "^7.29.0" } }, "sha512-HoGuUs4sCZNezVEKdVcwqmZN8GoHirLUcLaYVNBK2J0DadGtdcqgr3BCbvH8+XUo4NGjNl3VOtSjEKNzqfFgKw=="],
+
     "@babel/parser": ["@babel/parser@7.29.2", "http://registry.npmjs.org/@babel/parser/-/parser-7.29.2.tgz", { "dependencies": { "@babel/types": "^7.29.0" }, "bin": "./bin/babel-parser.js" }, "sha512-4GgRzy/+fsBa72/RZVJmGKPmZu9Byn8o4MoLpmNe1m8ZfYnz5emHLQz3U4gLud6Zwl0RZIcgiLD7Uq7ySFuDLA=="],
 
     "@babel/runtime": ["@babel/runtime@7.29.2", "http://registry.npmjs.org/@babel/runtime/-/runtime-7.29.2.tgz", {}, "sha512-JiDShH45zKHWyGe4ZNVRrCjBz8Nh9TMmZG1kh4QTK8hCBTWBi8Da+i7s1fJw7/lYpM4ccepSNfqzZ/QvABBi5g=="],
@@ -94,23 +106,23 @@
 
     "@eslint-community/regexpp": ["@eslint-community/regexpp@4.12.2", "http://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.2.tgz", {}, "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew=="],
 
-    "@eslint/config-array": ["@eslint/config-array@0.21.2", "http://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.2.tgz", { "dependencies": { "@eslint/object-schema": "^2.1.7", "debug": "^4.3.1", "minimatch": "^3.1.5" } }, "sha512-nJl2KGTlrf9GjLimgIru+V/mzgSK0ABCDQRvxw5BjURL7WfH5uoWmizbH7QB6MmnMBd8cIC9uceWnezL1VZWWw=="],
+    "@eslint/config-array": ["@eslint/config-array@0.23.5", "", { "dependencies": { "@eslint/object-schema": "^3.0.5", "debug": "^4.3.1", "minimatch": "^10.2.4" } }, "sha512-Y3kKLvC1dvTOT+oGlqNQ1XLqK6D1HU2YXPc52NmAlJZbMMWDzGYXMiPRJ8TYD39muD/OTjlZmNJ4ib7dvSrMBA=="],
 
-    "@eslint/config-helpers": ["@eslint/config-helpers@0.4.2", "http://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.4.2.tgz", { "dependencies": { "@eslint/core": "^0.17.0" } }, "sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw=="],
+    "@eslint/config-helpers": ["@eslint/config-helpers@0.5.5", "", { "dependencies": { "@eslint/core": "^1.2.1" } }, "sha512-eIJYKTCECbP/nsKaaruF6LW967mtbQbsw4JTtSVkUQc9MneSkbrgPJAbKl9nWr0ZeowV8BfsarBmPpBzGelA2w=="],
 
-    "@eslint/core": ["@eslint/core@0.17.0", "http://registry.npmjs.org/@eslint/core/-/core-0.17.0.tgz", { "dependencies": { "@types/json-schema": "^7.0.15" } }, "sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ=="],
+    "@eslint/core": ["@eslint/core@1.2.1", "", { "dependencies": { "@types/json-schema": "^7.0.15" } }, "sha512-MwcE1P+AZ4C6DWlpin/OmOA54mmIZ/+xZuJiQd4SyB29oAJjN30UW9wkKNptW2ctp4cEsvhlLY/CsQ1uoHDloQ=="],
 
     "@eslint/eslintrc": ["@eslint/eslintrc@3.3.5", "http://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.5.tgz", { "dependencies": { "ajv": "^6.14.0", "debug": "^4.3.2", "espree": "^10.0.1", "globals": "^14.0.0", "ignore": "^5.2.0", "import-fresh": "^3.2.1", "js-yaml": "^4.1.1", "minimatch": "^3.1.5", "strip-json-comments": "^3.1.1" } }, "sha512-4IlJx0X0qftVsN5E+/vGujTRIFtwuLbNsVUe7TO6zYPDR1O6nFwvwhIKEKSrl6dZchmYBITazxKoUYOjdtjlRg=="],
 
-    "@eslint/js": ["@eslint/js@9.39.4", "http://registry.npmjs.org/@eslint/js/-/js-9.39.4.tgz", {}, "sha512-nE7DEIchvtiFTwBw4Lfbu59PG+kCofhjsKaCWzxTpt4lfRjRMqG6uMBzKXuEcyXhOHoUp9riAm7/aWYGhXZ9cw=="],
+    "@eslint/js": ["@eslint/js@10.0.1", "", { "peerDependencies": { "eslint": "^10.0.0" }, "optionalPeers": ["eslint"] }, "sha512-zeR9k5pd4gxjZ0abRoIaxdc7I3nDktoXZk2qOv9gCNWx3mVwEn32VRhyLaRsDiJjTs0xq/T8mfPtyuXu7GWBcA=="],
 
-    "@eslint/object-schema": ["@eslint/object-schema@2.1.7", "http://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.7.tgz", {}, "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA=="],
+    "@eslint/object-schema": ["@eslint/object-schema@3.0.5", "", {}, "sha512-vqTaUEgxzm+YDSdElad6PiRoX4t8VGDjCtt05zn4nU810UIx/uNEV7/lZJ6KwFThKZOzOxzXy48da+No7HZaMw=="],
 
-    "@eslint/plugin-kit": ["@eslint/plugin-kit@0.4.1", "http://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.4.1.tgz", { "dependencies": { "@eslint/core": "^0.17.0", "levn": "^0.4.1" } }, "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA=="],
+    "@eslint/plugin-kit": ["@eslint/plugin-kit@0.7.1", "", { "dependencies": { "@eslint/core": "^1.2.1", "levn": "^0.4.1" } }, "sha512-rZAP3aVgB9ds9KOeUSL+zZ21hPmo8dh6fnIFwRQj5EAZl9gzR7wxYbYXYysAM8CTqGmUGyp2S4kUdV17MnGuWQ=="],
 
     "@fontsource/changa-one": ["@fontsource/changa-one@5.2.8", "http://registry.npmjs.org/@fontsource/changa-one/-/changa-one-5.2.8.tgz", {}, "sha512-gagiU8sMWLs9ejh41NmrYlGdgasSYWFegz5/+22WqYdJVS9HZbaUEXj/6jj3ZKgi+dQZT0kYI+Nha2UQGbO/mA=="],
 
-    "@fontsource/open-sans": ["@fontsource/open-sans@5.2.7", "", {}, "sha512-8yfgDYjE5O0vmTPdrcjV35y4yMnctsokmi9gN49Gcsr0sjzkMkR97AnKDe6OqZh2SFkYlR28fxOvi21bYEgMSw=="],
+    "@fontsource/open-sans": ["@fontsource/open-sans@5.2.7", "http://registry.npmjs.org/@fontsource/open-sans/-/open-sans-5.2.7.tgz", {}, "sha512-8yfgDYjE5O0vmTPdrcjV35y4yMnctsokmi9gN49Gcsr0sjzkMkR97AnKDe6OqZh2SFkYlR28fxOvi21bYEgMSw=="],
 
     "@fontsource/rajdhani": ["@fontsource/rajdhani@5.2.7", "http://registry.npmjs.org/@fontsource/rajdhani/-/rajdhani-5.2.7.tgz", {}, "sha512-7Gy10U688fCdeFfYKebUF2TZotdgH/ghKyMsseXPmB60lpaUHC8aoCSJl5/OpZ+KHKSU2TqBfKfteVkcIXxTAQ=="],
 
@@ -126,6 +138,8 @@
 
     "@jridgewell/gen-mapping": ["@jridgewell/gen-mapping@0.3.13", "http://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.0", "@jridgewell/trace-mapping": "^0.3.24" } }, "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA=="],
 
+    "@jridgewell/remapping": ["@jridgewell/remapping@2.3.5", "", { "dependencies": { "@jridgewell/gen-mapping": "^0.3.5", "@jridgewell/trace-mapping": "^0.3.24" } }, "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ=="],
+
     "@jridgewell/resolve-uri": ["@jridgewell/resolve-uri@3.1.2", "http://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz", {}, "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw=="],
 
     "@jridgewell/sourcemap-codec": ["@jridgewell/sourcemap-codec@1.5.5", "http://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz", {}, "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og=="],
@@ -146,11 +160,11 @@
 
     "@mui/utils": ["@mui/utils@9.0.0", "http://registry.npmjs.org/@mui/utils/-/utils-9.0.0.tgz", { "dependencies": { "@babel/runtime": "^7.29.2", "@mui/types": "^9.0.0", "@types/prop-types": "^15.7.15", "clsx": "^2.1.1", "prop-types": "^15.8.1", "react-is": "^19.2.4" }, "peerDependencies": { "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0", "react": "^17.0.0 || ^18.0.0 || ^19.0.0" }, "optionalPeers": ["@types/react"] }, "sha512-bQcqyg/gjULUqTuyUjSAFr6LQGLvtkNtDbJerAtoUn9kGZ0hg5QJiN1PLHMLbeFpe3te1831uq7GFl2ITokGdg=="],
 
-    "@mui/x-charts": ["@mui/x-charts@9.0.1", "http://registry.npmjs.org/@mui/x-charts/-/x-charts-9.0.1.tgz", { "dependencies": { "@babel/runtime": "^7.28.6", "@mui/utils": "9.0.0", "@mui/x-charts-vendor": "^9.0.0", "@mui/x-internal-gestures": "^9.0.0", "@mui/x-internals": "^9.0.0", "bezier-easing": "^2.1.0", "clsx": "^2.1.1", "prop-types": "^15.8.1", "reselect": "^5.1.1", "use-sync-external-store": "^1.6.0" }, "peerDependencies": { "@emotion/react": "^11.9.0", "@emotion/styled": "^11.8.1", "@mui/material": "^7.3.0 || ^9.0.0", "@mui/system": "^7.3.0 || ^9.0.0", "react": "^17.0.0 || ^18.0.0 || ^19.0.0", "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0" }, "optionalPeers": ["@emotion/react", "@emotion/styled"] }, "sha512-0LyhlGhUm07wGJY0d0U+hSljGS1EHKWgPBsTJ/lBNGDrNc4DI9zSbp4h802LN/eLwMUVXJSI7DH2W3Ef3WsqnQ=="],
+    "@mui/x-charts": ["@mui/x-charts@9.0.2", "http://registry.npmjs.org/@mui/x-charts/-/x-charts-9.0.2.tgz", { "dependencies": { "@babel/runtime": "^7.28.6", "@mui/utils": "9.0.0", "@mui/x-charts-vendor": "^9.0.0", "@mui/x-internal-gestures": "^9.0.2", "@mui/x-internals": "^9.0.0", "bezier-easing": "^2.1.0", "clsx": "^2.1.1", "prop-types": "^15.8.1", "reselect": "^5.1.1", "use-sync-external-store": "^1.6.0" }, "peerDependencies": { "@emotion/react": "^11.9.0", "@emotion/styled": "^11.8.1", "@mui/material": "^7.3.0 || ^9.0.0", "@mui/system": "^7.3.0 || ^9.0.0", "react": "^17.0.0 || ^18.0.0 || ^19.0.0", "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0" }, "optionalPeers": ["@emotion/react", "@emotion/styled"] }, "sha512-bKgjGD+uJbDN/g7tMjVmlNdm+iM4UkCJoYruQmgpQ0l+cip8Kn4kmn1iD//rZ35an+LdWaUZ4MHvMzV76D6EJw=="],
 
     "@mui/x-charts-vendor": ["@mui/x-charts-vendor@9.0.0", "http://registry.npmjs.org/@mui/x-charts-vendor/-/x-charts-vendor-9.0.0.tgz", { "dependencies": { "@babel/runtime": "^7.28.6", "@types/d3-array": "^3.2.2", "@types/d3-color": "^3.1.3", "@types/d3-format": "^3.0.4", "@types/d3-interpolate": "^3.0.4", "@types/d3-path": "^3.1.1", "@types/d3-scale": "^4.0.9", "@types/d3-shape": "^3.1.8", "@types/d3-time": "^3.0.4", "@types/d3-time-format": "^4.0.3", "@types/d3-timer": "^3.0.2", "d3-array": "^3.2.4", "d3-color": "^3.1.0", "d3-format": "^3.1.2", "d3-interpolate": "^3.0.1", "d3-path": "^3.1.0", "d3-scale": "^4.0.2", "d3-shape": "^3.2.0", "d3-time": "^3.1.0", "d3-time-format": "^4.1.0", "d3-timer": "^3.0.1", "flatqueue": "^3.0.0", "internmap": "^2.0.3" } }, "sha512-Do91i+fZiNj/4LN5oaGpJoutolzDBDwdfw6tHrx2LKXDMCRlaImCfreLbdbkk7dFsi9fuIP7hWiMV4vDJKPJTA=="],
 
-    "@mui/x-internal-gestures": ["@mui/x-internal-gestures@9.0.0", "http://registry.npmjs.org/@mui/x-internal-gestures/-/x-internal-gestures-9.0.0.tgz", { "dependencies": { "@babel/runtime": "^7.28.6" } }, "sha512-+fW1EUai25GJbivGRsi3GX4GYsSvzFPvUEjmMgB4POkRBDjrEZNaLdVWfapT6DlWv/Vfbi08bYSuyvhPXGMZjw=="],
+    "@mui/x-internal-gestures": ["@mui/x-internal-gestures@9.0.2", "http://registry.npmjs.org/@mui/x-internal-gestures/-/x-internal-gestures-9.0.2.tgz", { "dependencies": { "@babel/runtime": "^7.28.6" } }, "sha512-xCp99a7cSb7iH1bj4G524ooMOFe92H8m/rONCUiKyj7LvV1YUGzTfHgJysQgDCZJqHYaW7YAGLvwMUyEMZVzqQ=="],
 
     "@mui/x-internals": ["@mui/x-internals@9.0.0", "http://registry.npmjs.org/@mui/x-internals/-/x-internals-9.0.0.tgz", { "dependencies": { "@babel/runtime": "^7.28.6", "@mui/utils": "9.0.0", "reselect": "^5.1.1", "use-sync-external-store": "^1.6.0" }, "peerDependencies": { "react": "^17.0.0 || ^18.0.0 || ^19.0.0" } }, "sha512-E/4rdg69JjhyybpPGypCjAKSKLLnSdCFM+O6P/nkUg47+qt3uftxQEhjQO53rcn6ahHl6du/uNZ9BLgeY6kYxQ=="],
 
@@ -228,11 +242,11 @@
 
     "@rolldown/pluginutils": ["@rolldown/pluginutils@1.0.0-rc.7", "http://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.7.tgz", {}, "sha512-qujRfC8sFVInYSPPMLQByRh7zhwkGFS4+tyMQ83srV1qrxL4g8E2tyxVVyxd0+8QeBM1mIk9KbWxkegRr76XzA=="],
 
-    "@stylistic/eslint-plugin": ["@stylistic/eslint-plugin@4.4.1", "http://registry.npmjs.org/@stylistic/eslint-plugin/-/eslint-plugin-4.4.1.tgz", { "dependencies": { "@typescript-eslint/utils": "^8.32.1", "eslint-visitor-keys": "^4.2.0", "espree": "^10.3.0", "estraverse": "^5.3.0", "picomatch": "^4.0.2" }, "peerDependencies": { "eslint": ">=9.0.0" } }, "sha512-CEigAk7eOLyHvdgmpZsKFwtiqS2wFwI1fn4j09IU9GmD4euFM4jEBAViWeCqaNLlbX2k2+A/Fq9cje4HQBXuJQ=="],
+    "@stylistic/eslint-plugin": ["@stylistic/eslint-plugin@5.10.0", "", { "dependencies": { "@eslint-community/eslint-utils": "^4.9.1", "@typescript-eslint/types": "^8.56.0", "eslint-visitor-keys": "^4.2.1", "espree": "^10.4.0", "estraverse": "^5.3.0", "picomatch": "^4.0.3" }, "peerDependencies": { "eslint": "^9.0.0 || ^10.0.0" } }, "sha512-nPK52ZHvot8Ju/0A4ucSX1dcPV2/1clx0kLcH5wDmrE4naKso7TUC/voUyU1O9OTKTrR6MYip6LP0ogEMQ9jPQ=="],
 
-    "@tanstack/query-core": ["@tanstack/query-core@5.97.0", "http://registry.npmjs.org/@tanstack/query-core/-/query-core-5.97.0.tgz", {}, "sha512-QdpLP5VzVMgo4VtaPppRA2W04UFjIqX+bxke/ZJhE5cfd5UPkRzqIAJQt9uXkQJjqE8LBOMbKv7f8HCsZltXlg=="],
+    "@tanstack/query-core": ["@tanstack/query-core@5.99.2", "http://registry.npmjs.org/@tanstack/query-core/-/query-core-5.99.2.tgz", {}, "sha512-1HunU0bXVsR1ZJMZbcOPE6VtaBJxsW809RE9xPe4Gz7MlB0GWwQvuTPhMoEmQ/hIzFKJ/DWAuttIe7BOaWx0tA=="],
 
-    "@tanstack/react-query": ["@tanstack/react-query@5.97.0", "http://registry.npmjs.org/@tanstack/react-query/-/react-query-5.97.0.tgz", { "dependencies": { "@tanstack/query-core": "5.97.0" }, "peerDependencies": { "react": "^18 || ^19" } }, "sha512-y4So4eGcQoK2WVMAcDNZE9ofB/p5v1OlKvtc1F3uqHwrtifobT7q+ZnXk2mRkc8E84HKYSlAE9z6HXl2V0+ySQ=="],
+    "@tanstack/react-query": ["@tanstack/react-query@5.99.2", "http://registry.npmjs.org/@tanstack/react-query/-/react-query-5.99.2.tgz", { "dependencies": { "@tanstack/query-core": "5.99.2" }, "peerDependencies": { "react": "^18 || ^19" } }, "sha512-vM91UEe45QUS9ED6OklsVL15i8qKcRqNwpWzPTVWvRPRSEgDudDgHpvyTjcdlwHcrKNa80T+xXYcchT2noPnZA=="],
 
     "@tybys/wasm-util": ["@tybys/wasm-util@0.10.1", "http://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.1.tgz", { "dependencies": { "tslib": "^2.4.0" } }, "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg=="],
 
@@ -256,6 +270,8 @@
 
     "@types/d3-timer": ["@types/d3-timer@3.0.2", "http://registry.npmjs.org/@types/d3-timer/-/d3-timer-3.0.2.tgz", {}, "sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw=="],
 
+    "@types/esrecurse": ["@types/esrecurse@4.3.1", "", {}, "sha512-xJBAbDifo5hpffDBuHl0Y8ywswbiAp/Wi7Y/GtAgSlZyIABppyurxVueOPE8LUQOxdlgi6Zqce7uoEpqNTeiUw=="],
+
     "@types/estree": ["@types/estree@1.0.8", "http://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz", {}, "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w=="],
 
     "@types/json-schema": ["@types/json-schema@7.0.15", "http://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz", {}, "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA=="],
@@ -268,20 +284,8 @@
 
     "@types/react-transition-group": ["@types/react-transition-group@4.4.12", "http://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.12.tgz", { "peerDependencies": { "@types/react": "*" } }, "sha512-8TV6R3h2j7a91c+1DXdJi3Syo69zzIZbz7Lg5tORM5LEJG7X/E6a1V3drRyBRZq7/utz7A+c4OgYLiLcYGHG6w=="],
 
-    "@typescript-eslint/project-service": ["@typescript-eslint/project-service@8.58.1", "http://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.58.1.tgz", { "dependencies": { "@typescript-eslint/tsconfig-utils": "^8.58.1", "@typescript-eslint/types": "^8.58.1", "debug": "^4.4.3" }, "peerDependencies": { "typescript": ">=4.8.4 <6.1.0" } }, "sha512-gfQ8fk6cxhtptek+/8ZIqw8YrRW5048Gug8Ts5IYcMLCw18iUgrZAEY/D7s4hkI0FxEfGakKuPK/XUMPzPxi5g=="],
-
-    "@typescript-eslint/scope-manager": ["@typescript-eslint/scope-manager@8.58.1", "http://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.58.1.tgz", { "dependencies": { "@typescript-eslint/types": "8.58.1", "@typescript-eslint/visitor-keys": "8.58.1" } }, "sha512-TPYUEqJK6avLcEjumWsIuTpuYODTTDAtoMdt8ZZa93uWMTX13Nb8L5leSje1NluammvU+oI3QRr5lLXPgihX3w=="],
-
-    "@typescript-eslint/tsconfig-utils": ["@typescript-eslint/tsconfig-utils@8.58.1", "http://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.58.1.tgz", { "peerDependencies": { "typescript": ">=4.8.4 <6.1.0" } }, "sha512-JAr2hOIct2Q+qk3G+8YFfqkqi7sC86uNryT+2i5HzMa2MPjw4qNFvtjnw1IiA1rP7QhNKVe21mSSLaSjwA1Olw=="],
-
     "@typescript-eslint/types": ["@typescript-eslint/types@8.58.1", "http://registry.npmjs.org/@typescript-eslint/types/-/types-8.58.1.tgz", {}, "sha512-io/dV5Aw5ezwzfPBBWLoT+5QfVtP8O7q4Kftjn5azJ88bYyp/ZMCsyW1lpKK46EXJcaYMZ1JtYj+s/7TdzmQMw=="],
 
-    "@typescript-eslint/typescript-estree": ["@typescript-eslint/typescript-estree@8.58.1", "http://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.58.1.tgz", { "dependencies": { "@typescript-eslint/project-service": "8.58.1", "@typescript-eslint/tsconfig-utils": "8.58.1", "@typescript-eslint/types": "8.58.1", "@typescript-eslint/visitor-keys": "8.58.1", "debug": "^4.4.3", "minimatch": "^10.2.2", "semver": "^7.7.3", "tinyglobby": "^0.2.15", "ts-api-utils": "^2.5.0" }, "peerDependencies": { "typescript": ">=4.8.4 <6.1.0" } }, "sha512-w4w7WR7GHOjqqPnvAYbazq+Y5oS68b9CzasGtnd6jIeOIeKUzYzupGTB2T4LTPSv4d+WPeccbxuneTFHYgAAWg=="],
-
-    "@typescript-eslint/utils": ["@typescript-eslint/utils@8.58.1", "http://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.58.1.tgz", { "dependencies": { "@eslint-community/eslint-utils": "^4.9.1", "@typescript-eslint/scope-manager": "8.58.1", "@typescript-eslint/types": "8.58.1", "@typescript-eslint/typescript-estree": "8.58.1" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0", "typescript": ">=4.8.4 <6.1.0" } }, "sha512-Ln8R0tmWC7pTtLOzgJzYTXSCjJ9rDNHAqTaVONF4FEi2qwce8mD9iSOxOpLFFvWp/wBFlew0mjM1L1ihYWfBdQ=="],
-
-    "@typescript-eslint/visitor-keys": ["@typescript-eslint/visitor-keys@8.58.1", "http://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.58.1.tgz", { "dependencies": { "@typescript-eslint/types": "8.58.1", "eslint-visitor-keys": "^5.0.0" } }, "sha512-y+vH7QE8ycjoa0bWciFg7OpFcipUuem1ujhrdLtq1gByKwfbC7bPeKsiny9e0urg93DqwGcHey+bGRKCnF1nZQ=="],
-
     "@vitejs/plugin-react": ["@vitejs/plugin-react@6.0.1", "http://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-6.0.1.tgz", { "dependencies": { "@rolldown/pluginutils": "1.0.0-rc.7" }, "peerDependencies": { "@rolldown/plugin-babel": "^0.1.7 || ^0.2.0", "babel-plugin-react-compiler": "^1.0.0", "vite": "^8.0.0" }, "optionalPeers": ["@rolldown/plugin-babel", "babel-plugin-react-compiler"] }, "sha512-l9X/E3cDb+xY3SWzlG1MOGt2usfEHGMNIaegaUGFsLkb3RCn/k8/TOXBcab+OndDI4TBtktT8/9BwwW8Vi9KUQ=="],
 
     "acorn": ["acorn@8.16.0", "http://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz", { "bin": { "acorn": "bin/acorn" } }, "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw=="],
@@ -290,8 +294,6 @@
 
     "ajv": ["ajv@6.14.0", "http://registry.npmjs.org/ajv/-/ajv-6.14.0.tgz", { "dependencies": { "fast-deep-equal": "^3.1.1", "fast-json-stable-stringify": "^2.0.0", "json-schema-traverse": "^0.4.1", "uri-js": "^4.2.2" } }, "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw=="],
 
-    "ansi-styles": ["ansi-styles@4.3.0", "http://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", { "dependencies": { "color-convert": "^2.0.1" } }, "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg=="],
-
     "argparse": ["argparse@2.0.1", "http://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", {}, "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="],
 
     "array-buffer-byte-length": ["array-buffer-byte-length@1.0.2", "http://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz", { "dependencies": { "call-bound": "^1.0.3", "is-array-buffer": "^3.0.5" } }, "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw=="],
@@ -316,12 +318,16 @@
 
     "balanced-match": ["balanced-match@1.0.0", "http://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz", {}, "sha512-9Y0g0Q8rmSt+H33DfKv7FOc3v+iRI+o1lbzt8jGcIosYW37IIW/2XVYq5NPdmaD5NQ59Nk26Kl/vZbwW9Fr8vg=="],
 
+    "baseline-browser-mapping": ["baseline-browser-mapping@2.10.20", "", { "bin": { "baseline-browser-mapping": "dist/cli.cjs" } }, "sha512-1AaXxEPfXT+GvTBJFuy4yXVHWJBXa4OdbIebGN/wX5DlsIkU0+wzGnd2lOzokSk51d5LUmqjgBLRLlypLUqInQ=="],
+
     "bezier-easing": ["bezier-easing@2.1.0", "http://registry.npmjs.org/bezier-easing/-/bezier-easing-2.1.0.tgz", {}, "sha512-gbIqZ/eslnUFC1tjEvtz0sgx+xTK20wDnYMIA27VA04R7w6xxXQPZDbibjA9DTWZRA2CXtwHykkVzlCaAJAZig=="],
 
     "brace-expansion": ["brace-expansion@1.1.11", "http://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", { "dependencies": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" } }, "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA=="],
 
     "braces": ["braces@3.0.3", "http://registry.npmjs.org/braces/-/braces-3.0.3.tgz", { "dependencies": { "fill-range": "^7.1.1" } }, "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA=="],
 
+    "browserslist": ["browserslist@4.28.2", "", { "dependencies": { "baseline-browser-mapping": "^2.10.12", "caniuse-lite": "^1.0.30001782", "electron-to-chromium": "^1.5.328", "node-releases": "^2.0.36", "update-browserslist-db": "^1.2.3" }, "bin": { "browserslist": "cli.js" } }, "sha512-48xSriZYYg+8qXna9kwqjIVzuQxi+KYWp2+5nCYnYKPTr0LvD89Jqk2Or5ogxz0NUMfIjhh2lIUX/LyX9B4oIg=="],
+
     "call-bind": ["call-bind@1.0.9", "http://registry.npmjs.org/call-bind/-/call-bind-1.0.9.tgz", { "dependencies": { "call-bind-apply-helpers": "^1.0.2", "es-define-property": "^1.0.1", "get-intrinsic": "^1.3.0", "set-function-length": "^1.2.2" } }, "sha512-a/hy+pNsFUTR+Iz8TCJvXudKVLAnz/DyeSUo10I5yvFDQJBFU2s9uqQpoSrJlroHUKoKqzg+epxyP9lqFdzfBQ=="],
 
     "call-bind-apply-helpers": ["call-bind-apply-helpers@1.0.2", "http://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz", { "dependencies": { "es-errors": "^1.3.0", "function-bind": "^1.1.2" } }, "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ=="],
@@ -330,19 +336,15 @@
 
     "callsites": ["callsites@3.1.0", "http://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz", {}, "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ=="],
 
-    "chalk": ["chalk@4.1.2", "http://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", { "dependencies": { "ansi-styles": "^4.1.0", "supports-color": "^7.1.0" } }, "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA=="],
+    "caniuse-lite": ["caniuse-lite@1.0.30001788", "", {}, "sha512-6q8HFp+lOQtcf7wBK+uEenxymVWkGKkjFpCvw5W25cmMwEDU45p1xQFBQv8JDlMMry7eNxyBaR+qxgmTUZkIRQ=="],
 
     "chokidar": ["chokidar@4.0.3", "http://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz", { "dependencies": { "readdirp": "^4.0.1" } }, "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA=="],
 
     "clsx": ["clsx@2.1.1", "http://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz", {}, "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA=="],
 
-    "color-convert": ["color-convert@2.0.1", "http://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", { "dependencies": { "color-name": "~1.1.4" } }, "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ=="],
-
-    "color-name": ["color-name@1.1.4", "http://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", {}, "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="],
-
     "concat-map": ["concat-map@0.0.1", "http://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", {}, "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="],
 
-    "convert-source-map": ["convert-source-map@1.9.0", "http://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz", {}, "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A=="],
+    "convert-source-map": ["convert-source-map@2.0.0", "", {}, "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg=="],
 
     "cosmiconfig": ["cosmiconfig@7.1.0", "http://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz", { "dependencies": { "@types/parse-json": "^4.0.0", "import-fresh": "^3.2.1", "parse-json": "^5.0.0", "path-type": "^4.0.0", "yaml": "^1.10.0" } }, "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA=="],
 
@@ -392,6 +394,8 @@
 
     "dunder-proto": ["dunder-proto@1.0.1", "http://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz", { "dependencies": { "call-bind-apply-helpers": "^1.0.1", "es-errors": "^1.3.0", "gopd": "^1.2.0" } }, "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A=="],
 
+    "electron-to-chromium": ["electron-to-chromium@1.5.340", "", {}, "sha512-908qahOGocRMinT2nM3ajCEM99H4iPdv84eagPP3FfZy/1ZGeOy2CZYzjhms81ckOPCXPlW7LkY4XpxD8r1DrA=="],
+
     "error-ex": ["error-ex@1.3.4", "http://registry.npmjs.org/error-ex/-/error-ex-1.3.4.tgz", { "dependencies": { "is-arrayish": "^0.2.1" } }, "sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ=="],
 
     "es-abstract": ["es-abstract@1.24.2", "http://registry.npmjs.org/es-abstract/-/es-abstract-1.24.2.tgz", { "dependencies": { "array-buffer-byte-length": "^1.0.2", "arraybuffer.prototype.slice": "^1.0.4", "available-typed-arrays": "^1.0.7", "call-bind": "^1.0.8", "call-bound": "^1.0.4", "data-view-buffer": "^1.0.2", "data-view-byte-length": "^1.0.2", "data-view-byte-offset": "^1.0.1", "es-define-property": "^1.0.1", "es-errors": "^1.3.0", "es-object-atoms": "^1.1.1", "es-set-tostringtag": "^2.1.0", "es-to-primitive": "^1.3.0", "function.prototype.name": "^1.1.8", "get-intrinsic": "^1.3.0", "get-proto": "^1.0.1", "get-symbol-description": "^1.1.0", "globalthis": "^1.0.4", "gopd": "^1.2.0", "has-property-descriptors": "^1.0.2", "has-proto": "^1.2.0", "has-symbols": "^1.1.0", "hasown": "^2.0.2", "internal-slot": "^1.1.0", "is-array-buffer": "^3.0.5", "is-callable": "^1.2.7", "is-data-view": "^1.0.2", "is-negative-zero": "^2.0.3", "is-regex": "^1.2.1", "is-set": "^2.0.3", "is-shared-array-buffer": "^1.0.4", "is-string": "^1.1.1", "is-typed-array": "^1.1.15", "is-weakref": "^1.1.1", "math-intrinsics": "^1.1.0", "object-inspect": "^1.13.4", "object-keys": "^1.1.1", "object.assign": "^4.1.7", "own-keys": "^1.0.1", "regexp.prototype.flags": "^1.5.4", "safe-array-concat": "^1.1.3", "safe-push-apply": "^1.0.0", "safe-regex-test": "^1.1.0", "set-proto": "^1.0.0", "stop-iteration-iterator": "^1.1.0", "string.prototype.trim": "^1.2.10", "string.prototype.trimend": "^1.0.9", "string.prototype.trimstart": "^1.0.8", "typed-array-buffer": "^1.0.3", "typed-array-byte-length": "^1.0.3", "typed-array-byte-offset": "^1.0.4", "typed-array-length": "^1.0.7", "unbox-primitive": "^1.1.0", "which-typed-array": "^1.1.19" } }, "sha512-2FpH9Q5i2RRwyEP1AylXe6nYLR5OhaJTZwmlcP0dL/+JCbgg7yyEo/sEK6HeGZRf3dFpWwThaRHVApXSkW3xeg=="],
@@ -410,15 +414,17 @@
 
     "es-to-primitive": ["es-to-primitive@1.3.0", "http://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.0.tgz", { "dependencies": { "is-callable": "^1.2.7", "is-date-object": "^1.0.5", "is-symbol": "^1.0.4" } }, "sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g=="],
 
+    "escalade": ["escalade@3.2.0", "", {}, "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA=="],
+
     "escape-string-regexp": ["escape-string-regexp@4.0.0", "http://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz", {}, "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA=="],
 
-    "eslint": ["eslint@9.39.4", "http://registry.npmjs.org/eslint/-/eslint-9.39.4.tgz", { "dependencies": { "@eslint-community/eslint-utils": "^4.8.0", "@eslint-community/regexpp": "^4.12.1", "@eslint/config-array": "^0.21.2", "@eslint/config-helpers": "^0.4.2", "@eslint/core": "^0.17.0", "@eslint/eslintrc": "^3.3.5", "@eslint/js": "9.39.4", "@eslint/plugin-kit": "^0.4.1", "@humanfs/node": "^0.16.6", "@humanwhocodes/module-importer": "^1.0.1", "@humanwhocodes/retry": "^0.4.2", "@types/estree": "^1.0.6", "ajv": "^6.14.0", "chalk": "^4.0.0", "cross-spawn": "^7.0.6", "debug": "^4.3.2", "escape-string-regexp": "^4.0.0", "eslint-scope": "^8.4.0", "eslint-visitor-keys": "^4.2.1", "espree": "^10.4.0", "esquery": "^1.5.0", "esutils": "^2.0.2", "fast-deep-equal": "^3.1.3", "file-entry-cache": "^8.0.0", "find-up": "^5.0.0", "glob-parent": "^6.0.2", "ignore": "^5.2.0", "imurmurhash": "^0.1.4", "is-glob": "^4.0.0", "json-stable-stringify-without-jsonify": "^1.0.1", "lodash.merge": "^4.6.2", "minimatch": "^3.1.5", "natural-compare": "^1.4.0", "optionator": "^0.9.3" }, "peerDependencies": { "jiti": "*" }, "optionalPeers": ["jiti"], "bin": { "eslint": "bin/eslint.js" } }, "sha512-XoMjdBOwe/esVgEvLmNsD3IRHkm7fbKIUGvrleloJXUZgDHig2IPWNniv+GwjyJXzuNqVjlr5+4yVUZjycJwfQ=="],
+    "eslint": ["eslint@10.2.1", "", { "dependencies": { "@eslint-community/eslint-utils": "^4.8.0", "@eslint-community/regexpp": "^4.12.2", "@eslint/config-array": "^0.23.5", "@eslint/config-helpers": "^0.5.5", "@eslint/core": "^1.2.1", "@eslint/plugin-kit": "^0.7.1", "@humanfs/node": "^0.16.6", "@humanwhocodes/module-importer": "^1.0.1", "@humanwhocodes/retry": "^0.4.2", "@types/estree": "^1.0.6", "ajv": "^6.14.0", "cross-spawn": "^7.0.6", "debug": "^4.3.2", "escape-string-regexp": "^4.0.0", "eslint-scope": "^9.1.2", "eslint-visitor-keys": "^5.0.1", "espree": "^11.2.0", "esquery": "^1.7.0", "esutils": "^2.0.2", "fast-deep-equal": "^3.1.3", "file-entry-cache": "^8.0.0", "find-up": "^5.0.0", "glob-parent": "^6.0.2", "ignore": "^5.2.0", "imurmurhash": "^0.1.4", "is-glob": "^4.0.0", "json-stable-stringify-without-jsonify": "^1.0.1", "minimatch": "^10.2.4", "natural-compare": "^1.4.0", "optionator": "^0.9.3" }, "peerDependencies": { "jiti": "*" }, "optionalPeers": ["jiti"], "bin": { "eslint": "bin/eslint.js" } }, "sha512-wiyGaKsDgqXvF40P8mDwiUp/KQjE1FdrIEJsM8PZ3XCiniTMXS3OHWWUe5FI5agoCnr8x4xPrTDZuxsBlNHl+Q=="],
 
     "eslint-plugin-react": ["eslint-plugin-react@7.37.5", "http://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.5.tgz", { "dependencies": { "array-includes": "^3.1.8", "array.prototype.findlast": "^1.2.5", "array.prototype.flatmap": "^1.3.3", "array.prototype.tosorted": "^1.1.4", "doctrine": "^2.1.0", "es-iterator-helpers": "^1.2.1", "estraverse": "^5.3.0", "hasown": "^2.0.2", "jsx-ast-utils": "^2.4.1 || ^3.0.0", "minimatch": "^3.1.2", "object.entries": "^1.1.9", "object.fromentries": "^2.0.8", "object.values": "^1.2.1", "prop-types": "^15.8.1", "resolve": "^2.0.0-next.5", "semver": "^6.3.1", "string.prototype.matchall": "^4.0.12", "string.prototype.repeat": "^1.0.0" }, "peerDependencies": { "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7" } }, "sha512-Qteup0SqU15kdocexFNAJMvCJEfa2xUKNV4CC1xsVMrIIqEy3SQ/rqyxCWNzfrd3/ldy6HMlD2e0JDVpDg2qIA=="],
 
-    "eslint-plugin-react-hooks": ["eslint-plugin-react-hooks@5.2.0", "http://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-5.2.0.tgz", { "peerDependencies": { "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0" } }, "sha512-+f15FfK64YQwZdJNELETdn5ibXEUQmW1DZL6KXhNnc2heoy/sg9VJJeT7n8TlMWouzWqSWavFkIhHyIbIAEapg=="],
+    "eslint-plugin-react-hooks": ["eslint-plugin-react-hooks@7.1.1", "", { "dependencies": { "@babel/core": "^7.24.4", "@babel/parser": "^7.24.4", "hermes-parser": "^0.25.1", "zod": "^3.25.0 || ^4.0.0", "zod-validation-error": "^3.5.0 || ^4.0.0" }, "peerDependencies": { "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0 || ^10.0.0" } }, "sha512-f2I7Gw6JbvCexzIInuSbZpfdQ44D7iqdWX01FKLvrPgqxoE7oMj8clOfto8U6vYiz4yd5oKu39rRSVOe1zRu0g=="],
 
-    "eslint-scope": ["eslint-scope@8.4.0", "http://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz", { "dependencies": { "esrecurse": "^4.3.0", "estraverse": "^5.2.0" } }, "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg=="],
+    "eslint-scope": ["eslint-scope@9.1.2", "", { "dependencies": { "@types/esrecurse": "^4.3.1", "@types/estree": "^1.0.8", "esrecurse": "^4.3.0", "estraverse": "^5.2.0" } }, "sha512-xS90H51cKw0jltxmvmHy2Iai1LIqrfbw57b79w/J7MfvDfkIkFZ+kj6zC3BjtUwh150HsSSdxXZcsuv72miDFQ=="],
 
     "eslint-visitor-keys": ["eslint-visitor-keys@4.2.1", "http://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz", {}, "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ=="],
 
@@ -470,6 +476,8 @@
 
     "generator-function": ["generator-function@2.0.1", "http://registry.npmjs.org/generator-function/-/generator-function-2.0.1.tgz", {}, "sha512-SFdFmIJi+ybC0vjlHN0ZGVGHc3lgE0DxPAT0djjVg+kjOnSqclqmj0KQ7ykTOLP6YxoqOvuAODGdcHJn+43q3g=="],
 
+    "gensync": ["gensync@1.0.0-beta.2", "", {}, "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg=="],
+
     "get-intrinsic": ["get-intrinsic@1.3.0", "http://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz", { "dependencies": { "call-bind-apply-helpers": "^1.0.2", "es-define-property": "^1.0.1", "es-errors": "^1.3.0", "es-object-atoms": "^1.1.1", "function-bind": "^1.1.2", "get-proto": "^1.0.1", "gopd": "^1.2.0", "has-symbols": "^1.1.0", "hasown": "^2.0.2", "math-intrinsics": "^1.1.0" } }, "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ=="],
 
     "get-proto": ["get-proto@1.0.1", "http://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz", { "dependencies": { "dunder-proto": "^1.0.1", "es-object-atoms": "^1.0.0" } }, "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g=="],
@@ -478,7 +486,7 @@
 
     "glob-parent": ["glob-parent@6.0.2", "http://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz", { "dependencies": { "is-glob": "^4.0.3" } }, "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A=="],
 
-    "globals": ["globals@15.15.0", "http://registry.npmjs.org/globals/-/globals-15.15.0.tgz", {}, "sha512-7ACyT3wmyp3I61S4fG682L0VA2RGD9otkqGJIwNUMF1SWUombIIk+af1unuDYgMm082aHYwD+mzJvv9Iu8dsgg=="],
+    "globals": ["globals@17.5.0", "", {}, "sha512-qoV+HK2yFl/366t2/Cb3+xxPUo5BuMynomoDmiaZBIdbs+0pYbjfZU+twLhGKp4uCZ/+NbtpVepH5bGCxRyy2g=="],
 
     "globalthis": ["globalthis@1.0.4", "http://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz", { "dependencies": { "define-properties": "^1.2.1", "gopd": "^1.0.1" } }, "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ=="],
 
@@ -486,8 +494,6 @@
 
     "has-bigints": ["has-bigints@1.1.0", "http://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz", {}, "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg=="],
 
-    "has-flag": ["has-flag@4.0.0", "http://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", {}, "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="],
-
     "has-property-descriptors": ["has-property-descriptors@1.0.2", "http://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz", { "dependencies": { "es-define-property": "^1.0.0" } }, "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg=="],
 
     "has-proto": ["has-proto@1.2.0", "http://registry.npmjs.org/has-proto/-/has-proto-1.2.0.tgz", { "dependencies": { "dunder-proto": "^1.0.0" } }, "sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ=="],
@@ -498,9 +504,13 @@
 
     "hasown": ["hasown@2.0.2", "http://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz", { "dependencies": { "function-bind": "^1.1.2" } }, "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ=="],
 
+    "hermes-estree": ["hermes-estree@0.25.1", "", {}, "sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw=="],
+
+    "hermes-parser": ["hermes-parser@0.25.1", "", { "dependencies": { "hermes-estree": "0.25.1" } }, "sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA=="],
+
     "hoist-non-react-statics": ["hoist-non-react-statics@3.3.2", "http://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz", { "dependencies": { "react-is": "^16.7.0" } }, "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw=="],
 
-    "howler": ["howler@2.1.2", "http://registry.npmjs.org/howler/-/howler-2.1.2.tgz", {}, "sha512-oKrTFaVXsDRoB/jik7cEpWKTj7VieoiuzMYJ7E/EU5ayvmpRhumCv3YQ3823zi9VTJkSWAhbryHnlZAionGAJg=="],
+    "howler": ["howler@2.2.4", "http://registry.npmjs.org/howler/-/howler-2.2.4.tgz", {}, "sha512-iARIBPgcQrwtEr+tALF+rapJ8qSc+Set2GJQl7xT1MQzWaVkFebdJhR3alVlSiUf5U7nAANKuj3aWpwerocD5w=="],
 
     "ignore": ["ignore@5.3.2", "http://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz", {}, "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g=="],
 
@@ -586,6 +596,8 @@
 
     "json-stable-stringify-without-jsonify": ["json-stable-stringify-without-jsonify@1.0.1", "http://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz", {}, "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw=="],
 
+    "json5": ["json5@2.2.3", "", { "bin": { "json5": "lib/cli.js" } }, "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg=="],
+
     "jsx-ast-utils": ["jsx-ast-utils@3.3.5", "http://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz", { "dependencies": { "array-includes": "^3.1.6", "array.prototype.flat": "^1.3.1", "object.assign": "^4.1.4", "object.values": "^1.1.6" } }, "sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ=="],
 
     "keyv": ["keyv@4.5.4", "http://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz", { "dependencies": { "json-buffer": "3.0.1" } }, "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw=="],
@@ -622,10 +634,10 @@
 
     "lodash": ["lodash@4.18.1", "http://registry.npmjs.org/lodash/-/lodash-4.18.1.tgz", {}, "sha512-dMInicTPVE8d1e5otfwmmjlxkZoUpiVLwyeTdUsi/Caj/gfzzblBcCE5sRHV/AsjuCmxWrte2TNGSYuCeCq+0Q=="],
 
-    "lodash.merge": ["lodash.merge@4.6.2", "http://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz", {}, "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ=="],
-
     "loose-envify": ["loose-envify@1.4.0", "http://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", { "dependencies": { "js-tokens": "^3.0.0 || ^4.0.0" }, "bin": "cli.js" }, "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q=="],
 
+    "lru-cache": ["lru-cache@5.1.1", "", { "dependencies": { "yallist": "^3.0.2" } }, "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w=="],
+
     "math-intrinsics": ["math-intrinsics@1.1.0", "http://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz", {}, "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g=="],
 
     "merge2": ["merge2@1.4.1", "http://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz", {}, "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg=="],
@@ -646,6 +658,8 @@
 
     "node-exports-info": ["node-exports-info@1.6.0", "http://registry.npmjs.org/node-exports-info/-/node-exports-info-1.6.0.tgz", { "dependencies": { "array.prototype.flatmap": "^1.3.3", "es-errors": "^1.3.0", "object.entries": "^1.1.9", "semver": "^6.3.1" } }, "sha512-pyFS63ptit/P5WqUkt+UUfe+4oevH+bFeIiPPdfb0pFeYEu/1ELnJu5l+5EcTKYL5M7zaAa7S8ddywgXypqKCw=="],
 
+    "node-releases": ["node-releases@2.0.37", "", {}, "sha512-1h5gKZCF+pO/o3Iqt5Jp7wc9rH3eJJ0+nh/CIoiRwjRxde/hAHyLPXYN4V3CqKAbiZPSeJFSWHmJsbkicta0Eg=="],
+
     "object-assign": ["object-assign@4.1.1", "http://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", {}, "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg=="],
 
     "object-inspect": ["object-inspect@1.13.4", "http://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz", {}, "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew=="],
@@ -690,7 +704,7 @@
 
     "prelude-ls": ["prelude-ls@1.2.1", "http://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz", {}, "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g=="],
 
-    "prop-types": ["prop-types@15.7.2", "http://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz", { "dependencies": { "loose-envify": "^1.4.0", "object-assign": "^4.1.1", "react-is": "^16.8.1" } }, "sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ=="],
+    "prop-types": ["prop-types@15.8.1", "http://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz", { "dependencies": { "loose-envify": "^1.4.0", "object-assign": "^4.1.1", "react-is": "^16.13.1" } }, "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg=="],
 
     "punycode": ["punycode@2.3.1", "http://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz", {}, "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg=="],
 
@@ -774,8 +788,6 @@
 
     "stylis": ["stylis@4.2.0", "http://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz", {}, "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw=="],
 
-    "supports-color": ["supports-color@7.2.0", "http://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", { "dependencies": { "has-flag": "^4.0.0" } }, "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw=="],
-
     "supports-preserve-symlinks-flag": ["supports-preserve-symlinks-flag@1.0.0", "http://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", {}, "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w=="],
 
     "tinyglobby": ["tinyglobby@0.2.16", "http://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.16.tgz", { "dependencies": { "fdir": "^6.5.0", "picomatch": "^4.0.4" } }, "sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg=="],
@@ -784,8 +796,6 @@
 
     "totalist": ["totalist@3.0.1", "http://registry.npmjs.org/totalist/-/totalist-3.0.1.tgz", {}, "sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ=="],
 
-    "ts-api-utils": ["ts-api-utils@2.5.0", "http://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.5.0.tgz", { "peerDependencies": { "typescript": ">=4.8.4" } }, "sha512-OJ/ibxhPlqrMM0UiNHJ/0CKQkoKF243/AEmplt3qpRgkW8VG7IfOS41h7V8TjITqdByHzrjcS/2si+y4lIh8NA=="],
-
     "tslib": ["tslib@2.8.1", "http://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz", {}, "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="],
 
     "type-check": ["type-check@0.4.0", "http://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz", { "dependencies": { "prelude-ls": "^1.2.1" } }, "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew=="],
@@ -798,10 +808,10 @@
 
     "typed-array-length": ["typed-array-length@1.0.7", "http://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.7.tgz", { "dependencies": { "call-bind": "^1.0.7", "for-each": "^0.3.3", "gopd": "^1.0.1", "is-typed-array": "^1.1.13", "possible-typed-array-names": "^1.0.0", "reflect.getprototypeof": "^1.0.6" } }, "sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg=="],
 
-    "typescript": ["typescript@6.0.2", "http://registry.npmjs.org/typescript/-/typescript-6.0.2.tgz", { "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" } }, "sha512-bGdAIrZ0wiGDo5l8c++HWtbaNCWTS4UTv7RaTH/ThVIgjkveJt83m74bBHMJkuCbslY8ixgLBVZJIOiQlQTjfQ=="],
-
     "unbox-primitive": ["unbox-primitive@1.1.0", "http://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.1.0.tgz", { "dependencies": { "call-bound": "^1.0.3", "has-bigints": "^1.0.2", "has-symbols": "^1.1.0", "which-boxed-primitive": "^1.1.1" } }, "sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw=="],
 
+    "update-browserslist-db": ["update-browserslist-db@1.2.3", "", { "dependencies": { "escalade": "^3.2.0", "picocolors": "^1.1.1" }, "peerDependencies": { "browserslist": ">= 4.21.0" }, "bin": { "update-browserslist-db": "cli.js" } }, "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w=="],
+
     "uri-js": ["uri-js@4.4.1", "http://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz", { "dependencies": { "punycode": "^2.1.0" } }, "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg=="],
 
     "use-sync-external-store": ["use-sync-external-store@1.6.0", "http://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.6.0.tgz", { "peerDependencies": { "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" } }, "sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w=="],
@@ -822,35 +832,31 @@
 
     "word-wrap": ["word-wrap@1.2.5", "http://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz", {}, "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA=="],
 
+    "yallist": ["yallist@3.1.1", "", {}, "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g=="],
+
     "yaml": ["yaml@1.10.3", "http://registry.npmjs.org/yaml/-/yaml-1.10.3.tgz", {}, "sha512-vIYeF1u3CjlhAFekPPAk2h/Kv4T3mAkMox5OymRiJQB0spDP10LHvt+K7G9Ny6NuuMAb25/6n1qyUjAcGNf/AA=="],
 
     "yocto-queue": ["yocto-queue@0.1.0", "http://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz", {}, "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q=="],
 
+    "zod": ["zod@4.3.6", "", {}, "sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg=="],
+
+    "zod-validation-error": ["zod-validation-error@4.0.2", "", { "peerDependencies": { "zod": "^3.25.0 || ^4.0.0" } }, "sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ=="],
+
+    "@emotion/babel-plugin/convert-source-map": ["convert-source-map@1.9.0", "http://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz", {}, "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A=="],
+
     "@eslint-community/eslint-utils/eslint-visitor-keys": ["eslint-visitor-keys@3.4.3", "http://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz", {}, "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag=="],
 
+    "@eslint/config-array/minimatch": ["minimatch@10.2.5", "http://registry.npmjs.org/minimatch/-/minimatch-10.2.5.tgz", { "dependencies": { "brace-expansion": "^5.0.5" } }, "sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg=="],
+
     "@eslint/eslintrc/globals": ["globals@14.0.0", "http://registry.npmjs.org/globals/-/globals-14.0.0.tgz", {}, "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ=="],
 
-    "@mui/material/prop-types": ["prop-types@15.8.1", "http://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz", { "dependencies": { "loose-envify": "^1.4.0", "object-assign": "^4.1.1", "react-is": "^16.13.1" } }, "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg=="],
-
-    "@mui/private-theming/prop-types": ["prop-types@15.8.1", "http://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz", { "dependencies": { "loose-envify": "^1.4.0", "object-assign": "^4.1.1", "react-is": "^16.13.1" } }, "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg=="],
-
-    "@mui/styled-engine/prop-types": ["prop-types@15.8.1", "http://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz", { "dependencies": { "loose-envify": "^1.4.0", "object-assign": "^4.1.1", "react-is": "^16.13.1" } }, "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg=="],
-
-    "@mui/system/prop-types": ["prop-types@15.8.1", "http://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz", { "dependencies": { "loose-envify": "^1.4.0", "object-assign": "^4.1.1", "react-is": "^16.13.1" } }, "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg=="],
-
-    "@mui/utils/prop-types": ["prop-types@15.8.1", "http://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz", { "dependencies": { "loose-envify": "^1.4.0", "object-assign": "^4.1.1", "react-is": "^16.13.1" } }, "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg=="],
-
-    "@mui/x-charts/prop-types": ["prop-types@15.8.1", "http://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz", { "dependencies": { "loose-envify": "^1.4.0", "object-assign": "^4.1.1", "react-is": "^16.13.1" } }, "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg=="],
-
-    "@typescript-eslint/typescript-estree/minimatch": ["minimatch@10.2.5", "http://registry.npmjs.org/minimatch/-/minimatch-10.2.5.tgz", { "dependencies": { "brace-expansion": "^5.0.5" } }, "sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg=="],
-
-    "@typescript-eslint/typescript-estree/semver": ["semver@7.7.4", "http://registry.npmjs.org/semver/-/semver-7.7.4.tgz", { "bin": { "semver": "bin/semver.js" } }, "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA=="],
-
-    "@typescript-eslint/visitor-keys/eslint-visitor-keys": ["eslint-visitor-keys@5.0.1", "http://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-5.0.1.tgz", {}, "sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA=="],
-
     "babel-plugin-macros/resolve": ["resolve@1.22.12", "http://registry.npmjs.org/resolve/-/resolve-1.22.12.tgz", { "dependencies": { "es-errors": "^1.3.0", "is-core-module": "^2.16.1", "path-parse": "^1.0.7", "supports-preserve-symlinks-flag": "^1.0.0" }, "bin": { "resolve": "bin/resolve" } }, "sha512-TyeJ1zif53BPfHootBGwPRYT1RUt6oGWsaQr8UyZW/eAm9bKoijtvruSDEmZHm92CwS9nj7/fWttqPCgzep8CA=="],
 
-    "eslint-plugin-react/prop-types": ["prop-types@15.8.1", "http://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz", { "dependencies": { "loose-envify": "^1.4.0", "object-assign": "^4.1.1", "react-is": "^16.13.1" } }, "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg=="],
+    "eslint/eslint-visitor-keys": ["eslint-visitor-keys@5.0.1", "http://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-5.0.1.tgz", {}, "sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA=="],
+
+    "eslint/espree": ["espree@11.2.0", "", { "dependencies": { "acorn": "^8.16.0", "acorn-jsx": "^5.3.2", "eslint-visitor-keys": "^5.0.1" } }, "sha512-7p3DrVEIopW1B1avAGLuCSh1jubc01H2JHc8B4qqGblmg5gI9yumBgACjWo4JlIc04ufug4xJ3SQI8HkS/Rgzw=="],
+
+    "eslint/minimatch": ["minimatch@10.2.5", "http://registry.npmjs.org/minimatch/-/minimatch-10.2.5.tgz", { "dependencies": { "brace-expansion": "^5.0.5" } }, "sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg=="],
 
     "fast-glob/glob-parent": ["glob-parent@5.1.2", "http://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", { "dependencies": { "is-glob": "^4.0.1" } }, "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow=="],
 
@@ -858,30 +864,16 @@
 
     "micromatch/picomatch": ["picomatch@2.3.2", "http://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz", {}, "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA=="],
 
-    "prop-types/react-is": ["react-is@16.11.0", "http://registry.npmjs.org/react-is/-/react-is-16.11.0.tgz", {}, "sha512-gbBVYR2p8mnriqAwWx9LbuUrShnAuSCNnuPGyc7GJrMVQtPDAh8iLpv7FRuMPFb56KkaVZIYSz1PrjI9q0QPCw=="],
+    "prop-types/react-is": ["react-is@16.13.1", "http://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", {}, "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="],
-
-    "react-transition-group/prop-types": ["prop-types@15.8.1", "http://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz", { "dependencies": { "loose-envify": "^1.4.0", "object-assign": "^4.1.1", "react-is": "^16.13.1" } }, "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg=="],
 
     "rolldown/@rolldown/pluginutils": ["@rolldown/pluginutils@1.0.0-rc.15", "http://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.15.tgz", {}, "sha512-UromN0peaE53IaBRe9W7CjrZgXl90fqGpK+mIZbA3qSTeYqg3pqpROBdIPvOG3F5ereDHNwoHBI2e50n1BDr1g=="],
 
-    "@mui/material/prop-types/react-is": ["react-is@16.13.1", "http://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", {}, "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="],
+    "@eslint/config-array/minimatch/brace-expansion": ["brace-expansion@5.0.5", "http://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.5.tgz", { "dependencies": { "balanced-match": "^4.0.2" } }, "sha512-VZznLgtwhn+Mact9tfiwx64fA9erHH/MCXEUfB/0bX/6Fz6ny5EGTXYltMocqg4xFAQZtnO3DHWWXi8RiuN7cQ=="],
 
-    "@mui/private-theming/prop-types/react-is": ["react-is@16.13.1", "http://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", {}, "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="],
+    "eslint/minimatch/brace-expansion": ["brace-expansion@5.0.5", "http://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.5.tgz", { "dependencies": { "balanced-match": "^4.0.2" } }, "sha512-VZznLgtwhn+Mact9tfiwx64fA9erHH/MCXEUfB/0bX/6Fz6ny5EGTXYltMocqg4xFAQZtnO3DHWWXi8RiuN7cQ=="],
 
-    "@mui/styled-engine/prop-types/react-is": ["react-is@16.13.1", "http://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", {}, "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="],
+    "@eslint/config-array/minimatch/brace-expansion/balanced-match": ["balanced-match@4.0.4", "http://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz", {}, "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA=="],
 
-    "@mui/system/prop-types/react-is": ["react-is@16.13.1", "http://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", {}, "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="],
+    "eslint/minimatch/brace-expansion/balanced-match": ["balanced-match@4.0.4", "http://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz", {}, "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA=="],
-
-    "@mui/utils/prop-types/react-is": ["react-is@16.13.1", "http://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", {}, "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="],
-
-    "@mui/x-charts/prop-types/react-is": ["react-is@16.13.1", "http://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", {}, "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="],
-
-    "@typescript-eslint/typescript-estree/minimatch/brace-expansion": ["brace-expansion@5.0.5", "http://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.5.tgz", { "dependencies": { "balanced-match": "^4.0.2" } }, "sha512-VZznLgtwhn+Mact9tfiwx64fA9erHH/MCXEUfB/0bX/6Fz6ny5EGTXYltMocqg4xFAQZtnO3DHWWXi8RiuN7cQ=="],
-
-    "eslint-plugin-react/prop-types/react-is": ["react-is@16.13.1", "http://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", {}, "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="],
-
-    "react-transition-group/prop-types/react-is": ["react-is@16.13.1", "http://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", {}, "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="],
-
-    "@typescript-eslint/typescript-estree/minimatch/brace-expansion/balanced-match": ["balanced-match@4.0.4", "http://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz", {}, "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA=="],
   }
 }

compose.yaml

@@ -33,7 +33,11 @@ services:
       MINIO_ROOT_PASSWORD: ${MINIO_ROOT_PASSWORD}
       MINIO_ENDPOINT: http://minio:9000
       MINIO_PUBLIC_URL: ${MINIO_PUBLIC_URL:-http://localhost:9000}
-      TRUSTED_PROXIES: ${TRUSTED_PROXIES}
+      # IMPORTANT: Set TRUSTED_PROXIES to your reverse proxy IP in production.
+      # For Docker on same host, use: 172.17.0.1 (default bridge) or 172.16.0.0/12 (overlay network)
+      # For Kubernetes or external proxy, use the proxy's IP address.
+      # WARNING: Using 0.0.0.0/0 is insecure in production environments!
+      TRUSTED_PROXIES: ${TRUSTED_PROXIES:-127.0.0.1}
     volumes:
       - app_var:/app/var
       - caddy_data:/data

composer.json

@@ -19,6 +19,7 @@
     "doctrine/doctrine-migrations-bundle": "^3.0",
     "doctrine/orm": "^2.6",
     "endroid/qr-code": "^6.1",
+    "firebase/php-jwt": "^7.0",
     "league/flysystem-aws-s3-v3": "^3.0",
     "league/flysystem-bundle": "^3.6",
     "liip/imagine-bundle": "^2.13",
@@ -43,7 +44,6 @@
     "web-auth/webauthn-framework": "^5.2"
   },
   "require-dev": {
-    "firebase/php-jwt": "^7.0",
     "roave/security-advisories": "dev-master",
     "symfony/dotenv": "7.4.*",
     "symfony/maker-bundle": "^1.5",

composer.lock

@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "68e0a67890fc1a4a01f1f2154b477054",
+    "content-hash": "cd6be4d237e7c8f70cc45e42e14eac8a",
     "packages": [
         {
             "name": "aws/aws-crt-php",
@@ -1780,6 +1780,70 @@
             ],
             "time": "2026-02-05T07:01:58+00:00"
         },
+        {
+            "name": "firebase/php-jwt",
+            "version": "v7.0.5",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/googleapis/php-jwt.git",
+                "reference": "47ad26bab5e7c70ae8a6f08ed25ff83631121380"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/googleapis/php-jwt/zipball/47ad26bab5e7c70ae8a6f08ed25ff83631121380",
+                "reference": "47ad26bab5e7c70ae8a6f08ed25ff83631121380",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^8.0"
+            },
+            "require-dev": {
+                "guzzlehttp/guzzle": "^7.4",
+                "phpfastcache/phpfastcache": "^9.2",
+                "phpspec/prophecy-phpunit": "^2.0",
+                "phpunit/phpunit": "^9.5",
+                "psr/cache": "^2.0||^3.0",
+                "psr/http-client": "^1.0",
+                "psr/http-factory": "^1.0"
+            },
+            "suggest": {
+                "ext-sodium": "Support EdDSA (Ed25519) signatures",
+                "paragonie/sodium_compat": "Support EdDSA (Ed25519) signatures when libsodium is not present"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Firebase\\JWT\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Neuman Vong",
+                    "email": "neuman+pear@twilio.com",
+                    "role": "Developer"
+                },
+                {
+                    "name": "Anant Narayanan",
+                    "email": "anant@php.net",
+                    "role": "Developer"
+                }
+            ],
+            "description": "A simple library to encode and decode JSON Web Tokens (JWT) in PHP. Should conform to the current spec.",
+            "homepage": "https://github.com/firebase/php-jwt",
+            "keywords": [
+                "jwt",
+                "php"
+            ],
+            "support": {
+                "issues": "https://github.com/googleapis/php-jwt/issues",
+                "source": "https://github.com/googleapis/php-jwt/tree/v7.0.5"
+            },
+            "time": "2026-04-01T20:38:03+00:00"
+        },
         {
             "name": "guzzlehttp/guzzle",
             "version": "7.10.0",
@@ -9848,70 +9912,6 @@
         }
     ],
     "packages-dev": [
-        {
-            "name": "firebase/php-jwt",
-            "version": "v7.0.5",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/googleapis/php-jwt.git",
-                "reference": "47ad26bab5e7c70ae8a6f08ed25ff83631121380"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/googleapis/php-jwt/zipball/47ad26bab5e7c70ae8a6f08ed25ff83631121380",
-                "reference": "47ad26bab5e7c70ae8a6f08ed25ff83631121380",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^8.0"
-            },
-            "require-dev": {
-                "guzzlehttp/guzzle": "^7.4",
-                "phpfastcache/phpfastcache": "^9.2",
-                "phpspec/prophecy-phpunit": "^2.0",
-                "phpunit/phpunit": "^9.5",
-                "psr/cache": "^2.0||^3.0",
-                "psr/http-client": "^1.0",
-                "psr/http-factory": "^1.0"
-            },
-            "suggest": {
-                "ext-sodium": "Support EdDSA (Ed25519) signatures",
-                "paragonie/sodium_compat": "Support EdDSA (Ed25519) signatures when libsodium is not present"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "Firebase\\JWT\\": "src"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Neuman Vong",
-                    "email": "neuman+pear@twilio.com",
-                    "role": "Developer"
-                },
-                {
-                    "name": "Anant Narayanan",
-                    "email": "anant@php.net",
-                    "role": "Developer"
-                }
-            ],
-            "description": "A simple library to encode and decode JSON Web Tokens (JWT) in PHP. Should conform to the current spec.",
-            "homepage": "https://github.com/firebase/php-jwt",
-            "keywords": [
-                "jwt",
-                "php"
-            ],
-            "support": {
-                "issues": "https://github.com/googleapis/php-jwt/issues",
-                "source": "https://github.com/googleapis/php-jwt/tree/v7.0.5"
-            },
-            "time": "2026-04-01T20:38:03+00:00"
-        },
         {
             "name": "nikic/php-parser",
             "version": "v5.7.0",
@@ -11289,16 +11289,17 @@
         }
     ],
     "aliases": [],
-    "minimum-stability": "stable",
+    "minimum-stability": "dev",
     "stability-flags": {
         "roave/security-advisories": 20
     },
-    "prefer-stable": false,
+    "prefer-stable": true,
     "prefer-lowest": false,
     "platform": {
         "php": ">=8.5",
         "ext-iconv": "*",
-        "ext-json": "*"
+        "ext-json": "*",
+        "ext-gd": "*"
     },
     "platform-dev": {},
     "plugin-api-version": "2.9.0"

config/packages/security.yaml

@@ -23,12 +23,14 @@ security:
         auth_code_parameter_name: _auth_code
         post_only: true
         default_target_path: MineSeekerBundle_homepage
+        always_use_default_target_path: false
         prepare_on_login: true
         prepare_on_access_denied: true
       form_login:
         login_path: MineSeekerBundle_login
         check_path: MineSeekerBundle_login
         default_target_path: MineSeekerBundle_homepage
+        always_use_default_target_path: false
         username_parameter: _username
         password_parameter: _password
         enable_csrf: true

docs/README.md

@@ -0,0 +1,47 @@
+# Mine-Seeker Game Documentation
+
+This directory contains comprehensive documentation about the Mine-Seeker game mechanics and implementation.
+
+## Game Mechanics
+
+### [Bonus Points System](./game-mechanics/BONUS_POINTS_SYSTEM.md)
+Complete reference for the bonus points system including:
+- All 6 bonus point types (Blind Hit, Chain Combo, Edge Mine, Endgame Mine, Safe Cell Bonus, Biggest Reveal)
+- Calculation rules and examples
+- Bonus statistics tracking
+- Player name formatting in dialogs
+- Database schema
+- Implementation notes
+- Testing checklist
+
+**Recommended for**: Developers working on bonus system, AI assistants implementing or debugging bonus features, understanding game scoring mechanics.
+
+---
+
+## Quick Reference
+
+### Bonus Points at a Glance
+| Bonus Type | Points | Condition |
+|-----------|--------|-----------|
+| Blind Hit | +2 | Mine with no revealed numbered neighbors |
+| Edge Mine | +1 | Mine on board boundary (row/col 0 or 15) |
+| Endgame Mine | +3 | Mine clicked when ≤10 mines remain |
+| Safe Cell | +0.5 each | ≥2 safe cells revealed (min requirement) |
+| Chain Combo | Tracked | Consecutive mine clicks (no safe clicks) |
+| Biggest Reveal | Tracked | Largest number of safe cells revealed |
+
+### Key Rules
+- Safe cell bonus only awarded for ≥2 cells minimum
+- Chain counter resets on any safe cell click
+- Endgame threshold: 51 - (redPoints + bluePoints) ≤ 10
+- Bonus stats are per-player and persist in database
+
+---
+
+## Files Using This Information
+- Backend: `/src/Util/TopicManager.php`
+- Frontend: `/assets/js/mine-seeker/contexts/GameProvider.jsx`
+- UI: `/assets/js/mine-seeker/components/BonusStatsDialog.jsx`
+- Constants: `/assets/js/mine-seeker/utils/constants.jsx`
+
+

docs/game-mechanics/BONUS_POINTS_SYSTEM.md

@@ -0,0 +1,168 @@
+# Mine-Seeker Bonus Points System
+
+## Overview
+The Mine-Seeker game includes a bonus points system that rewards skilled play. Bonus points are tracked separately from the main score and displayed in the "Bonus Statistics" dialog.
+
+## Bonus Point Types
+
+### 1. Blind Hit (+2 points)
+**When**: Click a mine with no revealed numbered neighbors around it.
+
+**Example**: Mine surrounded by unrevealed cells = +2 points
+
+---
+
+### 2. Chain Combo
+**When**: Click consecutive mines without clicking any safe cell in between.
+
+**Tracked as**:
+- `chainCurrent`: Current streak (resets when you click a safe cell)
+- `chainBest`: Longest streak achieved
+
+**Example**: Mine → Mine → Mine = chainBest becomes 3
+
+---
+
+### 3. Edge Mine (+1 point)
+**When**: Click a mine on the board boundary (row 0, row 15, col 0, or col 15).
+
+**Example**: Click a mine on the edge = +1 point
+
+---
+
+### 4. Endgame Mine (+3 points)
+**When**: Click a mine when 10 or fewer mines remain on the board.
+
+**Calculation**: `51 total mines - (red_points + blue_points) = mines_remaining`
+
+**Example**: When 8 mines remain, click one = +3 points
+
+---
+
+### 5. Safe Cell Bonus (+0.5 points per cell)
+**When**: Click a safe cell and reveal 2 or more cells.
+
+**Important**: Minimum 2 cells required. Single cell reveals = 0 points.
+
+**Examples**:
+- Reveal 1 safe cell = 0 points
+- Reveal 2 safe cells = 1.0 points
+- Reveal 11 safe cells = 5.5 points
+
+---
+
+### 6. Biggest Reveal (Tracking stat)
+**What**: Tracks the largest number of safe cells revealed in one click.
+
+**Example**: Largest reveal in a game = 15 cells shown in stats
+
+---
+
+## Bonus Statistics Display
+
+### Dialog Shows
+- Both players' bonus statistics side-by-side
+- Each stat with label, description, and value
+- Total bonus points per player
+
+### Player Name Rules
+- `anon_*` usernames → displays as "Anonymous"
+- Names longer than 10 chars → truncated to 7 chars + "..." (example: `VeryLongName` → `VeryLon...`)
+
+---
+
+## Tracked Statistics
+
+```javascript
+{
+  blindHits: 0,      // Blind hit mines clicked
+  chainBest: 0,      // Longest mine streak
+  chainCurrent: 0,   // Current active streak
+  lastMineHits: 0,   // Endgame mines clicked
+  edgeMines: 0,      // Edge mine clicks
+  biggestReveal: 0   // Largest safe cell reveal
+}
+```
+
+---
+
+## Database
+- `red_bonus_points` (FLOAT) — Red player's total bonus points
+- `blue_bonus_points` (FLOAT) — Blue player's total bonus points
+- `red_bonus_stats` (JSON) — Red player's tracked stats
+- `blue_bonus_stats` (JSON) — Blue player's tracked stats
+
+---
+
+## 📋 Documentation Maintenance
+
+**IMPORTANT**: This documentation must be updated whenever:
+- New bonus types are added
+- Point values change
+- Bonus calculation logic changes
+- New stats are tracked
+- Bonus display rules change
+
+**Update these files**:
+1. This file (`BONUS_POINTS_SYSTEM.md`) — Update descriptions and examples
+2. Code comments in `/src/Util/TopicManager.php` — Explain calculation logic
+3. `/docs/README.md` — Update Quick Reference table if values change
+
+**Keep documentation**:
+- ✅ Simple and clear
+- ✅ With real code examples
+- ✅ Synchronized with actual code behavior
+- ✅ Updated before/after feature changes
+
+---
+
+## Implementation Files
+- Backend: `/src/Util/TopicManager.php` — Bonus calculation logic
+- Frontend: `/assets/js/mine-seeker/contexts/GameProvider.jsx` — State sync
+- UI: `/assets/js/mine-seeker/components/BonusStatsDialog.jsx` — Display dialog
+- Constants: `/assets/js/mine-seeker/utils/constants.jsx` — Labels and defaults
+
+---
+
+## Battle Report Display Components
+
+**IMPORTANT**: The Bonus Statistics display appears in **two places** that must be kept in sync:
+
+### 1. Public Battle Share Page
+**File**: `/templates/Game/battle_share.html.twig`
+- Displays via `bshare-bonus` CSS classes
+- Backend data passed from `ProfileController::battleShare()`
+- Shows bonus stats as HTML table format
+
+### 2. Profile Dialog (BattleDialog component)
+**File**: `/assets/js/components/BattleDialog.jsx`
+- React component using Material-UI Dialog
+- Displays inside the match details modal on profile page
+- Shows bonus stats using `StatRow` components in side-by-side boxes
+
+### Synchronization Requirements
+
+When making changes to the bonus statistics display, update **BOTH** files:
+
+1. **Update logic/data** → Edit both template and component
+2. **Change stat names** → Update both BONUS_LABELS and both display files
+3. **Modify formatting** → Keep visual consistency between both displays
+4. **Add new stats** → Add to both the `.twig` template AND the `.jsx` component
+
+**Checklist for changes**:
+- [ ] Update `/src/Util/TopicManager.php` if bonus calculation changes
+- [ ] Update `/templates/Game/battle_share.html.twig` for public display
+- [ ] Update `/assets/js/components/BattleDialog.jsx` for profile dialog
+- [ ] Update `/assets/js/mine-seeker/utils/constants.jsx` if adding new stats
+- [ ] Test both displays show identical data
+
+---
+
+## Quick Checklist for Changes
+- [ ] Code changes implemented
+- [ ] This documentation updated
+- [ ] `/docs/README.md` Quick Reference table updated
+- [ ] Code comments added/updated
+- [ ] Examples updated to match new behavior
+- [ ] Both battle report displays tested
+

package.json

@@ -21,31 +21,31 @@
     "@fontsource/rajdhani": "^5.2.7",
     "@fortawesome/fontawesome-free": "^7.2.0",
     "@mui/material": "^9.0.0",
-    "@mui/x-charts": "^9.0.1",
+    "@mui/x-charts": "^9.0.2",
-    "@tanstack/react-query": "^5.0.0",
+    "@tanstack/react-query": "^5.99.2",
-    "howler": "^2.1.2",
+    "howler": "^2.2.4",
     "lodash": "^4.18.1",
-    "prop-types": "^15.7.2",
+    "prop-types": "^15.8.1",
-    "react": "^19.0.0",
+    "react": "^19.2.5",
-    "react-dom": "^19.0.0"
+    "react-dom": "^19.2.5"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3.3.5",
-    "@eslint/js": "^9.0.0",
+    "@eslint/js": "10.0.1",
-    "@stylistic/eslint-plugin": "^4.0.0",
+    "@stylistic/eslint-plugin": "5.10.0",
     "@vitejs/plugin-react": "^6.0.1",
-    "eslint": "^9.0.0",
+    "eslint": "10.2.1",
-    "eslint-plugin-react": "^7.0.0",
+    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-hooks": "7.1.1",
-    "globals": "^15.0.0",
+    "globals": "17.5.0",
-    "sass": "^1.77.0",
+    "sass": "^1.99.0",
     "vite": "^8.0.8",
     "vite-plugin-symfony": "^8.2.4"
   },
   "scripts": {
     "dev": "vite",
     "watch": "vite build --watch",
-    "build": "vite build && cp -r node_modules/@fortawesome/fontawesome-free/webfonts public/build/webfonts",
+    "build": "vite build",
     "lint": "eslint assets/js/"
   }
 }

public/images/technologies/postgresql.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="576.095" height="593.844" viewBox="0 0 432.071 445.383"><g style="fill-rule:nonzero;clip-rule:nonzero;fill:none;stroke:#fff;stroke-width:12.4651;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4"><path d="M323.205 324.227c2.833-23.601 1.984-27.062 19.563-23.239l4.463.392c13.517.615 31.199-2.174 41.587-7 22.362-10.376 35.622-27.7 13.572-23.148-50.297 10.376-53.755-6.655-53.755-6.655 53.111-78.803 75.313-178.836 56.149-203.322-52.27-66.789-142.748-35.206-144.262-34.386l-.482.089c-9.938-2.062-21.06-3.294-33.554-3.496-22.761-.374-40.032 5.967-53.133 15.904 0 0-161.408-66.498-153.899 83.628 1.597 31.936 45.777 241.655 98.47 178.31 19.259-23.163 37.871-42.748 37.871-42.748 9.242 6.14 20.307 9.272 31.912 8.147l.897-.765c-.281 2.876-.157 5.689.359 9.019-13.572 15.167-9.584 17.83-36.723 23.416-27.457 5.659-11.326 15.734-.797 18.367 12.768 3.193 42.305 7.716 62.268-20.224l-.795 3.188c5.325 4.26 4.965 30.619 5.72 49.452.756 18.834 2.017 36.409 5.856 46.771 3.839 10.36 8.369 37.05 44.036 29.406 29.809-6.388 52.6-15.582 54.677-101.107" style="fill:#000;stroke:#000;stroke-width:37.3953;stroke-linecap:butt;stroke-linejoin:miter"/><path stroke="none" d="M402.395 271.23c-50.302 10.376-53.76-6.655-53.76-6.655 53.111-78.808 75.313-178.843 56.153-203.326-52.27-66.785-142.752-35.2-144.262-34.38l-.486.087c-9.938-2.063-21.06-3.292-33.56-3.496-22.761-.373-40.026 5.967-53.127 15.902 0 0-161.411-66.495-153.904 83.63 1.597 31.938 45.776 241.657 98.471 178.312 19.26-23.163 37.869-42.748 37.869-42.748 9.243 6.14 20.308 9.272 31.908 8.147l.901-.765c-.28 2.876-.152 5.689.361 9.019-13.575 15.167-9.586 17.83-36.723 23.416-27.459 5.659-11.328 15.734-.796 18.367 12.768 3.193 42.307 7.716 62.266-20.224l-.796 3.188c5.319 4.26 9.054 27.711 8.428 48.969s-1.044 35.854 3.147 47.254 8.368 37.05 44.042 29.406c29.809-6.388 45.256-22.942 47.405-50.555 1.525-19.631 4.976-16.729 5.194-34.28l2.768-8.309c3.192-26.611.507-35.196 18.872-31.203l4.463.392c13.517.615 31.208-2.174 41.591-7 22.358-10.376 35.618-27.7 13.573-23.148z" style=""/><path d="M215.866 286.484c-1.385 49.516.348 99.377 5.193 111.495 4.848 12.118 15.223 35.688 50.9 28.045 29.806-6.39 40.651-18.756 45.357-46.051 3.466-20.082 10.148-75.854 11.005-87.281M173.104 38.256S11.583-27.76 19.092 122.365c1.597 31.938 45.779 241.664 98.473 178.316 19.256-23.166 36.671-41.335 36.671-41.335M260.349 26.207c-5.591 1.753 89.848-34.889 144.087 34.417 19.159 24.484-3.043 124.519-56.153 203.329"/><path d="M348.282 263.953s3.461 17.036 53.764 6.653c22.04-4.552 8.776 12.774-13.577 23.155-18.345 8.514-59.474 10.696-60.146-1.069-1.729-30.355 21.647-21.133 19.96-28.739-1.525-6.85-11.979-13.573-18.894-30.338-6.037-14.633-82.796-126.849 21.287-110.183 3.813-.789-27.146-99.002-124.553-100.599-97.385-1.597-94.19 119.762-94.19 119.762" style="stroke-linejoin:bevel"/><path d="M188.604 274.334c-13.577 15.166-9.584 17.829-36.723 23.417-27.459 5.66-11.326 15.733-.797 18.365 12.768 3.195 42.307 7.718 62.266-20.229 6.078-8.509-.036-22.086-8.385-25.547-4.034-1.671-9.428-3.765-16.361 3.994"/><path d="M187.715 274.069c-1.368-8.917 2.93-19.528 7.536-31.942 6.922-18.626 22.893-37.255 10.117-96.339-9.523-44.029-73.396-9.163-73.436-3.193-.039 5.968 2.889 30.26-1.067 58.548-5.162 36.913 23.488 68.132 56.479 64.938"/><path d="M172.517 141.7c-.288 2.039 3.733 7.48 8.976 8.207 5.234.73 9.714-3.522 9.998-5.559.284-2.039-3.732-4.285-8.977-5.015-5.237-.731-9.719.333-9.996 2.367z" style="fill:#fff;stroke-width:4.155;stroke-linecap:butt;stroke-linejoin:miter"/><path d="M331.941 137.543c.284 2.039-3.732 7.48-8.976 8.207-5.238.73-9.718-3.522-10.005-5.559-.277-2.039 3.74-4.285 8.979-5.015s9.718.333 10.002 2.368z" style="fill:#fff;stroke-width:2.0775;stroke-linecap:butt;stroke-linejoin:miter"/><path d="M350.676 123.432c.863 15.994-3.445 26.888-3.988 43.914-.804 24.748 11.799 53.074-7.191 81.435"/></g></svg>

src/Controller/GameController.php

@@ -12,16 +12,15 @@ namespace App\Controller;
 
 use App\Entity\ContactMessage;
 use App\Form\ContactFormType;
+use App\Service\Email\SendContactMailService;
+use App\Service\MercureJwtService;
+use App\Service\ResolveUserNamesService;
 use Doctrine\ORM\EntityManagerInterface;
-use Psr\Log\LoggerInterface;
-use RuntimeException;
-use Symfony\Bridge\Twig\Mime\TemplatedEmail;
 use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
 use Symfony\Component\DependencyInjection\Attribute\Autowire;
 use Symfony\Component\HttpFoundation\Request;
 use Symfony\Component\HttpFoundation\Response;
 use Symfony\Component\HttpKernel\Attribute\AsController;
-use Symfony\Component\Mailer\Exception\TransportExceptionInterface;
 use Symfony\Component\Mailer\MailerInterface;
 use Symfony\Component\Routing\Attribute\Route;
 
@@ -40,14 +39,12 @@ class GameController extends AbstractController
 {
     public function __construct(
         #[Autowire(env: 'APP_ENV')]
-        private readonly string          $env,
+        private readonly string                  $env,
         #[Autowire(env: 'MERCURE_PUBLIC_URL')]
-        private readonly string          $mercurePublicUrl,
+        private readonly string                  $mercurePublicUrl,
-        #[Autowire(env: 'MERCURE_SUBSCRIBER_JWT')]
+        private readonly MercureJwtService       $mercureJwtService,
-        private readonly string          $mercureSubscriberJwt,
+        private readonly ResolveUserNamesService $opponentNameService,
-        #[Autowire(env: 'APP_CONTACT_MAIL_ADDRESS')]
+        private readonly SendContactMailService  $contactMailService,
-        private readonly string          $appContactMailAddress,
-        private readonly LoggerInterface $logger,
     ) {
     }
 
@@ -59,12 +56,15 @@ class GameController extends AbstractController
 
     #[Route('/play', name: 'MineSeekerBundle_gamePlay')]
     #[Route('/play/{gameAssoc}', name: 'MineSeekerBundle_gamePlayWId')]
-    public function play(): Response
+    public function play(?string $gameAssoc = null): Response
     {
         return $this->render('Game/play.html.twig', [
             'env'                    => $this->env,
             'mercure_hub_url'        => $this->mercurePublicUrl,
-            'mercure_subscriber_jwt' => $this->mercureSubscriberJwt,
+            'mercure_subscriber_jwt' => $this->mercureJwtService->mintSubscriberToken(
+                $gameAssoc ?? '', $this->opponentNameService->resolveUserName(),
+            ),
+            'opponent_name'          => $this->opponentNameService->opponentName($gameAssoc),
         ]);
     }
 
@@ -92,9 +92,11 @@ class GameController extends AbstractController
 
         if ($form->isSubmitted() && $form->isValid()) {
             $contactMessage->setIpAddress($request->getClientIp());
+
             $em->persist($contactMessage);
             $em->flush();
-            $this->sendMail($mailer, $contactMessage);
+
+            $this->contactMailService->send($contactMessage);
             $this->addFlash('contact_success', 'Thank you for your message! We will get back to you soon.');
 
             return $this->redirectToRoute('MineSeekerBundle_contact');
@@ -111,30 +113,9 @@ class GameController extends AbstractController
         return $this->render('Official/landing.html.twig');
     }
 
-    public function sendMail(MailerInterface $mailer, ContactMessage $contactMessage): void
+    #[Route('/rules', name: 'MineSeekerBundle_rules')]
+    public function rules(): Response
     {
-        try {
+        return $this->render('Official/rules.html.twig');
-            $mailer->send(
-                new TemplatedEmail()
-                    ->from('noreply@mineseeker.hu')
-                    ->to($this->appContactMailAddress)
-                    ->replyTo($contactMessage->getEmail())
-                    ->subject('New Contact Message from ' . $contactMessage->getName())
-                    ->htmlTemplate('emails/contact_notification.html.twig')
-                    ->context(['message' => $contactMessage])
-            );
-        } catch (\Exception $e) {
-            $this->logger->error('Failed to send contact notification email: ' . $e->getMessage(), [
-                'exception' => $e,
-                'message'   => $contactMessage,
-            ]);
-            throw new RuntimeException('Failed to send contact notification email: ' . $e->getMessage());
-        } catch (TransportExceptionInterface $e) {
-            $this->logger->error('Failed to send contact notification email: ' . $e->getMessage(), [
-                'exception' => $e,
-                'message'   => $contactMessage,
-            ]);
-            throw new RuntimeException('Failed to send contact notification email: ' . $e->getMessage());
-        }
     }
 }

src/Controller/MercureController.php

@@ -12,6 +12,7 @@ namespace App\Controller;
 
 use App\Entity\PlayedGame;
 use App\Repository\PlayedGameRepository;
+use App\Service\ResolveUserNamesService;
 use App\Util\RpcManager;
 use App\Util\TopicManager;
 use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
@@ -39,8 +40,9 @@ use Symfony\Component\Routing\Attribute\Route;
 class MercureController extends AbstractController
 {
     public function __construct(
-        private readonly TopicManager $topicManager,
+        private readonly TopicManager            $topicManager,
-        private readonly RpcManager   $rpcManager,
+        private readonly RpcManager              $rpcManager,
+        private readonly ResolveUserNamesService $userNamesService,
     ) {
     }
 
@@ -56,15 +58,18 @@ class MercureController extends AbstractController
     #[Route('/api/game/connect/{gameAssoc}', name: 'MineSeekerBundle_api_game_connect', methods: ['GET'])]
     public function connect(string $gameAssoc): Response
     {
-        $payload = $this->rpcManager->getConnectInformation($gameAssoc);
+        try {
-
+            $payload = $this->rpcManager->getConnectInformation($gameAssoc);
-        return new Response($payload, Response::HTTP_OK, ['Content-Type' => 'text/plain']);
+            return new Response($payload, Response::HTTP_OK, ['Content-Type' => 'text/plain']);
+        } catch (\Exception $e) {
+            return new Response('', Response::HTTP_INTERNAL_SERVER_ERROR);
+        }
     }
 
     #[Route('/api/game/join/{gameAssoc}', name: 'MineSeekerBundle_api_game_join', methods: ['POST'])]
-    public function join(string $gameAssoc, Request $request): JsonResponse
+    public function join(string $gameAssoc): JsonResponse
     {
-        $this->topicManager->subscribe($gameAssoc, $this->resolveUserName($request), $this->getUser());
+        $this->topicManager->subscribe($gameAssoc, $this->userNamesService->resolveUserName());
 
         return $this->json(['success' => true]);
     }
@@ -72,15 +77,15 @@ class MercureController extends AbstractController
     #[Route('/api/game/step/{gameAssoc}', name: 'MineSeekerBundle_api_game_step', methods: ['POST'])]
     public function step(string $gameAssoc, Request $request): JsonResponse
     {
-        $result = $this->topicManager->publish($gameAssoc, $this->resolveUserName($request), $request->toArray());
+        $result = $this->topicManager->publish($gameAssoc, $this->userNamesService->resolveUserName(), $request->toArray());
 
         return $this->json($result);
     }
 
     #[Route('/api/game/leave/{gameAssoc}', name: 'MineSeekerBundle_api_game_leave', methods: ['POST'])]
-    public function leave(string $gameAssoc, Request $request): JsonResponse
+    public function leave(string $gameAssoc): JsonResponse
     {
-        $this->topicManager->unSubscribe($gameAssoc, $this->resolveUserName($request));
+        $this->topicManager->unSubscribe($gameAssoc, $this->userNamesService->resolveUserName());
 
         return $this->json(['success' => true]);
     }
@@ -95,7 +100,11 @@ class MercureController extends AbstractController
         return $this->json(['success' => true]);
     }
 
-    #[Route('/api/game/challenge/respond/{challengerGameAssoc}', name: 'MineSeekerBundle_api_game_challenge_respond', methods: ['POST'])]
+    #[Route(
+        '/api/game/challenge/respond/{challengerGameAssoc}',
+        name: 'MineSeekerBundle_api_game_challenge_respond',
+        methods: ['POST'],
+    )]
     public function challengeRespond(string $challengerGameAssoc, Request $request): JsonResponse
     {
         $data = $request->toArray();
@@ -106,6 +115,21 @@ class MercureController extends AbstractController
         return $this->json(['success' => true]);
     }
 
+    #[Route('/api/game/heartbeat/{gameAssoc}', name: 'MineSeekerBundle_api_game_heartbeat', methods: ['POST'])]
+    public function heartbeat(string $gameAssoc, Request $request): JsonResponse
+    {
+        $data = $request->toArray();
+        $color = $data['color'] ?? '';
+
+        if ('red' !== $color && 'blue' !== $color) {
+            return $this->json(['success' => false], Response::HTTP_BAD_REQUEST);
+        }
+
+        $this->topicManager->publishHeartbeat($gameAssoc, $color);
+
+        return $this->json(['success' => true]);
+    }
+
     #[Route('/api/game/waiting', name: 'MineSeekerBundle_api_game_waiting', methods: ['GET'])]
     public function waiting(PlayedGameRepository $repo): JsonResponse
     {
@@ -113,10 +137,10 @@ class MercureController extends AbstractController
 
         $result = array_map(static function (PlayedGame $g): array {
             $name = match (true) {
-                null !== $g->getRed()      => $g->getRed()->getUsername(),
+                null !== $g->getRed()     => $g->getRed()->getUsername(),
-                null !== $g->getRedAnon()  => $g->getRedAnon()->getUserName(),
+                null !== $g->getRedAnon() => $g->getRedAnon()->getUserName(),
-                null !== $g->getBlue()     => $g->getBlue()->getUsername(),
+                null !== $g->getBlue()    => $g->getBlue()->getUsername(),
-                default                    => $g->getBlueAnon()?->getUserName() ?? 'Unknown',
+                default                   => $g->getBlueAnon()?->getUserName() ?? 'Unknown',
             };
 
             return [
@@ -128,20 +152,4 @@ class MercureController extends AbstractController
 
         return $this->json($result);
     }
-
-    private function resolveUserName(Request $request): string
-    {
-        $user = $this->getUser();
-
-        if (null !== $user) {
-            return $user->getUserIdentifier();
-        }
-
-        $sessionId = $request->getSession()->getId();
-        if (empty($sessionId)) {
-            $sessionId = bin2hex(random_bytes(16));
-        }
-
-        return 'anon_' . $sessionId;
-    }
 }

src/Controller/ProfileController.php

@@ -112,16 +112,22 @@ class ProfileController extends AbstractController
 
         $months = array_column(array_values($monthlyData), 'label');
 
+        $bonus = $this->repo->findBonusStatsForUser($user);
+
         return $this->render('Security/profile.html.twig', [
             'stats'     => [
-                'total'     => $total,
+                'total'       => $total,
-                'wins'      => $wins,
+                'wins'        => $wins,
-                'losses'    => $losses,
+                'losses'      => $losses,
-                'draws'     => $draws,
+                'draws'       => $draws,
-                'bombs'     => $this->repo->countBombsForUser($user),
+                'minesHit'    => $this->repo->findTotalMinesForUser($user),
-                'winRate'   => $total > 0 ? (int)round($wins / $total * 100) : 0,
+                'winRate'     => $total > 0 ? (int)round($wins / $total * 100) : 0,
-                'avgScore'  => $this->repo->findAvgScoreForUser($user),
+                'avgScore'    => $this->repo->findAvgScoreForUser($user),
-                'bestScore' => $this->repo->findBestScoreForUser($user),
+                'bonusPoints' => $bonus['totalBonusPoints'],
+                'avgBonus'    => $bonus['avgBonusPoints'],
+                'bestChain'   => $bonus['bestChain'],
+                'blindHits'   => $bonus['totalBlindHits'],
+                'edgeMines'   => $bonus['totalEdgeMines'],
             ],
             'recent'    => ($recent = $this->repo->findRecentFinishedForUser($user)),
             'gamesData' => array_map(function (PlayedGame $game) use ($userId, $cacheManager): array {
@@ -163,20 +169,48 @@ class ProfileController extends AbstractController
                     'result'           => $result,
                     'myPoints'         => $myPts,
                     'oppPoints'        => $oppPts,
+                    'redBonusPoints'   => $game->getRedBonusPoints() ?? 0,
+                    'blueBonusPoints'  => $game->getBlueBonusPoints() ?? 0,
+                    'redBonusStats'    => $game->getRedBonusStats() ?? [],
+                    'blueBonusStats'   => $game->getBlueBonusStats() ?? [],
                 ];
             }, $recent),
             'chartData' => [
-                'months'    => $months,
+                'months'      => $months,
-                'wins'      => array_column(array_values($monthlyData), 'wins'),
+                'wins'        => array_column(array_values($monthlyData), 'wins'),
-                'losses'    => array_column(array_values($monthlyData), 'losses'),
+                'losses'      => array_column(array_values($monthlyData), 'losses'),
-                'draws'     => array_column(array_values($monthlyData), 'draws'),
+                'draws'       => array_column(array_values($monthlyData), 'draws'),
-                'pieWins'   => $wins,
+                'pieWins'     => $wins,
-                'pieLosses' => $losses,
+                'pieLosses'   => $losses,
-                'pieDraws'  => $draws,
+                'pieDraws'    => $draws,
+                'recentGames' => $this->buildRecentGamesSeries($user, $userId),
             ],
         ]);
     }
 
+    /**
+     * Build per-game data for the last 15 finished games, oldest → newest.
+     *
+     * @return array{labels:string[],mines:int[],bonus:float[]}
+     */
+    private function buildRecentGamesSeries(User $user, int $userId): array
+    {
+        $recent = $this->repo->findRecentFinishedForUser($user, 15);
+        $recent = array_reverse($recent);
+
+        $labels = [];
+        $mines = [];
+        $bonus = [];
+        foreach ($recent as $i => $game) {
+            $isRed = $game->getRed()?->getId() === $userId;
+            $labels[] = '#' . ($i + 1);
+            $mines[] = (int) ($isRed ? $game->getRedPoints() : $game->getBluePoints());
+            $bonus[] = (float) ($isRed ? $game->getRedBonusPoints() : $game->getBlueBonusPoints()) ?: 0;
+        }
+
+        return ['labels' => $labels, 'mines' => $mines, 'bonus' => $bonus];
+    }
+
     #[Route(
         '/battle/{uuid}',
         name: 'MineSeekerBundle_battle_share',
@@ -197,6 +231,10 @@ class ProfileController extends AbstractController
         $resign = $game->getResign();
         $redAvatar = $game->getRed()?->getAvatarPath();
         $blueAvatar = $game->getBlue()?->getAvatarPath();
+        $redBonusPoints = $game->getRedBonusPoints() ?? 0;
+        $blueBonusPoints = $game->getBlueBonusPoints() ?? 0;
+        $redBonusStats = $game->getRedBonusStats() ?? [];
+        $blueBonusStats = $game->getBlueBonusStats() ?? [];
 
         if ($resign === 'red') {
             $summary = "$redName resigned — $blueName wins";
@@ -215,16 +253,20 @@ class ProfileController extends AbstractController
         }
 
         return $this->render('Game/battle_share.html.twig', [
-            'game'       => $game,
+            'game'              => $game,
-            'redName'    => $redName,
+            'redName'           => $redName,
-            'blueName'   => $blueName,
+            'blueName'          => $blueName,
-            'redPts'     => $redPts,
+            'redPts'            => $redPts,
-            'bluePts'    => $bluePts,
+            'bluePts'           => $bluePts,
-            'resign'     => $resign,
+            'resign'            => $resign,
-            'redAvatar'  => $redAvatar,
+            'redAvatar'         => $redAvatar,
-            'blueAvatar' => $blueAvatar,
+            'blueAvatar'        => $blueAvatar,
-            'ogTitle'    => "MineSeeker · $summary",
+            'redBonusPoints'    => $redBonusPoints,
-            'ogDesc'     => "Watch the battle replay: $summary — played on MineSeeker, the multiplayer minesweeper.",
+            'blueBonusPoints'   => $blueBonusPoints,
+            'redBonusStats'     => $redBonusStats,
+            'blueBonusStats'    => $blueBonusStats,
+            'ogTitle'           => "MineSeeker · $summary",
+            'ogDesc'            => "Watch the battle replay: $summary — played on MineSeeker, the multiplayer minesweeper.",
         ]);
     }
 

src/Controller/SecurityController.php

@@ -17,6 +17,7 @@ use App\Form\ResetPasswordFormType;
 use App\Repository\UserRepository;
 use DateTime;
 use Doctrine\ORM\EntityManagerInterface;
+use LogicException;
 use Symfony\Bridge\Twig\Mime\TemplatedEmail;
 use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
 use Symfony\Component\DependencyInjection\Attribute\Autowire;
@@ -64,7 +65,7 @@ class SecurityController extends AbstractController
     #[Route('/logout', name: 'MineSeekerBundle_logout', methods: ['POST'])]
     public function logout(): never
     {
-        throw new \LogicException('This action is intercepted by the security firewall.');
+        throw new LogicException('This action is intercepted by the security firewall.');
     }
 
     #[Route('/register', name: 'MineSeekerBundle_register')]

src/Entity/PlayedGame.php

@@ -62,6 +62,18 @@ class PlayedGame
     #[Column(length: 7, nullable: true)]
     private ?string $resign = null;
 
+    #[Column(nullable: true)]
+    private ?float $redBonusPoints = null;
+
+    #[Column(nullable: true)]
+    private ?float $blueBonusPoints = null;
+
+    #[Column(nullable: true)]
+    private ?array $redBonusStats = null;
+
+    #[Column(nullable: true)]
+    private ?array $blueBonusStats = null;
+
     #[Column(type: Types::DATETIME_MUTABLE, nullable: true)]
     private ?DateTime $created = null;
 
@@ -222,6 +234,46 @@ class PlayedGame
         $this->resign = $resign;
     }
 
+    public function getRedBonusPoints(): ?float
+    {
+        return $this->redBonusPoints;
+    }
+
+    public function setRedBonusPoints(?float $redBonusPoints): void
+    {
+        $this->redBonusPoints = $redBonusPoints;
+    }
+
+    public function getBlueBonusPoints(): ?float
+    {
+        return $this->blueBonusPoints;
+    }
+
+    public function setBlueBonusPoints(?float $blueBonusPoints): void
+    {
+        $this->blueBonusPoints = $blueBonusPoints;
+    }
+
+    public function getRedBonusStats(): ?array
+    {
+        return $this->redBonusStats;
+    }
+
+    public function setRedBonusStats(?array $redBonusStats): void
+    {
+        $this->redBonusStats = $redBonusStats;
+    }
+
+    public function getBlueBonusStats(): ?array
+    {
+        return $this->blueBonusStats;
+    }
+
+    public function setBlueBonusStats(?array $blueBonusStats): void
+    {
+        $this->blueBonusStats = $blueBonusStats;
+    }
+
     public function getCreated(): ?DateTime
     {
         return $this->created;
@@ -247,3 +299,5 @@ class PlayedGame
         return $this->steps;
     }
 }
+
+

src/Entity/User.php

@@ -78,6 +78,9 @@ class User implements UserInterface, PasswordAuthenticatedUserInterface, TotpTwo
     #[Column(length: 255, nullable: true)]
     private ?string $avatarPath = null;
 
+    #[Column(nullable: true)]
+    private ?bool $consentGiven = null;
+
 
     public function getId(): ?int
     {
@@ -243,4 +246,15 @@ class User implements UserInterface, PasswordAuthenticatedUserInterface, TotpTwo
         $this->backupCodes = $backupCodes;
         return $this;
     }
+
+    public function isConsentGiven(): ?bool
+    {
+        return $this->consentGiven;
+    }
+
+    public function setConsentGiven(?bool $consentGiven): self
+    {
+        $this->consentGiven = $consentGiven;
+        return $this;
+    }
 }

src/Form/RegistrationFormType.php

@@ -12,6 +12,7 @@ namespace App\Form;
 
 use App\Entity\User;
 use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\Extension\Core\Type\CheckboxType;
 use Symfony\Component\Form\Extension\Core\Type\EmailType;
 use Symfony\Component\Form\Extension\Core\Type\PasswordType;
 use Symfony\Component\Form\Extension\Core\Type\RepeatedType;
@@ -19,6 +20,7 @@ use Symfony\Component\Form\Extension\Core\Type\TextType;
 use Symfony\Component\Form\FormBuilderInterface;
 use Symfony\Component\OptionsResolver\OptionsResolver;
 use Symfony\Component\Validator\Constraints\Email;
+use Symfony\Component\Validator\Constraints\IsTrue;
 use Symfony\Component\Validator\Constraints\Length;
 use Symfony\Component\Validator\Constraints\NotBlank;
 
@@ -68,6 +70,13 @@ class RegistrationFormType extends AbstractType
                     ),
                 ],
             ])
+            ->add('consentGiven', CheckboxType::class, [
+                'label' => 'I have read the Privacy and Data Processing Policy and I consent to the processing of my data.',
+                'mapped' => true,
+                'constraints' => [
+                    new IsTrue(message: 'You must agree to the privacy policy to create an account.'),
+                ],
+            ])
             ->add('recaptcha', RecaptchaType::class);
     }
 

src/Interfaces/TopicManagerInterface.php

@@ -10,8 +10,6 @@
 
 namespace App\Interfaces;
 
-use Symfony\Component\Security\Core\User\UserInterface;
-
 /**
  * Interface TopicManagerInterface
  *
@@ -24,7 +22,7 @@ use Symfony\Component\Security\Core\User\UserInterface;
  */
 interface TopicManagerInterface
 {
-    public function subscribe(string $gameAssoc, string $userName, ?UserInterface $user): void;
+    public function subscribe(string $gameAssoc, string $userName): void;
 
     public function unSubscribe(string $gameAssoc, string $userName): void;
 

src/Migrations/2026/04/Version20260416094849.php

@@ -0,0 +1,42 @@
+<?php declare(strict_types=1);
+/**
+ * This file is part of the SplendidBear Websites' projects.
+ *
+ * Copyright (c) 2026 @ www.splendidbear.org
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+namespace App\Migrations;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+/**
+ * Class Version20260416094849
+ *
+ * @package  App\Migrations
+ * @author   Lang <https://www.splendidbear.org>
+ * @category Class
+ * @license  https://www.gnu.org/licenses/lgpl-3.0.en.html GNU Lesser General Public License
+ * @link     www.splendidbear.org
+ * @since    2026. 04. 16.
+ */
+final class Version20260416094849 extends AbstractMigration
+{
+    public function getDescription(): string
+    {
+        return 'Add consent property to user entity for GDPR compliance';
+    }
+
+    public function up(Schema $schema): void
+    {
+        $this->addSql('ALTER TABLE app_user ADD consent_given BOOLEAN DEFAULT NULL');
+    }
+
+    public function down(Schema $schema): void
+    {
+        $this->addSql('ALTER TABLE app_user DROP consent_given');
+    }
+}

src/Migrations/2026/04/Version20260418104430.php

@@ -0,0 +1,48 @@
+<?php declare(strict_types=1);
+/**
+ * This file is part of the SplendidBear Websites' projects.
+ *
+ * Copyright (c) 2026 @ www.splendidbear.org
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+namespace App\Migrations;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+/**
+ * Class Version20260418104430
+ *
+ * @package  App\Migrations
+ * @author   Lang <https://www.splendidbear.org>
+ * @category Class
+ * @license  https://www.gnu.org/licenses/lgpl-3.0.en.html GNU Lesser General Public License
+ * @link     www.splendidbear.org
+ * @since    2026. 04. 18.
+ */
+final class Version20260418104430 extends AbstractMigration
+{
+    public function getDescription(): string
+    {
+        return 'Add bonus stats to the playing experience';
+    }
+
+    public function up(Schema $schema): void
+    {
+        $this->addSql('ALTER TABLE played_game ADD red_bonus_points DOUBLE PRECISION DEFAULT NULL');
+        $this->addSql('ALTER TABLE played_game ADD blue_bonus_points DOUBLE PRECISION DEFAULT NULL');
+        $this->addSql('ALTER TABLE played_game ADD red_bonus_stats JSON DEFAULT NULL');
+        $this->addSql('ALTER TABLE played_game ADD blue_bonus_stats JSON DEFAULT NULL');
+    }
+
+    public function down(Schema $schema): void
+    {
+        $this->addSql('ALTER TABLE played_game DROP red_bonus_points');
+        $this->addSql('ALTER TABLE played_game DROP blue_bonus_points');
+        $this->addSql('ALTER TABLE played_game DROP red_bonus_stats');
+        $this->addSql('ALTER TABLE played_game DROP blue_bonus_stats');
+    }
+}

src/Repository/PlayedGameRepository.php

@@ -260,6 +260,21 @@ class PlayedGameRepository extends ServiceEntityRepository
         }
     }
 
+    public function findTotalMinesForUser(User $user): int
+    {
+        $conn = $this->getEntityManager()->getConnection();
+
+        $result = $conn->executeQuery(
+            'SELECT
+                COALESCE(SUM(CASE WHEN g.red_id = :uid THEN g.red_points ELSE g.blue_points END), 0) AS total_pts
+             FROM played_game g
+             WHERE (g.red_id = :uid OR g.blue_id = :uid)',
+            ['uid' => $user->getId()],
+        )->fetchAssociative();
+
+        return (int) ($result['total_pts'] ?? 0);
+    }
+
     public function findAvgScoreForUser(User $user): int
     {
         $conn = $this->getEntityManager()->getConnection();
@@ -284,6 +299,49 @@ class PlayedGameRepository extends ServiceEntityRepository
         return (int) round((float) $result['total_pts'] / (int) $result['total_games']);
     }
 
+    /**
+     * Aggregates bonus points and bonus stats across all finished games for a user.
+     *
+     * @return array{totalBonusPoints:float,avgBonusPoints:float,bestChain:int,totalBlindHits:int,totalEdgeMines:int}
+     */
+    public function findBonusStatsForUser(User $user): array
+    {
+        $userId = $user->getId();
+        $qb = $this->createQueryBuilder('g');
+        $qb->where($qb->expr()->orX(
+            $qb->expr()->eq('g.red', ':u'),
+            $qb->expr()->eq('g.blue', ':u'),
+        ))->setParameter('u', $user);
+
+        /** @var PlayedGame[] $games */
+        $games = $qb->getQuery()->getResult();
+
+        $totalBonusPoints = 0.0;
+        $bestChain = 0;
+        $totalBlindHits = 0;
+        $totalEdgeMines = 0;
+        $gameCount = 0;
+
+        foreach ($games as $game) {
+            $isRed = $game->getRed()?->getId() === $userId;
+            $totalBonusPoints += (float) (($isRed ? $game->getRedBonusPoints() : $game->getBlueBonusPoints()) ?? 0.0);
+
+            $stats = ($isRed ? $game->getRedBonusStats() : $game->getBlueBonusStats()) ?? [];
+            $bestChain = max($bestChain, (int) ($stats['chainBest'] ?? 0));
+            $totalBlindHits += (int) ($stats['blindHits'] ?? 0);
+            $totalEdgeMines += (int) ($stats['edgeMines'] ?? 0);
+            $gameCount++;
+        }
+
+        return [
+            'totalBonusPoints' => round($totalBonusPoints, 1),
+            'avgBonusPoints'   => 0 < $gameCount ? round($totalBonusPoints / $gameCount, 1) : 0.0,
+            'bestChain'        => $bestChain,
+            'totalBlindHits'   => $totalBlindHits,
+            'totalEdgeMines'   => $totalEdgeMines,
+        ];
+    }
+
     public function findBestScoreForUser(User $user): int
     {
         try {

src/Repository/StepRepository.php

@@ -10,9 +10,12 @@
 
 namespace App\Repository;
 
+use App\Entity\PlayedGame;
 use App\Entity\Step;
 use Doctrine\Bundle\DoctrineBundle\Repository\ServiceEntityRepository;
+use Doctrine\ORM\NonUniqueResultException;
 use Doctrine\Persistence\ManagerRegistry;
+use RuntimeException;
 
 /**
  * Class StepRepository
@@ -35,4 +38,47 @@ class StepRepository extends ServiceEntityRepository
     {
         parent::__construct($registry, Step::class);
     }
+
+    public function findMostRecent(PlayedGame $playedGame): ?Step
+    {
+        try {
+            return $this->createQueryBuilder('s')
+                        ->andWhere('s.playedGame = :game')
+                        ->setParameter('game', $playedGame)
+                        ->orderBy('s.created', 'DESC')
+                        ->setMaxResults(1)
+                        ->getQuery()
+                        ->getOneOrNullResult();
+        } catch (NonUniqueResultException $e) {
+            throw new RuntimeException(
+                sprintf(
+                    'Expected at most one result for the most recent step of game ID %d, but got multiple.',
+                    $playedGame->getId(),
+                ),
+                0,
+                $e,
+            );
+        }
+    }
+
+    public function findMostRecentForPlayer(PlayedGame $playedGame, string $player): ?Step
+    {
+        try {
+            return $this->createQueryBuilder('s')
+                        ->andWhere('s.playedGame = :game')
+                        ->andWhere('s.player = :player')
+                        ->setParameter('game', $playedGame)
+                        ->setParameter('player', $player)
+                        ->orderBy('s.created', 'DESC')
+                        ->setMaxResults(1)
+                        ->getQuery()
+                        ->getOneOrNullResult();
+        } catch (NonUniqueResultException $e) {
+            throw new RuntimeException(
+                'Expected at most one result for the most recent step of player "%s" in game ID %d, but got multiple.',
+                0,
+                $e,
+            );
+        }
+    }
 }

src/Service/BattleCardGenerator.php

@@ -56,8 +56,9 @@ class BattleCardGenerator
     {
         $path = $this->cachePath((int)$game->getId());
 
+        // Always regenerate to ensure bonus points are included
         if (is_file($path)) {
-            return $path;
+            unlink($path);
         }
 
         if (!is_dir($this->cacheDir)) {
@@ -154,6 +155,12 @@ class BattleCardGenerator
         $scoreText = $redPts !== null && $bluePts !== null ? $redPts . '  :  ' . $bluePts : 'VS';
         $this->centeredText($im, $scoreText, 72, self::WIDTH / 2, 390, $white);
 
+        /** Bonus points below score*/
+        $redBonusPoints = $game->getRedBonusPoints() ?? 0;
+        $blueBonusPoints = $game->getBlueBonusPoints() ?? 0;
+        $bonusText = number_format((float)$redBonusPoints, 1, '.', '') . '  *  :  *  ' . number_format((float)$blueBonusPoints, 1, '.', '');
+        $this->centeredText($im, $bonusText, 24, self::WIDTH / 2, 425, $gold);
+
         if ($winner === 'red') {
             $resultText = $redName . ' wins';
             $resultColor = $gold;
@@ -169,11 +176,11 @@ class BattleCardGenerator
         }
 
         if ($resultText !== '') {
-            $this->centeredText($im, $resultText, 30, self::WIDTH / 2, 460, $resultColor);
+            $this->centeredText($im, $resultText, 30, self::WIDTH / 2, 475, $resultColor);
         }
 
         if ($resign) {
-            $this->centeredText($im, ucfirst($resign) . ' resigned', 18, self::WIDTH / 2, 498, $muted);
+            $this->centeredText($im, ucfirst($resign) . ' resigned', 18, self::WIDTH / 2, 508, $muted);
         }
 
         $this->centeredText($im, 'mineseeker.hu', 16, self::WIDTH / 2, self::HEIGHT - 20, $muted);

src/Service/Email/SendContactMailService.php

@@ -0,0 +1,67 @@
+<?php declare(strict_types=1);
+/**
+ * This file is part of the SplendidBear Websites' projects.
+ *
+ * Copyright (c) 2026 @ www.splendidbear.org
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+namespace App\Service\Email;
+
+use App\Entity\ContactMessage;
+use Psr\Log\LoggerInterface;
+use RuntimeException;
+use Symfony\Bridge\Twig\Mime\TemplatedEmail;
+use Symfony\Component\DependencyInjection\Attribute\Autowire;
+use Symfony\Component\Mailer\Exception\TransportExceptionInterface;
+use Symfony\Component\Mailer\MailerInterface;
+
+/**
+ * Class SendContactMailService
+ *
+ * @package  App\Service\Email
+ * @author   Lang <https://www.splendidbear.org>
+ * @category Class
+ * @license  https://www.gnu.org/licenses/lgpl-3.0.en.html GNU Lesser General Public License
+ * @link     www.splendidbear.org
+ * @since    2026. 04. 19.
+ */
+readonly final class SendContactMailService
+{
+    public function __construct(
+        #[Autowire(env: 'APP_CONTACT_MAIL_ADDRESS')]
+        private string          $appContactMailAddress,
+        private LoggerInterface $logger,
+        private MailerInterface $mailer,
+    ) {
+    }
+
+    public function send(ContactMessage $contactMessage): void
+    {
+        try {
+            $this->mailer->send(
+                new TemplatedEmail()
+                    ->from('noreply@mineseeker.hu')
+                    ->to($this->appContactMailAddress)
+                    ->replyTo($contactMessage->getEmail())
+                    ->subject('New Contact Message from ' . $contactMessage->getName())
+                    ->htmlTemplate('emails/contact_notification.html.twig')
+                    ->context(['message' => $contactMessage])
+            );
+        } catch (\Exception $e) {
+            $this->logger->error('Failed to send contact notification email: ' . $e->getMessage(), [
+                'exception' => $e,
+                'message'   => $contactMessage,
+            ]);
+            throw new RuntimeException('Failed to send contact notification email: ' . $e->getMessage());
+        } catch (TransportExceptionInterface $e) {
+            $this->logger->error('Failed to send contact notification email: ' . $e->getMessage(), [
+                'exception' => $e,
+                'message'   => $contactMessage,
+            ]);
+            throw new RuntimeException('Failed to send contact notification email: ' . $e->getMessage());
+        }
+    }
+}

src/Service/MercureJwtService.php

@@ -0,0 +1,53 @@
+<?php declare(strict_types=1);
+/**
+ * This file is part of the SplendidBear Websites' projects.
+ *
+ * Copyright (c) 2026 @ www.splendidbear.org
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+namespace App\Service;
+
+use Firebase\JWT\JWT;
+use Symfony\Component\DependencyInjection\Attribute\Autowire;
+
+/**
+ * Class MercureJwtService
+ *
+ * Mints Mercure subscriber JWTs carrying an identifying payload so the hub's
+ * /subscriptions endpoint can report which known player is connected.
+ *
+ * @package  App\Service
+ * @author   Lang <https://www.splendidbear.org>
+ * @category Class
+ * @license  https://www.gnu.org/licenses/lgpl-3.0.en.html GNU Lesser General Public License
+ * @link     www.splendidbear.org
+ * @since    2026. 04. 19.
+ */
+final readonly class MercureJwtService
+{
+    public function __construct(
+        #[Autowire(env: 'MERCURE_JWT_SECRET')]
+        private string $secret,
+    ) {
+    }
+
+    public function mintSubscriberToken(string $gameAssoc, string $userName): string
+    {
+        return JWT::encode(
+            [
+                'mercure' => [
+                    'subscribe' => ['*'],
+                    'payload'   => [
+                        'username'  => $userName,
+                        'gameAssoc' => $gameAssoc,
+                    ],
+                ],
+            ],
+            $this->secret,
+            'HS256'
+        );
+    }
+}

src/Service/ResolveUserNamesService.php

@@ -0,0 +1,91 @@
+<?php declare(strict_types=1);
+/**
+ * This file is part of the SplendidBear Websites' projects.
+ *
+ * Copyright (c) 2026 @ www.splendidbear.org
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+namespace App\Service;
+
+use App\Entity\PlayedGame;
+use App\Repository\PlayedGameRepository;
+use Symfony\Bundle\SecurityBundle\Security;
+use Symfony\Component\HttpFoundation\RequestStack;
+
+/**
+ * Class ResolveUserNamesService
+ *
+ * This only works when a restored game is started
+ *
+ * @package  App\Service
+ * @author   Lang <https://www.splendidbear.org>
+ * @category Class
+ * @license  https://www.gnu.org/licenses/lgpl-3.0.en.html GNU Lesser General Public License
+ * @link     www.splendidbear.org
+ * @since    2026. 04. 19.
+ */
+readonly final class ResolveUserNamesService
+{
+    public function __construct(
+        private RequestStack         $requestStack,
+        private Security             $security,
+        private PlayedGameRepository $playedGameRepository,
+    ) {
+    }
+
+    public function opponentName(?string $gameAssoc = null): string
+    {
+        $userName = $this->resolveUserName();
+
+        if (null === $gameAssoc) {
+            return '';
+        }
+
+        if (null === $game = $this->playedGameRepository->findOneByGameAssoc($gameAssoc)) {
+            return '';
+        }
+
+        return $this->resolveOpponentName($game, $userName);
+    }
+
+    public function resolveUserName(): string
+    {
+        $user = $this->security->getUser();
+
+        if (null !== $user) {
+            return $user->getUserIdentifier();
+        }
+
+        $session = $this->requestStack->getCurrentRequest()->getSession();
+
+        if (!$session->isStarted()) {
+            $session->start();
+        }
+
+        return "anon_{$session->getId()}";
+    }
+
+    private function resolveOpponentName(PlayedGame $game, string $myUserName): string
+    {
+        $redName = $game->getRed()?->getUsername();
+        $blueName = $game->getBlue()?->getUsername();
+        $redAnonName = $game->getRedAnon()?->getUserName();
+        $blueAnonName = $game->getBlueAnon()?->getUserName();
+
+        $isRed = $myUserName === $redName || $myUserName === $redAnonName;
+        $isBlue = $myUserName === $blueName || $myUserName === $blueAnonName;
+
+        if ($isRed) {
+            return $blueName ?? ('' !== ($blueAnonName ?? '') ? 'Guest' : '');
+        }
+
+        if ($isBlue) {
+            return $redName ?? ('' !== ($redAnonName ?? '') ? 'Guest' : '');
+        }
+
+        return '';
+    }
+}

src/Util/RpcManager.php

@@ -13,8 +13,10 @@ namespace App\Util;
 use App\Entity\Grid;
 use App\Entity\GridRow;
 use App\Entity\PlayedGame;
+use App\Entity\Step;
 use App\Interfaces\RpcManagerInterface;
 use App\Repository\PlayedGameRepository;
+use App\Repository\StepRepository;
 use DateTime;
 use Doctrine\ORM\EntityManagerInterface;
 use Exception;
@@ -36,14 +38,15 @@ use Symfony\Component\Uid\Uuid;
  */
 class RpcManager implements RpcManagerInterface
 {
-    private const int ROWS = 16;
+    private const int ROWS  = 16;
     private const int COLS  = 16;
     private const int MINES = 51;
 
     public function __construct(
-        private readonly EntityManagerInterface $entityManager,
+        private readonly EntityManagerInterface $em,
         private readonly LoggerInterface        $logger,
         private readonly PlayedGameRepository   $playedGameRepository,
+        private readonly StepRepository         $stepRepository,
     ) {
     }
 
@@ -56,8 +59,17 @@ class RpcManager implements RpcManagerInterface
         if (null === $playedGame) {
             try {
                 return base64_encode(json_encode([
-                    'users'         => null,
+                    'users'           => null,
-                    'revealedCells' => null,
+                    'revealedCells'   => null,
+                    'lastStep'        => ['red' => null, 'blue' => null],
+                    'mostRecentStep'  => null,
+                    'redPoints'       => 0,
+                    'bluePoints'      => 0,
+                    'redBonusPoints'  => 0,
+                    'blueBonusPoints' => 0,
+                    'redBonusStats'   => [],
+                    'blueBonusStats'  => [],
+                    'gameFinished'    => false,
                 ], JSON_THROW_ON_ERROR));
             } catch (JsonException $e) {
                 throw new RuntimeException($e->getMessage());
@@ -68,15 +80,42 @@ class RpcManager implements RpcManagerInterface
         $revealedCells = $this->aggregateRevealedCells($playedGame);
 
         try {
+            $redPoints = $playedGame->getRedPoints() ?? 0;
+            $bluePoints = $playedGame->getBluePoints() ?? 0;
+            $gameFinished = $redPoints > 25 || $bluePoints > 25;
+
             return base64_encode(json_encode([
-                'users'         => $users,
+                'users'           => $users,
-                'revealedCells' => $revealedCells,
+                'revealedCells'   => $revealedCells,
+                'lastStep'        => $this->getLastStepPerPlayer($playedGame),
+                'mostRecentStep'  => $this->getMostRecentStep($playedGame),
+                'redPoints'       => $redPoints,
+                'bluePoints'      => $bluePoints,
+                'redBonusPoints'  => $playedGame->getRedBonusPoints() ?? 0,
+                'blueBonusPoints' => $playedGame->getBlueBonusPoints() ?? 0,
+                'redBonusStats'   => $playedGame->getRedBonusStats() ?? [],
+                'blueBonusStats'  => $playedGame->getBlueBonusStats() ?? [],
+                'gameFinished'    => $gameFinished,
             ], JSON_THROW_ON_ERROR));
         } catch (JsonException $e) {
             throw new RuntimeException($e->getMessage());
         }
     }
 
+    /**
+     * Get the most recent step of the game (if any).
+     * Returns an array with player, row, col information or null if no steps exist.
+     */
+    private function getMostRecentStep(PlayedGame $playedGame): ?array
+    {
+        try {
+            return $this->stepToArray($this->stepRepository->findMostRecent($playedGame));
+        } catch (Exception $e) {
+            $this->logger->error('Error getting most recent step: ' . $e->getMessage());
+            return null;
+        }
+    }
+
     public function saveGrid(string $gameAssoc): bool
     {
         $existingGame = $this->playedGameRepository->findOneByGameAssoc($gameAssoc);
@@ -94,20 +133,20 @@ class RpcManager implements RpcManagerInterface
                 $gridRow = new GridRow();
                 $gridRow->setGridCol($row);
                 $gridRow->setGrid($grid);
-                $this->entityManager->persist($gridRow);
+                $this->em->persist($gridRow);
             }
 
             $grid->setPlayedGame($playedGame);
-            $this->entityManager->persist($grid);
+            $this->em->persist($grid);
 
             $playedGame->setGameAssoc($gameAssoc);
             $playedGame->setUuid(Uuid::fromString($gameAssoc));
             $playedGame->setGrid($grid);
             $playedGame->setCreated(new DateTime());
             $playedGame->setUpdated(new DateTime());
-            $this->entityManager->persist($playedGame);
+            $this->em->persist($playedGame);
 
-            $this->entityManager->flush();
+            $this->em->flush();
         } catch (Exception $e) {
             $this->logger->error($e->getMessage());
         }
@@ -128,6 +167,7 @@ class RpcManager implements RpcManagerInterface
 
         /**
          * Fisher-Yates shuffle
+         *
          * @see https://en.wikipedia.org/wiki/Fisher%E2%80%93Yates_shuffle
          */
         for ($i = count($set) - 1; $i > 0; $i--) {
@@ -185,6 +225,37 @@ class RpcManager implements RpcManagerInterface
         return $all;
     }
 
+    /**
+     * Get the last step for each player.
+     * Returns an array with 'red' and 'blue' keys, each containing row, col information or null if no steps exist for
+     * that player.
+     */
+    private function getLastStepPerPlayer(PlayedGame $playedGame): array
+    {
+        try {
+            return [
+                'red'  => $this->stepToArray($this->stepRepository->findMostRecentForPlayer($playedGame, 'red')),
+                'blue' => $this->stepToArray($this->stepRepository->findMostRecentForPlayer($playedGame, 'blue')),
+            ];
+        } catch (Exception $e) {
+            $this->logger->error('Error getting last step per player: ' . $e->getMessage());
+            return ['red' => null, 'blue' => null];
+        }
+    }
+
+    private function stepToArray(?Step $step): ?array
+    {
+        if (null === $step) {
+            return null;
+        }
+
+        return [
+            'player' => $step->getPlayer(),
+            'row'    => (int)$step->getRow(),
+            'col'    => (int)$step->getCol(),
+        ];
+    }
+
     private function getUserCollection(PlayedGame $playedGame): array
     {
         return [

src/Util/TopicManager.php

@@ -18,17 +18,17 @@ use App\Entity\User;
 use App\Interfaces\TopicManagerInterface;
 use App\Repository\PlayedGameRepository;
 use App\Repository\UserRepository;
-use Liip\ImagineBundle\Imagine\Cache\CacheManager;
-use DateTimeInterface;
 use DateTime;
+use DateTimeInterface;
 use Doctrine\ORM\EntityManagerInterface;
 use Exception;
 use JsonException;
+use Liip\ImagineBundle\Imagine\Cache\CacheManager;
 use Psr\Log\LoggerInterface;
 use RuntimeException;
+use Symfony\Component\HttpFoundation\RequestStack;
 use Symfony\Component\Mercure\HubInterface;
 use Symfony\Component\Mercure\Update;
-use Symfony\Component\Security\Core\User\UserInterface;
 
 /**
  * Class TopicManager
@@ -43,18 +43,20 @@ use Symfony\Component\Security\Core\User\UserInterface;
 readonly class TopicManager implements TopicManagerInterface
 {
     public function __construct(
+        private EntityManagerInterface $em,
         private HubInterface           $hub,
-        private EntityManagerInterface $entityManager,
         private LoggerInterface        $logger,
+        private CacheManager           $cacheManager,
         private PlayedGameRepository   $playedGameRepository,
         private UserRepository         $userRepository,
-        private CacheManager           $cacheManager,
+        private RequestStack           $requestStack,
     ) {
     }
 
-    public function subscribe(string $gameAssoc, string $userName, ?UserInterface $user): void
+    public function subscribe(string $gameAssoc, string $userName): void
     {
         $playedGame = $this->getPlayedGame($gameAssoc);
+
         if (null === $playedGame) {
             return;
         }
@@ -70,7 +72,7 @@ readonly class TopicManager implements TopicManagerInterface
 
         /** Save the player to the database on a fresh join */
         if (!$isKnown && $count < 2) {
-            $users = $this->saveUserToDb($gameAssoc, $userName, $user, $count + 1);
+            $users = $this->saveUserToDb($gameAssoc, $userName, $count + 1);
             $count = $this->getPlayerCount($users);
         }
 
@@ -95,8 +97,9 @@ readonly class TopicManager implements TopicManagerInterface
         if ($count === 1) {
             // One player waiting — mark as active and announce to the lobby
             $playedGame->setUpdated(new DateTime());
-            $this->entityManager->persist($playedGame);
+
-            $this->entityManager->flush();
+            $this->em->persist($playedGame);
+            $this->em->flush();
 
             $displayName = $users['red'] ?: $users['redAnon'] ?: $users['blue'] ?: $users['blueAnon'] ?: 'Unknown';
             $this->publishToLobby([
@@ -120,8 +123,8 @@ readonly class TopicManager implements TopicManagerInterface
             $users = $this->getUserCollection($playedGame);
             if ($this->getPlayerCount($users) === 1) {
                 $playedGame->setUpdated(new DateTime('2000-01-01 00:00:00'));
-                $this->entityManager->persist($playedGame);
+                $this->em->persist($playedGame);
-                $this->entityManager->flush();
+                $this->em->flush();
                 $this->publishToLobby(['action' => 'leave', 'gameAssoc' => $gameAssoc]);
             }
         }
@@ -168,9 +171,6 @@ readonly class TopicManager implements TopicManagerInterface
             return $data;
         }
 
-        // ------------------------------------------------------------------ //
-        //  Normal move
-        // ------------------------------------------------------------------ //
         $coords = $event['coords'];
         $player = $event['player'];          // 'red' | 'blue'
         $isBomb = (bool)$event['bomb'];
@@ -178,25 +178,40 @@ readonly class TopicManager implements TopicManagerInterface
         $playedGame = $this->getPlayedGame($gameAssoc);
         $grid = $this->loadGrid($gameAssoc);
 
-        // Cells already revealed by previous steps (as "row,col" => true map)
+        /** Cells already revealed by previous steps (as "row,col" => true map) */
         $alreadyRevealed = $this->buildRevealedMap($playedGame);
 
-        // Determine which cells to reveal for this step
+        /** Determine which cells to reveal for this step */
         if ($isBomb) {
             $revealedCells = $this->getBombRevealedCells($grid, $coords[0], $coords[1], $alreadyRevealed);
         } elseif ('m' === ($grid[$coords[0]][$coords[1]] ?? null)) {
-            // Direct click on a mine — reveal it immediately (flood-fill skips mines)
+            /** Direct click on a mine — reveal it immediately (flood-fill skips mines) */
             $revealedCells = [['row' => $coords[0], 'col' => $coords[1], 'value' => 'm']];
         } else {
             $revealedCells = $this->floodFill($grid, $coords[0], $coords[1], $alreadyRevealed);
         }
 
         $minesFound = count(array_filter($revealedCells, static fn($c) => 'm' === $c['value']));
+        $safeCellsFound = count(array_filter($revealedCells, static fn($c) => 'm' !== $c['value']));
+
         $redPoints = ($playedGame->getRedPoints() ?? 0) + ('red' === $player ? $minesFound : 0);
         $bluePoints = ($playedGame->getBluePoints() ?? 0) + ('blue' === $player ? $minesFound : 0);
         $gameOver = $redPoints > 25 || $bluePoints > 25;
 
-        // Reveal remaining mines when the game ends
+        /** Calculate bonus points and stats */
+        $bonusData = $this->calculateBonuses(
+            $playedGame,
+            $player,
+            $coords,
+            $grid,
+            $alreadyRevealed,
+            $minesFound,
+            $safeCellsFound,
+            $redPoints,
+            $bluePoints
+        );
+
+        /** Reveal remaining mines when the game ends */
         $leftMines = [];
         if ($gameOver) {
             $finalRevealed = $alreadyRevealed;
@@ -206,23 +221,27 @@ readonly class TopicManager implements TopicManagerInterface
             $leftMines = $this->getLeftMines($grid, $finalRevealed);
         }
 
-        $this->saveStepToDb($gameAssoc, $event, $player, $revealedCells, $redPoints, $bluePoints);
+        $this->saveStepToDb($gameAssoc, $event, $player, $revealedCells, $redPoints, $bluePoints, $bonusData);
 
         $users = $this->getUserCollection($playedGame);
         $count = $this->getPlayerCount($users);
         $topic = 'mineseeker/channel/' . $gameAssoc;
 
         $data = [
-            'coords'        => $coords,
+            'coords'          => $coords,
-            'player'        => $player,
+            'player'          => $player,
-            'bomb'          => $isBomb,
+            'bomb'            => $isBomb,
-            'revealedCells' => $revealedCells,
+            'revealedCells'   => $revealedCells,
-            'minesFound'    => $minesFound,
+            'minesFound'      => $minesFound,
-            'redPoints'     => $redPoints,
+            'redPoints'       => $redPoints,
-            'bluePoints'    => $bluePoints,
+            'bluePoints'      => $bluePoints,
-            'resign'        => null,
+            'resign'          => null,
-            'gameOver'      => $gameOver,
+            'gameOver'        => $gameOver,
-            'leftMines'     => $leftMines,
+            'leftMines'       => $leftMines,
+            'redBonusPoints'  => $bonusData['redBonusPoints'],
+            'blueBonusPoints' => $bonusData['blueBonusPoints'],
+            'redBonusStats'   => $bonusData['redBonusStats'],
+            'blueBonusStats'  => $bonusData['blueBonusStats'],
         ];
 
         try {
@@ -243,10 +262,6 @@ readonly class TopicManager implements TopicManagerInterface
         return $data;
     }
 
-    // ------------------------------------------------------------------ //
-    //  Grid helpers
-    // ------------------------------------------------------------------ //
-
     /** Load the grid rows from the database as a 2-D array. */
     private function loadGrid(string $gameAssoc): array
     {
@@ -266,6 +281,155 @@ readonly class TopicManager implements TopicManagerInterface
         return $grid;
     }
 
+    private function calculateBonuses(
+        PlayedGame $playedGame,
+        string     $player,
+        array      $coords,
+        array      $grid,
+        array      $alreadyRevealed,
+        int        $minesFound,
+        int        $safeCellsFound,
+        int        $redPoints,
+        int        $bluePoints
+    ): array {
+        /** Initialize or load existing bonus stats */
+        $redBonusStats = $playedGame->getRedBonusStats() ?? [
+            'blindHits'     => 0,
+            'chainBest'     => 0,
+            'chainCurrent'  => 0,
+            'lastMineHits'  => 0,
+            'edgeMines'     => 0,
+            'biggestReveal' => 0,
+        ];
+        $blueBonusStats = $playedGame->getBlueBonusStats() ?? [
+            'blindHits'     => 0,
+            'chainBest'     => 0,
+            'chainCurrent'  => 0,
+            'lastMineHits'  => 0,
+            'edgeMines'     => 0,
+            'biggestReveal' => 0,
+        ];
+
+        $redBonusPoints = $playedGame->getRedBonusPoints() ?? 0;
+        $blueBonusPoints = $playedGame->getBlueBonusPoints() ?? 0;
+
+        $isRed = 'red' === $player;
+        $currentStats = $isRed ? $redBonusStats : $blueBonusStats;
+        $bonusPoints = 0;
+
+        /** Track biggest reveal (safe cells count) if any safe cells were revealed */
+        if ($safeCellsFound > 0) {
+            if ($safeCellsFound > $currentStats['biggestReveal']) {
+                $currentStats['biggestReveal'] = $safeCellsFound;
+            }
+        }
+
+        /** Only calculate bonuses if mines were found */
+        if ($minesFound > 0) {
+            /** Check Blind Hit: the clicked mine cell has no revealed numbered neighbors */
+            if ($this->isBlindHit($coords, $grid, $alreadyRevealed)) {
+                $currentStats['blindHits']++;
+                $bonusPoints += 2;
+            }
+
+            /** Check Edge Mine: the clicked cell is on the boundary */
+            if ($this->isEdgeMine($coords)) {
+                $currentStats['edgeMines']++;
+                $bonusPoints += 1;
+            }
+
+            /** Check Endgame Mine: when few mines remain on the board */
+            $totalMinesOnBoard = 51;
+            $minesRevealed = $redPoints + $bluePoints;
+            $minesRemaining = $totalMinesOnBoard - $minesRevealed;
+
+            if ($minesRemaining <= 10) {
+                $currentStats['lastMineHits']++;
+                $bonusPoints += 3;
+            }
+
+            /** Chain combo: increment consecutive mine-click counter */
+            $currentStats['chainCurrent']++;
+            if ($currentStats['chainCurrent'] > $currentStats['chainBest']) {
+                $currentStats['chainBest'] = $currentStats['chainCurrent'];
+            }
+        } else {
+            /** No mines found - reset chain for this player */
+            $currentStats['chainCurrent'] = 0;
+        }
+
+        /**
+         * Add points for safe cells revealed (each safe cell revealed = +0.5 bonus point)
+         * Only award points if at least 2 safe cells were revealed
+         */
+        if ($safeCellsFound >= 2) {
+            $bonusPoints += ($safeCellsFound * 0.5);
+        }
+
+        /** Update the appropriate player's stats and points */
+        if ($isRed) {
+            $redBonusStats = $currentStats;
+            $redBonusPoints += $bonusPoints;
+        } else {
+            $blueBonusStats = $currentStats;
+            $blueBonusPoints += $bonusPoints;
+        }
+
+        /** Persist updated stats to the database */
+        $playedGame->setRedBonusStats($redBonusStats);
+        $playedGame->setBlueBonusStats($blueBonusStats);
+        $playedGame->setRedBonusPoints($redBonusPoints);
+        $playedGame->setBlueBonusPoints($blueBonusPoints);
+        $this->em->persist($playedGame);
+
+        return [
+            'redBonusPoints'  => $redBonusPoints,
+            'blueBonusPoints' => $blueBonusPoints,
+            'redBonusStats'   => $redBonusStats,
+            'blueBonusStats'  => $blueBonusStats,
+        ];
+    }
+
+    /**
+     * Check if a mine was clicked with no revealed numbered neighbors (blind hit).
+     * Returns true if none of the 8 surrounding cells show a number.
+     */
+    private function isBlindHit(array $coords, array $grid, array $alreadyRevealed): bool
+    {
+        $row = $coords[0];
+        $col = $coords[1];
+        $dirs = [[-1, -1], [-1, 0], [-1, 1], [0, -1], [0, 1], [1, -1], [1, 0], [1, 1]];
+
+        foreach ($dirs as [$dr, $dc]) {
+            $nr = $row + $dr;
+            $nc = $col + $dc;
+            $key = $nr . ',' . $nc;
+
+            /** Check if neighbor is revealed and is a numbered cell (not a mine, not hidden) */
+            if (isset($alreadyRevealed[$key])) {
+                $val = $grid[$nr][$nc] ?? null;
+
+                /** If it's a number (0-8), not a mine, it's revealed and visible */
+                if (is_numeric($val) && $val >= 0) {
+                    return false;
+                }
+            }
+        }
+
+        return true;
+    }
+
+    /**
+     * Check if a mine is on the edge/corner of the board.
+     */
+    private function isEdgeMine(array $coords): bool
+    {
+        $row = $coords[0];
+        $col = $coords[1];
+
+        return 0 === $row || $row === 15 || 0 === $col || $col === 15;
+    }
+
     /**
      * BFS flood-fill starting at (row, col).
      * Reveals the clicked cell plus all connected zero-value cells and their non-mine borders.
@@ -403,10 +567,6 @@ readonly class TopicManager implements TopicManagerInterface
         return $mines;
     }
 
-    // ------------------------------------------------------------------ //
-    //  Database helpers
-    // ------------------------------------------------------------------ //
-
     private function getPlayedGame(string $gameAssoc): ?PlayedGame
     {
         return $this->playedGameRepository->findOneByGameAssoc($gameAssoc);
@@ -424,8 +584,8 @@ readonly class TopicManager implements TopicManagerInterface
     {
         $playedGame = $this->getPlayedGame($gameAssoc);
         $playedGame->setResign($color);
-        $this->entityManager->persist($playedGame);
+        $this->em->persist($playedGame);
-        $this->entityManager->flush();
+        $this->em->flush();
     }
 
     private function saveStepToDb(
@@ -435,6 +595,7 @@ readonly class TopicManager implements TopicManagerInterface
         array  $revealedCells,
         int    $redPoints,
         int    $bluePoints,
+        array  $bonusData = []
     ): void {
         try {
             $playedGame = $this->getPlayedGame($gameAssoc);
@@ -447,31 +608,44 @@ readonly class TopicManager implements TopicManagerInterface
             $step->setRevealedCells($revealedCells);
             $step->setPlayedGame($playedGame);
             $step->setCreated(new DateTime());
-            $this->entityManager->persist($step);
+            $this->em->persist($step);
 
             $playedGame->setRedPoints($redPoints);
             $playedGame->setBluePoints($bluePoints);
-            $playedGame->setRedExplodedBomb((bool)$event['bomb'] && 'red' === $player ? true : null);
+            if ((bool)$event['bomb']) {
-            $playedGame->setBlueExplodedBomb((bool)$event['bomb'] && 'blue' === $player ? true : null);
+                if ('red' === $player) {
+                    $playedGame->setRedExplodedBomb(true);
+                } elseif ('blue' === $player) {
+                    $playedGame->setBlueExplodedBomb(true);
+                }
+            }
             $playedGame->setUpdated(new DateTime());
-            $this->entityManager->persist($playedGame);
 
-            $this->entityManager->flush();
+            /** Bonus data is already persisted in calculateBonuses, but we ensure it's up to date */
+            if (!empty($bonusData)) {
+                $playedGame->setRedBonusPoints($bonusData['redBonusPoints']);
+                $playedGame->setBlueBonusPoints($bonusData['blueBonusPoints']);
+                $playedGame->setRedBonusStats($bonusData['redBonusStats']);
+                $playedGame->setBlueBonusStats($bonusData['blueBonusStats']);
+            }
+
+            $this->em->persist($playedGame);
+            $this->em->flush();
         } catch (Exception $e) {
             $this->logger->error($e->getMessage());
         }
     }
 
-    private function saveUserToDb(string $gameAssoc, string $userName, ?UserInterface $user, int $count): array
+    private function saveUserToDb(string $gameAssoc, string $userName, int $count): array
     {
         $playedGame = $this->getPlayedGame($gameAssoc);
 
-        null !== $user
+        null !== $this->requestStack->getCurrentRequest()->getUser()
             ? $this->saveRegisteredUser($userName, $count, $playedGame)
             : $this->saveAnonUser($userName, $count, $playedGame);
 
-        $this->entityManager->persist($playedGame);
+        $this->em->persist($playedGame);
-        $this->entityManager->flush();
+        $this->em->flush();
 
         return $this->getUserCollection($playedGame);
     }
@@ -499,9 +673,13 @@ readonly class TopicManager implements TopicManagerInterface
     {
         try {
             $anon = new Gamer();
-            $anon->setUsername($userName);
+            $anon->setUserName($userName);
+            $anon->setIp($this->requestStack->getCurrentRequest()->getClientIp());
+            $anon->setCountry($this->extractCountry());
+            $anon->setUserAgent($this->requestStack->getCurrentRequest()->headers->get('User-Agent'));
             $anon->setConnTimestamp(new DateTime());
-            $this->entityManager->persist($anon);
+
+            $this->em->persist($anon);
 
             if ($count === 1) {
                 $random = random_int(0, 1);
@@ -518,8 +696,8 @@ readonly class TopicManager implements TopicManagerInterface
 
     private function getUserCollection(PlayedGame $playedGame): array
     {
-        $redUser   = $playedGame->getRed();
+        $redUser = $playedGame->getRed();
-        $blueUser  = $playedGame->getBlue();
+        $blueUser = $playedGame->getBlue();
 
         return [
             'red'        => null !== $redUser ? $redUser->getUsername() : '',
@@ -527,11 +705,11 @@ readonly class TopicManager implements TopicManagerInterface
             'redAnon'    => null !== $playedGame->getRedAnon() ? $playedGame->getRedAnon()->getUserName() : '',
             'blueAnon'   => null !== $playedGame->getBlueAnon() ? $playedGame->getBlueAnon()->getUserName() : '',
             'redAvatar'  => null !== $redUser && null !== $redUser->getAvatarPath()
-                            ? $this->cacheManager->generateUrl($redUser->getAvatarPath(), 'avatar_thumb')
+                ? $this->cacheManager->generateUrl($redUser->getAvatarPath(), 'avatar_thumb')
-                            : null,
+                : null,
             'blueAvatar' => null !== $blueUser && null !== $blueUser->getAvatarPath()
-                            ? $this->cacheManager->generateUrl($blueUser->getAvatarPath(), 'avatar_thumb')
+                ? $this->cacheManager->generateUrl($blueUser->getAvatarPath(), 'avatar_thumb')
-                            : null,
+                : null,
         ];
     }
 
@@ -539,6 +717,7 @@ readonly class TopicManager implements TopicManagerInterface
     {
         $challengerGame = $this->getPlayedGame($challengerGameAssoc);
         $challengerName = 'Unknown';
+
         if (null !== $challengerGame) {
             $users = $this->getUserCollection($challengerGame);
             $challengerName = $users['red'] ?: $users['redAnon'] ?: $users['blue'] ?: $users['blueAnon'] ?: 'Unknown';
@@ -574,6 +753,22 @@ readonly class TopicManager implements TopicManagerInterface
         }
     }
 
+    public function publishHeartbeat(string $gameAssoc, string $color): void
+    {
+        try {
+            $this->hub->publish(new Update(
+                'mineseeker/channel/' . $gameAssoc,
+                json_encode([
+                    'type'  => 'heartbeat',
+                    'color' => $color,
+                    'ts'    => (int)(microtime(true) * 1000),
+                ], JSON_THROW_ON_ERROR)
+            ));
+        } catch (JsonException $e) {
+            $this->logger->error('Heartbeat publish error: ' . $e->getMessage());
+        }
+    }
+
     private function publishToLobby(array $data): void
     {
         try {
@@ -585,4 +780,27 @@ readonly class TopicManager implements TopicManagerInterface
             $this->logger->error('Lobby publish error: ' . $e->getMessage());
         }
     }
+
+    private function extractCountry(): ?string
+    {
+        /** Common headers used by CDNs and proxies to pass country information */
+        $countryHeaders = [
+            'CF-IPCountry',               // Cloudflare
+            'CloudFront-Viewer-Country',  // AWS CloudFront
+            'X-Country-Code',             // Custom header
+            'X-Geoip-Country',            // Generic GeoIP header
+        ];
+
+        foreach ($countryHeaders as $header) {
+            $country = $this->requestStack->getCurrentRequest()->headers->get($header);
+
+            if (empty($country)) {
+                continue;
+            }
+
+            return substr($country, 0, 100);
+        }
+
+        return null;
+    }
 }

templates/Game/battle_share.html.twig

@@ -31,7 +31,7 @@
       </div>
       <div class="bshare-vs">
         <div class="bshare-player bshare-player--red">
-          <div class="bshare-avatar bshare-avatar--red">
+          <div class="bshare-avatar bshare-avatar--red" style="position: relative;">
             {% if redAvatar %}
               <img src="{{ redAvatar|imagine_filter('avatar_thumb') }}"
                    alt="{{ redName }}"
@@ -39,6 +39,11 @@
             {% else %}
               {{ redName|slice(0,2)|upper }}
             {% endif %}
+            {% if redBonusPoints > blueBonusPoints %}
+              <div style="position: absolute; bottom: -6px; right: -6px; background: #ffd700; border-radius: 50%; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 12px rgba(255, 215, 0, 0.6), 0 0 0 2px rgba(7, 9, 13, 1); border: 2px solid rgba(0,0,0,0.5); z-index: 10;">
+                <i class="fas fa-star" style="color: #000; font-size: 14px;"></i>
+              </div>
+            {% endif %}
           </div>
           <span class="bshare-player__name">{{ redName }}</span>
           <span class="bshare-player__side">Red</span>
@@ -53,6 +58,15 @@
           {% else %}
             <div class="bshare-score bshare-score--na">— : —</div>
           {% endif %}
+          <div style="display: flex; justify-content: center; gap: 0; align-items: center; margin-bottom: 8px;">
+            <span style="font: 700 13px 'Rajdhani', sans-serif; color: #f67d52; display: flex; align-items: center; gap: 4px;">
+              <i class="fas fa-star" style="font-size: 11px;"></i> {{ (redBonusPoints ?? 0)|number_format(1, '.', '') }}
+            </span>
+            <span style="font: 700 13px 'Rajdhani', sans-serif; color: rgba(255,255,255,0.3); margin: 0 8px;">:</span>
+            <span style="font: 700 13px 'Rajdhani', sans-serif; color: #95cff5; display: flex; align-items: center; gap: 4px;">
+              {{ (blueBonusPoints ?? 0)|number_format(1, '.', '') }} <i class="fas fa-star" style="font-size: 11px;"></i>
+            </span>
+          </div>
           <div class="bshare-vs__label">VS</div>
           {% if resign == 'red' %}
             <div class="bshare-badge bshare-badge--blue">
@@ -79,7 +93,7 @@
           {% endif %}
         </div>
         <div class="bshare-player bshare-player--blue">
-          <div class="bshare-avatar bshare-avatar--blue">
+          <div class="bshare-avatar bshare-avatar--blue" style="position: relative;">
             {% if blueAvatar %}
               <img src="{{ blueAvatar|imagine_filter('avatar_thumb') }}"
                    alt="{{ blueName }}"
@@ -87,11 +101,32 @@
             {% else %}
               {{ blueName|slice(0,2)|upper }}
             {% endif %}
+            {% if blueBonusPoints > redBonusPoints %}
+              <div style="position: absolute; bottom: -6px; right: -6px; background: #ffd700; border-radius: 50%; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 12px rgba(255, 215, 0, 0.6), 0 0 0 2px rgba(7, 9, 13, 1); border: 2px solid rgba(0,0,0,0.5); z-index: 10;">
+                <i class="fas fa-star" style="color: #000; font-size: 14px;"></i>
+              </div>
+            {% endif %}
           </div>
           <span class="bshare-player__name">{{ blueName }}</span>
           <span class="bshare-player__side">Blue</span>
         </div>
       </div>
+      {% set durationSec = (game.created and game.updated) ? (game.updated|date('U') - game.created|date('U')) : 0 %}
+      {% set durationStr = '' %}
+      {% if durationSec > 0 %}
+        {% set h = (durationSec / 3600)|round(0, 'floor') %}
+        {% set m = ((durationSec % 3600) / 60)|round(0, 'floor') %}
+        {% set s = durationSec % 60 %}
+        {% if h > 0 %}
+          {% set durationStr = h ~ 'h ' ~ m ~ 'm ' ~ s ~ 's' %}
+        {% elseif m > 0 %}
+          {% set durationStr = m ~ 'm ' ~ s ~ 's' %}
+        {% else %}
+          {% set durationStr = s ~ 's' %}
+        {% endif %}
+      {% endif %}
+      {% set pointDiff = (redPts|default(0) - bluePts|default(0))|abs %}
+      {% set winnerName = redPts|default(0) > bluePts|default(0) ? redName : (bluePts|default(0) > redPts|default(0) ? blueName : null) %}
       <div class="bshare-details">
         {% if resign %}
           <div class="bshare-detail">
@@ -99,16 +134,28 @@
             <span>{{ resign|capitalize }} resigned</span>
           </div>
         {% endif %}
+        {% if durationStr %}
+          <div class="bshare-detail">
+            <i class="fas fa-hourglass-half"></i>
+            <span>Match duration: {{ durationStr }}</span>
+          </div>
+        {% endif %}
+        {% if pointDiff > 0 and winnerName %}
+          <div class="bshare-detail">
+            <i class="fas fa-balance-scale"></i>
+            <span>{{ winnerName }} won by {{ pointDiff }} mine{{ pointDiff == 1 ? '' : 's' }}</span>
+          </div>
+        {% endif %}
         {% if game.redExplodedBomb %}
           <div class="bshare-detail bshare-detail--bomb">
             <i class="fas fa-bomb"></i>
-            <span>{{ redName }} hit a mine</span>
+            <span>{{ redName }} used their bomb</span>
           </div>
         {% endif %}
         {% if game.blueExplodedBomb %}
           <div class="bshare-detail bshare-detail--bomb">
             <i class="fas fa-bomb"></i>
-            <span>{{ blueName }} hit a mine</span>
+            <span>{{ blueName }} used their bomb</span>
           </div>
         {% endif %}
         {% if game.updated %}
@@ -118,6 +165,104 @@
           </div>
         {% endif %}
       </div>
+      {% set hasRedStats = redBonusStats is not empty and (redBonusStats.blindHits or redBonusStats.chainBest or redBonusStats.edgeMines or redBonusStats.lastMineHits or redBonusStats.biggestReveal) %}
+      {% set hasBlueStats = blueBonusStats is not empty and (blueBonusStats.blindHits or blueBonusStats.chainBest or blueBonusStats.edgeMines or blueBonusStats.lastMineHits or blueBonusStats.biggestReveal) %}
+      {% if redBonusPoints > 0 or blueBonusPoints > 0 or hasRedStats or hasBlueStats %}
+      <div class="bshare-bonus">
+        <div class="bshare-bonus__title">
+          <i class="fas fa-star"></i> Bonus Statistics
+        </div>
+        <div class="bshare-bonus__grid">
+          {# Red Bonus #}
+          <div class="bshare-bonus__player bshare-bonus__player--red">
+            <div class="bshare-bonus__header">
+              <span class="bshare-bonus__points">{{ redBonusPoints|number_format(1, '.', '') }}</span>
+              <span class="bshare-bonus__label">pts</span>
+            </div>
+            <div class="bshare-bonus__stats">
+              {% if redBonusStats is not empty and redBonusStats.blindHits %}
+                <div class="bshare-bonus__stat">
+                  <span class="bshare-bonus__stat-label">Blind hits</span>
+                  <span class="bshare-bonus__stat-value">{{ redBonusStats.blindHits }}</span>
+                </div>
+              {% endif %}
+              {% if redBonusStats is not empty and redBonusStats.chainBest %}
+                <div class="bshare-bonus__stat">
+                  <span class="bshare-bonus__stat-label">Best chain</span>
+                  <span class="bshare-bonus__stat-value">{{ redBonusStats.chainBest }}</span>
+                </div>
+              {% endif %}
+              {% if redBonusStats is not empty and redBonusStats.edgeMines %}
+                <div class="bshare-bonus__stat">
+                  <span class="bshare-bonus__stat-label">Edge mines</span>
+                  <span class="bshare-bonus__stat-value">{{ redBonusStats.edgeMines }}</span>
+                </div>
+              {% endif %}
+              {% if redBonusStats is not empty and redBonusStats.lastMineHits %}
+                <div class="bshare-bonus__stat">
+                  <span class="bshare-bonus__stat-label">Endgame mines</span>
+                  <span class="bshare-bonus__stat-value">{{ redBonusStats.lastMineHits }}</span>
+                </div>
+              {% endif %}
+              {% if redBonusStats is not empty and redBonusStats.biggestReveal %}
+                <div class="bshare-bonus__stat">
+                  <span class="bshare-bonus__stat-label">Biggest reveal</span>
+                  <span class="bshare-bonus__stat-value">{{ redBonusStats.biggestReveal }}</span>
+                </div>
+              {% endif %}
+              {% if not hasRedStats %}
+                <div class="bshare-bonus__stat bshare-bonus__stat--empty">
+                  <span class="bshare-bonus__stat-label">No bonuses earned</span>
+                </div>
+              {% endif %}
+            </div>
+          </div>
+          <div class="bshare-bonus__player bshare-bonus__player--blue">
+            <div class="bshare-bonus__header">
+              <span class="bshare-bonus__points">{{ blueBonusPoints|number_format(1, '.', '') }}</span>
+              <span class="bshare-bonus__label">pts</span>
+            </div>
+            <div class="bshare-bonus__stats">
+              {% if blueBonusStats is not empty and blueBonusStats.blindHits %}
+                <div class="bshare-bonus__stat">
+                  <span class="bshare-bonus__stat-label">Blind hits</span>
+                  <span class="bshare-bonus__stat-value">{{ blueBonusStats.blindHits }}</span>
+                </div>
+              {% endif %}
+              {% if blueBonusStats is not empty and blueBonusStats.chainBest %}
+                <div class="bshare-bonus__stat">
+                  <span class="bshare-bonus__stat-label">Best chain</span>
+                  <span class="bshare-bonus__stat-value">{{ blueBonusStats.chainBest }}</span>
+                </div>
+              {% endif %}
+              {% if blueBonusStats is not empty and blueBonusStats.edgeMines %}
+                <div class="bshare-bonus__stat">
+                  <span class="bshare-bonus__stat-label">Edge mines</span>
+                  <span class="bshare-bonus__stat-value">{{ blueBonusStats.edgeMines }}</span>
+                </div>
+              {% endif %}
+              {% if blueBonusStats is not empty and blueBonusStats.lastMineHits %}
+                <div class="bshare-bonus__stat">
+                  <span class="bshare-bonus__stat-label">Endgame mines</span>
+                  <span class="bshare-bonus__stat-value">{{ blueBonusStats.lastMineHits }}</span>
+                </div>
+              {% endif %}
+              {% if blueBonusStats is not empty and blueBonusStats.biggestReveal %}
+                <div class="bshare-bonus__stat">
+                  <span class="bshare-bonus__stat-label">Biggest reveal</span>
+                  <span class="bshare-bonus__stat-value">{{ blueBonusStats.biggestReveal }}</span>
+                </div>
+              {% endif %}
+              {% if not hasBlueStats %}
+                <div class="bshare-bonus__stat bshare-bonus__stat--empty">
+                  <span class="bshare-bonus__stat-label">No bonuses earned</span>
+                </div>
+              {% endif %}
+            </div>
+          </div>
+        </div>
+      </div>
+      {% endif %}
       <div class="bshare-cta">
         <a href="{{ path('MineSeekerBundle_gamePlay') }}" class="bshare-btn">
           <i class="fas fa-play"></i> Play MineSeeker

templates/Game/index.html.twig

@@ -3,7 +3,7 @@
 {% block title %} - The Game{% endblock %}
 
 {% block metas %}
-  {%- set _ogImage = app.request.getSchemeAndHttpHost() ~ asset('images/mine-1600x627.png') -%}
+  {%- set _ogImage = 'https://' ~ app.request.host ~ asset('/images/mine-1600x627.png') -%}
   <meta property="og:url" content="{{ url('MineSeekerBundle_homepage') | replace({'http://': 'https://'}) }}"/>
   <meta property="og:type" content="website"/>
   <meta property="og:site_name" content="MineSeeker"/>
@@ -23,9 +23,7 @@
 {% endblock %}
 
 {% block header %}
-  <section
+  <section id="hero-auth">
-    class="hero{% if app.request.attributes.get('_route') != 'MineSeekerBundle_homepage' %} hero--compact{% endif %}">
-
     <div class="hero-auth">
       {% if is_granted("IS_AUTHENTICATED_REMEMBERED") %}
         <a href="{{ path('MineSeekerBundle_profile') }}" class="hero-auth-btn hero-auth-btn--profile">
@@ -56,7 +54,10 @@
         </a>
       {% endif %}
     </div>
+  </section>
 
+  <section
+    class="hero{% if app.request.attributes.get('_route') != 'MineSeekerBundle_homepage' %} hero--compact{% endif %}">
     <a class="hero-logo" href="{{ path('MineSeekerBundle_homepage') }}">
       <img src="{{ asset('images/mine-logo-txt.png') }}" alt="MineSeeker"/>
     </a>
@@ -224,10 +225,13 @@
       <a href="https://vitejs.dev" target="_blank" rel="noopener" class="tech-link">
         <img src="{{ asset('images/technologies/vite.svg') }}" alt="Vite"/>
       </a>
-      <a href="https://bun.sh" target="_blank" rel="noopener" class="tech-link">
+       <a href="https://bun.sh" target="_blank" rel="noopener" class="tech-link">
-        <img src="{{ asset('images/technologies/bun.svg') }}" alt="Bun"/>
+         <img src="{{ asset('images/technologies/bun.svg') }}" alt="Bun"/>
-      </a>
+       </a>
-      <a href="https://www.jetbrains.com/phpstorm" target="_blank" rel="noopener" class="tech-link">
+       <a href="https://www.postgresql.org" target="_blank" rel="noopener" class="tech-link">
+         <img src="{{ asset('images/technologies/postgresql.svg') }}" alt="PostgreSQL"/>
+       </a>
+       <a href="https://www.jetbrains.com/phpstorm" target="_blank" rel="noopener" class="tech-link">
         <img src="{{ asset('images/technologies/phpstorm.svg') }}" alt="PHPStorm"/>
       </a>
       <a href="https://archlinux.org" target="_blank" rel="noopener" class="tech-link">
@@ -253,6 +257,7 @@
       <p class="footer-nav-label">Navigate</p>
       <ul>
         <li><a href="{{ path('MineSeekerBundle_homepage') }}">Homepage</a></li>
+        <li><a href="{{ path('MineSeekerBundle_rules') }}">Game Rules</a></li>
         <li><a href="{{ path('MineSeekerBundle_terms') }}">Terms of Use</a></li>
         <li><a href="{{ path('MineSeekerBundle_privacy') }}">Privacy Policy</a></li>
         <li><a href="{{ path('MineSeekerBundle_contact') }}">Contact</a></li>

templates/Game/play.html.twig

@@ -10,6 +10,8 @@
         <div id="mine-wrapper"
              data-env="{{ env }}"
              data-game-id="{{ app.request.get('gameAssoc') }}"
+             data-opponent-name="{{ opponent_name }}"
+             data-is-authenticated="{{ app.user ? '1' : '0' }}"
              data-mercure-hub-url="{{ mercure_hub_url }}"
              data-mercure-subscriber-jwt="{{ mercure_subscriber_jwt }}"
              data-recaptcha-site-key="{{ recaptcha_site_key }}">
@@ -23,7 +25,7 @@
     <meta property="og:title" content="Your friend challenges YOU!"/>
     <meta property="og:description" content="Do you accept the challenge?"/>
     <meta property="og:image"
-          content="{{ app.request.getSchemeAndHttpHost() }}{{ asset('/images/mine-1600x627.png') }}"/>
+          content="https://{{ app.request.host }}{{ asset('/images/mine-1600x627.png') }}"/>
 {% endblock %}
 
 {% block stylesheets %}

templates/Official/contact.html.twig

@@ -3,7 +3,7 @@
 {% block title %} - Contact{% endblock %}
 
 {% block metas %}
-  {%- set _ogImage = app.request.getSchemeAndHttpHost() ~ asset('images/mine-1600x627.png') -%}
+  {%- set _ogImage = 'https://' ~ app.request.host ~ asset('/images/mine-1600x627.png') -%}
   <meta property="og:url" content="{{ url('MineSeekerBundle_contact') | replace({'http://': 'https://'}) }}"/>
   <meta property="og:type" content="website"/>
   <meta property="og:site_name" content="MineSeeker"/>
@@ -128,7 +128,7 @@
 {% block javascripts %}
   {{ parent() }}
   <script src="https://www.google.com/recaptcha/api.js?render={{ recaptcha_site_key }}" async defer></script>
-  {{ vite_entry_script_tags('contact') }}
+  {{ vite_entry_script_tags('contact', { dependency: 'react' }) }}
   <div id="contact-form-wrapper"
        data-site-key="{{ recaptcha_site_key }}"
        data-recaptcha-field-id="{{ form.recaptcha.vars.id }}">

templates/Official/privacy.html.twig

@@ -3,7 +3,7 @@
 {% block title %} - Privacy Policy{% endblock %}
 
 {% block metas %}
-  {%- set _ogImage = app.request.getSchemeAndHttpHost() ~ asset('images/mine-1600x627.png') -%}
+  {%- set _ogImage = 'https://' ~ app.request.host ~ asset('/images/mine-1600x627.png') -%}
   <meta property="og:url" content="{{ url('MineSeekerBundle_privacy') | replace({'http://': 'https://'}) }}"/>
   <meta property="og:type" content="website"/>
   <meta property="og:site_name" content="MineSeeker"/>

templates/Official/rules.html.twig

@@ -0,0 +1,144 @@
+{% extends 'Game/index.html.twig' %}
+
+{% block title %} - Game Rules{% endblock %}
+
+{% block metas %}
+  {%- set _ogImage = 'https://' ~ app.request.host ~ asset('/images/mine-1600x627.png') -%}
+  <meta property="og:url" content="{{ url('MineSeekerBundle_rules') | replace({'http://': 'https://'}) }}"/>
+  <meta property="og:type" content="website"/>
+  <meta property="og:site_name" content="MineSeeker"/>
+  <meta property="og:title" content="Game Rules · MineSeeker"/>
+  <meta property="og:description" content="Learn how to play MineSeeker and discover what you unlock by creating a free account."/>
+  <meta property="og:image" content="{{ _ogImage }}"/>
+  <meta property="og:image:width" content="1600"/>
+  <meta property="og:image:height" content="627"/>
+  <meta name="twitter:card" content="summary_large_image"/>
+  <meta name="twitter:title" content="Game Rules · MineSeeker"/>
+  <meta name="twitter:description" content="Learn how to play MineSeeker and discover what you unlock by creating a free account."/>
+  <meta name="twitter:image" content="{{ _ogImage }}"/>
+{% endblock %}
+
+{% block body %}
+  <div class="txt">
+    <h2>MineSeeker Game Rules</h2>
+
+    <p>MineSeeker is a real-time 1v1 twist on the classic minesweeper formula. Two players &mdash; <strong>Red</strong> and <strong>Blue</strong> &mdash; race over the same hidden minefield, taking turns to <strong>hunt the mines</strong>. Each mine you detonate is claimed in your colour and scores a point. The first player to claim the majority of the mines wins.</p>
+
+    <h3>1. The Board</h3>
+
+    <ul>
+      <li>The playing field is a <strong>16&times;16 grid</strong> of covered cells.</li>
+      <li><strong>51 mines</strong> are hidden randomly across the board at the start of each match.</li>
+      <li>Every non-mine cell displays a number indicating how many of its eight neighbours contain a mine &mdash; these numbers are your clues. Cells with no adjacent mines are empty.</li>
+    </ul>
+
+    <h3>2. Turn Order</h3>
+
+    <ul>
+      <li>Players alternate turns. On your turn the status bar reads <em>&ldquo;It is your turn! Make a move&rdquo;</em>; while you wait it reads <em>&ldquo;Your buddy is making a move&rdquo;</em>.</li>
+      <li>On your turn you must perform exactly one action: reveal a cell, flag/unflag a cell, or deploy your bomb.</li>
+      <li><strong>If you hit a mine, you keep your turn</strong> and may click again. Your turn only ends when you reveal a safe cell (or use your bomb).</li>
+    </ul>
+
+    <h3>3. Revealing Cells</h3>
+
+    <ul>
+      <li><strong>Left-click</strong> a covered cell to reveal it.</li>
+      <li>Revealing a <strong>numbered cell</strong> just uncovers the clue &mdash; no points are awarded &mdash; and your turn ends.</li>
+      <li>Revealing an <strong>empty cell</strong> triggers a <strong>flood-fill</strong> that opens all connected empty cells and their numbered borders in a single move. Flood-fill will never step onto a mine, so empty-area sweeps are always safe.</li>
+      <li><strong>Right-click</strong> a covered cell to place a flag where you suspect a mine. Flagged cells cannot be revealed until unflagged.</li>
+    </ul>
+
+    <h3>4. Claiming Mines &amp; Scoring</h3>
+
+    <ul>
+      <li>Clicking a mine is the <strong>goal</strong> of the game, not a failure. The mine is marked with your colour&rsquo;s flag and scores <strong>one point</strong> for you.</li>
+      <li>You keep the turn and may click again &mdash; rack up a streak while you&rsquo;re hot.</li>
+      <li>Your turn only ends when you finally reveal a safe cell (or deploy your bomb).</li>
+    </ul>
+
+    <h3>5. The Bomb</h3>
+
+    <ul>
+      <li>Each player carries <strong>one bomb</strong> per match.</li>
+      <li>Detonating your bomb clears a <strong>5&times;5 blast radius</strong> (25 cells) around the target. <strong>Every mine inside the radius is claimed for your colour and adds to your score.</strong> Numbered cells in the radius are also revealed.</li>
+      <li>The bomb consumes your turn and can only be used once. Save it for a dense patch of suspected mines to burst ahead on the scoreboard.</li>
+    </ul>
+
+    <h3>6. Winning the Match</h3>
+
+    <p>A match ends in one of three ways:</p>
+    <ul>
+      <li><strong>Majority reached</strong> &mdash; the first player to claim more than half of the mines (26 of 51) wins immediately.</li>
+      <li><strong>A player resigns</strong> &mdash; the remaining player wins.</li>
+      <li><strong>Draw</strong> &mdash; if neither player reaches the majority and scores end up equal, the match is recorded as a draw.</li>
+    </ul>
+
+    <h3>7. Playing as a Guest</h3>
+
+    <p>No account is required to play. Just open the game, share the match link with a friend, and play. Guest matches are not saved to a history and carry no stats.</p>
+
+    <h2 style="margin-top: 40px;">Registered User Privileges</h2>
+
+    <p>Creating a free account unlocks everything the guest experience leaves behind. Registration takes under a minute and your email is only used for account recovery.</p>
+
+    <h3>1. Persistent Game History</h3>
+
+    <ul>
+      <li>Every match you play is recorded with timestamps, the full move list, the final grid, and your opponent&rsquo;s name.</li>
+      <li>Replay past battles cell-by-cell and share them with a public UUID link so friends can watch your finest detonations.</li>
+    </ul>
+
+    <div class="img-container">
+      <img style="margin-top: 15px;" src="{{ asset('images/privileges/history.png') }}" alt="Recent Game History" />
+    </div>
+
+    <h3>2. Player Statistics</h3>
+
+    <ul>
+      <li>Total games, wins, losses, and draws.</li>
+      <li>Win rate percentage, average score, personal best score, and total mines hit.</li>
+      <li>A 6-month trend dashboard charting wins, losses, and draws per month.</li>
+    </ul>
+
+    <div class="img-container">
+      <img style="margin-top: 15px;" src="{{ asset('images/privileges/stat.png') }}" alt="Statistics" />
+    </div>
+
+    <h3>3. Profile &amp; Identity</h3>
+
+    <ul>
+      <li>Upload a custom <strong>avatar</strong> that appears next to your username on the board and in the shared battles.</li>
+      <li>Your username is reserved &mdash; no one else can take it.</li>
+    </ul>
+
+    <h3>4. Account Security</h3>
+
+    <ul>
+      <li><strong>Two-factor authentication (TOTP):</strong> Protect your account with an authenticator app and a set of one-time backup codes.</li>
+      <li><strong>WebAuthn passkeys:</strong> Register one or more hardware/biometric security keys for passwordless sign-in.</li>
+      <li>A dedicated <strong>Security</strong> dashboard to manage backup codes, review registered credentials, and rotate them at any time.</li>
+    </ul>
+
+    <div class="img-container">
+      <img style="margin-top: 15px;" src="{{ asset('images/privileges/security.png') }}" alt="Security Dashboard" />
+    </div>
+
+    <h3>5. Shareable Battle Pages</h3>
+
+    <ul>
+      <li>Each recorded match gets a public page with both players&rsquo; names, avatars, final scores, the outcome, and a compact summary of how it played out.</li>
+      <li>Perfect for proving that impossible last-turn comeback.</li>
+    </ul>
+
+    <div class="img-container">
+      <img style="margin-top: 15px;" src="{{ asset('images/privileges/battle.png') }}" alt="Shareable Battle Pages" />
+    </div>
+
+    <div class="img-container">
+      <img style="margin-top: 15px;" src="{{ asset('images/privileges/shared-battle.png') }}" alt="Shared Battle Page" />
+    </div>
+
+    <p style="margin-top: 32px;">Ready to level up? <a href="{{ path('MineSeekerBundle_register') }}">Create your free account</a> or <a href="{{ path('MineSeekerBundle_gamePlay') }}">jump straight into a match</a>.</p>
+  </div>
+{% endblock %}

templates/Official/terms.html.twig

@@ -3,7 +3,7 @@
 {% block title %} - Terms of Service{% endblock %}
 
 {% block metas %}
-  {%- set _ogImage = app.request.getSchemeAndHttpHost() ~ asset('images/mine-1600x627.png') -%}
+  {%- set _ogImage = 'https://' ~ app.request.host ~ asset('/images/mine-1600x627.png') -%}
   <meta property="og:url" content="{{ url('MineSeekerBundle_terms') | replace({'http://': 'https://'}) }}"/>
   <meta property="og:type" content="website"/>
   <meta property="og:site_name" content="MineSeeker"/>

templates/Security/forgot_password.html.twig

@@ -3,7 +3,7 @@
 {% block title %} - Forgot Password{% endblock %}
 
 {% block metas %}
-  {%- set _ogImage = app.request.getSchemeAndHttpHost() ~ asset('images/mine-1600x627.png') -%}
+  {%- set _ogImage = 'https://' ~ app.request.host ~ asset('/images/mine-1600x627.png') -%}
   <meta name="robots" content="noindex,nofollow"/>
   <meta property="og:url" content="{{ app.request.uri }}"/>
   <meta property="og:type" content="website"/>

templates/Security/login.html.twig

@@ -3,7 +3,7 @@
 {% block title %} - Sign In{% endblock %}
 
 {% block metas %}
-  {%- set _ogImage = app.request.getSchemeAndHttpHost() ~ asset('images/mine-1600x627.png') -%}
+  {%- set _ogImage = 'https://' ~ app.request.host ~ asset('/images/mine-1600x627.png') -%}
   <meta name="robots" content="noindex,nofollow"/>
   <meta property="og:url" content="{{ app.request.uri }}"/>
   <meta property="og:type" content="website"/>
@@ -136,5 +136,5 @@
 
   </script>
 
-  {{ vite_entry_script_tags('passkey') }}
+  {{ vite_entry_script_tags('passkey', { dependency: 'react' }) }}
 {% endblock %}

templates/Security/profile.html.twig

@@ -1,9 +1,14 @@
 {% extends 'Game/index.html.twig' %}
 
+{% macro stat_val(value, suffix) %}
+  {%- set abbr = value >= 1000 -%}
+  <span class="profile-stat__value"{% if abbr %} title="{{ value }}"{% endif %}>{% if abbr %}{{ (value / 1000)|round(1, 'floor') }}k{% else %}{{ value }}{% endif %}{% if suffix %}<small>{{ suffix }}</small>{% endif %}</span>
+{% endmacro %}
+
 {% block title %} - Profile{% endblock %}
 
 {% block metas %}
-  {%- set _ogImage = app.request.getSchemeAndHttpHost() ~ asset('images/mine-1600x627.png') -%}
+  {%- set _ogImage = 'https://' ~ app.request.host ~ asset('/images/mine-1600x627.png') -%}
   <meta name="robots" content="noindex,nofollow"/>
   <meta property="og:url" content="{{ url('MineSeekerBundle_profile') | replace({'http://': 'https://'}) }}"/>
   <meta property="og:type" content="profile"/>
@@ -45,44 +50,64 @@
     <div class="profile-stats">
       <div class="profile-stat">
         <i class="fas fa-gamepad profile-stat__icon"></i>
-        <span class="profile-stat__value">{{ stats.total }}</span>
+        {{ _self.stat_val(stats.total) }}
         <span class="profile-stat__label">Games played</span>
       </div>
       <div class="profile-stat profile-stat--win">
         <i class="fas fa-trophy profile-stat__icon"></i>
-        <span class="profile-stat__value">{{ stats.wins }}</span>
+        {{ _self.stat_val(stats.wins) }}
         <span class="profile-stat__label">Victories</span>
       </div>
       <div class="profile-stat profile-stat--loss">
         <i class="fas fa-flag profile-stat__icon"></i>
-        <span class="profile-stat__value">{{ stats.losses }}</span>
+        {{ _self.stat_val(stats.losses) }}
         <span class="profile-stat__label">Defeats</span>
       </div>
       <div class="profile-stat profile-stat--draw">
         <i class="fas fa-minus profile-stat__icon"></i>
-        <span class="profile-stat__value">{{ stats.draws }}</span>
+        {{ _self.stat_val(stats.draws) }}
         <span class="profile-stat__label">Draws</span>
       </div>
       <div class="profile-stat profile-stat--rate">
         <i class="fas fa-percent profile-stat__icon"></i>
-        <span class="profile-stat__value">{{ stats.winRate }}<small>%</small></span>
+        {{ _self.stat_val(stats.winRate, '%') }}
         <span class="profile-stat__label">Win rate</span>
       </div>
       <div class="profile-stat profile-stat--avg">
         <i class="fas fa-chart-line profile-stat__icon"></i>
-        <span class="profile-stat__value">{{ stats.avgScore }}</span>
+        {{ _self.stat_val(stats.avgScore) }}
         <span class="profile-stat__label">Avg score</span>
       </div>
-      <div class="profile-stat profile-stat--best">
-        <i class="fas fa-star profile-stat__icon"></i>
-        <span class="profile-stat__value">{{ stats.bestScore }}</span>
-        <span class="profile-stat__label">Best score</span>
-      </div>
       <div class="profile-stat profile-stat--bomb">
         <i class="fas fa-bomb profile-stat__icon"></i>
-        <span class="profile-stat__value">{{ stats.bombs }}</span>
+        {{ _self.stat_val(stats.minesHit) }}
         <span class="profile-stat__label">Mines hit</span>
       </div>
+      <div class="profile-stat profile-stat--bonus">
+        <i class="fas fa-star profile-stat__icon"></i>
+        {{ _self.stat_val(stats.bonusPoints) }}
+        <span class="profile-stat__label">Bonus points</span>
+      </div>
+      <div class="profile-stat profile-stat--avg-bonus">
+        <i class="fas fa-chart-simple profile-stat__icon"></i>
+        {{ _self.stat_val(stats.avgBonus) }}
+        <span class="profile-stat__label">Avg bonus</span>
+      </div>
+      <div class="profile-stat profile-stat--chain">
+        <i class="fas fa-link profile-stat__icon"></i>
+        {{ _self.stat_val(stats.bestChain) }}
+        <span class="profile-stat__label">Best chain</span>
+      </div>
+      <div class="profile-stat profile-stat--blind">
+        <i class="fas fa-bullseye profile-stat__icon"></i>
+        {{ _self.stat_val(stats.blindHits) }}
+        <span class="profile-stat__label">Blind hits</span>
+      </div>
+      <div class="profile-stat profile-stat--edge">
+        <i class="fas fa-border-style profile-stat__icon"></i>
+        {{ _self.stat_val(stats.edgeMines) }}
+        <span class="profile-stat__label">Edge mines</span>
+      </div>
     </div>
 
     {% if stats.total > 0 %}
@@ -103,23 +128,37 @@
             {% set opp      = is_red ? game.blue    : game.red %}
             {% set opp_anon = is_red ? game.blueAnon : game.redAnon %}
 
-            {% set result = 'draw' %}
+             {% set result = 'draw' %}
-            {% if game.resign == (is_red ? 'red' : 'blue') %}
+             {% set is_finished = false %}
-              {% set result = 'loss' %}
+             {% set is_anonymous = not opp and opp_anon %}
-            {% elseif game.resign == (is_red ? 'blue' : 'red') %}
+             {% if game.resign == (is_red ? 'red' : 'blue') %}
-              {% set result = 'win' %}
+               {% set result = 'loss' %}
-            {% elseif my_points is not null and opp_points is not null %}
+               {% set is_finished = true %}
-              {% if my_points > opp_points %}
+             {% elseif game.resign == (is_red ? 'blue' : 'red') %}
-                {% set result = 'win' %}
+               {% set result = 'win' %}
-              {% elseif my_points < opp_points %}
+               {% set is_finished = true %}
-                {% set result = 'loss' %}
+             {% elseif my_points is not null and opp_points is not null %}
-              {% endif %}
+               {% if my_points > opp_points %}
-            {% endif %}
+                 {% set result = 'win' %}
+                 {% set is_finished = (my_points > 25 or opp_points > 25) %}
+               {% elseif my_points < opp_points %}
+                 {% set result = 'loss' %}
+                 {% set is_finished = (my_points > 25 or opp_points > 25) %}
+               {% else %}
+                 {% set is_finished = (my_points > 25 or opp_points > 25) %}
+               {% endif %}
+             {% endif %}
 
-            <div class="profile-game profile-game--{{ result }}" data-game-index="{{ loop.index0 }}">
+             <div class="profile-game profile-game--{{ result }}{% if not is_finished and not is_anonymous %} profile-game--ongoing{% elseif is_anonymous %} profile-game--abandoned{% endif %}" data-game-index="{{ loop.index0 }}">
-              <span class="profile-game__badge">
+               <span class="profile-game__badge">
-                  {{ result == 'win' ? 'W' : (result == 'loss' ? 'L' : 'D') }}
+                   {% if is_finished %}
-              </span>
+                     {{ result == 'win' ? 'Win' : (result == 'loss' ? 'Loss' : 'Draw') }}
+                   {% elseif is_anonymous %}
+                     Abandoned
+                   {% else %}
+                     Ongoing
+                   {% endif %}
+               </span>
               <span class="profile-game__score">
                   {{ my_points ?? '—' }} : {{ opp_points ?? '—' }}
               </span>
@@ -154,5 +193,5 @@
 
 {% block javascripts %}
   {{ parent() }}
-  {{ vite_entry_script_tags('profile') }}
+  {{ vite_entry_script_tags('profile', { dependency: 'react' }) }}
 {% endblock %}

templates/Security/profile_security.html.twig

@@ -3,7 +3,7 @@
 {% block title %} - Security Settings{% endblock %}
 
 {% block metas %}
-  {%- set _ogImage = app.request.getSchemeAndHttpHost() ~ asset('images/mine-1600x627.png') -%}
+  {%- set _ogImage = 'https://' ~ app.request.host ~ asset('/images/mine-1600x627.png') -%}
   <meta name="robots" content="noindex,nofollow"/>
   <meta property="og:url" content="{{ url('MineSeekerBundle_profile_security') | replace({'http://': 'https://'}) }}"/>
   <meta property="og:type" content="website"/>
@@ -133,5 +133,5 @@
 
 {% block javascripts %}
   {{ parent() }}
-  {{ vite_entry_script_tags('passkey') }}
+  {{ vite_entry_script_tags('passkey', { dependency: 'react' }) }}
 {% endblock %}

templates/Security/register.html.twig

@@ -3,7 +3,7 @@
 {% block title %} - Register{% endblock %}
 
 {% block metas %}
-  {%- set _ogImage = app.request.getSchemeAndHttpHost() ~ asset('images/mine-1600x627.png') -%}
+  {%- set _ogImage = 'https://' ~ app.request.host ~ asset('/images/mine-1600x627.png') -%}
   <meta property="og:url" content="{{ app.request.uri }}"/>
   <meta property="og:type" content="website"/>
   <meta property="og:site_name" content="MineSeeker"/>
@@ -117,6 +117,25 @@
           </div>
         </div>
 
+        <div class="auth-field">
+          <label class="auth-checkbox-label" style="display: flex; align-items: flex-start; cursor: pointer; user-select: none;">
+            {{ form_widget(form.consentGiven, {
+              attr: {
+                class: 'auth-checkbox',
+                style: 'margin-right: 10px; margin-top: 3px;'
+              }
+            }) }}
+            <span style="flex: 1; font-size: 14px; line-height: 1.5; color: #666;">
+              I have read the <a href="{{ path('MineSeekerBundle_privacy') }}" target="_blank" style="color: #667eea; text-decoration: none;">Privacy and Data Processing Policy</a> and I consent to the processing of my data. *
+            </span>
+          </label>
+          {% if not form.consentGiven.vars.valid %}
+            {% for error in form.consentGiven.vars.errors %}
+              <p class="auth-field-error"><i class="fas fa-circle-exclamation"></i> {{ error.message }}</p>
+            {% endfor %}
+          {% endif %}
+        </div>
+
         <button type="submit" class="auth-submit">
           <i class="fas fa-user-plus"></i> Create Account
         </button>