From 91cdda8961bb7111a2a41013892b8350aac5e0d1 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 3 Apr 2026 18:47:00 +0000
Subject: [PATCH 1/2] Initial plan


From 11a2bc57a713fe21009a73de3ad7fc42a505434e Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 3 Apr 2026 18:49:49 +0000
Subject: [PATCH 2/2] Make port health status banner more subtle for
 critical/warning states

Agent-Logs-Url: https://github.com/naturallaw777/staging_alpha/sessions/153a5e43-7267-4f3c-aa97-ce6c80d78f82

Co-authored-by: naturallaw777 <99053422+naturallaw777@users.noreply.github.com>
---
 app/sovran_systemsos_web/static/app.js    |  2 +-
 app/sovran_systemsos_web/static/style.css | 21 ++++++++-------------
 2 files changed, 9 insertions(+), 14 deletions(-)

diff --git a/app/sovran_systemsos_web/static/app.js b/app/sovran_systemsos_web/static/app.js
index 4f47ddb..3cda230 100644
--- a/app/sovran_systemsos_web/static/app.js
+++ b/app/sovran_systemsos_web/static/app.js
@@ -1441,7 +1441,7 @@ function _renderPortHealthBanner(data) {
   } else {
     // critical
     $statusBanner.classList.add("status-banner--critical");
-    html = "🔴 System Alert: Ports Are Down — Some services may not work";
+    html = "⚠ Some ports are closed — certain services may be affected";
   }
 
   var detailsId  = "status-banner-detail-body";
diff --git a/app/sovran_systemsos_web/static/style.css b/app/sovran_systemsos_web/static/style.css
index 46feafa..424b959 100644
--- a/app/sovran_systemsos_web/static/style.css
+++ b/app/sovran_systemsos_web/static/style.css
@@ -207,16 +207,15 @@ button:disabled {
 }
 
 .status-banner--warn {
-  background-color: rgba(229, 165, 10, 0.15);
-  border-bottom: 1px solid var(--yellow);
-  color: var(--yellow);
+  background-color: rgba(229, 165, 10, 0.08);
+  border-bottom: 1px solid rgba(229, 165, 10, 0.4);
+  color: var(--text-secondary);
 }
 
 .status-banner--critical {
-  background-color: rgba(224, 27, 36, 0.15);
-  border-bottom: 1px solid var(--red);
-  color: var(--red);
-  animation: pulse-banner-bg 2s ease-in-out infinite;
+  background-color: rgba(224, 27, 36, 0.08);
+  border-bottom: 1px solid rgba(224, 27, 36, 0.4);
+  color: var(--text-secondary);
 }
 
 .status-banner--fade-out {
@@ -224,11 +223,6 @@ button:disabled {
   pointer-events: none;
 }
 
-@keyframes pulse-banner-bg {
-  0%, 100% { background-color: rgba(224, 27, 36, 0.15); }
-  50%       { background-color: rgba(224, 27, 36, 0.28); }
-}
-
 .status-banner-details {
   margin-top: 8px;
   text-align: left;
@@ -259,6 +253,7 @@ button:disabled {
   border-collapse: collapse;
   margin-top: 8px;
   font-size: 0.8rem;
+  color: var(--text-secondary);
 }
 
 .status-banner-table th {
@@ -269,7 +264,7 @@ button:disabled {
   text-transform: uppercase;
   letter-spacing: 0.05em;
   font-size: 0.72rem;
-  border-bottom: 1px solid currentColor;
+  border-bottom: 1px solid var(--border-color);
 }
 
 .status-banner-table td {