Simplify explorer task rows

frontend/app.js

@@ -97,12 +97,11 @@ async function loadSearches(page = 1) {
     const searches = data.items || []
     if (!searches.length && !active.length) { list.innerHTML = "No searches yet"; return }
     const activeHtml = active.map(t => {
-      const pct = t.total > 0 ? Math.round(t.done / t.total * 100) : 0
       const label = t.total > 0 ? `${t.done}/${t.total}` : "..."
       return `<div class="search-item active-task" data-id="${esc(t.id)}">
         <span class="id">${esc(t.id)}</span>
         <span class="time">${esc(t.type)} ${esc(t.phase)} ${label}</span>
-        <div class="mini-bar"><div style="width:${pct}%"></div></div>
+        <span class="search-status active-mark">...</span>
       </div>`
     }).join("")
     const savedHtml = searches.map(s => {
@@ -112,6 +111,7 @@ async function loadSearches(page = 1) {
         <span class="id">${esc(s.id)}</span>
         <span class="time">${ts}</span>
         <span class="search-actions">
+          <span class="search-status done-mark">✓</span>
           <button class="btn-icon btn-rename" title="Rename">&#9998;</button>
           <button class="btn-icon btn-delete" title="Delete">&times;</button>
         </span>

frontend/style.css

@@ -198,17 +198,21 @@ input:focus, select:focus { outline: none; border-color: var(--accent); backgrou
 }
 .search-actions {
   display: flex;
+  align-items: center;
   gap: .3rem;
 }
-.active-task { border-color: #754; }
-.mini-bar {
-  width: 120px;
-  height: 5px;
-  background: #25282b;
+.active-task { border-color: #3a3222; }
+.search-status {
+  display: inline-grid;
+  place-items: center;
+  width: 24px;
+  height: 24px;
   border-radius: 999px;
-  overflow: hidden;
+  font-size: .8rem;
+  font-weight: 900;
 }
-.mini-bar div { height: 100%; background: var(--warn); }
+.active-mark { color: var(--warn); background: #2d2515; }
+.done-mark { color: var(--ok); background: #13281d; }
 .list-pager, #pager {
   display: flex;
   align-items: center;
@@ -395,7 +399,7 @@ input:focus, select:focus { outline: none; border-color: var(--accent); backgrou
   .submit-grid { grid-template-columns: 1fr; }
   .btn-primary { width: 100%; }
   .search-item { grid-template-columns: minmax(0, 1fr) auto; }
-  .search-actions, .mini-bar { grid-column: 1 / -1; }
+  .search-actions { grid-column: 1 / -1; }
   .detail-header { grid-template-columns: 1fr; }
   #results-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); max-height: none; }
 }