red for indicator when error

Author: dbccccccc

static/script.js

@@ -123,6 +123,7 @@ async function updateQueueSize() {
         document.getElementById('max-queue-size').textContent = '?';
         queueProgressBar.style.width = '0%';
         statusIndicator.classList.remove('indicator-low', 'indicator-medium', 'indicator-high');
+        statusIndicator.classList.add('indicator-error');
         queueProgressBar.classList.remove('progress-low', 'progress-medium', 'progress-high');
         queueLoadText.classList.remove('low-load', 'medium-load', 'high-load');
         queueLoadText.textContent = 'Error';

static/styles.css

@@ -313,7 +313,9 @@ code[class*="language-"] {
     width: 12px;
     height: 12px;
     border-radius: 50%;
-    background-color: #10b981; /* Default green */
+    display: inline-block;
+    margin-right: 8px;
+    background-color: var(--success-color);
 }
 
 .queue-stats {
@@ -1160,4 +1162,9 @@ code[class*="language-"] {
     .playground-container {
         grid-template-columns: 1fr;
     }
+}
+
+.indicator-error {
+    background-color: var(--error-color);
+    animation: pulse 2s infinite;
 }