Profile System & Mod Loading Fixes

Added a full profile system and fixed a few critical mod loading issues. What changed Profiles — Implemented proper profile management (create, switch, delete). Each profile now has its own isolated mod list. Mod Isolation — Fixed ModManager so mods are strictly scoped to the active profile. Browsing and installing only affects the selected profile. Critical Fix — Fixed a path bug where mods were being saved to ~/AppData/Local on macOS (Windows path) instead of ~/Library/Application Support. Mods now save to the correct location and load correctly in-game. Stability — Added an auto-sync step before every launch to make sure the physical mods folder always matches the active profile. UI — Added a profile selector dropdown and a profile management modal.
2026-02-26 09:21:48 -03:00 · 2026-01-20 11:52:36 +05:30
parent fffc730788
commit 64892c81e9
14 changed files with 1424 additions and 509 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,4 @@
 dist/*
 node_modules/*
 package-lock.json
+bun.lock
--- a/GUI/index.html
+++ b/GUI/index.html
@@ -1,25 +1,32 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hytale F2P Launcher</title>
    <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
-    <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
-<link rel="stylesheet" href="style.css">
+    <link
+        href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap"
+        rel="stylesheet">
+    <link rel="stylesheet" href="style.css">
 </head>
+
 <body class="bg-black text-white overflow-hidden font-sans select-none" tabindex="-1">
    <div class="absolute inset-0 z-0">
        <img src="https://i.imgur.com/Visrk66.png" alt="Background" class="w-full h-full object-cover" />
        <div class="absolute inset-0 bg-black/60"></div>
-        <div class="absolute inset-0 bg-[url('data:image/svg+xml,%3Csvg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noiseFilter"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23noiseFilter)" opacity="0.1"/%3E%3C/svg%3E')] opacity-20"></div>
+        <div class="absolute inset-0 bg-[url('data:image/svg+xml,%3Csvg viewBox=" 0 0 256 256"
+            xmlns="http://www.w3.org/2000/svg" %3E%3Cfilter id="noiseFilter" %3E%3CfeTurbulence type="fractalNoise"
+            baseFrequency="0.65" numOctaves="3" stitchTiles="stitch" /%3E%3C/filter%3E%3Crect width="100%25"
+            height="100%25" filter="url(%23noiseFilter)" opacity="0.1" /%3E%3C/svg%3E')] opacity-20"></div>
    </div>

    <div class="flex w-full h-screen relative z-10">
        <nav class="sidebar">
            <div class="sidebar-logo">
-                                    <img src="./icon.png" alt="Hytale Logo" />
+                <img src="./icon.png" alt="Hytale Logo" />

            </div>

@@ -50,7 +57,7 @@
                </div>
            </div>

-           
+
        </nav>

        <main class="main-content">
@@ -61,6 +68,24 @@
                    <span id="onlineCount" class="counter-value">0</span>
                </div>

+                <div class="profile-selector" id="profileSelector">
+                    <button class="profile-btn" onclick="toggleProfileDropdown()">
+                        <i class="fas fa-user-circle"></i>
+                        <span id="currentProfileName">Default</span>
+                        <i class="fas fa-chevron-down"></i>
+                    </button>
+                    <div class="profile-dropdown" id="profileDropdown">
+                        <div class="profile-list" id="profileList">
+                            <!-- Profiles populated by JS -->
+                        </div>
+                        <div class="profile-divider"></div>
+                        <div class="profile-action" onclick="openProfileManager()">
+                            <i class="fas fa-cog"></i>
+                            <span>Manage Profiles</span>
+                        </div>
+                    </div>
+                </div>
+
                <div class="window-controls">
                    <button class="control-btn minimize" onclick="window.electronAPI?.minimizeWindow()">
                        <i class="fas fa-minus"></i>
@@ -89,24 +114,26 @@
                            </h1>
                            <p class="install-subtitle">FREE TO PLAY LAUNCHER</p>
                        </div>
-                        
+
                        <div class="install-form">
                            <div class="form-group">
                                <label class="form-label">Player Name</label>
-                                <input type="text" id="installPlayerName" placeholder="Enter your name" class="form-input" value="Player" />
+                                <input type="text" id="installPlayerName" placeholder="Enter your name"
+                                    class="form-input" value="Player" />
                            </div>
-                            
+
                            <div class="form-group">
                                <label class="checkbox-group">
                                    <input type="checkbox" id="installCustomCheck" class="custom-checkbox">
                                    <span class="checkbox-label">Custom Installation</span>
                                </label>
-                                
+
                                <div id="installCustomOptions" class="custom-options">
                                    <div class="form-subgroup">
                                        <label class="form-label">Installation Folder</label>
                                        <div class="input-with-button">
-                                            <input type="text" id="installPath" placeholder="Default location" class="form-input" readonly />
+                                            <input type="text" id="installPath" placeholder="Default location"
+                                                class="form-input" readonly />
                                            <button onclick="browseInstallPath()" class="browse-btn">
                                                <i class="fas fa-folder-open"></i>
                                            </button>
@@ -114,7 +141,7 @@
                                    </div>
                                </div>
                            </div>
-                            
+
                            <button id="installBtn" class="install-button" onclick="installGame()">
                                <i class="fas fa-download mr-2"></i>
                                <span id="installText">INSTALL HYTALE</span>
@@ -134,7 +161,7 @@
                                    </h2>
                                    <p class="play-subtitle">Launch Hytale and enter the adventure</p>
                                </div>
-                                
+
                                <button id="homePlayBtn" class="home-play-button" onclick="launch()">
                                    <i class="fas fa-play"></i>
                                    <span>PLAY HYTALE</span>
@@ -216,21 +243,17 @@
                                    </div>
                                </div>
                            </div>
-                            
+
                            <div class="chat-body">
                                <div id="chatMessages" class="chat-messages">
                                </div>
                            </div>
-                            
+
                            <div class="chat-footer">
                                <div class="chat-input-container">
-                                    <textarea 
-                                        id="chatInput" 
-                                        class="chat-input" 
-                                        placeholder="Type your message... (Links are automatically censored)"
-                                        rows="1"
-                                        maxlength="500"
-                                    ></textarea>
+                                    <textarea id="chatInput" class="chat-input"
+                                        placeholder="Type your message... (Links are automatically censored)" rows="1"
+                                        maxlength="500"></textarea>
                                    <button id="chatSendBtn" class="chat-send-btn">
                                        <i class="fas fa-paper-plane"></i>
                                    </button>
@@ -254,36 +277,32 @@
                                    SETTINGS
                                </h2>
                            </div>
-                            
+
                            <div class="settings-content">
                                <div class="settings-section">
                                    <h3 class="settings-section-title">
                                        <i class="fas fa-coffee"></i>
                                        Java Runtime
                                    </h3>
-                                    
+
                                    <div class="settings-option">
                                        <label class="settings-checkbox">
                                            <input type="checkbox" id="customJavaCheck" />
                                            <span class="checkmark"></span>
                                            <div class="checkbox-content">
                                                <div class="checkbox-title">Use Custom Java Path</div>
-                                                <div class="checkbox-description">Override the bundled Java runtime with your own installation</div>
+                                                <div class="checkbox-description">Override the bundled Java runtime with
+                                                    your own installation</div>
                                            </div>
                                        </label>
                                    </div>
-                                    
+
                                    <div id="customJavaOptions" class="custom-java-options" style="display: none;">
                                        <div class="settings-input-group">
                                            <label class="settings-input-label">Java Executable Path</label>
                                            <div class="settings-input-with-button">
-                                                <input 
-                                                    type="text" 
-                                                    id="customJavaPath" 
-                                                    class="settings-input" 
-                                                    placeholder="Select Java path..."
-                                                    readonly
-                                                />
+                                                <input type="text" id="customJavaPath" class="settings-input"
+                                                    placeholder="Select Java path..." readonly />
                                                <button id="browseJavaBtn" class="settings-browse-btn">
                                                    <i class="fas fa-folder-open"></i>
                                                    Browse
@@ -302,14 +321,15 @@
                                        <i class="fab fa-discord"></i>
                                        Discord Integration
                                    </h3>
-                                    
+
                                    <div class="settings-option">
                                        <label class="settings-checkbox">
                                            <input type="checkbox" id="discordRPCCheck" checked />
                                            <span class="checkmark"></span>
                                            <div class="checkbox-content">
                                                <div class="checkbox-title">Enable Discord Rich Presence</div>
-                                                <div class="checkbox-description">Show your launcher activity on Discord</div>
+                                                <div class="checkbox-description">Show your launcher activity on Discord
+                                                </div>
                                            </div>
                                        </label>
                                    </div>
@@ -320,27 +340,23 @@
                                        <i class="fas fa-gamepad"></i>
                                        Game Options
                                    </h3>
-                                    
+
                                    <div class="settings-option">
                                        <div class="settings-input-group">
                                            <label class="settings-input-label">Player Name</label>
-                                            <input 
-                                                type="text" 
-                                                id="settingsPlayerName" 
-                                                class="settings-input" 
-                                                placeholder="Enter your player name"
-                                                maxlength="16"
-                                            />
+                                            <input type="text" id="settingsPlayerName" class="settings-input"
+                                                placeholder="Enter your player name" maxlength="16" />
                                            <p class="settings-hint">
                                                <i class="fas fa-user"></i>
                                                This name will be used in-game (1-16 characters)
                                            </p>
                                        </div>
                                    </div>
-                                    
+
                                    <div class="settings-option">
                                        <div class="settings-button-group">
-                                            <button id="openGameLocationBtn" class="settings-action-btn" onclick="openGameLocation()">
+                                            <button id="openGameLocationBtn" class="settings-action-btn"
+                                                onclick="openGameLocation()">
                                                <i class="fas fa-folder-open"></i>
                                                <div class="btn-content">
                                                    <div class="btn-title">Open Game Location</div>
@@ -356,22 +372,18 @@
                                        <i class="fas fa-fingerprint"></i>
                                        Player UUID Management
                                    </h3>
-                                    
+
                                    <div class="settings-option">
                                        <div class="settings-input-group">
                                            <label class="settings-input-label">Current UUID</label>
                                            <div class="uuid-display-container">
-                                                <input 
-                                                    type="text" 
-                                                    id="currentUuid" 
-                                                    class="settings-input uuid-input" 
-                                                    readonly
-                                                    placeholder="Loading UUID..."
-                                                />
+                                                <input type="text" id="currentUuid" class="settings-input uuid-input"
+                                                    readonly placeholder="Loading UUID..." />
                                                <button id="copyUuidBtn" class="uuid-btn copy-btn" title="Copy UUID">
                                                    <i class="fas fa-copy"></i>
                                                </button>
-                                                <button id="regenerateUuidBtn" class="uuid-btn regenerate-btn" title="Generate New UUID">
+                                                <button id="regenerateUuidBtn" class="uuid-btn regenerate-btn"
+                                                    title="Generate New UUID">
                                                    <i class="fas fa-sync-alt"></i>
                                                </button>
                                            </div>
@@ -458,14 +470,8 @@
                </p>
                <div class="chat-username-input-group">
                    <label for="chatUsernameInput" class="chat-username-label">Username</label>
-                    <input 
-                        type="text" 
-                        id="chatUsernameInput" 
-                        class="chat-username-input" 
-                        placeholder="Enter your username..."
-                        maxlength="20"
-                        autocomplete="off"
-                    />
+                    <input type="text" id="chatUsernameInput" class="chat-username-input"
+                        placeholder="Enter your username..." maxlength="20" autocomplete="off" />
                    <span class="chat-username-hint">3-20 characters, letters, numbers, - and _ only</span>
                    <span id="chatUsernameError" class="chat-username-error"></span>
                </div>
@@ -495,7 +501,7 @@
                    <i class="fas fa-times"></i>
                </button>
            </div>
-            
+
            <div class="uuid-modal-body">
                <div class="uuid-current-section">
                    <h3 class="uuid-section-title">Current User UUID</h3>
@@ -504,7 +510,8 @@
                        <button id="modalCopyUuidBtn" class="uuid-action-btn copy-btn" title="Copy UUID">
                            <i class="fas fa-copy"></i>
                        </button>
-                        <button id="modalRegenerateUuidBtn" class="uuid-action-btn regenerate-btn" title="Generate New UUID">
+                        <button id="modalRegenerateUuidBtn" class="uuid-action-btn regenerate-btn"
+                            title="Generate New UUID">
                            <i class="fas fa-sync-alt"></i>
                        </button>
                    </div>
@@ -529,13 +536,9 @@
                <div class="uuid-custom-section">
                    <h3 class="uuid-section-title">Set Custom UUID</h3>
                    <div class="uuid-custom-form">
-                        <input 
-                            type="text" 
-                            id="customUuidInput" 
-                            class="uuid-input" 
+                        <input type="text" id="customUuidInput" class="uuid-input"
                            placeholder="Enter custom UUID (format: xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx)"
-                            maxlength="36"
-                        />
+                            maxlength="36" />
                        <button id="setCustomUuidBtn" class="uuid-set-btn">
                            <i class="fas fa-check"></i>
                            Set UUID
@@ -550,27 +553,64 @@
        </div>
    </div>

+    <!-- Profile Manager Modal -->
+    <div id="profileManagerModal" class="profile-modal" style="display: none;">
+        <div class="profile-modal-content">
+            <div class="profile-modal-header">
+                <h2 class="profile-modal-title">
+                    <i class="fas fa-users-cog mr-2"></i>
+                    Manage Profiles
+                </h2>
+                <button class="modal-close-btn" onclick="closeProfileManager()">
+                    <i class="fas fa-times"></i>
+                </button>
+            </div>
+            <div class="profile-modal-body">
+                <div class="profile-manager-list" id="managerProfileList">
+                    <!-- Populated by JS -->
+                </div>
+                <div class="profile-create-section">
+                    <input type="text" id="newProfileName" placeholder="New Profile Name" class="profile-input"
+                        maxlength="20">
+                    <button class="profile-create-btn" onclick="createNewProfile()">
+                        <i class="fas fa-plus"></i> Create Profile
+                    </button>
+                </div>
+            </div>
+        </div>
+    </div>
+
    <footer class="fixed bottom-0 left-0 right-0 z-50 bg-black/80 backdrop-blur-sm px-4 py-2">
        <div class="flex items-center justify-center text-xs text-gray-400">
-            <span>Made by <a href="https://github.com/amiayweb" target="_blank" class="text-blue-400 hover:text-blue-300 transition-colors">@amiayweb</a> & <a href="https://github.com/Relyz1993" target="_blank" class="text-blue-400 hover:text-blue-300 transition-colors">@Relyz</a></span>
+            <span>Made by <a href="https://github.com/amiayweb" target="_blank"
+                    class="text-blue-400 hover:text-blue-300 transition-colors">@amiayweb</a> & <a
+                    href="https://github.com/Relyz1993" target="_blank"
+                    class="text-blue-400 hover:text-blue-300 transition-colors">@Relyz</a></span>
            <span class="mx-2">|</span>
-            <span>Contributors: 
-                <a href="https://github.com/chasem-dev" target="_blank" class="text-blue-400 hover:text-blue-300 transition-colors">@chasem-dev</a>, 
-                <a href="https://github.com/crimera" target="_blank" class="text-blue-400 hover:text-blue-300 transition-colors">@crimera</a>, 
-                <a href="https://github.com/sanasol" target="_blank" class="text-blue-400 hover:text-blue-300 transition-colors">@sanasol</a>, 
-                <a href="https://github.com/Terromur" target="_blank" class="text-blue-400 hover:text-blue-300 transition-colors">@terromur</a>, 
-                <a href="https://github.com/ericiskoolbeans" target="_blank" class="text-blue-400 hover:text-blue-300 transition-colors">@ericiskoolbeans</a>, 
-                <a href="https://github.com/fazrigading" target="_blank" class="text-blue-400 hover:text-blue-300 transition-colors">@fazrigading</a>
+            <span>Contributors:
+                <a href="https://github.com/chasem-dev" target="_blank"
+                    class="text-blue-400 hover:text-blue-300 transition-colors">@chasem-dev</a>,
+                <a href="https://github.com/crimera" target="_blank"
+                    class="text-blue-400 hover:text-blue-300 transition-colors">@crimera</a>,
+                <a href="https://github.com/sanasol" target="_blank"
+                    class="text-blue-400 hover:text-blue-300 transition-colors">@sanasol</a>,
+                <a href="https://github.com/Terromur" target="_blank"
+                    class="text-blue-400 hover:text-blue-300 transition-colors">@terromur</a>,
+                <a href="https://github.com/ericiskoolbeans" target="_blank"
+                    class="text-blue-400 hover:text-blue-300 transition-colors">@ericiskoolbeans</a>,
+                <a href="https://github.com/fazrigading" target="_blank"
+                    class="text-blue-400 hover:text-blue-300 transition-colors">@fazrigading</a>
            </span>
        </div>
    </footer>

-    <script type="module" src="js/script.js"></script>    <!-- Discord Notification -->
+    <script type="module" src="js/script.js"></script> <!-- Discord Notification -->
    <div id="discordNotification" class="discord-notification">
        <div class="notification-content">
            <i class="fab fa-discord"></i>
            <span class="notification-text">Join our Discord community!</span>
-            <button class="notification-action" onclick="window.electronAPI?.openExternal('https://discord.gg/n6HZ7NwSQd')">
+            <button class="notification-action"
+                onclick="window.electronAPI?.openExternal('https://discord.gg/n6HZ7NwSQd')">
                Join Discord
            </button>
        </div>
@@ -625,4 +665,4 @@
    <script type="module" src="js/update.js"></script>
 </body>

-</html>
+</html>
--- a/GUI/js/launcher.js
+++ b/GUI/js/launcher.js
@@ -14,15 +14,15 @@ export function setupLauncher() {
  uninstallBtn = document.getElementById('uninstallBtn');
  playerNameInput = document.getElementById('playerName');
  javaPathInput = document.getElementById('javaPath');
-  
+
  if (playerNameInput) {
    playerNameInput.addEventListener('change', savePlayerName);
  }
-  
+
  if (javaPathInput) {
    javaPathInput.addEventListener('change', saveJavaPath);
  }
-  
+
  if (window.electronAPI && window.electronAPI.onProgressUpdate) {
    window.electronAPI.onProgressUpdate((data) => {
      if (!isDownloading) return;
@@ -31,43 +31,207 @@ export function setupLauncher() {
      }
    });
  }
+  if (window.electronAPI && window.electronAPI.onProgressUpdate) {
+    window.electronAPI.onProgressUpdate((data) => {
+      if (!isDownloading) return;
+      if (window.LauncherUI) {
+        window.LauncherUI.updateProgress(data);
+      }
+    });
+  }
+
+  // Initial Profile Load
+  loadProfiles();
+
+  // Close dropdown on outside click
+  document.addEventListener('click', (e) => {
+    const selector = document.getElementById('profileSelector');
+    if (selector && !selector.contains(e.target)) {
+      const dropdown = document.getElementById('profileDropdown');
+      if (dropdown) dropdown.classList.remove('show');
+    }
+  });
 }

+// ==========================================
+// PROFILE MANAGEMENT
+// ==========================================
+
+async function loadProfiles() {
+  try {
+    if (!window.electronAPI || !window.electronAPI.profile) return;
+
+    const profiles = await window.electronAPI.profile.list();
+    const activeProfile = await window.electronAPI.profile.getActive();
+
+    renderProfileList(profiles, activeProfile);
+    updateCurrentProfileUI(activeProfile);
+  } catch (error) {
+    console.error('Failed to load profiles:', error);
+  }
+}
+
+function renderProfileList(profiles, activeProfile) {
+  const list = document.getElementById('profileList');
+  const managerList = document.getElementById('managerProfileList');
+
+  if (!list) return;
+
+  // Dropdown List
+  list.innerHTML = profiles.map(p => `
+        <div class="profile-item ${p.id === activeProfile.id ? 'active' : ''}" 
+             onclick="switchProfile('${p.id}')">
+            <span>${p.name}</span>
+            ${p.id === activeProfile.id ? '<i class="fas fa-check ml-auto"></i>' : ''}
+        </div>
+    `).join('');
+
+  // Manager Modal List
+  if (managerList) {
+    managerList.innerHTML = profiles.map(p => `
+            <div class="profile-manager-item ${p.id === activeProfile.id ? 'active' : ''}">
+                <div class="flex items-center gap-3">
+                    <i class="fas fa-user-circle text-xl text-gray-400"></i>
+                    <div>
+                        <div class="font-bold">${p.name}</div>
+                        <div class="text-xs text-gray-500">ID: ${p.id.substring(0, 8)}...</div>
+                    </div>
+                </div>
+                ${p.id !== activeProfile.id ? `
+                    <button class="profile-delete-btn" onclick="deleteProfile('${p.id}')" title="Delete Profile">
+                        <i class="fas fa-trash"></i>
+                    </button>
+                ` : '<span class="text-xs text-green-500 font-bold px-2">ACTIVE</span>'}
+            </div>
+        `).join('');
+  }
+}
+
+function updateCurrentProfileUI(profile) {
+  const nameEl = document.getElementById('currentProfileName');
+  if (nameEl && profile) {
+    nameEl.textContent = profile.name;
+  }
+}
+
+window.toggleProfileDropdown = () => {
+  const dropdown = document.getElementById('profileDropdown');
+  if (dropdown) {
+    dropdown.classList.toggle('show');
+  }
+};
+
+window.openProfileManager = () => {
+  const modal = document.getElementById('profileManagerModal');
+  if (modal) {
+    modal.style.display = 'flex';
+    // Refresh list
+    loadProfiles();
+  }
+  // Close dropdown
+  const dropdown = document.getElementById('profileDropdown');
+  if (dropdown) dropdown.classList.remove('show');
+};
+
+window.closeProfileManager = () => {
+  const modal = document.getElementById('profileManagerModal');
+  if (modal) modal.style.display = 'none';
+};
+
+window.createNewProfile = async () => {
+  const input = document.getElementById('newProfileName');
+  if (!input || !input.value.trim()) return;
+
+  try {
+    const name = input.value.trim();
+    await window.electronAPI.profile.create(name);
+    input.value = '';
+    await loadProfiles();
+  } catch (error) {
+    console.error('Failed to create profile:', error);
+    alert('Failed to create profile: ' + error.message);
+  }
+};
+
+window.deleteProfile = async (id) => {
+  if (!confirm('Are you sure you want to delete this profile? parameters and mods configuration will be lost.')) return;
+
+  try {
+    await window.electronAPI.profile.delete(id);
+    await loadProfiles();
+  } catch (error) {
+    console.error('Failed to delete profile:', error);
+    alert('Failed to delete profile: ' + error.message);
+  }
+};
+
+window.switchProfile = async (id) => {
+  try {
+    if (window.LauncherUI) window.LauncherUI.showProgress();
+    if (window.LauncherUI) window.LauncherUI.updateProgress({ message: 'Switching Profile...' });
+
+    await window.electronAPI.profile.activate(id);
+
+    // Refresh UI
+    await loadProfiles();
+
+    // Refresh Mods
+    if (window.modsManager) {
+      if (window.modsManager.loadInstalledMods) await window.modsManager.loadInstalledMods();
+      if (window.modsManager.loadBrowseMods) await window.modsManager.loadBrowseMods();
+    }
+
+    // Close dropdown
+    const dropdown = document.getElementById('profileDropdown');
+    if (dropdown) dropdown.classList.remove('show');
+
+    if (window.LauncherUI) {
+      window.LauncherUI.updateProgress({ message: 'Profile Switched!' });
+      setTimeout(() => window.LauncherUI.hideProgress(), 1000);
+    }
+
+  } catch (error) {
+    console.error('Failed to switch profile:', error);
+    alert('Failed to switch profile: ' + error.message);
+    if (window.LauncherUI) window.LauncherUI.hideProgress();
+  }
+};
+
 export async function launch() {
  if (isDownloading || (playBtn && playBtn.disabled)) return;
-  
+
  let playerName = 'Player';
  if (window.SettingsAPI && window.SettingsAPI.getCurrentPlayerName) {
    playerName = window.SettingsAPI.getCurrentPlayerName();
  } else if (playerNameInput && playerNameInput.value.trim()) {
    playerName = playerNameInput.value.trim();
  }
-  
+
  let javaPath = '';
  if (window.SettingsAPI && window.SettingsAPI.getCurrentJavaPath) {
    javaPath = window.SettingsAPI.getCurrentJavaPath();
  }
-  
+
  if (window.LauncherUI) window.LauncherUI.showProgress();
  isDownloading = true;
  if (playBtn) {
    playBtn.disabled = true;
    playText.textContent = 'LAUNCHING...';
  }
-  
+
  try {
    if (window.LauncherUI) window.LauncherUI.updateProgress({ message: 'Starting game...' });
-    
+
    if (window.electronAPI && window.electronAPI.launchGame) {
      const result = await window.electronAPI.launchGame(playerName, javaPath, '');
-      
+
      isDownloading = false;
-      
+
      if (window.LauncherUI) {
        window.LauncherUI.hideProgress();
      }
      resetPlayButton();
-      
+
      if (result.success) {
        if (window.electronAPI.minimizeWindow) {
          setTimeout(() => {
@@ -79,7 +243,7 @@ export async function launch() {
      }
    } else {
      isDownloading = false;
-      
+
      if (window.LauncherUI) {
        window.LauncherUI.hideProgress();
      }
@@ -87,7 +251,7 @@ export async function launch() {
    }
  } catch (error) {
    isDownloading = false;
-    
+
    if (window.LauncherUI) {
      window.LauncherUI.hideProgress();
    }
@@ -231,15 +395,15 @@ export async function uninstallGame() {
 }

 async function performUninstall() {
-  
+
  if (window.LauncherUI) window.LauncherUI.showProgress();
  if (window.LauncherUI) window.LauncherUI.updateProgress({ message: 'Uninstalling game...' });
  if (uninstallBtn) uninstallBtn.disabled = true;
-  
+
  try {
    if (window.electronAPI && window.electronAPI.uninstallGame) {
      const result = await window.electronAPI.uninstallGame();
-      
+
      if (result.success) {
        if (window.LauncherUI) {
          window.LauncherUI.updateProgress({ message: 'Game uninstalled successfully!' });
@@ -304,7 +468,7 @@ async function saveJavaPath() {

 function toggleCustomJava() {
  if (!customJavaOptions) return;
-  
+
  if (customJavaCheck && customJavaCheck.checked) {
    customJavaOptions.style.display = 'block';
  } else {
--- a/GUI/js/mods.js
+++ b/GUI/js/mods.js
@@ -22,10 +22,10 @@ function setupModsEventListeners() {
    let searchTimeout;
    searchInput.addEventListener('input', (e) => {
      searchQuery = e.target.value.toLowerCase().trim();
-      
+
      clearTimeout(searchTimeout);
      searchTimeout = setTimeout(() => {
-        modsPage = 0; 
+        modsPage = 0;
        loadBrowseMods();
      }, 500);
    });
@@ -52,7 +52,7 @@ function setupModsEventListeners() {

  const prevPageBtn = document.getElementById('prevPage');
  const nextPageBtn = document.getElementById('nextPage');
-  
+
  if (prevPageBtn) {
    prevPageBtn.addEventListener('click', () => {
      if (modsPage > 0) {
@@ -61,7 +61,7 @@ function setupModsEventListeners() {
      }
    });
  }
-  
+
  if (nextPageBtn) {
    nextPageBtn.addEventListener('click', () => {
      if (modsPage < modsTotalPages - 1) {
@@ -97,7 +97,7 @@ async function loadInstalledMods() {

    const mods = await window.electronAPI?.loadInstalledMods(modsPath);
    installedMods = mods || [];
-    
+
    displayInstalledMods(installedMods);
  } catch (error) {
    console.error('Error loading installed mods:', error);
@@ -196,13 +196,13 @@ async function loadBrowseMods() {

    const offset = modsPage * modsPageSize;
    let url = `${CURSEFORGE_API}/mods/search?gameId=${HYTALE_GAME_ID}&pageSize=${modsPageSize}&sortOrder=desc&sortField=6&index=${offset}`;
-    
+
    if (searchQuery && searchQuery.length > 0) {
      url += `&searchFilter=${encodeURIComponent(searchQuery)}`;
    }
-    
+
    console.log('Fetching mods from page', modsPage + 1, 'offset:', offset, 'search:', searchQuery || 'none', 'URL:', url);
-    
+
    const response = await fetch(url, {
      headers: {
        'x-api-key': API_KEY,
@@ -221,7 +221,7 @@ async function loadBrowseMods() {
    const data = await response.json();
    console.log('API Response data:', data);
    console.log('Total mods found:', data.data?.length || 0);
-    
+
    browseMods = (data.data || []).map(mod => ({
      id: mod.id.toString(),
      name: mod.name,
@@ -282,18 +282,25 @@ function displayBrowseMods(mods) {
 }

 function createBrowseModCard(mod) {
-  const isInstalled = installedMods.some(installed => 
-    installed.name.toLowerCase().includes(mod.name.toLowerCase()) ||
-    installed.curseForgeId == mod.id
-  );
+  const isInstalled = installedMods.some(installed => {
+    // Check by CurseForge ID (most reliable)
+    if (installed.curseForgeId && installed.curseForgeId.toString() === mod.id.toString()) {
+      return true;
+    }
+    // Check by exact name match for manually installed mods
+    if (installed.name.toLowerCase() === mod.name.toLowerCase()) {
+      return true;
+    }
+    return false;
+  });

  return `
    <div class=\"mod-card ${isInstalled ? 'installed' : ''}\" data-mod-id=\"${mod.id}\">
      <div class=\"mod-image\">
-        ${mod.thumbnailUrl ? 
-          `<img src=\"${mod.thumbnailUrl}\" alt=\"${mod.name}\" onerror=\"this.parentElement.innerHTML='<i class=\\\"fas fa-puzzle-piece\\\"></i>'\">` :
-          `<i class=\"fas fa-puzzle-piece\"></i>`
-        }
+        ${mod.thumbnailUrl ?
+      `<img src=\"${mod.thumbnailUrl}\" alt=\"${mod.name}\" onerror=\"this.parentElement.innerHTML='<i class=\\\"fas fa-puzzle-piece\\\"></i>'\">` :
+      `<i class=\"fas fa-puzzle-piece\"></i>`
+    }
      </div>
      
      <div class=\"mod-info\">
@@ -319,16 +326,16 @@ function createBrowseModCard(mod) {
          <i class=\"fas fa-external-link-alt\"></i>
          VIEW
        </button>
-        ${!isInstalled ? 
-          `<button id=\"install-${mod.id}\" class=\"mod-btn-toggle bg-primary text-black hover:bg-primary/80\">
+        ${!isInstalled ?
+      `<button id=\"install-${mod.id}\" class=\"mod-btn-toggle bg-primary text-black hover:bg-primary/80\">
            <i class=\"fas fa-download\"></i>
            INSTALL
          </button>` :
-          `<button class=\"mod-btn-toggle bg-white/10 text-white\" disabled>
+      `<button class=\"mod-btn-toggle bg-white/10 text-white\" disabled>
            <i class=\"fas fa-check\"></i>
            INSTALLED
          </button>`
-        }
+    }
      </div>
    </div>
  `;
@@ -337,9 +344,9 @@ function createBrowseModCard(mod) {
 async function downloadAndInstallMod(modInfo) {
  try {
    window.LauncherUI?.showProgress(`Downloading ${modInfo.name}...`);
-    
+
    const result = await window.electronAPI?.downloadMod(modInfo);
-    
+
    if (result?.success) {
      const newMod = {
        id: result.modInfo.id,
@@ -354,11 +361,11 @@ async function downloadAndInstallMod(modInfo) {
        curseForgeId: modInfo.modId,
        curseForgeFileId: modInfo.fileId
      };
-      
+
      installedMods.push(newMod);
-      
+
      await loadInstalledMods();
-      await loadBrowseMods(); 
+      await loadBrowseMods();
      window.LauncherUI?.hideProgress();
      showNotification(`${modInfo.name} installed successfully! 🎉`, 'success');
    } else {
@@ -374,10 +381,10 @@ async function downloadAndInstallMod(modInfo) {
 async function toggleMod(modId) {
  try {
    window.LauncherUI?.showProgress('Toggling mod...');
-    
+
    const modsPath = await window.electronAPI?.getModsPath();
    const result = await window.electronAPI?.toggleMod(modId, modsPath);
-    
+
    if (result?.success) {
      await loadInstalledMods();
      window.LauncherUI?.hideProgress();
@@ -400,13 +407,13 @@ async function deleteMod(modId) {
    async () => {
      try {
        window.LauncherUI?.showProgress('Deleting mod...');
-        
+
        const modsPath = await window.electronAPI?.getModsPath();
        const result = await window.electronAPI?.uninstallMod(modId, modsPath);
-        
+
        if (result?.success) {
          await loadInstalledMods();
-          await loadBrowseMods(); 
+          await loadBrowseMods();
          window.LauncherUI?.hideProgress();
          showNotification(`"${mod.name}" deleted successfully`, 'success');
        } else {
@@ -436,21 +443,21 @@ function showNotification(message, type = 'info', duration = 4000) {

  const notification = document.createElement('div');
  notification.className = `mod-notification ${type}`;
-  
+
  const icons = {
    success: 'fa-check-circle',
    error: 'fa-exclamation-circle',
    info: 'fa-info-circle',
    warning: 'fa-exclamation-triangle'
  };
-  
+
  const colors = {
    success: '#10b981',
-    error: '#ef4444', 
+    error: '#ef4444',
    info: '#3b82f6',
    warning: '#f59e0b'
  };
-  
+
  notification.innerHTML = `
    <div class="notification-content">
      <i class="fas ${icons[type]}"></i>
@@ -460,7 +467,7 @@ function showNotification(message, type = 'info', duration = 4000) {
      <i class="fas fa-times"></i>
    </button>
  `;
-  
+
  notification.style.cssText = `
    position: fixed;
    top: 20px;
@@ -481,14 +488,14 @@ function showNotification(message, type = 'info', duration = 4000) {
    font-size: 14px;
    font-weight: 500;
  `;
-  
+
  const contentStyle = `
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
  `;
-  
+
  const closeStyle = `
    background: none;
    border: none;
@@ -500,17 +507,17 @@ function showNotification(message, type = 'info', duration = 4000) {
    transition: opacity 0.2s;
    margin-left: 10px;
  `;
-  
+
  notification.querySelector('.notification-content').style.cssText = contentStyle;
  notification.querySelector('.notification-close').style.cssText = closeStyle;
-  
+
  document.body.appendChild(notification);
-  
+
  // Animate in
  setTimeout(() => {
    notification.style.transform = 'translateX(0)';
  }, 10);
-  
+
  // Auto remove
  setTimeout(() => {
    if (notification.parentElement) {
@@ -651,13 +658,13 @@ function updatePagination() {

  if (currentPageEl) currentPageEl.textContent = modsPage + 1;
  if (totalPagesEl) totalPagesEl.textContent = modsTotalPages;
-  
+
  if (prevBtn) {
    prevBtn.disabled = modsPage === 0;
    prevBtn.style.opacity = modsPage === 0 ? '0.5' : '1';
    prevBtn.style.cursor = modsPage === 0 ? 'not-allowed' : 'pointer';
  }
-  
+
  if (nextBtn) {
    nextBtn.disabled = modsPage >= modsTotalPages - 1;
    nextBtn.style.opacity = modsPage >= modsTotalPages - 1 ? '0.5' : '1';
@@ -681,7 +688,7 @@ function showInstalledModsError(message) {
 function viewModPage(modId) {
  console.log('Looking for mod with ID:', modId, 'Type:', typeof modId);
  console.log('Available mods:', browseMods.map(m => ({ id: m.id, name: m.name, type: typeof m.id })));
-  
+
  const mod = browseMods.find(m => m.id.toString() === modId.toString());
  if (mod) {
    console.log('Found mod:', mod.name);
@@ -694,9 +701,9 @@ function viewModPage(modId) {
      const nameSlug = mod.name.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-|-$/g, '');
      modUrl = `https://www.curseforge.com/hytale/mods/${nameSlug}`;
    }
-    
+
    console.log('Opening URL:', modUrl);
-    
+
    if (window.electronAPI && window.electronAPI.openExternalLink) {
      window.electronAPI.openExternalLink(modUrl);
    } else {
@@ -717,7 +724,9 @@ window.modsManager = {
  deleteMod,
  openMyModsModal,
  closeMyModsModal,
-  viewModPage
+  viewModPage,
+  loadInstalledMods,
+  loadBrowseMods
 };

 document.addEventListener('DOMContentLoaded', initModsManager);
--- a/GUI/js/ui.js
+++ b/GUI/js/ui.js
@@ -45,22 +45,32 @@ function handleNavigation() {
 function setupWindowControls() {
  const minimizeBtn = document.querySelector('.window-controls .minimize');
  const closeBtn = document.querySelector('.window-controls .close');
-  
+
  const windowControls = document.querySelector('.window-controls');
  const header = document.querySelector('.header');
-  
+
+  const profileSelector = document.querySelector('.profile-selector');
+
+  if (profileSelector) {
+    profileSelector.style.pointerEvents = 'auto';
+    profileSelector.style.zIndex = '10000';
+  }
+
  if (windowControls) {
    windowControls.style.pointerEvents = 'auto';
    windowControls.style.zIndex = '10000';
  }
-  
+
  if (header) {
    header.style.webkitAppRegion = 'drag';
    if (windowControls) {
      windowControls.style.webkitAppRegion = 'no-drag';
    }
+    if (profileSelector) {
+      profileSelector.style.webkitAppRegion = 'no-drag';
+    }
  }
-  
+
  if (window.electronAPI) {
    if (minimizeBtn) {
      minimizeBtn.onclick = (e) => {
@@ -82,7 +92,7 @@ function showLauncherOrInstall(isInstalled) {
  const install = document.getElementById('install-page');
  const sidebar = document.querySelector('.sidebar');
  const gameTitle = document.querySelector('.game-title-section');
-  
+
  if (isInstalled) {
    if (launcher) launcher.style.display = '';
    if (install) install.style.display = 'none';
@@ -137,14 +147,14 @@ function updateProgress(data) {
  if (data.message && progressText) {
    progressText.textContent = data.message;
  }
-  
+
  if (data.percent !== null && data.percent !== undefined) {
    const percent = Math.min(100, Math.max(0, Math.round(data.percent)));
    if (progressPercent) progressPercent.textContent = `${percent}%`;
    if (progressBarFill) progressBarFill.style.width = `${percent}%`;
    if (progressBar) progressBar.style.width = `${percent}%`;
  }
-  
+
  if (data.speed && data.downloaded && data.total) {
    const speedMB = (data.speed / 1024 / 1024).toFixed(2);
    const downloadedMB = (data.downloaded / 1024 / 1024).toFixed(2);
@@ -157,13 +167,13 @@ function updateProgress(data) {
 function setupAnimations() {
  document.body.style.opacity = '0';
  document.body.style.transform = 'translateY(20px)';
-  
+
  setTimeout(() => {
    document.body.style.transition = 'all 0.6s ease';
    document.body.style.opacity = '1';
    document.body.style.transform = 'translateY(0)';
  }, 100);
-  
+
  const style = document.createElement('style');
  style.textContent = `
    @keyframes fadeInUp {
@@ -182,7 +192,7 @@ function setupAnimations() {

 function setupFirstLaunchHandlers() {
  console.log('Setting up first launch handlers...');
-  
+
  window.electronAPI.onFirstLaunchUpdate((data) => {
    console.log('Received first launch update event:', data);
    showFirstLaunchUpdateDialog(data);
@@ -195,12 +205,12 @@ function setupFirstLaunchHandlers() {
    showProgress();
    updateProgress(data);
  });
-  
+
  let lockButtonTimeout = null;
-  
+
  window.electronAPI.onLockPlayButton((locked) => {
    lockPlayButton(locked);
-    
+
    if (locked) {
      if (lockButtonTimeout) {
        clearTimeout(lockButtonTimeout);
@@ -221,12 +231,12 @@ function setupFirstLaunchHandlers() {

 function showFirstLaunchUpdateDialog(data) {
  console.log('Creating first launch modal...');
-  
+
  const existingModal = document.querySelector('.first-launch-modal-overlay');
  if (existingModal) {
    existingModal.remove();
  }
-  
+
  const modalOverlay = document.createElement('div');
  modalOverlay.className = 'first-launch-modal-overlay';
  modalOverlay.style.cssText = `
@@ -243,7 +253,7 @@ function showFirstLaunchUpdateDialog(data) {
    justify-content: center !important;
    pointer-events: all !important;
  `;
-  
+
  const modalDialog = document.createElement('div');
  modalDialog.className = 'first-launch-modal-dialog';
  modalDialog.style.cssText = `
@@ -257,7 +267,7 @@ function showFirstLaunchUpdateDialog(data) {
    overflow: hidden !important;
    animation: modalSlideIn 0.3s ease-out !important;
  `;
-  
+
  modalDialog.innerHTML = `
    <div style="background: linear-gradient(135deg, rgba(147, 51, 234, 0.2), rgba(59, 130, 246, 0.2)); padding: 25px; border-bottom: 1px solid rgba(255,255,255,0.1);">
      <h2 style="margin: 0; color: #fff; font-size: 1.5rem; font-weight: 600; text-align: center;">
@@ -306,9 +316,9 @@ function showFirstLaunchUpdateDialog(data) {
      </button>
    </div>
  `;
-  
+
  modalOverlay.appendChild(modalDialog);
-  
+
  modalOverlay.onclick = (e) => {
    if (e.target === modalOverlay) {
      e.preventDefault();
@@ -316,7 +326,7 @@ function showFirstLaunchUpdateDialog(data) {
      return false;
    }
  };
-  
+
  document.addEventListener('keydown', function preventEscape(e) {
    if (e.key === 'Escape') {
      e.preventDefault();
@@ -324,33 +334,33 @@ function showFirstLaunchUpdateDialog(data) {
      return false;
    }
  });
-  
+
  document.body.appendChild(modalOverlay);
-  
+
  const updateBtn = document.getElementById('updateGameBtn');
  updateBtn.onclick = () => {
    acceptFirstLaunchUpdate();
  };
-  
+
  window.firstLaunchExistingGame = data.existingGame;
-  
+
  console.log('First launch modal created and displayed');
 }

 function lockPlayButton(locked) {
  const playButton = document.getElementById('homePlayBtn');
-  
+
  if (!playButton) {
    console.warn('Play button not found');
    return;
  }
-  
+
  if (locked) {
    playButton.style.opacity = '0.5';
    playButton.style.pointerEvents = 'none';
    playButton.style.cursor = 'not-allowed';
    playButton.setAttribute('data-locked', 'true');
-    
+
    const spanElement = playButton.querySelector('span');
    if (spanElement) {
      if (!playButton.getAttribute('data-original-text')) {
@@ -358,21 +368,21 @@ function lockPlayButton(locked) {
      }
      spanElement.textContent = 'CHECKING...';
    }
-    
+
    console.log('Play button locked');
  } else {
    playButton.style.opacity = '';
    playButton.style.pointerEvents = '';
    playButton.style.cursor = '';
    playButton.removeAttribute('data-locked');
-    
+
    const spanElement = playButton.querySelector('span');
    const originalText = playButton.getAttribute('data-original-text');
    if (spanElement && originalText) {
      spanElement.textContent = originalText;
      playButton.removeAttribute('data-original-text');
    }
-    
+
    console.log('Play button unlocked');
  }
 }
@@ -381,12 +391,12 @@ function lockPlayButton(locked) {

 async function acceptFirstLaunchUpdate() {
  const existingGame = window.firstLaunchExistingGame;
-  
+
  if (!existingGame) {
    showNotification('Error: Game data not found', 'error');
    return;
  }
-  
+
  const modal = document.querySelector('.first-launch-modal-overlay');
  if (modal) {
    modal.style.pointerEvents = 'none';
@@ -397,21 +407,21 @@ async function acceptFirstLaunchUpdate() {
      btn.textContent = '🔄 Updating...';
    }
  }
-  
+
  try {
    showProgress();
    updateProgress({ message: 'Starting mandatory game update...', percent: 0 });
-    
+
    const result = await window.electronAPI.acceptFirstLaunchUpdate(existingGame);
-    
+
    window.electronAPI.markAsLaunched && window.electronAPI.markAsLaunched();
-    
+
    if (modal) {
      modal.remove();
    }
-    
+
    lockPlayButton(false);
-    
+
    if (result.success) {
      hideProgress();
      showNotification('Game updated successfully! 🎉', 'success');
@@ -434,7 +444,7 @@ function dismissFirstLaunchDialog() {
  if (modal) {
    modal.remove();
  }
-  
+
  lockPlayButton(false);
  window.electronAPI.markAsLaunched && window.electronAPI.markAsLaunched();
 }
@@ -443,13 +453,13 @@ function showNotification(message, type = 'info') {
  const notification = document.createElement('div');
  notification.className = `notification notification-${type}`;
  notification.textContent = message;
-  
+
  document.body.appendChild(notification);
-  
+
  setTimeout(() => {
    notification.classList.add('show');
  }, 100);
-  
+
  setTimeout(() => {
    notification.remove();
  }, 5000);
@@ -463,9 +473,9 @@ function setupUI() {
  progressPercent = document.getElementById('progressPercent');
  progressSpeed = document.getElementById('progressSpeed');
  progressSize = document.getElementById('progressSize');
-  
+
  lockPlayButton(true);
-  
+
  setTimeout(() => {
    const playButton = document.getElementById('homePlayBtn');
    if (playButton && playButton.getAttribute('data-locked') === 'true') {
@@ -476,13 +486,13 @@ function setupUI() {
      }
    }
  }, 25000);
-  
+
  handleNavigation();
  setupWindowControls();
  setupSidebarLogo();
  setupAnimations();
  setupFirstLaunchHandlers();
-  
+
  document.body.focus();
 }

--- a/GUI/style.css
+++ b/GUI/style.css
@@ -10,7 +10,7 @@ body {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
-    box-shadow: 
+    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
 }
@@ -263,6 +263,7 @@ body {

 .window-controls {
    display: flex;
+    width: fit-content;
    gap: 0.5rem;
    z-index: 9999;
    position: relative;
@@ -293,6 +294,7 @@ body {
        transform: translateX(100%);
        opacity: 0;
    }
+
    to {
        transform: translateX(0);
        opacity: 1;
@@ -552,7 +554,7 @@ body {
    letter-spacing: 0.1em;
    cursor: pointer;
    transition: all 0.3s ease;
-    box-shadow: 
+    box-shadow:
        0 4px 0 0 #7c3aed,
        0 8px 20px rgba(147, 51, 234, 0.3);
    display: flex;
@@ -564,7 +566,7 @@ body {

 .install-button:hover {
    background: linear-gradient(135deg, #7c3aed, #2563eb);
-    box-shadow: 
+    box-shadow:
        0 2px 0 0 #7c3aed,
        0 12px 30px rgba(147, 51, 234, 0.4);
    transform: translateY(2px);
@@ -572,7 +574,7 @@ body {

 .install-button:active {
    transform: translateY(4px);
-    box-shadow: 
+    box-shadow:
        0 0px 0 0 #7c3aed,
        0 4px 15px rgba(147, 51, 234, 0.3);
 }
@@ -590,6 +592,7 @@ body {
    flex-direction: column;
    height: 100%;
 }
+
 .content-pages {
    flex: 1;
    overflow: hidden;
@@ -666,7 +669,7 @@ body {
    letter-spacing: 0.05em;
    cursor: pointer;
    transition: all 0.3s ease;
-    box-shadow: 
+    box-shadow:
        0 4px 0 0 #7c3aed,
        0 8px 20px rgba(147, 51, 234, 0.3);
    display: flex;
@@ -677,7 +680,7 @@ body {

 .home-play-button:hover {
    background: linear-gradient(135deg, #7c3aed, #2563eb);
-    box-shadow: 
+    box-shadow:
        0 2px 0 0 #7c3aed,
        0 12px 30px rgba(147, 51, 234, 0.4);
    transform: translateY(2px);
@@ -685,7 +688,7 @@ body {

 .home-play-button:active {
    transform: translateY(4px);
-    box-shadow: 
+    box-shadow:
        0 0px 0 0 #7c3aed,
        0 4px 15px rgba(147, 51, 234, 0.3);
 }
@@ -1347,7 +1350,7 @@ body {
    letter-spacing: 0.1em;
    cursor: pointer;
    transition: all 0.3s ease;
-    box-shadow: 
+    box-shadow:
        0 4px 0 0 #15803d,
        0 8px 20px rgba(34, 197, 94, 0.3);
    z-index: 10;
@@ -1357,7 +1360,7 @@ body {

 .play-button:hover {
    background: linear-gradient(135deg, #16a34a, #15803d);
-    box-shadow: 
+    box-shadow:
        0 2px 0 0 #15803d,
        0 12px 30px rgba(34, 197, 94, 0.4);
    transform: translateY(2px);
@@ -1365,7 +1368,7 @@ body {

 .play-button:active {
    transform: translateY(4px);
-    box-shadow: 
+    box-shadow:
        0 0px 0 0 #15803d,
        0 4px 15px rgba(34, 197, 94, 0.3);
 }
@@ -1415,7 +1418,7 @@ body {
    border-radius: 16px;
    padding: 2rem;
    z-index: 50;
-    box-shadow: 
+    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.6),
        0 0 40px rgba(147, 51, 234, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
@@ -1424,14 +1427,15 @@ body {

@keyframes progressGlow {
    0% {
-        box-shadow: 
+        box-shadow:
            0 8px 32px rgba(0, 0, 0, 0.6),
            0 0 40px rgba(147, 51, 234, 0.1),
            inset 0 1px 0 rgba(255, 255, 255, 0.1);
        border-color: rgba(147, 51, 234, 0.3);
    }
+
    100% {
-        box-shadow: 
+        box-shadow:
            0 8px 32px rgba(0, 0, 0, 0.6),
            0 0 60px rgba(147, 51, 234, 0.3),
            inset 0 1px 0 rgba(255, 255, 255, 0.1);
@@ -1463,8 +1467,15 @@ body {
 }

@keyframes textPulse {
-    0%, 100% { opacity: 0.8; }
-    50% { opacity: 1; }
+
+    0%,
+    100% {
+        opacity: 0.8;
+    }
+
+    50% {
+        opacity: 1;
+    }
 }

 #progressPercent {
@@ -1476,11 +1487,14 @@ body {
 }

@keyframes percentGlow {
-    0%, 100% { 
+
+    0%,
+    100% {
        text-shadow: 0 0 20px rgba(147, 51, 234, 0.8);
        transform: scale(1);
    }
-    50% { 
+
+    50% {
        text-shadow: 0 0 30px rgba(147, 51, 234, 1);
        transform: scale(1.05);
    }
@@ -1493,7 +1507,7 @@ body {
    border-radius: 12px;
    overflow: hidden;
    position: relative;
-    box-shadow: 
+    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.5),
        0 0 20px rgba(147, 51, 234, 0.1);
 }
@@ -1505,28 +1519,31 @@ body {
    left: -100%;
    width: 100%;
    height: 100%;
-    background: linear-gradient(90deg, 
-        transparent,
-        rgba(255, 255, 255, 0.2),
-        transparent
-    );
+    background: linear-gradient(90deg,
+            transparent,
+            rgba(255, 255, 255, 0.2),
+            transparent);
    animation: shimmer 2s infinite;
 }

@keyframes shimmer {
-    0% { left: -100%; }
-    100% { left: 100%; }
+    0% {
+        left: -100%;
+    }
+
+    100% {
+        left: 100%;
+    }
 }

 .progress-bar-fill {
    height: 100%;
-    background: linear-gradient(90deg, 
-        #9333ea 0%,
-        #a855f7 25%,
-        #3b82f6 50%,
-        #06b6d4 75%,
-        #10b981 100%
-    );
+    background: linear-gradient(90deg,
+            #9333ea 0%,
+            #a855f7 25%,
+            #3b82f6 50%,
+            #06b6d4 75%,
+            #10b981 100%);
    background-size: 200% 100%;
    border-radius: 10px;
    width: 0%;
@@ -1534,14 +1551,19 @@ body {
    position: relative;
    overflow: hidden;
    animation: progressFlow 3s linear infinite;
-    box-shadow: 
+    box-shadow:
        0 0 30px rgba(147, 51, 234, 0.6),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
 }

@keyframes progressFlow {
-    0% { background-position: 200% 0; }
-    100% { background-position: -200% 0; }
+    0% {
+        background-position: 200% 0;
+    }
+
+    100% {
+        background-position: -200% 0;
+    }
 }

 .progress-bar-fill::after {
@@ -1552,16 +1574,22 @@ body {
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg,
-        transparent 0%,
-        rgba(255, 255, 255, 0.4) 50%,
-        transparent 100%
-    );
+            transparent 0%,
+            rgba(255, 255, 255, 0.4) 50%,
+            transparent 100%);
    animation: progressPulse 1.5s ease-in-out infinite;
 }

@keyframes progressPulse {
-    0%, 100% { opacity: 0; }
-    50% { opacity: 1; }
+
+    0%,
+    100% {
+        opacity: 0;
+    }
+
+    50% {
+        opacity: 1;
+    }
 }

 .progress-details {
@@ -1798,8 +1826,13 @@ body {
 }

@keyframes shimmer {
-    0% { transform: translateX(-100%); }
-    100% { transform: translateX(200%); }
+    0% {
+        transform: translateX(-100%);
+    }
+
+    100% {
+        transform: translateX(200%);
+    }
 }

 .mod-image img {
@@ -2028,8 +2061,13 @@ body {
 }

@keyframes spin {
-    0% { transform: rotate(0deg); }
-    100% { transform: rotate(360deg); }
+    0% {
+        transform: rotate(0deg);
+    }
+
+    100% {
+        transform: rotate(360deg);
+    }
 }

 .loading-mods span {
@@ -2312,39 +2350,39 @@ body {
    .mods-header {
        padding: 1rem 1.5rem;
    }
-    
+
    .mods-title {
        font-size: 1.75rem;
        margin-bottom: 1rem;
    }
-    
+
    .mods-controls {
        gap: 0.75rem;
    }
-    
+
    .mods-controls button {
        padding: 0.6rem 1.2rem;
        font-size: 0.9rem;
    }
-    
+
    .mods-main-content {
        padding: 1.5rem;
    }
-    
+
    .mods-search-bar {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
    }
-    
+
    .search-input-container {
        min-width: unset;
    }
-    
+
    .mods-filters {
        gap: 0.75rem;
    }
-    
+
    .mods-list {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 1rem;
@@ -2355,15 +2393,15 @@ body {
    .mods-header {
        padding: 1rem;
    }
-    
+
    .mods-main-content {
        padding: 1rem;
    }
-    
+
    .mods-list {
        grid-template-columns: 1fr;
    }
-    
+
    .modal-content {
        width: 95vw;
        padding: 1.5rem;
@@ -2593,7 +2631,7 @@ body {
    justify-content: center;
    gap: 0.5rem;
    overflow: hidden;
-  margin-top: 1%;
+    margin-top: 1%;
 }

 .mod-header {
@@ -2879,6 +2917,7 @@ body {
    from {
        opacity: 0;
    }
+
    to {
        opacity: 1;
    }
@@ -2902,6 +2941,7 @@ body {
        transform: translateY(50px);
        opacity: 0;
    }
+
    to {
        transform: translateY(0);
        opacity: 1;
@@ -3319,8 +3359,15 @@ body {
 }

@keyframes pulse-dot {
-    0%, 100% { opacity: 1; }
-    50% { opacity: 0.5; }
+
+    0%,
+    100% {
+        opacity: 1;
+    }
+
+    50% {
+        opacity: 0.5;
+    }
 }


@@ -3373,6 +3420,7 @@ body {
        opacity: 0;
        transform: translateY(10px);
    }
+
    to {
        opacity: 1;
        transform: translateY(0);
@@ -3550,6 +3598,7 @@ body {
    from {
        opacity: 0;
    }
+
    to {
        opacity: 1;
    }
@@ -3571,6 +3620,7 @@ body {
        opacity: 0;
        transform: translateY(30px);
    }
+
    to {
        opacity: 1;
        transform: translateY(0);
@@ -3798,13 +3848,13 @@ body {
    backdrop-filter: blur(10px);
 }

-.settings-checkbox input[type="checkbox"]:checked + .checkmark {
+.settings-checkbox input[type="checkbox"]:checked+.checkmark {
    background: linear-gradient(135deg, #9333ea, #3b82f6);
    border-color: #9333ea;
    box-shadow: 0 0 20px rgba(147, 51, 234, 0.4);
 }

-.settings-checkbox input[type="checkbox"]:checked + .checkmark::after {
+.settings-checkbox input[type="checkbox"]:checked+.checkmark::after {
    content: '✓';
    position: absolute;
    top: 50%;
@@ -4051,7 +4101,7 @@ body {
    background: linear-gradient(145deg, #1f2937 0%, #111827 50%, #0f172a 100%) !important;
    padding: 2rem !important;
    border-radius: 1rem !important;
-    box-shadow: 
+    box-shadow:
        0 25px 50px rgba(0, 0, 0, 0.8),
        0 0 0 1px rgba(255, 255, 255, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
@@ -4068,6 +4118,7 @@ body {
        opacity: 0;
        transform: scale(0.8) translateY(-20px);
    }
+
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
@@ -4166,7 +4217,7 @@ body {
    border: none !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
-    box-shadow: 
+    box-shadow:
        0 4px 15px rgba(59, 130, 246, 0.3),
        0 0 0 1px rgba(255, 255, 255, 0.1) !important;
    text-decoration: none !important;
@@ -4176,7 +4227,7 @@ body {
 .update-download-btn:hover:not(:disabled) {
    background: linear-gradient(135deg, #2563eb, #7c3aed) !important;
    transform: translateY(-1px) !important;
-    box-shadow: 
+    box-shadow:
        0 8px 25px rgba(59, 130, 246, 0.4),
        0 0 0 1px rgba(255, 255, 255, 0.2) !important;
 }
@@ -4189,7 +4240,7 @@ body {
    background: linear-gradient(135deg, #6b7280, #9ca3af) !important;
    cursor: not-allowed !important;
    transform: none !important;
-    box-shadow: 
+    box-shadow:
        0 2px 8px rgba(107, 114, 128, 0.3),
        0 0 0 1px rgba(255, 255, 255, 0.05) !important;
 }
@@ -4208,8 +4259,15 @@ body {
 }

@keyframes updatePulse {
-    0%, 100% { transform: scale(1); }
-    50% { transform: scale(1.02); }
+
+    0%,
+    100% {
+        transform: scale(1);
+    }
+
+    50% {
+        transform: scale(1.02);
+    }
 }


@@ -4330,6 +4388,7 @@ body {
        opacity: 0;
        transform: translateY(-20px) scale(0.95);
    }
+
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
@@ -4743,29 +4802,29 @@ body {
        width: 95vw;
        max-height: 90vh;
    }
-    
+
    .uuid-modal-body {
        padding: 1rem;
        gap: 1.5rem;
    }
-    
+
    .uuid-current-display,
    .uuid-custom-form {
        flex-direction: column;
    }
-    
+
    .uuid-list-header {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
    }
-    
+
    .uuid-list-item {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
    }
-    
+
    .uuid-item-actions {
        justify-content: center;
    }
@@ -4773,16 +4832,27 @@ body {

 /* Chat Badges et Animations */
@keyframes rainbow {
-    0% { background-position: 0% 50%; }
-    50% { background-position: 100% 50%; }
-    100% { background-position: 0% 50%; }
+    0% {
+        background-position: 0% 50%;
+    }
+
+    50% {
+        background-position: 100% 50%;
+    }
+
+    100% {
+        background-position: 0% 50%;
+    }
 }

@keyframes contributorGlow {
-    0%, 100% {
+
+    0%,
+    100% {
        background-position: 0% 50%;
        filter: brightness(1);
    }
+
    50% {
        background-position: 100% 50%;
        filter: brightness(1.2);
@@ -4929,12 +4999,12 @@ body {
    transition: all 0.3s ease;
 }

-.color-type-option input[type="radio"]:checked + .radio-custom {
+.color-type-option input[type="radio"]:checked+.radio-custom {
    border-color: #9333ea;
    background: rgba(147, 51, 234, 0.2);
 }

-.color-type-option input[type="radio"]:checked + .radio-custom::after {
+.color-type-option input[type="radio"]:checked+.radio-custom::after {
    content: '';
    position: absolute;
    top: 50%;
@@ -5090,6 +5160,7 @@ body {
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(147, 51, 234, 0.4);
 }
+
 .color-picker-container {
    display: flex;
    flex-wrap: wrap;
@@ -5114,3 +5185,238 @@ body {
    border-color: #fff;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
 }
+
+/* Profile Selector Styles */
+.profile-selector {
+    position: relative;
+    pointer-events: auto;
+    margin-right: auto;
+    margin-left: 1rem;
+    z-index: 9999 !important;
+}
+
+.profile-btn {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+    padding: 0.5rem 1rem;
+    background: rgba(0, 0, 0, 0.4);
+    backdrop-filter: blur(20px);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    border-radius: 12px;
+    color: white;
+    cursor: pointer;
+    font-family: 'Space Grotesk', sans-serif;
+    font-weight: 600;
+    transition: all 0.2s ease;
+
+    z-index: 100000 !important;
+    pointer-events: auto !important;
+}
+
+.profile-btn:hover {
+    background: rgba(255, 255, 255, 0.1);
+    border-color: rgba(147, 51, 234, 0.4);
+}
+
+.profile-btn i {
+    color: #9333ea;
+}
+
+.profile-dropdown {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    margin-top: 0.5rem;
+    width: 200px;
+    background: rgba(20, 20, 20, 0.95);
+    backdrop-filter: blur(20px);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    border-radius: 12px;
+    padding: 0.5rem;
+    display: none;
+    /* Toggled by JS */
+    flex-direction: column;
+    z-index: 2000;
+    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
+    animation: fadeIn 0.1s ease;
+}
+
+.profile-dropdown.show {
+    display: flex;
+}
+
+.profile-item {
+    padding: 0.6rem 0.8rem;
+    border-radius: 8px;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    color: #ccc;
+    transition: all 0.2s;
+}
+
+.profile-item:hover {
+    background: rgba(255, 255, 255, 0.1);
+    color: white;
+}
+
+.profile-item.active {
+    background: rgba(147, 51, 234, 0.2);
+    color: white;
+    font-weight: bold;
+}
+
+.profile-item.active::before {
+    content: '•';
+    color: #9333ea;
+    font-size: 1.2rem;
+}
+
+.profile-divider {
+    height: 1px;
+    background: rgba(255, 255, 255, 0.1);
+    margin: 0.5rem 0;
+}
+
+.profile-action {
+    padding: 0.6rem 0.8rem;
+    border-radius: 8px;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    color: #9333ea;
+    font-weight: 600;
+}
+
+.profile-action:hover {
+    background: rgba(147, 51, 234, 0.1);
+}
+
+/* Profile Modal Styles */
+.profile-modal {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.8);
+    backdrop-filter: blur(5px);
+    z-index: 9999;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    animation: fadeIn 0.2s ease;
+}
+
+.profile-modal-content {
+    background: #111;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    border-radius: 16px;
+    width: 500px;
+    max-width: 90%;
+    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6);
+}
+
+.profile-modal-header {
+    padding: 1.5rem;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.profile-modal-title {
+    margin: 0;
+    font-size: 1.5rem;
+    color: white;
+}
+
+.profile-modal-body {
+    padding: 1.5rem;
+}
+
+.profile-manager-list {
+    max-height: 300px;
+    overflow-y: auto;
+    margin-bottom: 1.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+}
+
+.profile-manager-item {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0.8rem;
+    background: rgba(255, 255, 255, 0.05);
+    border-radius: 8px;
+    border: 1px solid transparent;
+}
+
+.profile-manager-item:hover {
+    border-color: rgba(255, 255, 255, 0.1);
+    background: rgba(255, 255, 255, 0.08);
+}
+
+.profile-manager-item.active {
+    border-color: #9333ea;
+    background: rgba(147, 51, 234, 0.1);
+}
+
+.profile-delete-btn {
+    background: transparent;
+    border: none;
+    color: #ef4444;
+    cursor: pointer;
+    font-size: 1rem;
+    padding: 0.4rem;
+    border-radius: 6px;
+    transition: all 0.2s;
+}
+
+.profile-delete-btn:hover {
+    background: rgba(239, 68, 68, 0.1);
+}
+
+.profile-create-section {
+    display: flex;
+    gap: 0.5rem;
+}
+
+.profile-input {
+    flex: 1;
+    padding: 0.8rem;
+    border-radius: 8px;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    background: rgba(0, 0, 0, 0.5);
+    color: white;
+}
+
+.profile-create-btn {
+    padding: 0 1.2rem;
+    background: #9333ea;
+    color: white;
+    border: none;
+    border-radius: 8px;
+    cursor: pointer;
+    font-weight: 600;
+    transition: all 0.2s;
+}
+
+.profile-create-btn:hover {
+    background: #7c3aed;
+}
+
+@keyframes fadeIn {
+    from {
+        opacity: 0;
+    }
+
+    to {
+        opacity: 1;
+    }
+}
--- a/PR_DESCRIPTION.md
+++ b/PR_DESCRIPTION.md
@@ -0,0 +1,15 @@
+Profile System & Mod Loading Fixes
+
+Added a full profile system and fixed a few critical mod loading issues.
+
+What changed
+
+Profiles — Implemented proper profile management (create, switch, delete). Each profile now has its own isolated mod list.
+
+Mod Isolation — Fixed ModManager so mods are strictly scoped to the active profile. Browsing and installing only affects the selected profile.
+
+Critical Fix — Fixed a path bug where mods were being saved to ~/AppData/Local on macOS (Windows path) instead of ~/Library/Application Support. Mods now save to the correct location and load correctly in-game.
+
+Stability — Added an auto-sync step before every launch to make sure the physical mods folder always matches the active profile.
+
+UI — Added a profile selector dropdown and a profile management modal.
--- a/backend/core/config.js
+++ b/backend/core/config.js
@@ -14,6 +14,10 @@ function getAuthDomain() {
  }
  // Then check config file
  const config = loadConfig();
+  if (config.activeProfileId && config.profiles && config.profiles[config.activeProfileId]) {
+    // Allow profile to override auth domain if ever needed
+    // but for now stick to global or env
+  }
  if (config.authDomain) {
    return config.authDomain;
  }
@@ -111,6 +115,16 @@ function saveJavaPath(javaPath) {

 function loadJavaPath() {
  const config = loadConfig();
+
+  // Prefer Active Profile's Java Path
+  if (config.activeProfileId && config.profiles && config.profiles[config.activeProfileId]) {
+    const profile = config.profiles[config.activeProfileId];
+    if (profile.javaPath && profile.javaPath.trim().length > 0) {
+      return profile.javaPath;
+    }
+  }
+
+  // Fallback to global setting
  return config.javaPath || '';
 }

@@ -135,14 +149,29 @@ function loadDiscordRPC() {

 function saveModsToConfig(mods) {
  try {
-    let config = loadConfig();
-    config.installedMods = mods;
-    
+    const config = loadConfig();
+
+    // Config migration to profiles handles the structure, 
+    // but here we ensure that if we are saving mods, we save them to the ACTIVE profile
+    // OR we save to the global pool if that's the design.
+    // Based on the plan: Profile has "Enabled Mods". 
+    // This function seems to be used to save the list of *Installed* mods.
+
+    // We'll update the global config for "installedMods" mostly for reference/migration,
+    // but primarily we should be updating the active profile's mod list.
+
+    if (config.activeProfileId && config.profiles && config.profiles[config.activeProfileId]) {
+      config.profiles[config.activeProfileId].mods = mods;
+    } else {
+      // Fallback for legacy or no-profile state
+      config.installedMods = mods;
+    }
+
    const configDir = path.dirname(CONFIG_FILE);
    if (!fs.existsSync(configDir)) {
      fs.mkdirSync(configDir, { recursive: true });
    }
-    
+
    fs.writeFileSync(CONFIG_FILE, JSON.stringify(config, null, 2));
    console.log('Mods saved to config.json');
  } catch (error) {
@@ -153,6 +182,12 @@ function saveModsToConfig(mods) {
 function loadModsFromConfig() {
  try {
    const config = loadConfig();
+
+    // Prefer Active Profile
+    if (config.activeProfileId && config.profiles && config.profiles[config.activeProfileId]) {
+      return config.profiles[config.activeProfileId].mods || [];
+    }
+
    return config.installedMods || [];
  } catch (error) {
    console.error('Error loading mods from config:', error);
@@ -162,19 +197,19 @@ function loadModsFromConfig() {

 function isFirstLaunch() {
  const config = loadConfig();
-  
+
  if ('hasLaunchedBefore' in config) {
    return !config.hasLaunchedBefore;
  }
-  
-  const hasUserData = config.installPath || config.username || config.javaPath || 
-                      config.chatUsername || config.userUuids || 
-                      Object.keys(config).length > 0;
-  
+
+  const hasUserData = config.installPath || config.username || config.javaPath ||
+    config.chatUsername || config.userUuids ||
+    Object.keys(config).length > 0;
+
  if (!hasUserData) {
    return true;
  }
-  
+
  return true;
 }

@@ -195,17 +230,17 @@ function getAllUuidMappings() {

 function setUuidForUser(username, uuid) {
  const { v4: uuidv4, validate: validateUuid } = require('uuid');
-  
+
  // Validate UUID format
  if (!validateUuid(uuid)) {
    throw new Error('Invalid UUID format');
  }
-  
+
  const config = loadConfig();
  const userUuids = config.userUuids || {};
  userUuids[username] = uuid;
  saveConfig({ userUuids });
-  
+
  return uuid;
 }

@@ -217,13 +252,13 @@ function generateNewUuid() {
 function deleteUuidForUser(username) {
  const config = loadConfig();
  const userUuids = config.userUuids || {};
-  
+
  if (userUuids[username]) {
    delete userUuids[username];
    saveConfig({ userUuids });
    return true;
  }
-  
+
  return false;
 }

@@ -231,7 +266,7 @@ function resetCurrentUserUuid() {
  const username = loadUsername();
  const { v4: uuidv4 } = require('uuid');
  const newUuid = uuidv4();
-  
+
  return setUuidForUser(username, newUuid);
 }

--- a/backend/core/paths.js
+++ b/backend/core/paths.js
@@ -77,32 +77,32 @@ function findClientPath(gameLatest) {

 function findUserDataPath(gameLatest) {
  const candidates = [];
-  
+
  candidates.push(path.join(gameLatest, 'Client', 'UserData'));
-  
+
  candidates.push(path.join(gameLatest, 'Client', 'Hytale.app', 'Contents', 'UserData'));
  candidates.push(path.join(gameLatest, 'Hytale.app', 'Contents', 'UserData'));
  candidates.push(path.join(gameLatest, 'UserData'));
-  
+
  candidates.push(path.join(gameLatest, 'Client', 'UserData'));
-  
+
  for (const candidate of candidates) {
    if (fs.existsSync(candidate)) {
      return candidate;
    }
  }
-  
+
  let defaultPath;
  if (process.platform === 'darwin') {
    defaultPath = path.join(gameLatest, 'Client', 'UserData');
  } else {
    defaultPath = path.join(gameLatest, 'Client', 'UserData');
  }
-  
+
  if (!fs.existsSync(defaultPath)) {
    fs.mkdirSync(defaultPath, { recursive: true });
  }
-  
+
  return defaultPath;
 }

@@ -110,15 +110,15 @@ function findUserDataRecursive(gameLatest) {
  function searchDirectory(dir) {
    try {
      const items = fs.readdirSync(dir, { withFileTypes: true });
-      
+
      for (const item of items) {
        if (item.isDirectory()) {
          const fullPath = path.join(dir, item.name);
-          
+
          if (item.name === 'UserData') {
            return fullPath;
          }
-          
+
          const found = searchDirectory(fullPath);
          if (found) {
            return found;
@@ -127,14 +127,14 @@ function findUserDataRecursive(gameLatest) {
      }
    } catch (error) {
    }
-    
+
    return null;
  }
-  
+
  if (!fs.existsSync(gameLatest)) {
    return null;
  }
-  
+
  const found = searchDirectory(gameLatest);
  return found;
 }
@@ -152,16 +152,14 @@ async function getModsPath(customInstallPath = null) {
    }

    if (!installPath) {
-      const localAppData = process.env.LOCALAPPDATA || path.join(os.homedir(), 'AppData', 'Local');
-      installPath = path.join(localAppData, 'HytaleF2P');
-    } else {
-      installPath = path.join(installPath, 'HytaleF2P');
+      // Use the standard app directory logic which handles platforms correctly
+      installPath = getAppDir();
    }

    const gameLatest = path.join(installPath, 'release', 'package', 'game', 'latest');
-    
+
    const userDataPath = findUserDataPath(gameLatest);
-    
+
    const modsPath = path.join(userDataPath, 'Mods');
    const disabledModsPath = path.join(userDataPath, 'DisabledMods');

--- a/backend/managers/gameLauncher.js
+++ b/backend/managers/gameLauncher.js
@@ -11,6 +11,7 @@ const { saveUsername, saveInstallPath, loadJavaPath, getUuidForUser, getAuthServ
 const { resolveJavaPath, getJavaExec, getBundledJavaPath, detectSystemJava, JAVA_EXECUTABLE } = require('./javaManager');
 const { getInstalledClientVersion, getLatestClientVersion } = require('../services/versionManager');
 const { updateGameFiles } = require('./gameManager');
+const { syncModsForCurrentProfile } = require('./modManager');

 // Client patcher for custom auth server (sanasol.ws)
 let clientPatcher = null;
@@ -130,7 +131,7 @@ async function launchGame(playerName = 'Player', progressCallback, javaPathOverr
    }
  } else {
    javaBin = getJavaExec(customJreDir);
-    
+
    if (!getBundledJavaPath(customJreDir)) {
      const fallback = await detectSystemJava();
      if (fallback) {
@@ -192,9 +193,9 @@ async function launchGame(playerName = 'Player', progressCallback, javaPathOverr
      const serverDir = path.join(gameLatest, 'Server');

      const signPath = async (targetPath, deep = false) => {
-        await execAsync(`xattr -cr "${targetPath}"`).catch(() => {});
+        await execAsync(`xattr -cr "${targetPath}"`).catch(() => { });
        const deepFlag = deep ? '--deep ' : '';
-        await execAsync(`codesign --force ${deepFlag}--sign - "${targetPath}"`).catch(() => {});
+        await execAsync(`codesign --force ${deepFlag}--sign - "${targetPath}"`).catch(() => { });
      };

      if (fs.existsSync(appBundle)) {
@@ -216,8 +217,8 @@ async function launchGame(playerName = 'Player', progressCallback, javaPathOverr
      }

      if (fs.existsSync(serverDir)) {
-        await execAsync(`xattr -cr "${serverDir}"`).catch(() => {});
-        await execAsync(`find "${serverDir}" -type f -perm +111 -exec codesign --force --sign - {} \\;`).catch(() => {});
+        await execAsync(`xattr -cr "${serverDir}"`).catch(() => { });
+        await execAsync(`find "${serverDir}" -type f -perm +111 -exec codesign --force --sign - {} \\;`).catch(() => { });
        console.log('Signed server binaries (after patching)');
      }

@@ -260,11 +261,23 @@ exec "$REAL_JAVA" "\${ARGS[@]}"
  if (progressCallback) {
    progressCallback('Starting game...', null, null, null, null);
  }
+
+  // Ensure mods are synced for the active profile before launching
+  try {
+    console.log('Syncing mods for active profile before launch...');
+    if (progressCallback) progressCallback('Syncing mods...', null, null, null, null);
+    await syncModsForCurrentProfile();
+  } catch (syncError) {
+    console.error('Failed to sync mods before launch:', syncError);
+    // Continue anyway? Or fail? 
+    // Warn user but continue might be safer to avoid blocking play if sync is just glitchy
+  }
+
  console.log('Starting game...');
  console.log(`Command: "${clientPath}" ${args.join(' ')}`);

  const env = { ...process.env };
-  
+
  const waylandEnv = setupWaylandEnvironment();
  Object.assign(env, waylandEnv);

@@ -276,8 +289,8 @@ exec "$REAL_JAVA" "\${ARGS[@]}"
    };

    if (process.platform === 'win32') {
-      spawnOptions.shell = false; 
-      spawnOptions.windowsHide = true; 
+      spawnOptions.shell = false;
+      spawnOptions.windowsHide = true;
    }

    const child = spawn(clientPath, args, spawnOptions);
@@ -371,12 +384,12 @@ async function launchGameWithVersionCheck(playerName = 'Player', progressCallbac
      try {
        await updateGameFiles(latestVersion, progressCallback, customGameDir, customToolsDir, customCacheDir);
        console.log('Game updated successfully, waiting before launch...');
-        
+
        if (progressCallback) {
          progressCallback('Preparing game launch...', 90, null, null, null);
        }
-        await new Promise(resolve => setTimeout(resolve, 3000)); 
-        
+        await new Promise(resolve => setTimeout(resolve, 3000));
+
      } catch (updateError) {
        console.error('Update failed:', updateError);
        if (progressCallback) {
--- a/backend/managers/modManager.js
+++ b/backend/managers/modManager.js
@@ -4,6 +4,7 @@ const crypto = require('crypto');
 const axios = require('axios');
 const { getModsPath } = require('../core/paths');
 const { saveModsToConfig, loadModsFromConfig } = require('../core/config');
+const profileManager = require('./profileManager');

 function generateModId(filename) {
  return crypto.createHash('md5').update(filename).digest('hex').substring(0, 8);
@@ -11,13 +12,13 @@ function generateModId(filename) {

 function extractModName(filename) {
  let name = path.parse(filename).name;
-  
+
  name = name.replace(/-v?\d+\.[\d\.]+.*$/i, '');
  name = name.replace(/-\d+\.[\d\.]+.*$/i, '');
-  
+
  name = name.replace(/[-_]/g, ' ');
  name = name.replace(/\b\w/g, l => l.toUpperCase());
-  
+
  return name || 'Unknown Mod';
 }

@@ -26,77 +27,53 @@ function extractVersion(filename) {
  return versionMatch ? versionMatch[1] : null;
 }

+// Helper to get mods from active profile
+function getProfileMods() {
+  const profile = profileManager.getActiveProfile();
+  return profile ? (profile.mods || []) : [];
+}
+
 async function loadInstalledMods(modsPath) {
  try {
-    const configMods = loadModsFromConfig();
-    const modsMap = new Map();
-    
-    configMods.forEach(mod => {
-      modsMap.set(mod.fileName, mod);
-    });
-    
-    if (fs.existsSync(modsPath)) {
-      const files = fs.readdirSync(modsPath);
-      
-      for (const file of files) {
-        const filePath = path.join(modsPath, file);
-        const stats = fs.statSync(filePath);
-        
-        if (stats.isFile() && (file.endsWith('.jar') || file.endsWith('.zip'))) {
-          const configMod = modsMap.get(file);
-          
-          const modInfo = {
-            id: configMod?.id || generateModId(file),
-            name: configMod?.name || extractModName(file),
-            version: configMod?.version || extractVersion(file) || '1.0.0',
-            description: configMod?.description || 'Installed mod',
-            author: configMod?.author || 'Unknown',
-            enabled: true,
-            filePath: filePath,
-            fileName: file,
-            fileSize: configMod?.fileSize || stats.size,
-            dateInstalled: configMod?.dateInstalled || stats.birthtime || stats.mtime,
-            curseForgeId: configMod?.curseForgeId,
-            curseForgeFileId: configMod?.curseForgeFileId
-          };
-          
-          modsMap.set(file, modInfo);
-        }
-      }
-    }
-    
+    const activeProfile = profileManager.getActiveProfile();
+    if (!activeProfile) return [];
+
+    const profileMods = activeProfile.mods || [];
+    const profileModFiles = new Set(profileMods.map(m => m.fileName));
+
+    // We only return mods that are explicitly in the profile
+    // Check which ones are physically present (either in mods/ or DisabledMods/)
+
+    const physicalModsPath = modsPath; // .../mods
    const disabledModsPath = path.join(path.dirname(modsPath), 'DisabledMods');
-    if (fs.existsSync(disabledModsPath)) {
-      const files = fs.readdirSync(disabledModsPath);
-      
-      for (const file of files) {
-        const filePath = path.join(disabledModsPath, file);
-        const stats = fs.statSync(filePath);
-        
-        if (stats.isFile() && (file.endsWith('.jar') || file.endsWith('.zip'))) {
-          const configMod = modsMap.get(file);
-          
-          const modInfo = {
-            id: configMod?.id || generateModId(file),
-            name: configMod?.name || extractModName(file),
-            version: configMod?.version || extractVersion(file) || '1.0.0',
-            description: configMod?.description || 'Disabled mod',
-            author: configMod?.author || 'Unknown',
-            enabled: false,
-            filePath: filePath,
-            fileName: file,
-            fileSize: configMod?.fileSize || stats.size,
-            dateInstalled: configMod?.dateInstalled || stats.birthtime || stats.mtime,
-            curseForgeId: configMod?.curseForgeId,
-            curseForgeFileId: configMod?.curseForgeFileId
-          };
-          
-          modsMap.set(file, modInfo);
-        }
+
+    const validMods = [];
+
+    for (const modConfig of profileMods) {
+      // Check if file exists in either location
+      const inEnabled = fs.existsSync(path.join(physicalModsPath, modConfig.fileName));
+      const inDisabled = fs.existsSync(path.join(disabledModsPath, modConfig.fileName));
+
+      if (inEnabled || inDisabled) {
+        validMods.push({
+          ...modConfig,
+          // Set filePath based on physical location
+          filePath: inEnabled ? path.join(physicalModsPath, modConfig.fileName) : path.join(disabledModsPath, modConfig.fileName),
+          enabled: modConfig.enabled !== false // Default true
+        });
+      } else {
+        console.warn(`[ModManager] Mod ${modConfig.fileName} listed in profile but not found on disk.`);
+        // Include it so user can see it's missing or remove it
+        validMods.push({
+          ...modConfig,
+          filePath: null,
+          missing: true,
+          enabled: modConfig.enabled !== false
+        });
      }
    }
-    
-    return Array.from(modsMap.values());
+
+    return validMods;
  } catch (error) {
    console.error('Error loading installed mods:', error);
    return [];
@@ -106,13 +83,13 @@ async function loadInstalledMods(modsPath) {
 async function downloadMod(modInfo) {
  try {
    const modsPath = await getModsPath();
-    
+
    if (!modInfo.downloadUrl && !modInfo.fileId) {
      throw new Error('No download URL or file ID provided');
    }
-    
+
    let downloadUrl = modInfo.downloadUrl;
-    
+
    if (!downloadUrl && modInfo.fileId && modInfo.modId) {
      const response = await axios.get(`https://api.curseforge.com/v1/mods/${modInfo.modId}/files/${modInfo.fileId}`, {
        headers: {
@@ -120,56 +97,61 @@ async function downloadMod(modInfo) {
          'Accept': 'application/json'
        }
      });
-      
+
      downloadUrl = response.data.data.downloadUrl;
    }
-    
+
    if (!downloadUrl) {
      throw new Error('Could not determine download URL');
    }
-    
+
    const fileName = modInfo.fileName || `mod-${modInfo.modId}.jar`;
    const filePath = path.join(modsPath, fileName);
-    
+
    const response = await axios({
      method: 'get',
      url: downloadUrl,
      responseType: 'stream'
    });
-    
+
    const writer = fs.createWriteStream(filePath);
    response.data.pipe(writer);
-    
+
    return new Promise((resolve, reject) => {
      writer.on('finish', () => {
-        const configMods = loadModsFromConfig();
-        const newMod = {
-          id: modInfo.id || generateModId(fileName),
-          name: modInfo.name || extractModName(fileName),
-          version: modInfo.version || '1.0.0',
-          description: modInfo.summary || modInfo.description || 'Downloaded from CurseForge',
-          author: modInfo.author || 'Unknown',
-          enabled: true,
-          fileName: fileName,
-          fileSize: fs.statSync(filePath).size,
-          dateInstalled: new Date().toISOString(),
-          curseForgeId: modInfo.modId,
-          curseForgeFileId: modInfo.fileId
-        };
-        
-        configMods.push(newMod);
-        saveModsToConfig(configMods);
-        
-        resolve({
-          success: true,
-          filePath: filePath,
-          fileName: fileName,
-          modInfo: newMod
-        });
+        // NEW: Update Active Profile instead of global config
+        const activeProfile = profileManager.getActiveProfile();
+        if (activeProfile) {
+          const newMod = {
+            id: modInfo.id || generateModId(fileName),
+            name: modInfo.name || extractModName(fileName),
+            version: modInfo.version || '1.0.0',
+            description: modInfo.summary || modInfo.description || 'Downloaded from CurseForge',
+            author: modInfo.author || 'Unknown',
+            enabled: true,
+            fileName: fileName,
+            fileSize: fs.statSync(filePath).size,
+            dateInstalled: new Date().toISOString(),
+            curseForgeId: modInfo.modId,
+            curseForgeFileId: modInfo.fileId
+          };
+
+          const updatedMods = [...(activeProfile.mods || []), newMod];
+          profileManager.updateProfile(activeProfile.id, { mods: updatedMods });
+
+          resolve({
+            success: true,
+            filePath: filePath,
+            fileName: fileName,
+            modInfo: newMod
+          });
+        } else {
+          reject(new Error('No active profile to save mod to'));
+        }
      });
      writer.on('error', reject);
    });
-    
+
  } catch (error) {
    console.error('Error downloading mod:', error);
    return {
@@ -181,36 +163,39 @@ async function downloadMod(modInfo) {

 async function uninstallMod(modId, modsPath) {
  try {
-    const configMods = loadModsFromConfig();
-    const mod = configMods.find(m => m.id === modId);
-    
+    const activeProfile = profileManager.getActiveProfile();
+    if (!activeProfile) throw new Error('No active profile');
+
+    const profileMods = activeProfile.mods || [];
+    const mod = profileMods.find(m => m.id === modId);
+
    if (!mod) {
-      throw new Error('Mod not found in config');
+      throw new Error('Mod not found in profile');
    }
-    
+
    const disabledModsPath = path.join(path.dirname(modsPath), 'DisabledMods');
    const enabledPath = path.join(modsPath, mod.fileName);
    const disabledPath = path.join(disabledModsPath, mod.fileName);
-    
+
    let fileRemoved = false;
+    // Try to remove file from both locations to be safe
    if (fs.existsSync(enabledPath)) {
      fs.unlinkSync(enabledPath);
      fileRemoved = true;
-      console.log('Removed mod from Mods folder:', enabledPath);
-    } else if (fs.existsSync(disabledPath)) {
-      fs.unlinkSync(disabledPath);
-      fileRemoved = true;
-      console.log('Removed mod from DisabledMods folder:', disabledPath);
    }
-    
+    if (fs.existsSync(disabledPath)) {
+      try { fs.unlinkSync(disabledPath); fileRemoved = true; } catch (e) { }
+    }
+
    if (!fileRemoved) {
-      console.warn('Mod file not found on filesystem, removing from config anyway');
+      console.warn('Mod file not found on filesystem, removing from profile anyway');
    }
-    
-    const updatedMods = configMods.filter(m => m.id !== modId);
-    saveModsToConfig(updatedMods);
-    console.log('Mod removed from config.json');
-    
+
+    const updatedMods = profileMods.filter(m => m.id !== modId);
+    profileManager.updateProfile(activeProfile.id, { mods: updatedMods });
+
+    console.log('Mod removed from profile');
+
    return { success: true };
  } catch (error) {
    console.error('Error uninstalling mod:', error);
@@ -223,38 +208,53 @@ async function uninstallMod(modId, modsPath) {

 async function toggleMod(modId, modsPath) {
  try {
-    const mods = await loadInstalledMods(modsPath);
-    const mod = mods.find(m => m.id === modId);
-    
-    if (!mod) {
-      throw new Error('Mod not found');
+    const activeProfile = profileManager.getActiveProfile();
+    if (!activeProfile) throw new Error('No active profile');
+
+    const profileMods = activeProfile.mods || [];
+    const modIndex = profileMods.findIndex(m => m.id === modId);
+
+    if (modIndex === -1) {
+      throw new Error('Mod not found in profile');
    }

+    const mod = profileMods[modIndex];
+    const newEnabled = !mod.enabled; // Toggle
+
+    // Update Profile First
+    const updatedMods = [...profileMods];
+    updatedMods[modIndex] = { ...mod, enabled: newEnabled };
+    profileManager.updateProfile(activeProfile.id, { mods: updatedMods });
+
+    // Manually move the file to reflect the new state
    const disabledModsPath = path.join(path.dirname(modsPath), 'DisabledMods');
-    if (!fs.existsSync(disabledModsPath)) {
-      fs.mkdirSync(disabledModsPath, { recursive: true });
-    }
+    if (!fs.existsSync(disabledModsPath)) fs.mkdirSync(disabledModsPath, { recursive: true });

-    const currentPath = mod.filePath;
-    let newPath, newEnabled;
+    const currentPath = mod.enabled ? path.join(modsPath, mod.fileName) : path.join(disabledModsPath, mod.fileName);

-    if (mod.enabled) {
-      newPath = path.join(disabledModsPath, path.basename(currentPath));
-      newEnabled = false;
+    // Determine target paths
+
+    const targetDir = newEnabled ? modsPath : disabledModsPath;
+    const targetPath = path.join(targetDir, mod.fileName);
+
+    if (fs.existsSync(currentPath)) {
+      fs.renameSync(currentPath, targetPath);
    } else {
-      newPath = path.join(modsPath, path.basename(currentPath));
-      newEnabled = true;
+      // Fallback: check if it's already in target?
+
+
+      if (fs.existsSync(targetPath)) {
+        // It's already there, maybe just state was wrong.
+
+        console.log(`[ModManager] Mod ${mod.fileName} is already in the correct state`);
+
+      } else {
+        // Try finding it
+        const altPath = mod.enabled ? path.join(disabledModsPath, mod.fileName) : path.join(modsPath, mod.fileName);
+        if (fs.existsSync(altPath)) fs.renameSync(altPath, targetPath);
+      }
    }

-    fs.renameSync(currentPath, newPath);
-    
-    const configMods = loadModsFromConfig();
-    const configModIndex = configMods.findIndex(m => m.id === modId);
-    if (configModIndex !== -1) {
-      configMods[configModIndex].enabled = newEnabled;
-      saveModsToConfig(configMods);
-    }
-    
    return { success: true, enabled: newEnabled };
  } catch (error) {
    console.error('Error toggling mod:', error);
@@ -265,11 +265,69 @@ async function toggleMod(modId, modsPath) {
  }
 }

+async function syncModsForCurrentProfile() {
+  try {
+    const activeProfile = profileManager.getActiveProfile();
+    if (!activeProfile) {
+      console.warn('No active profile found during mod sync');
+      return;
+    }
+
+    console.log(`[ModManager] Syncing mods for profile: ${activeProfile.name}`);
+
+    const modsPath = await getModsPath();
+    const disabledModsPath = path.join(path.dirname(modsPath), 'DisabledMods');
+
+    if (!fs.existsSync(disabledModsPath)) {
+      fs.mkdirSync(disabledModsPath, { recursive: true });
+    }
+
+    // Get all physical files from both folders
+    const enabledFiles = fs.existsSync(modsPath) ? fs.readdirSync(modsPath).filter(f => f.endsWith('.jar') || f.endsWith('.zip')) : [];
+    const disabledFiles = fs.existsSync(disabledModsPath) ? fs.readdirSync(disabledModsPath).filter(f => f.endsWith('.jar') || f.endsWith('.zip')) : [];
+
+    const allFiles = new Set([...enabledFiles, ...disabledFiles]);
+
+    // Profile.mods contains the list of ALL mods for that profile, with their enabled state.
+
+    const profileMods = activeProfile.mods || [];
+
+    for (const fileName of allFiles) {
+      const modConfig = profileMods.find(m => m.fileName === fileName);
+      const shouldBeEnabled = modConfig && modConfig.enabled !== false; // Default to true if in list, unless explicitly false
+
+      // Logic:
+      // If it should be enabled -> Move to mods/
+      // If it should be disabled -> Move to DisabledMods/
+
+      const currentPath = enabledFiles.includes(fileName) ? path.join(modsPath, fileName) : path.join(disabledModsPath, fileName);
+      const targetDir = shouldBeEnabled ? modsPath : disabledModsPath;
+      const targetPath = path.join(targetDir, fileName);
+
+      if (path.dirname(currentPath) !== targetDir) {
+        console.log(`[Mod Sync] Moving ${fileName} to ${shouldBeEnabled ? 'Enabled' : 'Disabled'}`);
+        try {
+          fs.renameSync(currentPath, targetPath);
+        } catch (err) {
+          console.error(`Failed to move ${fileName}: ${err.message}`);
+        }
+      }
+    }
+
+    return { success: true };
+
+  } catch (error) {
+    console.error('[ModManager] Error syncing mods:', error);
+    return { success: false, error: error.message };
+  }
+}
+
 module.exports = {
  loadInstalledMods,
  downloadMod,
  uninstallMod,
  toggleMod,
+  syncModsForCurrentProfile,
  generateModId,
  extractModName,
  extractVersion
--- a/backend/managers/profileManager.js
+++ b/backend/managers/profileManager.js
@@ -0,0 +1,209 @@
+const path = require('path');
+const fs = require('fs');
+const { v4: uuidv4 } = require('uuid');
+const { 
+  loadConfig, 
+  saveConfig, 
+  getModsPath 
+} = require('../core/config');
+
+// We'll lazy-load modManager to avoid circular dependencies if possible, 
+// or carefully structure our imports. 
+// For now, we might need to access mod paths directly or use helper functions.
+
+class ProfileManager {
+  constructor() {
+    this.initialized = false;
+  }
+
+  init() {
+    if (this.initialized) return;
+
+    const config = loadConfig();
+    
+    // Migration: specific check to see if we have profiles yet
+    if (!config.profiles || Object.keys(config.profiles).length === 0) {
+      this.migrateLegacyConfig(config);
+    }
+    
+    this.initialized = true;
+    console.log('[ProfileManager] Initialized');
+  }
+
+  migrateLegacyConfig(config) {
+    console.log('[ProfileManager] Migrating legacy config to profile system...');
+    
+    // Create a default profile with current settings
+    const defaultProfileId = 'default';
+    const defaultProfile = {
+      id: defaultProfileId,
+      name: 'Default',
+      created: new Date().toISOString(),
+      lastUsed: new Date().toISOString(),
+      
+      // settings specific to this profile
+      // If global settings existed, we copy them here
+      mods: config.installedMods || [], // Legacy mods are now part of default profile
+      javaPath: config.javaPath || '',
+      gameOptions: {
+        minMemory: '1G',
+        maxMemory: '4G',
+        args: []
+      }
+    };
+
+    const updates = {
+      profiles: {
+        [defaultProfileId]: defaultProfile
+      },
+      activeProfileId: defaultProfileId,
+      // We keep a global registry of "known" mods if we want, 
+      // but for now the current implementation implies 
+      // mods are just files in folders.
+      // We'll use the profile "mods" array to track ENABLED/KNOWN mods for that profile.
+    };
+
+    saveConfig(updates);
+    console.log('[ProfileManager] Migration complete. Created Default profile.');
+  }
+
+  createProfile(name) {
+    if (!name || typeof name !== 'string') {
+      throw new Error('Invalid profile name');
+    }
+
+    const config = loadConfig();
+    const id = uuidv4();
+    
+    const newProfile = {
+      id,
+      name: name.trim(),
+      created: new Date().toISOString(),
+      lastUsed: null,
+      mods: [], // Start with no mods enabled
+      javaPath: '', 
+      gameOptions: {
+        minMemory: '1G',
+        maxMemory: '4G',
+        args: []
+      }
+    };
+
+    const profiles = config.profiles || {};
+    profiles[id] = newProfile;
+
+    saveConfig({ profiles });
+    
+    console.log(`[ProfileManager] Created new profile: "${name}" (${id})`);
+    return newProfile;
+  }
+
+  getProfiles() {
+    const config = loadConfig();
+    return Object.values(config.profiles || {});
+  }
+
+  getProfile(id) {
+    const config = loadConfig();
+    return (config.profiles && config.profiles[id]) || null;
+  }
+
+  getActiveProfile() {
+    const config = loadConfig();
+    const activeId = config.activeProfileId;
+    if (!activeId || !config.profiles || !config.profiles[activeId]) {
+      // Fallback if something is corrupted
+      return this.getProfiles()[0] || null; 
+    }
+    return config.profiles[activeId];
+  }
+
+  async activateProfile(id) {
+    const config = loadConfig();
+    if (!config.profiles || !config.profiles[id]) {
+        throw new Error(`Profile not found: ${id}`);
+    }
+
+    if (config.activeProfileId === id) {
+        console.log(`[ProfileManager] Profile ${id} is already active.`);
+        return config.profiles[id];
+    }
+
+    console.log(`[ProfileManager] Switching to profile: ${config.profiles[id].name} (${id})`);
+    
+    // 1. Update config first
+    config.profiles[id].lastUsed = new Date().toISOString();
+    saveConfig({ 
+        activeProfileId: id,
+        profiles: config.profiles 
+    });
+
+    // 2. Trigger Mod Sync
+    // We need to require this here to ensure it uses the *newly saved* active profile ID
+    const { syncModsForCurrentProfile } = require('./modManager');
+    await syncModsForCurrentProfile();
+
+    return config.profiles[id];
+  }
+
+  deleteProfile(id) {
+    const config = loadConfig();
+    const profiles = config.profiles || {};
+    
+    if (!profiles[id]) {
+      throw new Error('Profile not found');
+    }
+
+    if (config.activeProfileId === id) {
+       throw new Error('Cannot delete the active profile');
+    }
+
+    // Don't allow deleting the last profile
+    if (Object.keys(profiles).length <= 1) {
+        throw new Error('Cannot delete the only remaining profile');
+    }
+
+    delete profiles[id];
+    saveConfig({ profiles });
+    console.log(`[ProfileManager] Deleted profile: ${id}`);
+    
+    return true;
+  }
+
+  updateProfile(id, updates) {
+    const config = loadConfig();
+    const profiles = config.profiles || {};
+    
+    if (!profiles[id]) {
+        throw new Error('Profile not found');
+    }
+
+    // Safety checks on updates
+    const allowedFields = ['name', 'javaPath', 'gameOptions', 'mods'];
+    const sanitizedUpdates = {};
+    
+    Object.keys(updates).forEach(key => {
+        if (allowedFields.includes(key)) {
+            sanitizedUpdates[key] = updates[key];
+        }
+    });
+
+    profiles[id] = { ...profiles[id], ...sanitizedUpdates };
+    
+    saveConfig({ profiles });
+    console.log(`[ProfileManager] Updated profile: ${id}`);
+    
+    // If we updated mods for the *active* profile, we might need to sync immediately
+    if (config.activeProfileId === id && updates.mods) {
+         // Optionally trigger sync? 
+         // Usually updates come from "Enabling/Disabling" a single mod, 
+         // which might call a more specific method. 
+         // But if we bulk update, we should sync.
+         // Let's leave sync invoke to the caller or specific methods for now.
+    }
+
+    return profiles[id];
+  }
+}
+
+module.exports = new ProfileManager();
--- a/main.js
+++ b/main.js
@@ -4,6 +4,7 @@ const fs = require('fs');
 const { launchGame, launchGameWithVersionCheck, installGame, saveUsername, loadUsername, saveChatUsername, loadChatUsername, saveChatColor, loadChatColor, saveJavaPath, loadJavaPath, saveInstallPath, loadInstallPath, saveDiscordRPC, loadDiscordRPC, isGameInstalled, uninstallGame, getHytaleNews, handleFirstLaunchCheck, proposeGameUpdate, markAsLaunched } = require('./backend/launcher');
 const UpdateManager = require('./backend/updateManager');
 const logger = require('./backend/logger');
+const profileManager = require('./backend/managers/profileManager');

 logger.interceptConsole();

@@ -25,16 +26,16 @@ function initDiscordRPC() {

    const { Client } = require('discord-rpc');
    discordRPC = new Client({ transport: 'ipc' });
-    
+
    discordRPC.on('ready', () => {
      console.log('Discord RPC connected');
      setDiscordActivity();
    });
-    
+
    discordRPC.on('disconnected', () => {
      console.log('Discord RPC disconnected');
    });
-    
+
    discordRPC.login({ clientId: DISCORD_CLIENT_ID }).catch(err => {
      console.log('Failed to connect to Discord:', err.message);
    });
@@ -45,7 +46,7 @@ function initDiscordRPC() {

 function setDiscordActivity() {
  if (!discordRPC) return;
-  
+
  try {
    discordRPC.setActivity({
      details: 'Using HytaleF2P',
@@ -66,7 +67,7 @@ function setDiscordActivity() {

 function toggleDiscordRPC(enabled) {
  console.log('Toggling Discord RPC:', enabled);
-  
+
  if (enabled && !discordRPC) {
    console.log('Initializing Discord RPC...');
    initDiscordRPC();
@@ -119,11 +120,11 @@ function createWindow() {
      mainWindow.webContents.send('show-update-popup', updateInfo);
    }
  }, 3000);
-   //mainWindow.webContents.openDevTools();
+  //mainWindow.webContents.openDevTools();


-   mainWindow.webContents.on('devtools-opened', () => {
-   mainWindow.webContents.closeDevTools();
+  mainWindow.webContents.on('devtools-opened', () => {
+    mainWindow.webContents.closeDevTools();
  });

  mainWindow.webContents.on('before-input-event', (event, input) => {
@@ -159,31 +160,36 @@ app.whenReady().then(async () => {
  console.log('Electron version:', process.versions.electron);
  console.log('Node.js version:', process.versions.node);
  console.log('Log directory:', logger.getLogDirectory());
-  
+
+
+
+  // Initialize Profile Manager (runs migration if needed)
+  profileManager.init();
+
  createWindow();
-  
+
  setTimeout(async () => {
    let timeoutReached = false;
-    
+
    const unlockPlayButton = () => {
      if (mainWindow && !mainWindow.isDestroyed()) {
        mainWindow.webContents.send('lock-play-button', false);
      }
    };
-    
+
    const timeoutId = setTimeout(() => {
      timeoutReached = true;
      console.warn('First launch check timeout reached, unlocking play button');
      unlockPlayButton();
    }, 15000);
-    
+
    try {
      console.log('Starting first launch check...');
-      
+
      if (mainWindow && !mainWindow.isDestroyed()) {
        mainWindow.webContents.send('lock-play-button', true);
      }
-      
+
      const progressCallback = (message, percent, speed, downloaded, total) => {
        if (mainWindow && !mainWindow.isDestroyed()) {
          mainWindow.webContents.send('first-launch-progress', { message, percent, speed, downloaded, total });
@@ -196,20 +202,20 @@ app.whenReady().then(async () => {
          setTimeout(() => reject(new Error('First launch check timeout')), 12000);
        })
      ]);
-      
+
      clearTimeout(timeoutId);
-      
+
      if (timeoutReached) {
        console.log('Timeout already reached, skipping result processing');
        return;
      }
-      
+
      console.log('First launch check result:', firstLaunchResult);
-      
+
      if (mainWindow && !mainWindow.isDestroyed()) {
        if (firstLaunchResult.needsUpdate && firstLaunchResult.existingGame) {
          console.log('Sending show-first-launch-update event...');
-          
+
          setTimeout(() => {
            if (mainWindow && !mainWindow.isDestroyed()) {
              mainWindow.webContents.send('show-first-launch-update', {
@@ -218,10 +224,10 @@ app.whenReady().then(async () => {
              });
            }
          }, 1000);
-          
+
        } else if (firstLaunchResult.isFirstLaunch && !firstLaunchResult.existingGame) {
          console.log('Sending show-first-launch-welcome event...');
-          
+
          setTimeout(() => {
            if (mainWindow && !mainWindow.isDestroyed()) {
              mainWindow.webContents.send('show-first-launch-welcome');
@@ -268,9 +274,9 @@ app.on('before-quit', () => {

 app.on('window-all-closed', () => {
  console.log('=== LAUNCHER CLOSING ===');
-  
+
  cleanupDiscordRPC();
-  
+
  if (process.platform !== 'darwin') {
    app.quit();
  }
@@ -292,18 +298,18 @@ ipcMain.handle('launch-game', async (event, playerName, javaPath, installPath) =
    };

    const result = await launchGameWithVersionCheck(playerName, progressCallback, javaPath, installPath);
-    
+
    return result;
  } catch (error) {
    console.error('Launch error:', error);
    const errorMessage = error.message || error.toString();
-    
+
    if (mainWindow && !mainWindow.isDestroyed()) {
      setTimeout(() => {
        mainWindow.webContents.send('progress-complete');
      }, 2000);
    }
-    
+
    return { success: false, error: errorMessage };
  }
 });
@@ -324,12 +330,12 @@ ipcMain.handle('install-game', async (event, playerName, javaPath, installPath)
    };

    const result = await installGame(playerName, progressCallback, javaPath, installPath);
-    
+
    return result;
  } catch (error) {
    console.error('Install error:', error);
    const errorMessage = error.message || error.toString();
-    
+
    return { success: false, error: errorMessage };
  }
 });
@@ -393,7 +399,7 @@ ipcMain.handle('select-install-path', async () => {
    properties: ['openDirectory'],
    title: 'Select Installation Folder'
  });
-  
+
  if (!result.canceled && result.filePaths.length > 0) {
    return result.filePaths[0];
  }
@@ -416,7 +422,7 @@ ipcMain.handle('accept-first-launch-update', async (event, existingGame) => {
    };

    const result = await proposeGameUpdate(existingGame, progressCallback);
-    
+
    return result;
  } catch (error) {
    console.error('First launch update error:', error);
@@ -481,7 +487,7 @@ ipcMain.handle('open-game-location', async () => {
  try {
    const { getResolvedAppDir } = require('./backend/launcher');
    const gameDir = path.join(getResolvedAppDir(), 'release', 'package', 'game');
-    
+
    if (fs.existsSync(gameDir)) {
      await shell.openPath(gameDir);
      return { success: true };
@@ -497,9 +503,9 @@ ipcMain.handle('open-game-location', async () => {
 ipcMain.handle('browse-java-path', async () => {
  const isWindows = process.platform === 'win32';
  const isMac = process.platform === 'darwin';
-  
+
  let dialogOptions;
-  
+
  if (isWindows) {
    dialogOptions = {
      properties: ['openFile'],
@@ -528,9 +534,9 @@ ipcMain.handle('browse-java-path', async () => {
      ]
    };
  }
-  
+
  const result = await dialog.showOpenDialog(mainWindow, dialogOptions);
-  
+
  if (!result.canceled && result.filePaths.length > 0) {
    return result.filePaths[0];
  }
@@ -653,7 +659,7 @@ ipcMain.handle('select-mod-files', async () => {
      { name: 'All Files', extensions: ['*'] }
    ]
  });
-  
+
  if (!result.canceled && result.filePaths.length > 0) {
    return result.filePaths;
  }
@@ -664,9 +670,9 @@ ipcMain.handle('copy-mod-file', async (event, sourcePath, modsPath) => {
  try {
    const fileName = path.basename(sourcePath);
    const destPath = path.join(modsPath, fileName);
-    
+
    fs.copyFileSync(sourcePath, destPath);
-    
+
    return { success: true, fileName };
  } catch (error) {
    console.error('Error copying mod file:', error);
@@ -686,13 +692,13 @@ ipcMain.handle('check-for-updates', async () => {
 ipcMain.handle('open-download-page', async () => {
  try {
    await shell.openExternal(updateManager.getDownloadUrl());
-    
+
    setTimeout(() => {
      if (mainWindow && !mainWindow.isDestroyed()) {
        mainWindow.close();
      }
    }, 1000);
-    
+
    return { success: true };
  } catch (error) {
    console.error('Error opening download page:', error);
@@ -786,7 +792,7 @@ ipcMain.handle('get-recent-logs', async (event, maxLines = 100) => {
  try {
    const logDir = logger.getLogDirectory();
    if (!logDir) return null;
-    
+
    const files = fs.readdirSync(logDir)
      .filter(file => file.startsWith('launcher-') && file.endsWith('.log'))
      .map(file => ({
@@ -795,13 +801,13 @@ ipcMain.handle('get-recent-logs', async (event, maxLines = 100) => {
        mtime: fs.statSync(path.join(logDir, file)).mtime
      }))
      .sort((a, b) => b.mtime - a.mtime);
-    
+
    if (files.length === 0) return null;
-    
+
    const latestLogFile = files[0].path;
    const content = fs.readFileSync(latestLogFile, 'utf8');
    const lines = content.split('\n');
-    
+
    return lines.slice(-maxLines).join('\n');
  } catch (error) {
    console.error('Error reading logs:', error);
@@ -809,3 +815,44 @@ ipcMain.handle('get-recent-logs', async (event, maxLines = 100) => {
  }
 });

+
+// Profile Management IPC
+ipcMain.handle('profile-create', async (event, name) => {
+  try {
+    return profileManager.createProfile(name);
+  } catch (error) {
+    return { error: error.message };
+  }
+});
+
+ipcMain.handle('profile-list', async () => {
+  return profileManager.getProfiles();
+});
+
+ipcMain.handle('profile-get-active', async () => {
+  return profileManager.getActiveProfile();
+});
+
+ipcMain.handle('profile-activate', async (event, id) => {
+  try {
+    return await profileManager.activateProfile(id);
+  } catch (error) {
+    return { error: error.message };
+  }
+});
+
+ipcMain.handle('profile-delete', async (event, id) => {
+  try {
+    return profileManager.deleteProfile(id);
+  } catch (error) {
+    return { error: error.message };
+  }
+});
+
+ipcMain.handle('profile-update', async (event, id, updates) => {
+  try {
+    return profileManager.updateProfile(id, updates);
+  } catch (error) {
+    return { error: error.message };
+  }
+});
--- a/preload.js
+++ b/preload.js
@@ -48,7 +48,7 @@ contextBridge.exposeInMainWorld('electronAPI', {
  onUpdatePopup: (callback) => {
    ipcRenderer.on('show-update-popup', (event, data) => callback(data));
  },
-  
+
  acceptFirstLaunchUpdate: (existingGame) => ipcRenderer.invoke('accept-first-launch-update', existingGame),
  markAsLaunched: () => ipcRenderer.invoke('mark-as-launched'),
  onFirstLaunchUpdate: (callback) => {
@@ -66,12 +66,22 @@ contextBridge.exposeInMainWorld('electronAPI', {

  getLogDirectory: () => ipcRenderer.invoke('get-log-directory'),
  getRecentLogs: (maxLines) => ipcRenderer.invoke('get-recent-logs', maxLines),
-  
+
  // UUID Management methods
  getCurrentUuid: () => ipcRenderer.invoke('get-current-uuid'),
  getAllUuidMappings: () => ipcRenderer.invoke('get-all-uuid-mappings'),
  setUuidForUser: (username, uuid) => ipcRenderer.invoke('set-uuid-for-user', username, uuid),
  generateNewUuid: () => ipcRenderer.invoke('generate-new-uuid'),
  deleteUuidForUser: (username) => ipcRenderer.invoke('delete-uuid-for-user', username),
-  resetCurrentUserUuid: () => ipcRenderer.invoke('reset-current-user-uuid')
+  resetCurrentUserUuid: () => ipcRenderer.invoke('reset-current-user-uuid'),
+
+  // Profile API
+  profile: {
+    create: (name) => ipcRenderer.invoke('profile-create', name),
+    list: () => ipcRenderer.invoke('profile-list'),
+    getActive: () => ipcRenderer.invoke('profile-get-active'),
+    activate: (id) => ipcRenderer.invoke('profile-activate', id),
+    delete: (id) => ipcRenderer.invoke('profile-delete', id),
+    update: (id, updates) => ipcRenderer.invoke('profile-update', id, updates)
+  }
 });