ui: show unresponsive engines errors

Made-with: Cursor

internal/views/templates/base.html

@@ -616,6 +616,66 @@
       font-size: 0.9rem;
     }
 
+    /* Engine errors (unresponsive engines) */
+    .engine-errors-wrap {
+      margin-bottom: 1rem;
+    }
+
+    details.engine-errors {
+      width: 100%;
+      background: var(--bg-secondary);
+      border: 1px solid var(--border);
+      border-radius: var(--radius-md);
+      box-shadow: var(--shadow-sm);
+      overflow: hidden;
+    }
+
+    details.engine-errors > summary {
+      list-style: none;
+      cursor: pointer;
+      padding: 0.85rem 1rem;
+      color: var(--text-primary);
+      font-weight: 600;
+      user-select: none;
+      border-bottom: 1px solid var(--border);
+    }
+
+    details.engine-errors > summary::-webkit-details-marker {
+      display: none;
+    }
+
+    .engine-errors-list {
+      list-style: none;
+      padding: 0.65rem 1rem 0.9rem 1rem;
+      margin: 0;
+      display: flex;
+      flex-direction: column;
+      gap: 0.55rem;
+    }
+
+    .engine-error-item {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 0.5rem;
+      align-items: baseline;
+      font-size: 0.9rem;
+      color: var(--text-secondary);
+    }
+
+    .engine-error-engine {
+      font-family: var(--font-mono);
+      background: var(--bg-tertiary);
+      border: 1px solid var(--border);
+      border-radius: var(--radius-sm);
+      padding: 0.15rem 0.5rem;
+      color: var(--text-primary);
+    }
+
+    .engine-error-reason {
+      color: var(--text-muted);
+      word-break: break-word;
+    }
+
     :root[data-theme="light"] .dialog-error {
       color: #991b1b;
       background: #fef2f2;

internal/views/templates/results_inner.html

@@ -22,6 +22,22 @@
 </div>
 {{end}}
 
+{{if .UnresponsiveEngines}}
+<div class="engine-errors-wrap" role="region" aria-label="Engine errors">
+  <details class="engine-errors">
+    <summary>Some search engines had errors</summary>
+    <ul class="engine-errors-list">
+      {{range .UnresponsiveEngines}}
+      <li class="engine-error-item">
+        <code class="engine-error-engine">{{index . 0}}</code>
+        <span class="engine-error-reason">{{index . 1}}</span>
+      </li>
+      {{end}}
+    </ul>
+  </details>
+</div>
+{{end}}
+
 {{if .Answers}}
 <div id="answers">
   {{range .Answers}}