From 8920d8c55a95e3b4e799489dd757627f218a3d11 Mon Sep 17 00:00:00 2001
From: Anso <dev@saelix.com>
Date: Tue, 7 Apr 2026 01:44:33 -0400
Subject: [PATCH] feat(nav): add pulsing animation to local node status dot
 (#418)

* feat(nav): add pulsing animation to local node status dot

Apply the same animate-ping pattern used by the notification bell badge
to the local node context pill in the top header bar. The green dot
now pulses to give a stronger "live connection" signal.

* fix(nav): use animate-pulse instead of animate-ping for node status dot

Switch the local node pill dot from the ping pattern (expanding ring)
to animate-pulse for consistency with the remote node pill. Only the
notification bell badge should use animate-ping.
---
 frontend/src/components/EditorLayout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/EditorLayout.tsx b/frontend/src/components/EditorLayout.tsx
index 073972c3..f526b7d0 100644
--- a/frontend/src/components/EditorLayout.tsx
+++ b/frontend/src/components/EditorLayout.tsx
@@ -1730,7 +1730,7 @@ export default function EditorLayout() {
               </div>
             ) : (
               <div className="flex items-center gap-2 px-3 py-1.5 rounded-full bg-muted/50 border border-border text-muted-foreground text-sm">
-                <span className="w-2 h-2 rounded-full bg-success shrink-0" />
+                <span className="w-2 h-2 rounded-full bg-success animate-pulse shrink-0" />
                 {activeNode?.name ?? 'Local'}
               </div>
             )}