Refine reclass explorer detail

backend/app.py

@@ -1400,6 +1400,12 @@ async def start_reclass(req: ReclassRequest, bg: BackgroundTasks):
     if not targets:
         await finish_reclass_job(job_id, 0, [], 0, allowed)
         return {"id": job_id, "status": "empty"}
+    ACTIVE_TASKS[job_id] = {
+        "type": "reclass",
+        "phase": "queued",
+        "total": len(targets),
+        "done": 0,
+    }
     bg.add_task(bg_reclass_task, job_id, targets, allowed, PHPSESSID)
     return {"id": job_id, "status": "started", "total": len(targets)}
 
@@ -1420,17 +1426,24 @@ async def get_reclass(job_id: str):
         return {"error": "not found"}
     row = rows[0]
     summary = parse_json_maybe(cell_value(row, 6, "{}")) or {}
+    active = ACTIVE_TASKS.get(job_id)
+    total = int(cell_value(row, 3, "0"))
+    scanned = int(cell_value(row, 4, "0"))
+    if active:
+        total = int(active.get("total") or total)
+        scanned = int(active.get("done") or scanned)
     return {
         "id": cell_value(row, 0, ""),
         "kind": "reclass",
         "post_ids": json.loads(cell_value(row, 1, "[]")),
         "filters": json.loads(cell_value(row, 2, "[]")),
-        "total": int(cell_value(row, 3, "0")),
-        "scanned": int(cell_value(row, 4, "0")),
+        "total": total,
+        "scanned": scanned,
         "changed": int(cell_value(row, 5, "0")),
         "summary": summary,
         "log": decrypt_log(cell_value(row, 7, "")),
         "created_at": int(cell_value(row, 8, "0")),
+        "active": active,
     }
 
 

frontend/app.js

@@ -16,6 +16,7 @@ let explorerDebounce = null
 let submittedSearchId = null
 let submittedFilterKey = null
 let resultCardCache = new Map()
+let reclassDetailTimer = null
 
 
 $$(".tab").forEach(tab => {
@@ -116,11 +117,13 @@ function route() {
       const id = decodeURIComponent(parts[1])
       openSearch(id, parseInt(params.get("page")) || 1, submittedSearchId === id)
     } else {
+      clearTimeout(reclassDetailTimer)
       resetSubmittedSearch()
       loadSearches(parseInt(params.get("page")) || 1)
       openExplorerEvents()
     }
   } else {
+    clearTimeout(reclassDetailTimer)
     closeExplorerEvents()
   }
 }
@@ -325,6 +328,7 @@ async function openSearch(id, page = 1, show = false) {
   $("#detail-stats").textContent = ""
   $("#pager").innerHTML = ""
   $("#results-grid").classList.remove("log-grid")
+  clearTimeout(reclassDetailTimer)
   if (!show) $("#results-grid").replaceChildren()
   $("#btn-back").onclick = () => { location.hash = "#/explorer" }
   const scanBtn = $("#btn-scan")
@@ -418,8 +422,8 @@ function renderReclassDetail(data) {
   $("#pager").innerHTML = ""
   $("#btn-scan").style.display = "none"
   const filters = (data.summary.filters || data.filters.map(code => CATEGORY_NAMES[code] || code)).join(", ")
-  $("#detail-stats").textContent = `${data.changed}/${data.total} changed | ${data.scanned}/${data.total} scanned | ${filters}`
-  const postIds = data.post_ids.map(pid => `<button class="post-id" data-pid="${esc(pid)}">${esc(pid)}</button>`).join("")
+  const phase = data.active ? ` | ${data.active.phase}` : ""
+  $("#detail-stats").textContent = `${data.changed}/${data.total} changed | ${data.scanned}/${data.total} scanned | ${filters}${phase}`
   const log = data.log.length
     ? data.log.map(item => `<div class="log-row">
         <span>${esc(item.post_id)}</span>
@@ -438,12 +442,11 @@ function renderReclassDetail(data) {
     <h2>Detailed log</h2>
     <div class="log-head"><span>Post ID</span><span>From</span><span>To</span></div>
     <div class="log-list">${log}</div>
-    <h2>Post IDs</h2>
-    <div class="post-id-list">${postIds}</div>
   </div>`
-  $$(".post-id").forEach(btn => {
-    btn.onclick = () => window.open(`https://www.pixiv.net/artworks/${btn.dataset.pid}`, "_blank")
-  })
+  if (data.active) {
+    clearTimeout(reclassDetailTimer)
+    reclassDetailTimer = setTimeout(() => openSearch(data.id, 1, true), 2500)
+  }
 }
 
 function pageSuffix(url) {

frontend/style.css

@@ -344,22 +344,6 @@ input:focus, select:focus { outline: none; border-color: var(--accent); backgrou
   border: 1px solid var(--line);
   border-radius: 6px;
 }
-.post-id-list {
-  display: flex;
-  flex-wrap: wrap;
-  gap: .4rem;
-}
-.post-id {
-  height: 30px;
-  padding: 0 .55rem;
-  background: #0b0d0f;
-  border: 1px solid var(--line);
-  border-radius: 6px;
-  color: var(--accent);
-  cursor: pointer;
-  font-family: Consolas, "SFMono-Regular", monospace;
-}
-.post-id:hover { border-color: var(--accent); }
 .result-card {
   position: relative;
   min-width: 0;