From 1b55ae8ac812dd61f16bf2fcecab9659f6c4857c Mon Sep 17 00:00:00 2001
From: openhands <openhands@all-hands.dev>
Date: Sun, 22 Feb 2026 22:12:38 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20address=20review=20=E2=80=94=20error=20s?=
 =?UTF-8?q?tate=20for=20live=20indicator=20(#172)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 landing/src/components/LiveStats.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/landing/src/components/LiveStats.vue b/landing/src/components/LiveStats.vue
index c84136e..e46bab9 100644
--- a/landing/src/components/LiveStats.vue
+++ b/landing/src/components/LiveStats.vue
@@ -1,7 +1,7 @@
 <template>
   <div v-if="!error && stats" class="live-stats">
     <div class="live-header">
-      <span class="live-dot"></span>
+      <span class="live-dot" :class="{ 'live-dot-error': error }"></span>
       <span class="live-text">Live</span>
     </div>
     <div class="stats-grid" :class="{ 'has-floor': showFloorPrice }">
@@ -47,7 +47,7 @@
         <div class="growth-badge growth-flat">{{ lastRebalance }}</div>
       </div>
     </div>
-    <div class="freshness">Updated {{ secondsSinceUpdate }}s ago</div>
+    <div class="freshness">{{ error ? 'Connection lost' : `Updated ${secondsSinceUpdate}s ago` }}</div>
   </div>
   <div v-else-if="!error && !stats" class="live-stats">
     <div class="stats-grid">
@@ -638,6 +638,10 @@ onUnmounted(() => {
   background: #4ade80
   animation: dot-pulse 2s ease-in-out infinite
 
+.live-dot-error
+  background: #ef4444
+  animation: none
+
 .live-text
   font-size: 11px
   color: rgba(240, 240, 240, 0.5)