From a108837e82b76aca0a767d0cca6a87a608289078 Mon Sep 17 00:00:00 2001
From: jelveh <nj@puter.com>
Date: Sat, 11 Jul 2026 15:21:59 -0700
Subject: [PATCH] Revert "Add delayed centered spinner for apps tab"

This reverts commit 859e88753f043a39e8830767cfb6f9e01d17ed8d.
---
 src/gui/src/UI/Dashboard/TabApps.js | 32 ++---------------------------
 src/gui/src/css/dashboard.css       | 25 ----------------------
 2 files changed, 2 insertions(+), 55 deletions(-)

diff --git a/src/gui/src/UI/Dashboard/TabApps.js b/src/gui/src/UI/Dashboard/TabApps.js
index f82c993d3..d739182d9 100644
--- a/src/gui/src/UI/Dashboard/TabApps.js
+++ b/src/gui/src/UI/Dashboard/TabApps.js
@@ -491,32 +491,6 @@ const TabApps = {
     async loadApps ($el_window) {
         const $container = $el_window.find('.myapps-container');
 
-        // Subtle centered spinner, but only if the fetch is slow (>1.5s) so
-        // fast loads never flash it; once visible it stays for at least 1.5s
-        // so it doesn't blink out. Skipped on background refreshes — the
-        // current apps stay on screen while new data loads.
-        const SPINNER_DELAY = 1500;
-        const SPINNER_MIN_VISIBLE = 1500;
-        let spinnerShownAt = null;
-        const spinnerTimer = setTimeout(() => {
-            // Only cover an empty container; if tiles (or any state) are
-            // already on screen this is a background refresh — keep them.
-            if ( $container.children().length > 0 ) return;
-            spinnerShownAt = Date.now();
-            $container.html('<div class="myapps-loading"><div class="myapps-spinner"></div></div>');
-        }, SPINNER_DELAY);
-
-        const finish = async (render) => {
-            clearTimeout(spinnerTimer);
-            if ( spinnerShownAt !== null ) {
-                const remaining = SPINNER_MIN_VISIBLE - (Date.now() - spinnerShownAt);
-                if ( remaining > 0 ) {
-                    await new Promise(resolve => setTimeout(resolve, remaining));
-                }
-            }
-            render();
-        };
-
         try {
             // Fetch both APIs in parallel
             const [installedRes, launchRes] = await Promise.all([
@@ -570,12 +544,10 @@ const TabApps = {
             }
 
             this._apps = merged;
-            await finish(() => this.renderApps($el_window));
+            this.renderApps($el_window);
         } catch (e) {
             console.error('Failed to load installed apps:', e);
-            await finish(() => {
-                $container.html('<div class="myapps-empty"><p>Failed to load apps</p></div>');
-            });
+            $container.html('<div class="myapps-empty"><p>Failed to load apps</p></div>');
         }
     },
 
diff --git a/src/gui/src/css/dashboard.css b/src/gui/src/css/dashboard.css
index 47ccda89a..26e4868b3 100644
--- a/src/gui/src/css/dashboard.css
+++ b/src/gui/src/css/dashboard.css
@@ -747,31 +747,6 @@ input.myapps-search::-webkit-search-decoration {
     margin: 0;
 }
 
-.myapps-loading {
-    flex: 1;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.myapps-spinner {
-    width: 28px;
-    height: 28px;
-    border: 3px solid var(--dashboard-border);
-    border-top-color: var(--dashboard-text-tertiary);
-    border-radius: 50%;
-    animation: myapps-spin 0.8s linear infinite, myapps-spinner-fade-in 0.3s ease-out;
-}
-
-@keyframes myapps-spin {
-    to { transform: rotate(360deg); }
-}
-
-@keyframes myapps-spinner-fade-in {
-    from { opacity: 0; }
-    to { opacity: 1; }
-}
-
 /* iOS-style pager: pages snap horizontally, dots below, hover arrows */
 
 .myapps-pager {