From d27a28812873e576f5b082e9fb6de7b11b8d8c0a Mon Sep 17 00:00:00 2001
From: hsiegeln <37154749+hsiegeln@users.noreply.github.com>
Date: Thu, 16 Apr 2026 14:20:45 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20resolve=20TS2367=20=E2=80=94=20view=20to?=
 =?UTF-8?q?ggle=20active=20class=20in=20compact-only=20branch?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The toggle only renders inside the compact branch, so viewMode is
always 'compact' there. Use static class assignment instead of a
comparison TypeScript correctly flags as unreachable.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 ui/src/pages/AgentHealth/AgentHealth.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/src/pages/AgentHealth/AgentHealth.tsx b/ui/src/pages/AgentHealth/AgentHealth.tsx
index 802ab096..ecfa47cb 100644
--- a/ui/src/pages/AgentHealth/AgentHealth.tsx
+++ b/ui/src/pages/AgentHealth/AgentHealth.tsx
@@ -706,14 +706,14 @@ export default function AgentHealth() {
         <div className={styles.viewToolbar}>
           <div className={styles.viewToggle}>
             <button
-              className={`${styles.viewToggleBtn} ${viewMode === 'compact' ? styles.viewToggleBtnActive : ''}`}
+              className={`${styles.viewToggleBtn} ${styles.viewToggleBtnActive}`}
               onClick={() => toggleViewMode('compact')}
               title="Compact view"
             >
               <LayoutGrid size={14} />
             </button>
             <button
-              className={`${styles.viewToggleBtn} ${viewMode === 'expanded' ? styles.viewToggleBtnActive : ''}`}
+              className={styles.viewToggleBtn}
               onClick={() => toggleViewMode('expanded')}
               title="Expanded view"
             >