From 6547e0c7ed9cd973c1371f748ea202532fb930df Mon Sep 17 00:00:00 2001
From: Kaelen Pe Benito <79673692+SpooX581@users.noreply.github.com>
Date: Sun, 21 Sep 2025 20:14:15 +0000
Subject: [PATCH] feat: Implement persistent default mode and UI improvements

- Add persistent default mode saving to device
- Show default mode indicator in mode selector
- Update version to v1.2
- Add success notification for config saves
- Add SpooX to credits
---
 index.html                       |  2 +-
 src/App.vue                      |  2 +-
 src/components/ProfileSelect.vue |  3 ++-
 src/lib/haybox/device.ts         | 10 ++++++++++
 src/stores/deviceManager.ts      | 11 +++++++++++
 5 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 86000d9..806f0e2 100644
--- a/index.html
+++ b/index.html
@@ -20,7 +20,7 @@
       crossorigin="anonymous"
     />
 
-    <title>REMAPP.ING</title>
+    <title>REMAPP.ING v1.2</title>
     <script>
       const storedTheme = localStorage.getItem('theme') ?? 'system';
 
diff --git a/src/App.vue b/src/App.vue
index 286232e..81924d6 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -74,7 +74,7 @@ watch(route, onRouteSwitch, { immediate: true });
         <h3>GRAMCTRL & AEROKEY LABS</h3>
       </div>
 
-      <h2 v-else class="text-2xl">Designed by: GRAMCTRL & AEROKEY LABS</h2>
+      <h2 v-else class="text-2xl">Designed by: GRAMCTRL, AEROKEY LABS & SpooX</h2>
     </div>
 
     <RouterView />
diff --git a/src/components/ProfileSelect.vue b/src/components/ProfileSelect.vue
index fb80515..66f6214 100644
--- a/src/components/ProfileSelect.vue
+++ b/src/components/ProfileSelect.vue
@@ -30,9 +30,10 @@ const modes = computed(() => {
 
   return [...deviceManager.modes.values()].map((x) => {
     const modeConfig = deviceManager.config?.gameModes.find((c) => c.id === x.id);
+    const isDefault = x.id === deviceManager.config?.defaultMode;
     return {
       id: x.id,
-      name: gameModeToName(x.id),
+      name: `${gameModeToName(x.id)}${isDefault ? ' (Default)' : ''}`,
       activation: x.activationBinding.map((physical) => {
         const remapped = modeConfig?.buttonRemapping.find((r) => r.physical === physical);
         if (remapped) {
diff --git a/src/lib/haybox/device.ts b/src/lib/haybox/device.ts
index c16d364..b0d415d 100644
--- a/src/lib/haybox/device.ts
+++ b/src/lib/haybox/device.ts
@@ -147,6 +147,16 @@ export class SerialDeviceManager extends ConnectionManager {
 
     this.config.gameModeConfigs = config.gameModes.map((mode) => internalToHayboxGameMode(this.config, layout, mode));
 
+    // Update the default mode in device config
+    const defaultModeConfig = this.config.gameModeConfigs.findIndex(gc => 
+      HAYBOX_TO_MODE[gc.modeId] === config.defaultMode
+    ) + 1; // Convert to 1-based index
+    
+    // Set default mode for all backends
+    for (const backendConfig of this.config.communicationBackendConfigs) {
+      backendConfig.defaultModeConfig = defaultModeConfig;
+    }
+
     this.config.projectMOptions = internalToHayboxProjectMOptions(config.projectMOptions);
     this.config.meleeOptions = internalToHayboxMeleeOptions(config.meleeOptions);
 
diff --git a/src/stores/deviceManager.ts b/src/stores/deviceManager.ts
index eb3fd8b..bce7edc 100644
--- a/src/stores/deviceManager.ts
+++ b/src/stores/deviceManager.ts
@@ -204,6 +204,12 @@ export const useDeviceManager = defineStore('device_manager', () => {
   async function saveConfig(): Promise<boolean> {
     if (manager.value == null || !config.value || !layout.value) return false;
 
+    // Set the default mode to the current active profile
+    const activeProfile = useActiveProfile();
+    if (activeProfile.value) {
+      config.value.defaultMode = activeProfile.value;
+    }
+
     writeRemaps();
     writeOptions();
 
@@ -211,6 +217,11 @@ export const useDeviceManager = defineStore('device_manager', () => {
       if (await manager.value.setConfig(layout.value, config.value)) {
         originalConfig.value = { ...config.value };
         notifyConfigSaved();
+        const { toast } = useToast();
+        toast({
+          title: 'Config saved successfully',
+          description: 'Device configuration has been updated',
+        });
         return true;
       }
     } catch (e) {