Version 4.0.7 - Add subtle pulse animation to online status indicators

- Added smooth pulse animation to all online status dots
- Animation pulses between 100% and 70% opacity over 2 seconds
- Applied to Settings, Gallery, and Sidebar status indicators
- Provides visual feedback that peer is actively online

Author: umfhero

package.json

@@ -1,6 +1,6 @@
 {
   "name": "poly-hub",
-  "version": "4.0.6",
+  "version": "4.0.7",
   "description": "P2P file sharing between trusted users over Tailscale",
   "main": "src/main/main.js",
   "scripts": {

src/renderer/components/Sidebar.css

@@ -235,6 +235,19 @@
   background-color: var(--color-success);
   border: 2px solid var(--color-surface);
   z-index: 10;
+  animation: pulse-online 2s ease-in-out infinite;
+}
+
+@keyframes pulse-online {
+
+  0%,
+  100% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0.7;
+  }
 }
 
 .sidebar-profile-icon .status-indicator.offline {

src/renderer/pages/Gallery.css

@@ -213,6 +213,19 @@
 
 .gallery-peer-status-dot.online {
   background-color: var(--color-success);
+  animation: pulse-online 2s ease-in-out infinite;
+}
+
+@keyframes pulse-online {
+
+  0%,
+  100% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0.7;
+  }
 }
 
 .gallery-peer-status-dot.offline {
@@ -354,6 +367,7 @@
 
 .peer-tooltip-status-dot.online {
   background-color: var(--color-success);
+  animation: pulse-online 2s ease-in-out infinite;
 }
 
 .peer-tooltip-status-dot.offline {

src/renderer/pages/Settings.css

@@ -710,6 +710,19 @@
 
 .peer-status-dot.online {
   background-color: var(--color-success);
+  animation: pulse-online 2s ease-in-out infinite;
+}
+
+@keyframes pulse-online {
+
+  0%,
+  100% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0.7;
+  }
 }
 
 .peer-status-dot.offline {

version.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.0.6",
+  "version": "4.0.7",
   "buildDate": "2026-02-05",
   "name": "Poly-Hub"
 }