From 15d17ed35e3131ed977139c65b4c875647fcbc2d Mon Sep 17 00:00:00 2001
From: Pierre-Olivier Mercier <nemunaire@nemunai.re>
Date: Wed, 10 Jun 2026 18:08:27 +0900
Subject: [PATCH] app: Show pulsing loading dots until first status fetch

Default the status badges to a pulsing "loading" dot instead of the
static offline state, signalling that the data is not yet fetched. The
dots are replaced with their real state on the first /api/status update.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 cmd/repeater/static/index.html | 10 +++++-----
 cmd/repeater/static/style.css  |  5 +++++
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/cmd/repeater/static/index.html b/cmd/repeater/static/index.html
index d7de994..dd89abb 100644
--- a/cmd/repeater/static/index.html
+++ b/cmd/repeater/static/index.html
@@ -22,16 +22,16 @@
                 </div>
                 <div class="connection-info">
                     <div class="status-badge" id="wifiStatus">
-                        <span class="status-dot offline"></span>
-                        <span class="status-text">Disconnected</span>
+                        <span class="status-dot loading"></span>
+                        <span class="status-text">Chargement…</span>
                     </div>
                     <div class="status-badge" id="ethernetStatus" hidden>
-                        <span class="status-dot offline"></span>
+                        <span class="status-dot loading"></span>
                         <span class="status-text">Ethernet</span>
                     </div>
                     <div class="status-badge" id="hotspotStatus">
-                        <span class="status-dot offline"></span>
-                        <span class="status-text">Hotspot actif</span>
+                        <span class="status-dot loading"></span>
+                        <span class="status-text">Chargement…</span>
                     </div>
                 </div>
             </div>
diff --git a/cmd/repeater/static/style.css b/cmd/repeater/static/style.css
index dbad213..5967985 100644
--- a/cmd/repeater/static/style.css
+++ b/cmd/repeater/static/style.css
@@ -131,6 +131,11 @@ body {
     animation: blink 1.2s ease-in-out infinite;
 }
 
+.status-dot.loading {
+    background: var(--text-tertiary);
+    animation: pulse 1.5s ease-in-out infinite;
+}
+
 @keyframes blink {
     0%, 100% { opacity: 1; }
     50% { opacity: 0.3; }