From 4a3e3107c2c62c641a7b0c4bb6020afada3fe39d Mon Sep 17 00:00:00 2001
From: SaelixCode <dev@saelix.com>
Date: Sun, 5 Jul 2026 23:38:35 -0400
Subject: [PATCH] fix: style Trivy row as badge and link to Security scanner
 setup

---
 .../components/dashboard/ConfigurationStatus.tsx    | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/dashboard/ConfigurationStatus.tsx b/frontend/src/components/dashboard/ConfigurationStatus.tsx
index 98b59ca6..a0856acf 100644
--- a/frontend/src/components/dashboard/ConfigurationStatus.tsx
+++ b/frontend/src/components/dashboard/ConfigurationStatus.tsx
@@ -11,17 +11,17 @@ interface ConfigurationStatusProps {
 
 function StatusBadge({ value }: { value: string }) {
   const lower = value.toLowerCase();
-  if (lower === 'on' || lower === 'enabled') {
+  if (lower === 'on' || lower === 'enabled' || lower === 'installed') {
     return (
       <span className="inline-flex items-center rounded-sm border border-success/30 bg-success/10 px-1.5 py-0.5 text-[10px] font-mono tracking-wide uppercase text-success">
-        ON
+        {lower === 'installed' ? 'INSTALLED' : 'ON'}
       </span>
     );
   }
-  if (lower === 'off' || lower === 'disabled') {
+  if (lower === 'off' || lower === 'disabled' || lower === 'not installed') {
     return (
       <span className="inline-flex items-center rounded-sm border border-card-border bg-card px-1.5 py-0.5 text-[10px] font-mono tracking-wide uppercase text-stat-subtitle">
-        OFF
+        {lower === 'not installed' ? 'NOT INSTALLED' : 'OFF'}
       </span>
     );
   }
@@ -195,7 +195,10 @@ export function ConfigurationStatus({ onOpenSection }: ConfigurationStatusProps
           <Row label="SSO" value={ssoLabel} onClick={open('sso')} />
           <Row
             label="Trivy installed"
-            value={security.trivyInstalled ? 'Yes' : 'No'}
+            value={security.trivyInstalled ? 'Installed' : 'Not installed'}
+            onClick={() => window.dispatchEvent(
+              new CustomEvent<SenchoNavigateDetail>(SENCHO_NAVIGATE_EVENT, { detail: { view: 'security', tab: 'scanner' } }),
+            )}
           />
           {!security.scanPolicies.locked && (
             <Row