From 6eed8376f1aefb012aa5b72fcffc1a682ba79f0d Mon Sep 17 00:00:00 2001
From: Dotta <bippadotta@protonmail.com>
Date: Fri, 24 Apr 2026 00:47:47 -0500
Subject: [PATCH] Fix watchdog banner severity tone

---
 ui/src/components/IssueRunLedger.test.tsx | 5 +++++
 ui/src/components/IssueRunLedger.tsx      | 9 ++++++++-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/ui/src/components/IssueRunLedger.test.tsx b/ui/src/components/IssueRunLedger.test.tsx
index 1452187b125..adefcf4fd00 100644
--- a/ui/src/components/IssueRunLedger.test.tsx
+++ b/ui/src/components/IssueRunLedger.test.tsx
@@ -347,6 +347,11 @@ describe("IssueRunLedger", () => {
     expect(container.textContent).toContain("Stale-run watchdog alert");
     expect(container.textContent).toContain("PAP-404");
     expect(container.textContent).toContain("Stale run");
+    const watchdogBanner = Array.from(container.querySelectorAll("p"))
+      .find((node) => node.textContent?.includes("Stale-run watchdog alert"))
+      ?.closest("div");
+    expect(watchdogBanner?.className).toContain("border-red-500/30");
+    expect(watchdogBanner?.className).toContain("bg-red-500/10");
 
     const continueButton = Array.from(container.querySelectorAll("button")).find(
       (button) => button.textContent?.includes("Continue monitoring"),
diff --git a/ui/src/components/IssueRunLedger.tsx b/ui/src/components/IssueRunLedger.tsx
index 5ad4bfbfe3c..54ceaf0a798 100644
--- a/ui/src/components/IssueRunLedger.tsx
+++ b/ui/src/components/IssueRunLedger.tsx
@@ -438,7 +438,14 @@ export function IssueRunLedgerContent({
       ) : null}
 
       {latestSilentRun?.outputSilence ? (
-        <div className="rounded-md border border-amber-500/30 bg-amber-500/10 px-3 py-2 text-xs text-amber-900 dark:text-amber-200">
+        <div
+          className={cn(
+            "rounded-md border px-3 py-2 text-xs",
+            latestSilentRun.outputSilence.level === "critical"
+              ? "border-red-500/30 bg-red-500/10 text-red-900 dark:text-red-200"
+              : "border-amber-500/30 bg-amber-500/10 text-amber-900 dark:text-amber-200",
+          )}
+        >
           <p className="font-medium">
             {latestSilentRun.outputSilence.level === "critical"
               ? "Stale-run watchdog alert"