From 59d2d44a648d9eef15ff3fe29db4f0aa945944f8 Mon Sep 17 00:00:00 2001
From: Scrum4Me Agent <30029041+madhura68@users.noreply.github.com>
Date: Sat, 9 May 2026 22:13:44 +0200
Subject: [PATCH] feat(PBI-49): add BEM sub-elements to nav-status-indicators

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 components/solo/nav-status-indicators.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/components/solo/nav-status-indicators.tsx b/components/solo/nav-status-indicators.tsx
index 45f87a2..994997c 100644
--- a/components/solo/nav-status-indicators.tsx
+++ b/components/solo/nav-status-indicators.tsx
@@ -65,11 +65,13 @@ export function SoloNavStatusIndicators({
 
   return (
     <div className="flex items-center gap-3 px-2" {...debugProps('solo-nav-status-indicators', 'SoloNavStatusIndicators', 'components/solo/nav-status-indicators.tsx')}>
-      <RealtimeIndicator
-        status={realtimeStatus}
-        showConnectingIndicator={showConnectingIndicator}
-      />
-      <div className="flex items-center gap-1 text-xs text-muted-foreground">
+      <span data-debug-id="nav-status-indicators__queue">
+        <RealtimeIndicator
+          status={realtimeStatus}
+          showConnectingIndicator={showConnectingIndicator}
+        />
+      </span>
+      <div className="flex items-center gap-1 text-xs text-muted-foreground" data-debug-id="nav-status-indicators__running">
         <span className={cn(
           'size-2 rounded-full',
           isStandby