From fd66a86408eb6be5acaf081e69c2e6ed441515fd Mon Sep 17 00:00:00 2001
From: Yves Gugger <guggeryves@hotmail.com>
Date: Fri, 12 Dec 2025 22:28:53 +0100
Subject: [PATCH] Health check: show errors and network warnings

---
 frontend/src/app/terminal/watchlist/page.tsx | 38 ++++++++++++++++++--
 1 file changed, 36 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/terminal/watchlist/page.tsx b/frontend/src/app/terminal/watchlist/page.tsx
index ac6746c..e40acdc 100755
--- a/frontend/src/app/terminal/watchlist/page.tsx
+++ b/frontend/src/app/terminal/watchlist/page.tsx
@@ -488,6 +488,11 @@ export default function WatchlistPage() {
                         <CheckCircle2 className="w-5 h-5 text-accent" />
                         <span className="text-xs text-accent">OK</span>
                       </div>
+                    ) : selectedHealth.dns?.error ? (
+                      <div className="flex items-center gap-2">
+                        <AlertTriangle className="w-5 h-5 text-amber-400" />
+                        <span className="text-xs text-amber-400">Error</span>
+                      </div>
                     ) : (
                       <div className="flex items-center gap-2">
                         <XCircle className="w-5 h-5 text-rose-400" />
@@ -498,12 +503,22 @@ export default function WatchlistPage() {
                   
                   {/* HTTP */}
                   <div className="flex items-center justify-between px-4 py-3 bg-white/[0.01]">
-                    <span className="text-sm text-white/70">HTTP Reachable</span>
+                    <div>
+                      <span className="text-sm text-white/70">HTTP Reachable</span>
+                      {selectedHealth.http?.error && (
+                        <p className="text-[10px] text-white/30 mt-0.5">{selectedHealth.http.error}</p>
+                      )}
+                    </div>
                     {selectedHealth.http?.is_reachable ? (
                       <div className="flex items-center gap-2">
                         <CheckCircle2 className="w-5 h-5 text-accent" />
                         <span className="text-xs text-accent">OK</span>
                       </div>
+                    ) : selectedHealth.http?.error === 'timeout' ? (
+                      <div className="flex items-center gap-2">
+                        <AlertTriangle className="w-5 h-5 text-amber-400" />
+                        <span className="text-xs text-amber-400">Timeout</span>
+                      </div>
                     ) : (
                       <div className="flex items-center gap-2">
                         <XCircle className="w-5 h-5 text-rose-400" />
@@ -514,12 +529,22 @@ export default function WatchlistPage() {
                   
                   {/* SSL */}
                   <div className="flex items-center justify-between px-4 py-3 bg-white/[0.01]">
-                    <span className="text-sm text-white/70">SSL Certificate</span>
+                    <div>
+                      <span className="text-sm text-white/70">SSL Certificate</span>
+                      {selectedHealth.ssl?.error && (
+                        <p className="text-[10px] text-white/30 mt-0.5">{selectedHealth.ssl.error}</p>
+                      )}
+                    </div>
                     {selectedHealth.ssl?.has_certificate ? (
                       <div className="flex items-center gap-2">
                         <CheckCircle2 className="w-5 h-5 text-accent" />
                         <span className="text-xs text-accent">Valid</span>
                       </div>
+                    ) : selectedHealth.ssl?.error ? (
+                      <div className="flex items-center gap-2">
+                        <AlertTriangle className="w-5 h-5 text-amber-400" />
+                        <span className="text-xs text-amber-400">Error</span>
+                      </div>
                     ) : (
                       <div className="flex items-center gap-2">
                         <XCircle className="w-5 h-5 text-rose-400" />
@@ -543,6 +568,15 @@ export default function WatchlistPage() {
                       </div>
                     )}
                   </div>
+                  
+                  {/* Network warning if HTTP/SSL failed with timeout */}
+                  {(selectedHealth.http?.error === 'timeout' || selectedHealth.ssl?.error?.includes('timeout')) && (
+                    <div className="px-4 py-3 bg-amber-500/5 border-t border-amber-500/20">
+                      <p className="text-xs text-amber-400">
+                        ⚠️ Network issue: Server could not reach this domain. This may be a firewall or routing problem.
+                      </p>
+                    </div>
+                  )}
                 </div>
               ) : (
                 <div className="py-8 text-center text-white/30 text-sm mb-6 border border-white/[0.06] bg-white/[0.01]">