☰

Chess.com UltraX bot with Panel

Enhances your Chess.com experience with move suggestions, UI enhancements, and customizable features. Credits to GoodtimeswithEno for the initial move highlighting and basic chess engine implementation.

  1. // ==UserScript==
  2. // additional copyright/license info:
  3. //© All Rights Reserved
  4. //
  5. //Chess.com Enhanced Experience © 2024 by Akashdeep
  6. //
  7. // ==UserScript
  8. // @name         Chess.com UltraX bot with Panel
  9. // @namespace    Akashdeep
  10. // @version      1.0.1.1
  11. // @description  Enhances your Chess.com experience with move suggestions, UI enhancements, and customizable features.  Credits to GoodtimeswithEno for the initial move highlighting and basic chess engine implementation.
  12. // @author       Akashdeep
  13. // @license      Chess.com Enhanced Experience © 2024 by Akashdeep, © All Rights Reserved
  14. // @match       https://www.chess.com/play/*
  15. // @match       https://www.chess.com/game/*
  16. // @match       https://www.chess.com/puzzles/*
  17. // @match       https://www.chess.com/*
  18. // @icon         data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
  19. // @grant       GM_getValue
  20. // @grant       GM_setValue
  21. // @grant       GM_xmlhttpRequest
  22. // @grant       GM_getResourceText
  23. // @grant       GM_registerMenuCommand
  24. // @resource    stockfish.js        https://cdnjs.cloudflare.com/ajax/libs/stockfish.js/10.0.2/stockfish.js
  25. // @require     https://code.jquery.com/jquery-3.6.0.min.js
  26. // @run-at      document-start
  27. // @liscense MIT
  28.  
  29. // @downloadURL
  30. // @updateURL
  31. // ==/UserScript==
  32. (() => {
  33.   // config.js
  34.   var currentVersion = "1.0.1.1";
  35.   function getRandomTacticalStrength() {
  36.     const strengths = [
  37.       "fork",
  38.       "pin",
  39.       "skewer",
  40.       "discovery",
  41.       "zwischenzug",
  42.       "removing-defender",
  43.       "attraction"
  44.     ];
  45.     return strengths[Math.floor(Math.random() * strengths.length)];
  46.   }
  47.   function getRandomTacticalWeakness() {
  48.     const weaknesses = [
  49.       "long-calculation",
  50.       "quiet-moves",
  51.       "backward-moves",
  52.       "zugzwang",
  53.       "prophylaxis",
  54.       "piece-coordination"
  55.     ];
  56.     return weaknesses[Math.floor(Math.random() * weaknesses.length)];
  57.   }
  58.  
  59.   // variables.js
  60.   function initializeVariables() {
  61.     const myVars = {
  62.       autoMovePiece: false,
  63.       autoRun: false,
  64.       delay: 0.1,
  65.       loaded: false,
  66.       lastValue: 11,
  67.       playStyle: {
  68.         aggressive: Math.random() * 0.5 + 0.3,
  69.         // 0.3-0.8 tendency for aggressive moves
  70.         defensive: Math.random() * 0.5 + 0.3,
  71.         // 0.3-0.8 tendency for defensive moves
  72.         tactical: Math.random() * 0.6 + 0.2,
  73.         // 0.2-0.8 tendency for tactical moves
  74.         positional: Math.random() * 0.6 + 0.2
  75.         // 0.2-0.8 tendency for positional moves
  76.       },
  77.       preferredOpenings: [
  78.         "e4",
  79.         "d4",
  80.         "c4",
  81.         "Nf3"
  82.         // Just examples, could be expanded
  83.       ].sort(() => Math.random() - 0.5),
  84.       // Randomize the order
  85.       playerFingerprint: GM_getValue("playerFingerprint", {
  86.         favoredPieces: Math.random() < 0.5 ? "knights" : "bishops",
  87.         openingTempo: Math.random() * 0.5 + 0.5,
  88.         // 0.5-1.0 opening move speed
  89.         tacticalAwareness: Math.random() * 0.4 + 0.6,
  90.         // 0.6-1.0 tactical vision
  91.         exchangeThreshold: Math.random() * 0.3 + 0.1,
  92.         // When to accept exchanges
  93.         attackingStyle: ["kingside", "queenside", "central"][Math.floor(Math.random() * 3)]
  94.       }),
  95.       tacticalProfile: GM_getValue("tacticalProfile", {
  96.         strengths: [
  97.           getRandomTacticalStrength(),
  98.           getRandomTacticalStrength()
  99.         ],
  100.         weaknesses: [
  101.           getRandomTacticalWeakness(),
  102.           getRandomTacticalWeakness()
  103.         ]
  104.       }),
  105.       psychologicalState: {
  106.         confidence: 0.7 + Math.random() * 0.3,
  107.         // 0.7-1.0
  108.         tiltFactor: 0,
  109.         // 0-1, increases with blunders
  110.         focus: 0.8 + Math.random() * 0.2,
  111.         // 0.8-1.0, decreases with time
  112.         playTime: 0
  113.         // tracks continuous play time
  114.       }
  115.     };
  116.     if (!GM_getValue("playerFingerprint")) {
  117.       GM_setValue("playerFingerprint", myVars.playerFingerprint);
  118.     }
  119.     if (!GM_getValue("tacticalProfile")) {
  120.       GM_setValue("tacticalProfile", myVars.tacticalProfile);
  121.     }
  122.     return myVars;
  123.   }
  124.  
  125.   // engine.js
  126.   function setupEngine(myVars, myFunctions) {
  127.     const engine = {
  128.       engine: null
  129.     };
  130.     myFunctions.loadChessEngine = function() {
  131.       if (!engine.stockfishObjectURL) {
  132.         engine.stockfishObjectURL = URL.createObjectURL(new Blob([GM_getResourceText("stockfish.js")], { type: "application/javascript" }));
  133.       }
  134.       console.log(engine.stockfishObjectURL);
  135.       if (engine.stockfishObjectURL) {
  136.         engine.engine = new Worker(engine.stockfishObjectURL);
  137.         engine.engine.onmessage = (e) => {
  138.           myFunctions.parser(e);
  139.         };
  140.         engine.engine.onerror = (e) => {
  141.           console.log("Worker Error: " + e);
  142.         };
  143.         engine.engine.postMessage("ucinewgame");
  144.       }
  145.       console.log("loaded chess engine");
  146.     };
  147.     myFunctions.reloadChessEngine = function() {
  148.       console.log(`Reloading the chess engine!`);
  149.       engine.engine.terminate();
  150.       window.isThinking = false;
  151.       myFunctions.loadChessEngine();
  152.     };
  153.     myFunctions.runChessEngine = function(depth) {
  154.       var adjustedDepth = myFunctions.getAdjustedDepth();
  155.       var fen = window.board.game.getFEN();
  156.       var positionType = myFunctions.analyzePositionType(fen);
  157.       console.log(`Original depth: ${depth}, Adjusted for time/position: ${adjustedDepth}`);
  158.       engine.engine.postMessage(`position fen ${fen}`);
  159.       console.log(`updated: position fen ${fen}`);
  160.       window.isThinking = true;
  161.       if (depth >= 15) {
  162.         engine.engine.postMessage(`setoption name MultiPV value 5`);
  163.       } else {
  164.         engine.engine.postMessage(`setoption name MultiPV value 1`);
  165.       }
  166.       engine.engine.postMessage(`go depth ${adjustedDepth}`);
  167.       myVars.lastValue = depth;
  168.     };
  169.     myFunctions.autoRun = function(lstValue) {
  170.       if (window.board.game.getTurn() == window.board.game.getPlayingAs()) {
  171.         myFunctions.runChessEngine(lstValue);
  172.       }
  173.     };
  174.     return engine;
  175.   }
  176.  
  177.   // ui/html.js
  178.   var mainTemplate = `
  179. <div class="chess-bot-container">
  180.     <div class="bot-header">
  181.         <div class="bot-logo">
  182.             <svg viewBox="0 0 24 24" width="24" height="24">
  183.                 <path fill="currentColor" d="M19,22H5V20H19V22M17,10C15.58,10 14.26,10.77 13.55,12H13V7H16V5H13V2H11V5H8V7H11V12H10.45C9.74,10.77 8.42,10 7,10A5,5 0 0,0 2,15A5,5 0 0,0 7,20H17A5,5 0 0,0 22,15A5,5 0 0,0 17,10M7,18A3,3 0 0,1 4,15A3,3 0 0,1 7,12A3,3 0 0,1 10,15A3,3 0 0,1 7,18M17,18A3,3 0 0,1 14,15A3,3 0 0,1 17,12A3,3 0 0,1 20,15A3,3 0 0,1 17,18Z" />
  184.             </svg>
  185.         </div>
  186.         <h3 class="bot-title">Panel Pro By @akashdeep</h3>
  187.         <div id="thinking-indicator" class="thinking-indicator">
  188.             <span class="dot dot1"></span>
  189.             <span class="dot dot2"></span>
  190.             <span class="dot dot3"></span>
  191.         </div>
  192.     </div>
  193.  
  194.     <div class="bot-tabs">
  195.         <button class="tab-button active" data-tab="main-settings">Main</button>
  196.         <button class="tab-button" data-tab="style-settings">Play Style</button>
  197.         <button class="tab-button" data-tab="advanced-settings">Advanced</button>
  198.     </div>
  199.  
  200.     <div class="bot-tabs-content">
  201.         <div class="tab-content active" id="main-settings">
  202.             <div class="bot-info">
  203.                 <div class="depth-card">
  204.                     <p id="depthText" class="depth-display">Current Depth: <strong>11</strong></p>
  205.                     <p class="key-hint">Press a key (Q-Z) to change depth</p>
  206.  
  207.                     <div class="depth-control">
  208.                         <label for="depthSlider">Depth/ELO:</label>
  209.                         <div class="slider-controls">
  210.                             <button class="depth-button" id="decreaseDepth">-</button>
  211.                             <input type="range" id="depthSlider" min="1" max="21" value="11" class="depth-slider">
  212.                             <button class="depth-button" id="increaseDepth">+</button>
  213.                         </div>
  214.                         <span id="depthValue">11</span>
  215.                     </div>
  216.                 </div>
  217.             </div>
  218.  
  219.             <div class="bot-controls">
  220.                 <div class="control-group">
  221.                     <div class="control-item toggle-container">
  222.                         <input type="checkbox" id="autoRun" name="autoRun" class="toggle-input" value="false">
  223.                         <label for="autoRun" class="toggle-label">
  224.                             <span class="toggle-button"></span>
  225.                             <span class="toggle-text">Auto Run</span>
  226.                         </label>
  227.                     </div>
  228.  
  229.                     <div class="control-item toggle-container">
  230.                         <input type="checkbox" id="autoMove" name="autoMove" class="toggle-input" value="false">
  231.                         <label for="autoMove" class="toggle-label">
  232.                             <span class="toggle-button"></span>
  233.                             <span class="toggle-text">Auto Move</span>
  234.                         </label>
  235.                     </div>
  236.                 </div>
  237.  
  238.                 <div class="control-group">
  239.                     <div class="control-item slider-container">
  240.                         <label for="timeDelayMin">Min Delay (sec)</label>
  241.                         <input type="number" id="timeDelayMin" name="timeDelayMin" min="0.1" value="0.1" step="0.1" class="number-input">
  242.                     </div>
  243.  
  244.                     <div class="control-item slider-container">
  245.                         <label for="timeDelayMax">Max Delay (sec)</label>
  246.                         <input type="number" id="timeDelayMax" name="timeDelayMax" min="0.1" value="1" step="0.1" class="number-input">
  247.                     </div>
  248.                 </div>
  249.             </div>
  250.         </div>
  251.  
  252.         <div class="tab-content" id="style-settings">
  253.             <div class="playStyle-controls">
  254.                 <h4 class="settings-section-title">Playing Style Settings</h4>
  255.  
  256.                 <div class="style-slider-container">
  257.                     <label for="aggressiveSlider">Aggressive Play:</label>
  258.                     <input type="range" id="aggressiveSlider" min="1" max="10" value="5" class="style-slider">
  259.                     <span id="aggressiveValue">5</span>
  260.                 </div>
  261.  
  262.                 <div class="style-slider-container">
  263.                     <label for="defensiveSlider">Defensive Play:</label>
  264.                     <input type="range" id="defensiveSlider" min="1" max="10" value="5" class="style-slider">
  265.                     <span id="defensiveValue">5</span>
  266.                 </div>
  267.  
  268.                 <div class="style-slider-container">
  269.                     <label for="tacticalSlider">Tactical Play:</label>
  270.                     <input type="range" id="tacticalSlider" min="1" max="10" value="5" class="style-slider">
  271.                     <span id="tacticalValue">5</span>
  272.                 </div>
  273.  
  274.                 <div class="style-slider-container">
  275.                     <label for="positionalSlider">Positional Play:</label>
  276.                     <input type="range" id="positionalSlider" min="1" max="10" value="5" class="style-slider">
  277.                     <span id="positionalValue">5</span>
  278.                 </div>
  279.  
  280.                 <div class="style-slider-container">
  281.                     <label for="blunderRateSlider">Blunder Rate:</label>
  282.                     <input type="range" id="blunderRateSlider" min="0" max="10" value="2" class="style-slider">
  283.                     <span id="blunderRateValue">2</span>
  284.                 </div>
  285.             </div>
  286.         </div>
  287.  
  288.         <div class="tab-content" id="advanced-settings">
  289.             <div class="advanced-controls">
  290.                 <h4 class="settings-section-title">Advanced Settings</h4>
  291.  
  292.                 <div class="control-item toggle-container">
  293.                     <input type="checkbox" id="adaptToRating" name="adaptToRating" class="toggle-input" value="true" checked>
  294.                     <label for="adaptToRating" class="toggle-label">
  295.                         <span class="toggle-button"></span>
  296.                         <span class="toggle-text">Adapt to opponent rating</span>
  297.                     </label>
  298.                 </div>
  299.  
  300.                 <div class="control-item toggle-container">
  301.                     <input type="checkbox" id="useOpeningBook" name="useOpeningBook" class="toggle-input" value="true" checked>
  302.                     <label for="useOpeningBook" class="toggle-label">
  303.                         <span class="toggle-button"></span>
  304.                         <span class="toggle-text">Use personalized openings</span>
  305.                     </label>
  306.                 </div>
  307.  
  308.                 <div class="highlight-color-picker">
  309.                     <label for="highlightColor">Move highlight color:</label>
  310.                     <input type="color" id="highlightColor" value="#eb6150" class="color-input">
  311.                 </div>
  312.  
  313.                 <div class="opening-selection">
  314.                     <label for="preferredOpeningSelect">Preferred Opening:</label>
  315.                     <select id="preferredOpeningSelect" class="select-input">
  316.                         <option value="random">Random</option>
  317.                         <option value="e4">e4 (King's Pawn)</option>
  318.                         <option value="d4">d4 (Queen's Pawn)</option>
  319.                         <option value="c4">c4 (English)</option>
  320.                         <option value="Nf3">Nf3 (R\xE9ti)</option>
  321.                     </select>
  322.                 </div>
  323.             </div>
  324.         </div>
  325.     </div>
  326.  
  327.     <div class="bot-actions">
  328.         <button type="button" id="relEngBut" class="action-button primary-button" onclick="document.myFunctions.reloadChessEngine()">
  329.             <svg viewBox="0 0 24 24" width="16" height="16">
  330.                 <path fill="currentColor" d="M17.65,6.35C16.2,4.9 14.21,4 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20C15.73,20 18.84,17.45 19.73,14H17.65C16.83,16.33 14.61,18 12,18A6,6 0 0,1 6,12A6,6 0 0,1 12,6C13.66,6 15.14,6.69 16.22,7.78L13,11H20V4L17.65,6.35Z" />
  331.             </svg>
  332.             Reload Engine
  333.         </button>
  334.  
  335.         <button type="button" id="isBut" class="action-button secondary-button" onclick="window.confirm('Can I take you to the issues page?') ? document.location = 'https://github.com/egsakash/chess.comPanelPro/issues' : console.log('canceled')">
  336.             <svg viewBox="0 0 24 24" width="16" height="16">
  337.                 <path fill="currentColor" d="M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" />
  338.             </svg>
  339.             Report Issue
  340.         </button>
  341.     </div>
  342. </div>`;
  343.   var advancedSettingsTemplate = `
  344. <div class="advanced-section">
  345.     <div class="control-item toggle-container">
  346.         <input type="checkbox" id="enableHotkeys" name="enableHotkeys" class="toggle-input" checked>
  347.         <label for="enableHotkeys" class="toggle-label">
  348.             <span class="toggle-button"></span>
  349.             <span class="toggle-text">Enable keyboard shortcuts</span>
  350.         </label>
  351.     </div>
  352.  
  353.     <div class="control-item toggle-container">
  354.         <input type="checkbox" id="randomizeTiming" name="randomizeTiming" class="toggle-input" checked>
  355.         <label for="randomizeTiming" class="toggle-label">
  356.             <span class="toggle-button"></span>
  357.             <span class="toggle-text">Randomize thinking time</span>
  358.         </label>
  359.     </div>
  360.  
  361.     <div class="style-slider-container">
  362.         <label for="mouseMovementSlider">Mouse Movement Realism:</label>
  363.         <input type="range" id="mouseMovementSlider" min="1" max="10" value="7" class="style-slider">
  364.         <span id="mouseMovementSliderValue">7</span>
  365.     </div>
  366.  
  367.     <div class="profile-selection">
  368.         <label for="playingProfileSelect">Playing Profile:</label>
  369.         <select id="playingProfileSelect" class="select-input">
  370.             <option value="custom">Custom Settings</option>
  371.             <option value="beginner">Beginner (\u2248800)</option>
  372.             <option value="intermediate">Intermediate (\u22481200)</option>
  373.             <option value="advanced">Advanced (\u22481600)</option>
  374.             <option value="expert">Expert (\u22482000)</option>
  375.             <option value="master">Master (\u22482400+)</option>
  376.         </select>
  377.     </div>
  378. </div>
  379. `;
  380.   var spinnerTemplate = `
  381. <div style="display:none;" id="overlay">
  382.     <div style="
  383.         margin: 0 auto;
  384.         height: 40px;
  385.         width: 40px;
  386.         animation: rotate 0.8s infinite linear;
  387.         border: 4px solid #89b4fa;
  388.         border-right-color: transparent;
  389.         border-radius: 50%;
  390.         box-shadow: 0 0 10px rgba(137, 180, 250, 0.4);
  391.     "></div>
  392. </div>
  393. `;
  394.  
  395.   // ui/styles.js
  396.   var mainStyles = `
  397. @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
  398.  
  399. #settingsContainer {
  400.     background-color: #1e1e2e;
  401.     color: #cdd6f4;
  402.     border-radius: 12px;
  403.     padding: 20px;
  404.     margin-top: 15px;
  405.     box-shadow: 0 8px 24px rgba(0,0,0,0.3);
  406.     font-family: 'Roboto', sans-serif;
  407.     max-width: 400px;
  408.     margin-left: auto;
  409.     margin-right: auto;
  410.     border: 1px solid #313244;
  411. }
  412.  
  413. .chess-bot-container {
  414.     display: flex;
  415.     flex-direction: column;
  416.     gap: 16px;
  417. }
  418.  
  419. .bot-header {
  420.     display: flex;
  421.     align-items: center;
  422.     justify-content: center;
  423.     gap: 10px;
  424.     margin-bottom: 5px;
  425.     position: relative;
  426. }
  427.  
  428. .bot-logo {
  429.     display: flex;
  430.     align-items: center;
  431.     justify-content: center;
  432.     color: #89b4fa;
  433. }
  434.  
  435. .bot-title {
  436.     margin: 0;
  437.     color: #89b4fa;
  438.     font-size: 20px;
  439.     font-weight: 500;
  440.     letter-spacing: 0.5px;
  441. }
  442.  
  443. .thinking-indicator {
  444.     position: absolute;
  445.     right: 0;
  446.     display: none;
  447.     align-items: center;
  448. }
  449.  
  450. .thinking-indicator.active {
  451.     display: flex;
  452. }
  453.  
  454. .dot {
  455.     width: 8px;
  456.     height: 8px;
  457.     margin: 0 2px;
  458.     background-color: #89b4fa;
  459.     border-radius: 50%;
  460.     opacity: 0.6;
  461. }
  462.  
  463. .dot1 {
  464.     animation: pulse 1.5s infinite;
  465. }
  466.  
  467. .dot2 {
  468.     animation: pulse 1.5s infinite 0.3s;
  469. }
  470.  
  471. .dot3 {
  472.     animation: pulse 1.5s infinite 0.6s;
  473. }
  474.  
  475. @keyframes pulse {
  476.     0%, 100% {
  477.         transform: scale(1);
  478.         opacity: 0.6;
  479.     }
  480.     50% {
  481.         transform: scale(1.3);
  482.         opacity: 1;
  483.     }
  484. }
  485.  
  486. .bot-tabs {
  487.     display: flex;
  488.     gap: 2px;
  489.     margin-bottom: -15px;
  490. }
  491.  
  492. .tab-button {
  493.     background-color: #313244;
  494.     color: #a6adc8;
  495.     border: none;
  496.     border-radius: 8px 8px 0 0;
  497.     padding: 8px 16px;
  498.     cursor: pointer;
  499.     font-size: 14px;
  500.     font-weight: 500;
  501.     transition: all 0.2s;
  502.     flex: 1;
  503.     text-align: center;
  504. }
  505.  
  506. .tab-button:hover {
  507.     background-color: #45475a;
  508.     color: #cdd6f4;
  509. }
  510.  
  511. .tab-button.active {
  512.     background-color: #45475a;
  513.     color: #cdd6f4;
  514. }
  515.  
  516. .bot-tabs-content {
  517.     background-color: #45475a;
  518.     border-radius: 0 8px 8px 8px;
  519.     padding: 16px;
  520. }
  521.  
  522. .tab-content {
  523.     display: none;
  524. }
  525.  
  526. .tab-content.active {
  527.     display: block;
  528. }
  529.  
  530. .settings-section-title {
  531.     margin-top: 0;
  532.     margin-bottom: 12px;
  533.     color: #89b4fa;
  534.     font-size: 16px;
  535.     font-weight: 500;
  536.     text-align: center;
  537. }
  538.  
  539. .bot-info {
  540.     display: flex;
  541.     justify-content: center;
  542.     margin-bottom: 5px;
  543. }
  544.  
  545. .depth-card {
  546.     background-color: #313244;
  547.     border-radius: 8px;
  548.     padding: 12px 16px;
  549.     text-align: center;
  550.     width: 100%;
  551.     border: 1px solid #45475a;
  552. }
  553.  
  554. .depth-display {
  555.     font-size: 16px;
  556.     margin: 0 0 5px 0;
  557.     font-weight: 400;
  558. }
  559.  
  560. .depth-display strong {
  561.     color: #89b4fa;
  562.     font-weight: 600;
  563. }
  564.  
  565. .key-hint {
  566.     font-size: 12px;
  567.     color: #a6adc8;
  568.     margin: 0;
  569.     font-weight: 300;
  570. }
  571.  
  572. .bot-controls {
  573.     display: flex;
  574.     flex-direction: column;
  575.     gap: 16px;
  576. }
  577.  
  578. .control-group {
  579.     display: grid;
  580.     grid-template-columns: 1fr 1fr;
  581.     gap: 12px;
  582. }
  583.  
  584. .control-item {
  585.     display: flex;
  586.     flex-direction: column;
  587.     gap: 6px;
  588. }
  589.  
  590. .toggle-container {
  591.     position: relative;
  592. }
  593.  
  594. .toggle-input {
  595.     opacity: 0;
  596.     width: 0;
  597.     height: 0;
  598.     position: absolute;
  599. }
  600.  
  601. .toggle-label {
  602.     display: flex;
  603.     align-items: center;
  604.     gap: 10px;
  605.     cursor: pointer;
  606. }
  607.  
  608. .toggle-button {
  609.     position: relative;
  610.     display: inline-block;
  611.     width: 40px;
  612.     height: 20px;
  613.     background-color: #45475a;
  614.     border-radius: 20px;
  615.     transition: all 0.3s;
  616. }
  617.  
  618. .toggle-button:before {
  619.     content: '';
  620.     position: absolute;
  621.     width: 16px;
  622.     height: 16px;
  623.     border-radius: 50%;
  624.     background-color: #cdd6f4;
  625.     top: 2px;
  626.     left: 2px;
  627.     transition: all 0.3s;
  628. }
  629.  
  630. .toggle-input:checked + .toggle-label .toggle-button {
  631.     background-color: #89b4fa;
  632. }
  633.  
  634. .toggle-input:checked + .toggle-label .toggle-button:before {
  635.     transform: translateX(20px);
  636. }
  637.  
  638. .toggle-text {
  639.     font-size: 14px;
  640. }
  641.  
  642. .slider-container {
  643.     display: flex;
  644.     flex-direction: column;
  645.     gap: 6px;
  646. }
  647.  
  648. .slider-container label {
  649.     font-size: 13px;
  650.     color: #a6adc8;
  651. }
  652.  
  653. .number-input {
  654.     width: 100%;
  655.     background: #313244;
  656.     border: 1px solid #45475a;
  657.     border-radius: 6px;
  658.     color: #cdd6f4;
  659.     padding: 8px 10px;
  660.     font-size: 14px;
  661.     transition: border-color 0.3s;
  662. }
  663.  
  664. .number-input:focus {
  665.     outline: none;
  666.     border-color: #89b4fa;
  667. }
  668.  
  669. .bot-actions {
  670.     display: grid;
  671.     grid-template-columns: 1fr 1fr;
  672.     gap: 12px;
  673.     margin-top: 5px;
  674. }
  675.  
  676. .action-button {
  677.     display: flex;
  678.     align-items: center;
  679.     justify-content: center;
  680.     gap: 8px;
  681.     border: none;
  682.     border-radius: 8px;
  683.     padding: 10px 16px;
  684.     font-size: 14px;
  685.     font-weight: 500;
  686.     cursor: pointer;
  687.     transition: all 0.2s;
  688. }
  689.  
  690. .primary-button {
  691.     background-color: #89b4fa;
  692.     color: #1e1e2e;
  693. }
  694.  
  695. .primary-button:hover {
  696.     background-color: #b4befe;
  697.     transform: translateY(-2px);
  698.     box-shadow: 0 4px 8px rgba(137, 180, 250, 0.3);
  699. }
  700.  
  701. .secondary-button {
  702.     background-color: #45475a;
  703.     color: #cdd6f4;
  704. }
  705.  
  706. .secondary-button:hover {
  707.     background-color: #585b70;
  708.     transform: translateY(-2px);
  709.     box-shadow: 0 4px 8px rgba(69, 71, 90, 0.3);
  710. }
  711.  
  712. .action-button:active {
  713.     transform: translateY(0);
  714. }
  715.  
  716. .depth-control {
  717.     margin-top: 12px;
  718.     display: flex;
  719.     flex-direction: column;
  720.     gap: 8px;
  721. }
  722.  
  723. .depth-control label {
  724.     font-size: 13px;
  725.     color: #a6adc8;
  726. }
  727.  
  728. .slider-controls {
  729.     display: flex;
  730.     align-items: center;
  731.     gap: 8px;
  732. }
  733.  
  734. .depth-slider {
  735.     flex: 1;
  736.     height: 6px;
  737.     -webkit-appearance: none;
  738.     appearance: none;
  739.     background: #45475a;
  740.     border-radius: 3px;
  741.     outline: none;
  742. }
  743.  
  744. .depth-slider::-webkit-slider-thumb {
  745.     -webkit-appearance: none;
  746.     appearance: none;
  747.     width: 16px;
  748.     height: 16px;
  749.     border-radius: 50%;
  750.     background: #89b4fa;
  751.     cursor: pointer;
  752. }
  753.  
  754. .depth-slider::-moz-range-thumb {
  755.     width: 16px;
  756.     height: 16px;
  757.     border-radius: 50%;
  758.     background: #89b4fa;
  759.     cursor: pointer;
  760. }
  761.  
  762. .depth-button {
  763.     width: 24px;
  764.     height: 24px;
  765.     border-radius: 50%;
  766.     background: #45475a;
  767.     color: #cdd6f4;
  768.     border: none;
  769.     display: flex;
  770.     align-items: center;
  771.     justify-content: center;
  772.     cursor: pointer;
  773.     font-size: 16px;
  774.     font-weight: bold;
  775.     transition: background-color 0.2s;
  776. }
  777.  
  778. .depth-button:hover {
  779.     background: #585b70;
  780. }
  781.  
  782. #depthValue {
  783.     font-size: 14px;
  784.     font-weight: 500;
  785.     color: #89b4fa;
  786.     text-align: center;
  787. }
  788.  
  789. @keyframes rotate {
  790.     0% {
  791.         transform: rotate(0deg);
  792.     }
  793.     100% {
  794.         transform: rotate(360deg);
  795.     }
  796. }
  797. `;
  798.   var advancedStyles = `
  799. .advanced-section {
  800.     margin-top: 15px;
  801.     padding-top: 15px;
  802.     border-top: 1px solid #313244;
  803. }
  804.  
  805. .profile-selection {
  806.     margin-top: 15px;
  807. }
  808.  
  809. .playStyle-controls, .advanced-controls {
  810.     display: flex;
  811.     flex-direction: column;
  812.     gap: 12px;
  813. }
  814.  
  815. .style-slider-container {
  816.     display: flex;
  817.     align-items: center;
  818.     gap: 10px;
  819. }
  820.  
  821. .style-slider-container label {
  822.     font-size: 13px;
  823.     color: #cdd6f4;
  824.     width: 120px;
  825. }
  826.  
  827. .style-slider {
  828.     flex: 1;
  829.     height: 6px;
  830.     -webkit-appearance: none;
  831.     appearance: none;
  832.     background: #313244;
  833.     border-radius: 3px;
  834.     outline: none;
  835. }
  836.  
  837. .style-slider::-webkit-slider-thumb {
  838.     -webkit-appearance: none;
  839.     appearance: none;
  840.     width: 14px;
  841.     height: 14px;
  842.     border-radius: 50%;
  843.     background: #89b4fa;
  844.     cursor: pointer;
  845. }
  846.  
  847. .style-slider-container span {
  848.     font-size: 14px;
  849.     font-weight: 500;
  850.     color: #89b4fa;
  851.     width: 20px;
  852.     text-align: center;
  853. }
  854.  
  855. .highlight-color-picker {
  856.     display: flex;
  857.     align-items: center;
  858.     gap: 10px;
  859.     margin-top: 10px;
  860. }
  861.  
  862. .highlight-color-picker label {
  863.     font-size: 13px;
  864.     color: #cdd6f4;
  865. }
  866.  
  867. .color-input {
  868.     -webkit-appearance: none;
  869.     width: 30px;
  870.     height: 30px;
  871.     border: none;
  872.     border-radius: 50%;
  873.     background: none;
  874.     cursor: pointer;
  875. }
  876.  
  877. .color-input::-webkit-color-swatch {
  878.     border: none;
  879.     border-radius: 50%;
  880.     box-shadow: 0 0 0 2px #45475a;
  881. }
  882.  
  883. .opening-selection {
  884.     display: flex;
  885.     align-items: center;
  886.     gap: 10px;
  887.     margin-top: 10px;
  888. }
  889.  
  890. .opening-selection label {
  891.     font-size: 13px;
  892.     color: #cdd6f4;
  893. }
  894.  
  895. .select-input {
  896.     flex: 1;
  897.     background: #313244;
  898.     border: 1px solid #45475a;
  899.     border-radius: 6px;
  900.     color: #cdd6f4;
  901.     padding: 8px 10px;
  902.     font-size: 14px;
  903.     transition: border-color 0.3s;
  904. }
  905.  
  906. .select-input:focus {
  907.     outline: none;
  908.     border-color: #89b4fa;
  909. }
  910. `;
  911.  
  912.   // ui.js
  913.   function setupUI(myVars, myFunctions) {
  914.     let dynamicStyles = null;
  915.     function addAnimation(body) {
  916.       if (!dynamicStyles) {
  917.         dynamicStyles = document.createElement("style");
  918.         dynamicStyles.type = "text/css";
  919.         document.head.appendChild(dynamicStyles);
  920.       }
  921.       dynamicStyles.sheet.insertRule(body, dynamicStyles.length);
  922.     }
  923.     myFunctions.spinner = function() {
  924.       if (window.isThinking == true) {
  925.         $("#thinking-indicator").addClass("active");
  926.       }
  927.       if (window.isThinking == false) {
  928.         $("#thinking-indicator").removeClass("active");
  929.       }
  930.     };
  931.     myFunctions.loadEx = function() {
  932.       try {
  933.         window.board = $("chess-board")[0] || $("wc-chess-board")[0];
  934.         myVars.board = window.board;
  935.         var div = document.createElement("div");
  936.         div.setAttribute("id", "settingsContainer");
  937.         div.innerHTML = mainTemplate;
  938.         div.prepend($(spinnerTemplate)[0]);
  939.         window.board.parentElement.parentElement.appendChild(div);
  940.         var botStyles = document.createElement("style");
  941.         botStyles.innerHTML = mainStyles + advancedStyles;
  942.         document.head.appendChild(botStyles);
  943.         addAnimation(`@keyframes rotate {
  944.                 0% { transform: rotate(0deg); }
  945.                 100% { transform: rotate(360deg); }
  946.             }`);
  947.         $("#advanced-settings .advanced-controls").append(advancedSettingsTemplate);
  948.         myFunctions.loadSettings();
  949.         applySettingsToUI(myVars);
  950.         myVars.loaded = true;
  951.       } catch (error) {
  952.         console.log(error);
  953.       }
  954.     };
  955.     function applySettingsToUI(myVars2) {
  956.       $("#autoRun").prop("checked", myVars2.autoRun);
  957.       $("#autoMove").prop("checked", myVars2.autoMove);
  958.       $("#adaptToRating").prop("checked", myVars2.adaptToRating !== void 0 ? myVars2.adaptToRating : true);
  959.       $("#useOpeningBook").prop("checked", myVars2.useOpeningBook !== void 0 ? myVars2.useOpeningBook : true);
  960.       $("#enableHotkeys").prop("checked", myVars2.enableHotkeys !== void 0 ? myVars2.enableHotkeys : true);
  961.       $("#randomizeTiming").prop("checked", myVars2.randomizeTiming !== void 0 ? myVars2.randomizeTiming : true);
  962.       $("#depthSlider").val(myVars2.lastValue);
  963.       $("#depthValue").text(myVars2.lastValue);
  964.       $("#depthText").html("Current Depth: <strong>" + myVars2.lastValue + "</strong>");
  965.       $("#timeDelayMin").val(GM_getValue("timeDelayMin", 0.1));
  966.       $("#timeDelayMax").val(GM_getValue("timeDelayMax", 1));
  967.       if (myVars2.highlightColor) {
  968.         $("#highlightColor").val(myVars2.highlightColor);
  969.       }
  970.       if (myVars2.playStyle) {
  971.         const aggressiveValue = Math.round((myVars2.playStyle.aggressive - 0.3) / 0.5 * 10);
  972.         $("#aggressiveSlider").val(aggressiveValue);
  973.         $("#aggressiveValue").text(aggressiveValue);
  974.         const defensiveValue = Math.round((myVars2.playStyle.defensive - 0.3) / 0.5 * 10);
  975.         $("#defensiveSlider").val(defensiveValue);
  976.         $("#defensiveValue").text(defensiveValue);
  977.         const tacticalValue = Math.round((myVars2.playStyle.tactical - 0.2) / 0.6 * 10);
  978.         $("#tacticalSlider").val(tacticalValue);
  979.         $("#tacticalValue").text(tacticalValue);
  980.         const positionalValue = Math.round((myVars2.playStyle.positional - 0.2) / 0.6 * 10);
  981.         $("#positionalSlider").val(positionalValue);
  982.         $("#positionalValue").text(positionalValue);
  983.       }
  984.       if (myVars2.blunderRate !== void 0) {
  985.         const blunderValue = Math.round(myVars2.blunderRate * 10);
  986.         $("#blunderRateSlider").val(blunderValue);
  987.         $("#blunderRateValue").text(blunderValue);
  988.       }
  989.       if (myVars2.mouseMovementRealism !== void 0) {
  990.         const movementValue = Math.round(myVars2.mouseMovementRealism * 10);
  991.         $("#mouseMovementSlider").val(movementValue);
  992.         $("#mouseMovementSliderValue").text(movementValue);
  993.       }
  994.       if (myVars2.preferredOpenings && myVars2.preferredOpenings.length === 1) {
  995.         $("#preferredOpeningSelect").val(myVars2.preferredOpenings[0]);
  996.       }
  997.       console.log("Settings applied to UI");
  998.     }
  999.     return myFunctions;
  1000.   }
  1001.  
  1002.   // events/ui-events.js
  1003.   function setupUIEventHandlers(myVars, myFunctions) {
  1004.     $(document).on("input", "#depthSlider", function() {
  1005.       const depth = parseInt($(this).val());
  1006.       $("#depthValue").text(depth);
  1007.       myVars.lastValue = depth;
  1008.       $("#depthText")[0].innerHTML = "Current Depth: <strong>" + depth + "</strong>";
  1009.       myFunctions.saveSettings();
  1010.     });
  1011.     $(document).on("click", "#decreaseDepth", function() {
  1012.       const currentDepth = parseInt($("#depthSlider").val());
  1013.       if (currentDepth > 1) {
  1014.         const newDepth = currentDepth - 1;
  1015.         $("#depthSlider").val(newDepth).trigger("input");
  1016.       }
  1017.     });
  1018.     $(document).on("click", "#increaseDepth", function() {
  1019.       const currentDepth = parseInt($("#depthSlider").val());
  1020.       if (currentDepth < 26) {
  1021.         const newDepth = currentDepth + 1;
  1022.         $("#depthSlider").val(newDepth).trigger("input");
  1023.       }
  1024.     });
  1025.     $(document).on("click", ".tab-button", function() {
  1026.       $(".tab-button").removeClass("active");
  1027.       $(this).addClass("active");
  1028.       const tabId = $(this).data("tab");
  1029.       $(".tab-content").removeClass("active");
  1030.       $(`#${tabId}`).addClass("active");
  1031.     });
  1032.   }
  1033.  
  1034.   // events/style-events.js
  1035.   function setupStyleEventHandlers(myVars, myFunctions) {
  1036.     $(document).on("input", ".style-slider", function() {
  1037.       const value = $(this).val();
  1038.       $(`#${this.id}Value`).text(value);
  1039.       const styleType = this.id.replace("Slider", "");
  1040.       if (styleType === "blunderRate") {
  1041.         myVars.blunderRate = parseFloat(value) / 10;
  1042.       } else if (myVars.playStyle && styleType in myVars.playStyle) {
  1043.         if (styleType === "aggressive" || styleType === "defensive") {
  1044.           myVars.playStyle[styleType] = 0.3 + parseFloat(value) / 10 * 0.5;
  1045.         } else {
  1046.           myVars.playStyle[styleType] = 0.2 + parseFloat(value) / 10 * 0.6;
  1047.         }
  1048.       }
  1049.       myFunctions.saveSettings();
  1050.     });
  1051.     $(document).on("change", "#autoRun, #autoMove, #adaptToRating, #useOpeningBook, #enableHotkeys, #randomizeTiming", function() {
  1052.       const id = $(this).attr("id");
  1053.       myVars[id] = $(this).prop("checked");
  1054.       if (id === "autoMove") {
  1055.         console.log(`Auto move set to: ${myVars.autoMove}`);
  1056.       }
  1057.       myFunctions.saveSettings();
  1058.     });
  1059.     $(document).on("input", "#highlightColor", function() {
  1060.       myVars.highlightColor = $(this).val();
  1061.       myFunctions.saveSettings();
  1062.     });
  1063.   }
  1064.  
  1065.   // events/advanced-events.js
  1066.   function setupAdvancedEventHandlers(myVars, myFunctions) {
  1067.     $(document).on("change", "#preferredOpeningSelect", function() {
  1068.       const selectedOpening = $(this).val();
  1069.       if (selectedOpening === "random") {
  1070.         myVars.preferredOpenings = ["e4", "d4", "c4", "Nf3"].sort(() => Math.random() - 0.5);
  1071.       } else {
  1072.         myVars.preferredOpenings = [selectedOpening];
  1073.       }
  1074.       myFunctions.saveSettings();
  1075.     });
  1076.     $(document).on("input", "#mouseMovementSlider", function() {
  1077.       const value = $(this).val();
  1078.       $("#mouseMovementSliderValue").text(value);
  1079.       myVars.mouseMovementRealism = parseFloat(value) / 10;
  1080.       myFunctions.saveSettings();
  1081.     });
  1082.     $(document).on("change", "#playingProfileSelect", function() {
  1083.       const profile = $(this).val();
  1084.       if (profile !== "custom") {
  1085.         switch (profile) {
  1086.           case "beginner":
  1087.             $("#depthSlider").val(3).trigger("input");
  1088.             $("#blunderRateSlider").val(7).trigger("input");
  1089.             $("#aggressiveSlider").val(Math.floor(3 + Math.random() * 5)).trigger("input");
  1090.             $("#tacticalSlider").val(3).trigger("input");
  1091.             break;
  1092.           case "intermediate":
  1093.             $("#depthSlider").val(6).trigger("input");
  1094.             $("#blunderRateSlider").val(5).trigger("input");
  1095.             $("#tacticalSlider").val(5).trigger("input");
  1096.             break;
  1097.           case "advanced":
  1098.             $("#depthSlider").val(9).trigger("input");
  1099.             $("#blunderRateSlider").val(3).trigger("input");
  1100.             $("#tacticalSlider").val(7).trigger("input");
  1101.             break;
  1102.           case "expert":
  1103.             $("#depthSlider").val(12).trigger("input");
  1104.             $("#blunderRateSlider").val(2).trigger("input");
  1105.             $("#tacticalSlider").val(8).trigger("input");
  1106.             $("#positionalSlider").val(8).trigger("input");
  1107.             break;
  1108.           case "master":
  1109.             $("#depthSlider").val(15).trigger("input");
  1110.             $("#blunderRateSlider").val(1).trigger("input");
  1111.             $("#tacticalSlider").val(9).trigger("input");
  1112.             $("#positionalSlider").val(9).trigger("input");
  1113.             break;
  1114.         }
  1115.         setTimeout(myFunctions.saveSettings, 100);
  1116.       }
  1117.     });
  1118.     $(document).on("change", "#timeDelayMin, #timeDelayMax", function() {
  1119.       myFunctions.saveSettings();
  1120.     });
  1121.   }
  1122.  
  1123.   // events.js
  1124.   function setupEventHandlers(myVars, myFunctions, engine) {
  1125.     document.onkeydown = function(e) {
  1126.       if (!myVars.enableHotkeys) return;
  1127.       switch (e.keyCode) {
  1128.         case 81:
  1129.           myFunctions.runChessEngine(1);
  1130.           break;
  1131.         case 87:
  1132.           myFunctions.runChessEngine(2);
  1133.           break;
  1134.         case 69:
  1135.           myFunctions.runChessEngine(3);
  1136.           break;
  1137.         case 82:
  1138.           myFunctions.runChessEngine(4);
  1139.           break;
  1140.         case 84:
  1141.           myFunctions.runChessEngine(5);
  1142.           break;
  1143.         case 89:
  1144.           myFunctions.runChessEngine(6);
  1145.           break;
  1146.         case 85:
  1147.           myFunctions.runChessEngine(7);
  1148.           break;
  1149.         case 73:
  1150.           myFunctions.runChessEngine(8);
  1151.           break;
  1152.         case 79:
  1153.           myFunctions.runChessEngine(9);
  1154.           break;
  1155.         case 80:
  1156.           myFunctions.runChessEngine(10);
  1157.           break;
  1158.         case 65:
  1159.           myFunctions.runChessEngine(11);
  1160.           break;
  1161.         case 83:
  1162.           myFunctions.runChessEngine(12);
  1163.           break;
  1164.         case 68:
  1165.           myFunctions.runChessEngine(13);
  1166.           break;
  1167.         case 70:
  1168.           myFunctions.runChessEngine(14);
  1169.           break;
  1170.         case 71:
  1171.           myFunctions.runChessEngine(15);
  1172.           break;
  1173.         case 72:
  1174.           myFunctions.runChessEngine(16);
  1175.           break;
  1176.         case 74:
  1177.           myFunctions.runChessEngine(17);
  1178.           break;
  1179.         case 75:
  1180.           myFunctions.runChessEngine(18);
  1181.           break;
  1182.         case 76:
  1183.           myFunctions.runChessEngine(19);
  1184.           break;
  1185.         case 90:
  1186.           myFunctions.runChessEngine(20);
  1187.           break;
  1188.         case 88:
  1189.           myFunctions.runChessEngine(21);
  1190.           break;
  1191.         case 67:
  1192.           myFunctions.runChessEngine(22);
  1193.           break;
  1194.         case 86:
  1195.           myFunctions.runChessEngine(23);
  1196.           break;
  1197.         case 66:
  1198.           myFunctions.runChessEngine(24);
  1199.           break;
  1200.         case 78:
  1201.           myFunctions.runChessEngine(25);
  1202.           break;
  1203.         case 77:
  1204.           myFunctions.runChessEngine(26);
  1205.           break;
  1206.         case 187:
  1207.           myFunctions.runChessEngine(100);
  1208.           break;
  1209.       }
  1210.     };
  1211.     $(document).ready(function() {
  1212.       setupUIEventHandlers(myVars, myFunctions);
  1213.       setupStyleEventHandlers(myVars, myFunctions);
  1214.       setupAdvancedEventHandlers(myVars, myFunctions);
  1215.     });
  1216.   }
  1217.  
  1218.   // parser.js
  1219.   function setupParser(myVars, myFunctions) {
  1220.     myFunctions.parser = function(e) {
  1221.       if (e.data.includes("bestmove")) {
  1222.         const bestMove = e.data.split(" ")[1];
  1223.         let alternativeMoves = [bestMove];
  1224.         try {
  1225.           if (e.data.includes("pv")) {
  1226.             const lines = e.data.split("\n").filter((line) => line.includes(" pv ")).map((line) => {
  1227.               const pvIndex = line.indexOf(" pv ");
  1228.               return line.substring(pvIndex + 4).split(" ")[0];
  1229.             });
  1230.             if (lines.length > 1) {
  1231.               alternativeMoves = lines;
  1232.             }
  1233.           }
  1234.         } catch (error) {
  1235.           console.log("Error extracting alternative moves", error);
  1236.         }
  1237.         let moveToPlay = bestMove;
  1238.         const currentDepth = myVars.lastValue;
  1239.         if (currentDepth >= 15 && alternativeMoves.length > 1 && Math.random() < 0.35) {
  1240.           const maxIndex = Math.min(5, alternativeMoves.length);
  1241.           const randomIndex = Math.floor(Math.random() * (maxIndex - 1)) + 1;
  1242.           moveToPlay = alternativeMoves[randomIndex] || bestMove;
  1243.           console.log(`Using alternative move ${moveToPlay} instead of best move ${bestMove}`);
  1244.         } else if (Math.random() < myFunctions.getBlunderProbability()) {
  1245.           moveToPlay = myFunctions.generateHumanLikeMove(bestMove, e.data);
  1246.           console.log(`Using human-like move ${moveToPlay} instead of best move ${bestMove}`);
  1247.         }
  1248.         myFunctions.color(moveToPlay);
  1249.         window.isThinking = false;
  1250.       }
  1251.     };
  1252.     myFunctions.getBlunderProbability = function() {
  1253.       const userBlunderRate = myVars.blunderRate !== void 0 ? myVars.blunderRate : 0.05;
  1254.       const gamePhase = myFunctions.estimateGamePhase();
  1255.       const timeRemaining = myFunctions.estimateTimeRemaining();
  1256.       const complexity = myFunctions.estimatePositionComplexity();
  1257.       let baseProb = userBlunderRate;
  1258.       if (timeRemaining < 30) {
  1259.         baseProb += 0.1 * (1 - timeRemaining / 30);
  1260.       }
  1261.       if (complexity > 0.6) {
  1262.         baseProb += 0.05 * (complexity - 0.6) * 2;
  1263.       }
  1264.       if (gamePhase > 30) {
  1265.         baseProb += 0.03 * ((gamePhase - 30) / 10);
  1266.       }
  1267.       return Math.min(0.4, baseProb * (0.7 + Math.random() * 0.6));
  1268.     };
  1269.     myFunctions.generateHumanLikeMove = function(bestMove, engineData) {
  1270.       if (engineData.includes("pv") && Math.random() < 0.4) {
  1271.         try {
  1272.           const lines = engineData.split("\n").filter((line) => line.includes(" pv ")).map((line) => {
  1273.             const pvIndex = line.indexOf(" pv ");
  1274.             return line.substring(pvIndex + 4).split(" ")[0];
  1275.           });
  1276.           if (lines.length > 1) {
  1277.             const moveIndex = Math.floor(Math.pow(Math.random(), 2.5) * Math.min(lines.length, 4));
  1278.             return lines[moveIndex] || bestMove;
  1279.           }
  1280.         } catch (e) {
  1281.           console.log("Error extracting alternative moves", e);
  1282.         }
  1283.       }
  1284.       if (Math.random() < 0.15) {
  1285.         const fromSquare = bestMove.substring(0, 2);
  1286.         const toSquare = bestMove.substring(2, 4);
  1287.         if (Math.random() < 0.7) {
  1288.           const files = "abcdefgh";
  1289.           const ranks = "12345678";
  1290.           const fromFile = fromSquare.charAt(0);
  1291.           const fromRank = fromSquare.charAt(1);
  1292.           const toFile = toSquare.charAt(0);
  1293.           const toRank = toSquare.charAt(1);
  1294.           const fileDiff = files.indexOf(toFile) - files.indexOf(fromFile);
  1295.           const rankDiff = ranks.indexOf(toRank) - ranks.indexOf(fromRank);
  1296.           if (Math.abs(fileDiff) > 1 || Math.abs(rankDiff) > 1) {
  1297.             const newToFile = files[files.indexOf(fromFile) + (fileDiff > 0 ? Math.max(1, fileDiff - 1) : Math.min(-1, fileDiff + 1))];
  1298.             const newToRank = ranks[ranks.indexOf(fromRank) + (rankDiff > 0 ? Math.max(1, rankDiff - 1) : Math.min(-1, rankDiff + 1))];
  1299.             if (newToFile && newToRank) {
  1300.               const alternativeMove = fromSquare + newToFile + newToRank;
  1301.               for (let each = 0; each < window.board.game.getLegalMoves().length; each++) {
  1302.                 if (window.board.game.getLegalMoves()[each].from === fromSquare && window.board.game.getLegalMoves()[each].to === newToFile + newToRank) {
  1303.                   return alternativeMove;
  1304.                 }
  1305.               }
  1306.             }
  1307.           }
  1308.         }
  1309.       }
  1310.       return bestMove;
  1311.     };
  1312.   }
  1313.  
  1314.   // utilities.js
  1315.   function setupUtilities(myVars) {
  1316.     const myFunctions = {};
  1317.     let stop_b = stop_w = 0;
  1318.     let s_br = s_br2 = s_wr = s_wr2 = 0;
  1319.     let obs = "";
  1320.     setupParser(myVars, myFunctions);
  1321.     myFunctions.rescan = function(lev) {
  1322.       var ari = $("chess-board").find(".piece").map(function() {
  1323.         return this.className;
  1324.       }).get();
  1325.       jack = ari.map((f) => f.substring(f.indexOf(" ") + 1));
  1326.       function removeWord(arr, word) {
  1327.         for (var i2 = 0; i2 < arr.length; i2++) {
  1328.           arr[i2] = arr[i2].replace(word, "");
  1329.         }
  1330.       }
  1331.       removeWord(ari, "square-");
  1332.       jack = ari.map((f) => f.substring(f.indexOf(" ") + 1));
  1333.       for (var i = 0; i < jack.length; i++) {
  1334.         jack[i] = jack[i].replace("br", "r").replace("bn", "n").replace("bb", "b").replace("bq", "q").replace("bk", "k").replace("bb", "b").replace("bn", "n").replace("br", "r").replace("bp", "p").replace("wp", "P").replace("wr", "R").replace("wn", "N").replace("wb", "B").replace("br", "R").replace("wn", "N").replace("wb", "B").replace("wq", "Q").replace("wk", "K").replace("wb", "B");
  1335.       }
  1336.       str2 = "";
  1337.       var count = 0, str = "";
  1338.       for (var j = 8; j > 0; j--) {
  1339.         for (var i = 1; i < 9; i++) {
  1340.           (str = jack.find((el) => el.includes([i] + [j]))) ? str = str.replace(/[^a-zA-Z]+/g, "") : str = "";
  1341.           if (str == "") {
  1342.             count++;
  1343.             str = count.toString();
  1344.             if (!isNaN(str2.charAt(str2.length - 1))) str2 = str2.slice(0, -1);
  1345.             else {
  1346.               count = 1;
  1347.               str = count.toString();
  1348.             }
  1349.           }
  1350.           str2 += str;
  1351.           if (i == 8) {
  1352.             count = 0;
  1353.             str2 += "/";
  1354.           }
  1355.         }
  1356.       }
  1357.       str2 = str2.slice(0, -1);
  1358.       color = "";
  1359.       wk = wq = bk = bq = "0";
  1360.       const move = $("vertical-move-list").children();
  1361.       if (move.length < 2) {
  1362.         stop_b = stop_w = s_br = s_br2 = s_wr = s_wr2 = 0;
  1363.       }
  1364.       if (stop_b != 1) {
  1365.         if (move.find(".black.node:contains('K')").length) {
  1366.           bk = "";
  1367.           bq = "";
  1368.           stop_b = 1;
  1369.           console.log("debug secb");
  1370.         }
  1371.       } else {
  1372.         bq = "";
  1373.         bk = "";
  1374.       }
  1375.       if (stop_b != 1) (bk = move.find(".black.node:contains('O-O'):not(:contains('O-O-O'))").length ? "" : "k") ? bq = move.find(".black.node:contains('O-O-O')").length ? bk = "" : "q" : bq = "";
  1376.       if (s_br != 1) {
  1377.         if (move.find(".black.node:contains('R')").text().match("[abcd]+")) {
  1378.           bq = "";
  1379.           s_br = 1;
  1380.         }
  1381.       } else bq = "";
  1382.       if (s_br2 != 1) {
  1383.         if (move.find(".black.node:contains('R')").text().match("[hgf]+")) {
  1384.           bk = "";
  1385.           s_br2 = 1;
  1386.         }
  1387.       } else bk = "";
  1388.       if (stop_b == 0) {
  1389.         if (s_br == 0) {
  1390.           if (move.find(".white.node:contains('xa8')").length > 0) {
  1391.             bq = "";
  1392.             s_br = 1;
  1393.             console.log("debug b castle_r");
  1394.           }
  1395.         }
  1396.         if (s_br2 == 0) {
  1397.           if (move.find(".white.node:contains('xh8')").length > 0) {
  1398.             bk = "";
  1399.             s_br2 = 1;
  1400.             console.log("debug b castle_l");
  1401.           }
  1402.         }
  1403.       }
  1404.       if (stop_w != 1) {
  1405.         if (move.find(".white.node:contains('K')").length) {
  1406.           wk = "";
  1407.           wq = "";
  1408.           stop_w = 1;
  1409.           console.log("debug secw");
  1410.         }
  1411.       } else {
  1412.         wq = "";
  1413.         wk = "";
  1414.       }
  1415.       if (stop_w != 1) (wk = move.find(".white.node:contains('O-O'):not(:contains('O-O-O'))").length ? "" : "K") ? wq = move.find(".white.node:contains('O-O-O')").length ? wk = "" : "Q" : wq = "";
  1416.       if (s_wr != 1) {
  1417.         if (move.find(".white.node:contains('R')").text().match("[abcd]+")) {
  1418.           wq = "";
  1419.           s_wr = 1;
  1420.         }
  1421.       } else wq = "";
  1422.       if (s_wr2 != 1) {
  1423.         if (move.find(".white.node:contains('R')").text().match("[hgf]+")) {
  1424.           wk = "";
  1425.           s_wr2 = 1;
  1426.         }
  1427.       } else wk = "";
  1428.       if (stop_w == 0) {
  1429.         if (s_wr == 0) {
  1430.           if (move.find(".black.node:contains('xa1')").length > 0) {
  1431.             wq = "";
  1432.             s_wr = 1;
  1433.             console.log("debug w castle_l");
  1434.           }
  1435.         }
  1436.         if (s_wr2 == 0) {
  1437.           if (move.find(".black.node:contains('xh1')").length > 0) {
  1438.             wk = "";
  1439.             s_wr2 = 1;
  1440.             console.log("debug w castle_r");
  1441.           }
  1442.         }
  1443.       }
  1444.       if ($(".coordinates").children().first().text() == 1) {
  1445.         str2 = str2 + " b " + wk + wq + bk + bq;
  1446.         color = "white";
  1447.       } else {
  1448.         str2 = str2 + " w " + wk + wq + bk + bq;
  1449.         color = "black";
  1450.       }
  1451.       return str2;
  1452.     };
  1453.     myFunctions.color = function(dat) {
  1454.       response = dat;
  1455.       var res1 = response.substring(0, 2);
  1456.       var res2 = response.substring(2, 4);
  1457.       if (myVars.autoMove === true) {
  1458.         console.log(`Auto move enabled, moving from ${res1} to ${res2}`);
  1459.         myFunctions.movePiece(res1, res2);
  1460.       } else {
  1461.         console.log(`Auto move disabled, highlighting ${res1} to ${res2}`);
  1462.       }
  1463.       window.isThinking = false;
  1464.       res1 = res1.replace(/^a/, "1").replace(/^b/, "2").replace(/^c/, "3").replace(/^d/, "4").replace(/^e/, "5").replace(/^f/, "6").replace(/^g/, "7").replace(/^h/, "8");
  1465.       res2 = res2.replace(/^a/, "1").replace(/^b/, "2").replace(/^c/, "3").replace(/^d/, "4").replace(/^e/, "5").replace(/^f/, "6").replace(/^g/, "7").replace(/^h/, "8");
  1466.       const highlightColor = myVars.highlightColor || "rgb(235, 97, 80)";
  1467.       $(window.board.nodeName).prepend(`<div class="highlight square-${res2} bro" style="background-color: ${highlightColor}; opacity: 0.71;" data-test-element="highlight"></div>`).children(":first").delay(1800).queue(function() {
  1468.         $(this).remove();
  1469.       });
  1470.       $(window.board.nodeName).prepend(`<div class="highlight square-${res1} bro" style="background-color: ${highlightColor}; opacity: 0.71;" data-test-element="highlight"></div>`).children(":first").delay(1800).queue(function() {
  1471.         $(this).remove();
  1472.       });
  1473.     };
  1474.     myFunctions.movePiece = function(from, to) {
  1475.       let isLegalMove = false;
  1476.       let moveObject = null;
  1477.       for (let each = 0; each < window.board.game.getLegalMoves().length; each++) {
  1478.         if (window.board.game.getLegalMoves()[each].from === from && window.board.game.getLegalMoves()[each].to === to) {
  1479.           isLegalMove = true;
  1480.           moveObject = window.board.game.getLegalMoves()[each];
  1481.           break;
  1482.         }
  1483.       }
  1484.       if (!isLegalMove) {
  1485.         console.log(`Attempted illegal move: ${from} to ${to}`);
  1486.         return;
  1487.       }
  1488.       setTimeout(() => {
  1489.         try {
  1490.           window.board.game.move({
  1491.             ...moveObject,
  1492.             promotion: moveObject.promotion || "q",
  1493.             // Default to queen for simplicity
  1494.             animate: true,
  1495.             userGenerated: true
  1496.           });
  1497.           console.log(`Successfully moved from ${from} to ${to}`);
  1498.         } catch (error) {
  1499.           console.error("Error making move:", error);
  1500.         }
  1501.       }, 100 + Math.random() * 300);
  1502.     };
  1503.     myFunctions.other = function(delay) {
  1504.       const gamePhase = myFunctions.estimateGamePhase();
  1505.       const positionComplexity = myFunctions.estimatePositionComplexity();
  1506.       let naturalDelay = delay;
  1507.       if (gamePhase < 10) {
  1508.         naturalDelay *= 0.6 + Math.random() * 0.4;
  1509.       }
  1510.       if (positionComplexity > 0.7) {
  1511.         naturalDelay *= 1 + Math.random() * 1.5;
  1512.       }
  1513.       naturalDelay *= 0.85 + Math.random() * 0.3;
  1514.       var endTime = Date.now() + naturalDelay;
  1515.       var timer = setInterval(() => {
  1516.         if (Date.now() >= endTime) {
  1517.           myFunctions.autoRun(myFunctions.getAdjustedDepth());
  1518.           window.canGo = true;
  1519.           clearInterval(timer);
  1520.         }
  1521.       }, 10);
  1522.     };
  1523.     myFunctions.getAdjustedDepth = function() {
  1524.       const timeRemaining = myFunctions.estimateTimeRemaining();
  1525.       const gamePhase = myFunctions.estimateGamePhase();
  1526.       const positionType = myFunctions.analyzePositionType(window.board.game.getFEN());
  1527.       const isPositionCritical = myFunctions.isPositionCriticalNow();
  1528.       let baseDepth = myVars.lastValue;
  1529.       if (timeRemaining < 10) {
  1530.         return Math.floor(Math.random() * 3) + 1;
  1531.       } else if (timeRemaining < 30) {
  1532.         return Math.floor(Math.random() * 4) + 4;
  1533.       } else if (timeRemaining < 60) {
  1534.         return Math.floor(Math.random() * 7) + 6;
  1535.       } else if (timeRemaining < 120) {
  1536.         return Math.floor(Math.random() * 7) + 9;
  1537.       } else {
  1538.         if (!isPositionCritical && Math.random() < 0.07) {
  1539.           return Math.floor(Math.random() * 4) + 2;
  1540.         }
  1541.         return Math.floor(Math.random() * 9) + 11;
  1542.       }
  1543.     };
  1544.     myFunctions.analyzePositionType = function(fen) {
  1545.       const piecesCount = fen.split(" ")[0].match(/[pnbrqkPNBRQK]/g).length;
  1546.       if (piecesCount > 25) return "opening";
  1547.       if (piecesCount < 12) return "endgame";
  1548.       return "middlegame";
  1549.     };
  1550.     myFunctions.isPositionCriticalNow = function() {
  1551.       try {
  1552.         const inCheck = window.board.game.inCheck();
  1553.         const fen = window.board.game.getFEN();
  1554.         const whiteMaterial = myFunctions.countMaterial(fen, true);
  1555.         const blackMaterial = myFunctions.countMaterial(fen, false);
  1556.         const materialDifference = Math.abs(whiteMaterial - blackMaterial);
  1557.         return inCheck || materialDifference < 2;
  1558.       } catch (e) {
  1559.         return false;
  1560.       }
  1561.     };
  1562.     myFunctions.countMaterial = function(fen, isWhite) {
  1563.       const position = fen.split(" ")[0];
  1564.       let material = 0;
  1565.       const pieces = isWhite ? "PNBRQK" : "pnbrqk";
  1566.       const values = {
  1567.         "P": 1,
  1568.         "N": 3,
  1569.         "B": 3,
  1570.         "R": 5,
  1571.         "Q": 9,
  1572.         "K": 0,
  1573.         "p": 1,
  1574.         "n": 3,
  1575.         "b": 3,
  1576.         "r": 5,
  1577.         "q": 9,
  1578.         "k": 0
  1579.       };
  1580.       for (let char of position) {
  1581.         if (pieces.includes(char)) {
  1582.           material += values[char];
  1583.         }
  1584.       }
  1585.       return material;
  1586.     };
  1587.     myFunctions.estimateGamePhase = function() {
  1588.       try {
  1589.         const moveList = $("vertical-move-list").children().length;
  1590.         return moveList / 2;
  1591.       } catch (e) {
  1592.         return 15;
  1593.       }
  1594.     };
  1595.     myFunctions.estimateTimeRemaining = function() {
  1596.       let remainingTime = 600;
  1597.       try {
  1598.         const clockEl = document.querySelector(".clock-component.clock-bottom");
  1599.         if (clockEl) {
  1600.           const timeText = clockEl.textContent;
  1601.           if (timeText.includes(":")) {
  1602.             const parts = timeText.split(":");
  1603.             if (parts.length === 2) {
  1604.               const minutes = parseInt(parts[0]);
  1605.               const seconds = parseInt(parts[1]);
  1606.               if (!isNaN(minutes) && !isNaN(seconds)) {
  1607.                 remainingTime = minutes * 60 + seconds;
  1608.               } else {
  1609.                 console.log("Error parsing time:", timeText);
  1610.               }
  1611.             }
  1612.           } else {
  1613.             const seconds = parseInt(timeText);
  1614.             if (!isNaN(seconds)) {
  1615.               remainingTime = seconds;
  1616.             } else {
  1617.               console.log("Error parsing time:", timeText);
  1618.             }
  1619.           }
  1620.         } else {
  1621.           console.log("Clock element not found with selector '.clock-component.clock-bottom'");
  1622.         }
  1623.       } catch (e) {
  1624.         console.log("Error getting time remaining:", e);
  1625.       }
  1626.       console.log("Remaining time:", remainingTime);
  1627.       return remainingTime;
  1628.     };
  1629.     myFunctions.estimatePositionComplexity = function() {
  1630.       return Math.random() * 0.8 + 0.2;
  1631.     };
  1632.     myFunctions.saveSettings = function() {
  1633.       try {
  1634.         GM_setValue("autoRun", myVars.autoRun);
  1635.         GM_setValue("autoMove", myVars.autoMove);
  1636.         GM_setValue("timeDelayMin", $("#timeDelayMin").val());
  1637.         GM_setValue("timeDelayMax", $("#timeDelayMax").val());
  1638.         GM_setValue("depthValue", myVars.lastValue);
  1639.         GM_setValue("highlightColor", myVars.highlightColor);
  1640.         GM_setValue("playStyle", myVars.playStyle);
  1641.         GM_setValue("blunderRate", myVars.blunderRate);
  1642.         GM_setValue("adaptToRating", myVars.adaptToRating);
  1643.         GM_setValue("useOpeningBook", myVars.useOpeningBook);
  1644.         GM_setValue("preferredOpenings", myVars.preferredOpenings);
  1645.         GM_setValue("enableHotkeys", myVars.enableHotkeys);
  1646.         GM_setValue("randomizeTiming", myVars.randomizeTiming);
  1647.         GM_setValue("mouseMovementRealism", myVars.mouseMovementRealism);
  1648.         console.log("Settings saved successfully");
  1649.       } catch (error) {
  1650.         console.error("Error saving settings:", error);
  1651.       }
  1652.     };
  1653.     myFunctions.loadSettings = function() {
  1654.       try {
  1655.         myVars.autoRun = GM_getValue("autoRun", false);
  1656.         myVars.autoMove = GM_getValue("autoMove", false);
  1657.         myVars.lastValue = GM_getValue("depthValue", 11);
  1658.         myVars.highlightColor = GM_getValue("highlightColor", "rgb(235, 97, 80)");
  1659.         myVars.blunderRate = GM_getValue("blunderRate", 0.05);
  1660.         myVars.adaptToRating = GM_getValue("adaptToRating", true);
  1661.         myVars.useOpeningBook = GM_getValue("useOpeningBook", true);
  1662.         myVars.preferredOpenings = GM_getValue("preferredOpenings", ["e4", "d4", "c4", "Nf3"]);
  1663.         myVars.enableHotkeys = GM_getValue("enableHotkeys", true);
  1664.         myVars.randomizeTiming = GM_getValue("randomizeTiming", true);
  1665.         myVars.mouseMovementRealism = GM_getValue("mouseMovementRealism", 0.7);
  1666.         const savedPlayStyle = GM_getValue("playStyle", null);
  1667.         if (savedPlayStyle) {
  1668.           myVars.playStyle = savedPlayStyle;
  1669.         }
  1670.         console.log("Settings loaded successfully");
  1671.       } catch (error) {
  1672.         console.error("Error loading settings:", error);
  1673.       }
  1674.     };
  1675.     return myFunctions;
  1676.   }
  1677.  
  1678.   // main.js
  1679.   window.isThinking = false;
  1680.   window.canGo = true;
  1681.   window.myTurn = false;
  1682.   window.board = null;
  1683.   function main() {
  1684.     const myVars = initializeVariables();
  1685.     const myFunctions = setupUtilities(myVars);
  1686.     myFunctions.loadSettings();
  1687.     const engine = setupEngine(myVars, myFunctions);
  1688.     document.engine = engine;
  1689.     document.myVars = myVars;
  1690.     document.myFunctions = myFunctions;
  1691.     setupUI(myVars, myFunctions, engine);
  1692.     setupEventHandlers(myVars, myFunctions, engine);
  1693.     console.log("Chess.com UltraX bot initialized with version:", currentVersion);
  1694.   }
  1695.   window.addEventListener("load", (event) => {
  1696.     main();
  1697.   });
  1698.   var waitForChessBoard = setInterval(() => {
  1699.     if (!document.myVars || !document.myFunctions) return;
  1700.     const myVars = document.myVars;
  1701.     const myFunctions = document.myFunctions;
  1702.     if (myVars.loaded) {
  1703.       window.board = $("chess-board")[0] || $("wc-chess-board")[0];
  1704.       myVars.autoRun = $("#autoRun")[0].checked;
  1705.       myVars.autoMove = $("#autoMove")[0].checked;
  1706.       let minDel = parseFloat($("#timeDelayMin")[0].value);
  1707.       let maxDel = parseFloat($("#timeDelayMax")[0].value);
  1708.       myVars.delay = Math.random() * (maxDel - minDel) + minDel;
  1709.       myVars.isThinking = window.isThinking;
  1710.       myFunctions.spinner();
  1711.       if (window.board.game.getTurn() == window.board.game.getPlayingAs()) {
  1712.         window.myTurn = true;
  1713.       } else {
  1714.         window.myTurn = false;
  1715.       }
  1716.       $("#depthText")[0].innerHTML = "Current Depth: <strong>" + myVars.lastValue + "</strong>";
  1717.     } else {
  1718.       myFunctions.loadEx();
  1719.     }
  1720.     if (!document.engine.engine) {
  1721.       myFunctions.loadChessEngine();
  1722.     }
  1723.     if (myVars.autoRun == true && window.canGo == true && window.isThinking == false && window.myTurn) {
  1724.       window.canGo = false;
  1725.       var currentDelay = myVars.delay != void 0 ? myVars.delay * 1e3 : 10;
  1726.       myFunctions.other(currentDelay);
  1727.     }
  1728.   }, 100);
  1729. })();