From 0000ab15f0fa4269370ea59e616eb384d6f25a58 Mon Sep 17 00:00:00 2001
From: Sudo-Ivan <ivan@quad4.io>
Date: Mon, 9 Mar 2026 12:36:24 -0500
Subject: [PATCH] Remove disconnected animation logic and related properties
 from InterfacesPage component

---
 .../components/interfaces/InterfacesPage.vue  | 21 -------------------
 1 file changed, 21 deletions(-)

diff --git a/meshchatx/src/frontend/components/interfaces/InterfacesPage.vue b/meshchatx/src/frontend/components/interfaces/InterfacesPage.vue
index 3920df8..831453b 100644
--- a/meshchatx/src/frontend/components/interfaces/InterfacesPage.vue
+++ b/meshchatx/src/frontend/components/interfaces/InterfacesPage.vue
@@ -250,7 +250,6 @@
                                         >
                                             <div
                                                 class="bg-red-500/90 text-white px-3 py-1.5 rounded-full shadow-lg flex items-center gap-2 text-[10px] font-bold uppercase tracking-wider"
-                                                :class="{ 'animate-pulse': shouldAnimatePulse(iface) }"
                                             >
                                                 <MaterialDesignIcon
                                                     :icon-name="
@@ -932,7 +931,6 @@ export default {
                         ...iface,
                         last_heard: lastHeard,
                         __isNew: isNew || existing?.__isNew,
-                        disconnected_at: existing?.disconnected_at ?? null,
                     });
                 };
 
@@ -941,18 +939,6 @@ export default {
 
                 this.discoveredInterfaces = Array.from(merged.values());
                 this.discoveredActive = active;
-
-                // Track disconnection time for animation control
-                const now = Date.now();
-                this.discoveredInterfaces.forEach((iface) => {
-                    if (!this.isDiscoveredConnected(iface)) {
-                        if (iface.disconnected_at === null) {
-                            iface.disconnected_at = now;
-                        }
-                    } else {
-                        iface.disconnected_at = null;
-                    }
-                });
             } catch (e) {
                 console.log(e);
             }
@@ -990,13 +976,6 @@ export default {
                 return hostMatch && portMatch && (s.connected || s.online);
             });
         },
-        shouldAnimatePulse(iface) {
-            if (this.isDiscoveredConnected(iface)) return false;
-            if (!iface.disconnected_at) return true;
-            // only pulse for the first 30 seconds of being disconnected
-            // to avoid continuous UI animation lag on many disconnected items
-            return Date.now() - iface.disconnected_at < 30000;
-        },
         goToMap(iface) {
             if (iface.latitude == null || iface.longitude == null) return;
             this.$router.push({