From 4902c1d3b2c35bc7e7db0b45cbbdfbe21cc87232 Mon Sep 17 00:00:00 2001
From: Junyan Qin <rockchinq@gmail.com>
Date: Fri, 27 Mar 2026 19:16:27 +0800
Subject: [PATCH] fix(web): only show ws connection status on active debug tab

---
 web/src/app/home/pipelines/PipelineDetailContent.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/web/src/app/home/pipelines/PipelineDetailContent.tsx b/web/src/app/home/pipelines/PipelineDetailContent.tsx
index dd5c24a7..3652387b 100644
--- a/web/src/app/home/pipelines/PipelineDetailContent.tsx
+++ b/web/src/app/home/pipelines/PipelineDetailContent.tsx
@@ -102,11 +102,13 @@ export default function PipelineDetailContent({ id }: { id: string }) {
           <TabsTrigger value="debug" className="gap-1.5">
             <Bug className="size-3.5" />
             {t('pipelines.debugChat')}
-            <span
-              className={`inline-block size-2 rounded-full ${
-                isWebSocketConnected ? 'bg-green-500' : 'bg-red-500'
-              }`}
-            />
+            {activeTab === 'debug' && (
+              <span
+                className={`inline-block size-2 rounded-full ${
+                  isWebSocketConnected ? 'bg-green-500' : 'bg-red-500'
+                }`}
+              />
+            )}
           </TabsTrigger>
           <TabsTrigger value="monitoring" className="gap-1.5">
             <BarChart3 className="size-3.5" />