From 4dfe172fc4dfdea911ea2abee2ba0897963b3fd8 Mon Sep 17 00:00:00 2001
From: Jonathan Caicedo <jonathan@jcaicedo.com>
Date: Sat, 28 Feb 2026 12:20:48 -0500
Subject: [PATCH] tweak: label name + CSS class name

---
 frontend/src/components/tables/ChannelsTable.jsx      |  2 +-
 .../tables/ChannelsTable/ChannelTableHeader.jsx       |  2 +-
 frontend/src/components/tables/table.css              | 11 +++++++++++
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/tables/ChannelsTable.jsx b/frontend/src/components/tables/ChannelsTable.jsx
index 25bea550..833bdb4f 100644
--- a/frontend/src/components/tables/ChannelsTable.jsx
+++ b/frontend/src/components/tables/ChannelsTable.jsx
@@ -1141,7 +1141,7 @@ const ChannelsTable = ({ onReady }) => {
       }
 
       if (hasStaleStreams) {
-        return { className: 'stale-streams-row' };
+        return { className: 'partially-stale-streams-row' };
       }
 
       return {};
diff --git a/frontend/src/components/tables/ChannelsTable/ChannelTableHeader.jsx b/frontend/src/components/tables/ChannelsTable/ChannelTableHeader.jsx
index c8023283..cda9b496 100644
--- a/frontend/src/components/tables/ChannelsTable/ChannelTableHeader.jsx
+++ b/frontend/src/components/tables/ChannelsTable/ChannelTableHeader.jsx
@@ -330,7 +330,7 @@ const ChannelTableHeader = ({
                   showOnlyStaleChannels ? <SquareCheck size={18} /> : <Square size={18} />
                 }
               >
-                <Text size="xs">Only Containing Stale Streams</Text>
+                <Text size="xs">Has Stale Streams</Text>
               </Menu.Item>
             </Menu.Dropdown>
           </Menu>
diff --git a/frontend/src/components/tables/table.css b/frontend/src/components/tables/table.css
index 688cf486..0e02dc1e 100644
--- a/frontend/src/components/tables/table.css
+++ b/frontend/src/components/tables/table.css
@@ -140,6 +140,17 @@ html {
   background-color: color-mix(in srgb, rgb(239, 68, 68) 30%, #27272a) !important;
 }
 
+/* Rows that contain some stale streams (may be mixed with active) */
+.partially-stale-streams-row {
+  background-color: rgba(239, 154, 68, 0.15) !important;
+  /* orange-500 @ 12% */
+  box-shadow: inset 0 0 0 1px rgba(239, 154, 68, 0.3);
+}
+
+.table-striped .tbody .tr.partially-stale-streams-row:hover {
+  background-color: rgba(239, 154, 68, 0.3) !important;
+}
+
 /* Prevent text selection when shift key is pressed */
 .shift-key-active {
   cursor: pointer !important;