2 files changed, 19 insertions, 0 deletions
diff --git a/web/app.js b/web/app.js
index 90fcd6e..d26d051 100644
--- a/web/app.js
+++ b/web/app.js
@@ -171,6 +171,16 @@ function createTaskCard(task) {
     card.appendChild(desc);
   }
 
+  // Error message for failed tasks
+  const FAILED_STATES = new Set(['FAILED', 'BUDGET_EXCEEDED', 'TIMED_OUT']);
+  if (FAILED_STATES.has(task.state) && task.error_msg) {
+    const errEl = document.createElement('div');
+    errEl.className = 'task-error-msg';
+    errEl.textContent = task.error_msg;
+    errEl.title = task.error_msg;
+    card.appendChild(errEl);
+  }
+
   // Changestats badge for COMPLETED/READY tasks
   const CHANGESTATS_STATES = new Set(['COMPLETED', 'READY']);
   if (CHANGESTATS_STATES.has(task.state) && task.changestats != null) {
diff --git a/web/style.css b/web/style.css
index 90ceb90..96a6602 100644
--- a/web/style.css
+++ b/web/style.css
@@ -283,6 +283,15 @@ main {
   text-overflow: ellipsis;
 }
 
+.task-error-msg {
+  font-size: 0.78rem;
+  color: var(--state-failed);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin-top: 2px;
+}
+
 /* Run button */
 .task-card-footer {
   display: flex;