From 031c87f54659a2440d4f98c7a920b6b0a9d76063 Mon Sep 17 00:00:00 2001
From: cade <cade.ayres@riskidev.fi>
Date: Thu, 2 Jul 2026 15:31:01 +0800
Subject: [PATCH 1/2] Added loading state to GameSelectionScreen

---
 src/pages/GameSelectionScreen.vue | 26 +++++++++++++++++++++++---
 1 file changed, 23 insertions(+), 3 deletions(-)

diff --git a/src/pages/GameSelectionScreen.vue b/src/pages/GameSelectionScreen.vue
index d7bc13b95..2ba8da3b6 100644
--- a/src/pages/GameSelectionScreen.vue
+++ b/src/pages/GameSelectionScreen.vue
@@ -1,5 +1,11 @@
 <template>
-    <div id="game-selection-screen">
+    <div id="game-list-loading" v-if="!visible || visible">
+        <div class="fa-3x">
+            <i class="fas fa-circle-notch fa-spin"></i>
+        </div>
+        <p>Preparing games</p>
+    </div>
+    <div id="game-selection-screen" v-else>
         <EcosystemUpdateIndicator />
         <ModalCard id="select-platform-modal" v-show="showPlatformModal" :is-active="showPlatformModal" @close-modal="() => {showPlatformModal = false;}" class="z-max z-top">
             <template v-slot:header>
@@ -105,6 +111,8 @@ import { State } from '../store';
 
 const store = getStore<State>();
 
+const visible = ref<boolean>(false);
+
 const gameSelection = useGameSelectionComposable();
 provide(gameSelectionKey, gameSelection);
 
@@ -164,8 +172,12 @@ function selectPlatform() {
 
 onMounted(async () => {
     window.app.checkForApplicationUpdates();
-    await initialize();
-    void store.dispatch('ecosystemUpdate/updateEcosystemSchema');
+    try {
+        await initialize();
+    } finally {
+        visible.value = true;
+        void store.dispatch('ecosystemUpdate/updateEcosystemSchema');
+    }
 });
 </script>
 
@@ -186,4 +198,12 @@ onMounted(async () => {
 #game-selection-search {
     min-width: 100px;
 }
+
+#game-list-loading {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
 </style>

From 69daecdf875dc7ed6ef83368815529f199aa3600 Mon Sep 17 00:00:00 2001
From: cade <cade.ayres@riskidev.fi>
Date: Thu, 2 Jul 2026 15:33:57 +0800
Subject: [PATCH 2/2] Removed debug flag

---
 src/pages/GameSelectionScreen.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/GameSelectionScreen.vue b/src/pages/GameSelectionScreen.vue
index 2ba8da3b6..41674efd3 100644
--- a/src/pages/GameSelectionScreen.vue
+++ b/src/pages/GameSelectionScreen.vue
@@ -1,5 +1,5 @@
 <template>
-    <div id="game-list-loading" v-if="!visible || visible">
+    <div id="game-list-loading" v-if="!visible">
         <div class="fa-3x">
             <i class="fas fa-circle-notch fa-spin"></i>
         </div>