Merge branch 'feature/xemu-streaming' into feat/emulator-streaming

Author: LoneAngelFayt

frontend/src/stores/streaming.ts

@@ -57,7 +57,8 @@ export const useStreamingStore = defineStore("streaming", () => {
    * hasAutosave — whether a dedicated "load autosave" action is available
    *
    * Dolphin (ngc, wii, wiiu): slots 1–7 user-accessible; slot 8 reserved for auto-save.
-   * PCSX2 (ps2) and default: 9 slots + slot 10 autosave.
+   * PCSX2 (ps2), xemu (xbox), and default: 9 slots + slot 10 autosave.
+   * Eden (switch): no save state support.
    */
   function platformCapabilities(slug: string | null | undefined): {
     maxSlots: number;
@@ -68,6 +69,12 @@ export const useStreamingStore = defineStore("streaming", () => {
     if (lower === "ngc" || lower === "wii" || lower === "wiiu") {
       return { maxSlots: 7, hasAutosave: true, autosaveSlot: 8 };
     }
+    if (lower === "switch") {
+      return { maxSlots: 0, hasAutosave: false, autosaveSlot: 0 };
+    }
+    if (lower === "xbox") {
+      return { maxSlots: 9, hasAutosave: true, autosaveSlot: 10 };
+    }
     return { maxSlots: 9, hasAutosave: true, autosaveSlot: 10 };
   }
 

frontend/src/views/Player/Stream/Player.vue

@@ -167,68 +167,70 @@
           :disabled="isMuted"
         />
 
-        <!-- Save/load state controls -->
-        <select
-          v-model.number="selectedSlot"
-          class="slot-selector"
-          title="Save slot"
-        >
-          <option v-for="n in capabilities.maxSlots" :key="n" :value="n">
-            Slot {{ n }}
-          </option>
-        </select>
-
-        <v-btn
-          icon
-          variant="text"
-          density="compact"
-          title="Save state"
-          :loading="isSavingState"
-          :disabled="
-            isSavingState ||
-            isLoadingState ||
-            isLoadingAutosave ||
-            isSavingAndExiting
-          "
-          @click="handleSaveState"
-        >
-          <v-icon size="20">mdi-content-save-outline</v-icon>
-        </v-btn>
-
-        <v-btn
-          icon
-          variant="text"
-          density="compact"
-          title="Load state"
-          :loading="isLoadingState"
-          :disabled="
-            isSavingState ||
-            isLoadingState ||
-            isLoadingAutosave ||
-            isSavingAndExiting
-          "
-          @click="handleLoadState"
-        >
-          <v-icon size="20">mdi-restore</v-icon>
-        </v-btn>
-
-        <v-btn
-          v-if="capabilities.hasAutosave"
-          icon
-          variant="text"
-          density="compact"
-          title="Load autosave"
-          :loading="isLoadingAutosave"
-          :disabled="
-            isSavingState ||
-            isLoadingState ||
-            isLoadingAutosave ||
-            isSavingAndExiting
-          "
-          @click="handleLoadAutosave"
-        >
-          <v-icon size="20">mdi-history</v-icon>
-        </v-btn>
+        <!-- Save/load state controls (hidden for platforms with no save state support) -->
+        <template v-if="capabilities.maxSlots > 0">
+          <select
+            v-model.number="selectedSlot"
+            class="slot-selector"
+            title="Save slot"
+          >
+            <option v-for="n in capabilities.maxSlots" :key="n" :value="n">
+              Slot {{ n }}
+            </option>
+          </select>
+
+          <v-btn
+            icon
+            variant="text"
+            density="compact"
+            title="Save state"
+            :loading="isSavingState"
+            :disabled="
+              isSavingState ||
+              isLoadingState ||
+              isLoadingAutosave ||
+              isSavingAndExiting
+            "
+            @click="handleSaveState"
+          >
+            <v-icon size="20">mdi-content-save-outline</v-icon>
+          </v-btn>
+
+          <v-btn
+            icon
+            variant="text"
+            density="compact"
+            title="Load state"
+            :loading="isLoadingState"
+            :disabled="
+              isSavingState ||
+              isLoadingState ||
+              isLoadingAutosave ||
+              isSavingAndExiting
+            "
+            @click="handleLoadState"
+          >
+            <v-icon size="20">mdi-restore</v-icon>
+          </v-btn>
+
+          <v-btn
+            v-if="capabilities.hasAutosave"
+            icon
+            variant="text"
+            density="compact"
+            title="Load autosave"
+            :loading="isLoadingAutosave"
+            :disabled="
+              isSavingState ||
+              isLoadingState ||
+              isLoadingAutosave ||
+              isSavingAndExiting
+            "
+            @click="handleLoadAutosave"
+          >
+            <v-icon size="20">mdi-history</v-icon>
+          </v-btn>
+        </template>
 
         <v-btn
           icon