From 2c7ac348c4d4893ec3c590742393b95d9c7de111 Mon Sep 17 00:00:00 2001
From: TerrifiedBug <admin@terrifiedbug.com>
Date: Sat, 7 Mar 2026 15:28:32 +0000
Subject: [PATCH] fix: distinguish "No Data" from "No SLIs" in
 PipelineHealthBadge

When SLIs are configured but the pipeline has no traffic yet, show a
gray "No Data" badge instead of hiding the indicator entirely. This was
lost during the merge of PR #33 due to conflict resolution.
---
 src/app/(dashboard)/pipelines/page.tsx | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/app/(dashboard)/pipelines/page.tsx b/src/app/(dashboard)/pipelines/page.tsx
index b359de41..5446a5c2 100644
--- a/src/app/(dashboard)/pipelines/page.tsx
+++ b/src/app/(dashboard)/pipelines/page.tsx
@@ -99,7 +99,23 @@ function PipelineHealthBadge({ pipelineId }: { pipelineId: string }) {
     ),
   );
   const status = healthQuery.data?.status ?? null;
-  if (!status || status === "no_data") return null;
+  const hasSlis = (healthQuery.data?.slis?.length ?? 0) > 0;
+
+  if (!status) return null;
+
+  if (status === "no_data" && hasSlis) {
+    return (
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <span className="inline-block h-2 w-2 rounded-full bg-gray-400" />
+        </TooltipTrigger>
+        <TooltipContent>No Data — SLIs configured but no traffic yet</TooltipContent>
+      </Tooltip>
+    );
+  }
+
+  if (status === "no_data") return null;
+
   return (
     <Tooltip>
       <TooltipTrigger asChild>