Add delete button for failed jobs in history

templates/history.html

@@ -200,6 +200,27 @@
             deleteBtn.style.cursor = 'pointer';
             deleteBtn.textContent = 'Delete';
 
+            deleteForm.appendChild(deleteBtn);
+            actionsElement.appendChild(deleteForm);
+        } else if (status === 'failed') {
+            const deleteForm = document.createElement('form');
+            deleteForm.method = 'post';
+            deleteForm.action = `/job/${jobId}/delete`;
+            deleteForm.style.display = 'inline';
+            deleteForm.onsubmit = () => confirm('Are you sure you want to delete this failed job?');
+
+            const deleteBtn = document.createElement('button');
+            deleteBtn.type = 'submit';
+            deleteBtn.className = 'delete-btn';
+            deleteBtn.style.background = '#dc2626';
+            deleteBtn.style.color = 'white';
+            deleteBtn.style.border = 'none';
+            deleteBtn.style.padding = '0.25rem 0.5rem';
+            deleteBtn.style.borderRadius = '4px';
+            deleteBtn.style.fontSize = '0.8rem';
+            deleteBtn.style.cursor = 'pointer';
+            deleteBtn.textContent = 'Delete';
+
             deleteForm.appendChild(deleteBtn);
             actionsElement.appendChild(deleteForm);
         }
@@ -267,6 +288,10 @@
                     <form method="post" action="/job/{{ job.id }}/delete" style="display: inline;" onsubmit="return confirm('Are you sure you want to delete this queued job?')">
                         <button type="submit" class="delete-btn" style="background: #dc2626; color: white; border: none; padding: 0.25rem 0.5rem; border-radius: 4px; font-size: 0.8rem; cursor: pointer;">Delete</button>
                     </form>
+                    {% elif job.status == 'failed' %}
+                    <form method="post" action="/job/{{ job.id }}/delete" style="display: inline;" onsubmit="return confirm('Are you sure you want to delete this failed job?')">
+                        <button type="submit" class="delete-btn" style="background: #dc2626; color: white; border: none; padding: 0.25rem 0.5rem; border-radius: 4px; font-size: 0.8rem; cursor: pointer;">Delete</button>
+                    </form>
                     {% endif %}
                 </div>
             </div>