From 3a359f6c5ed1041be096152088eccdb8f2e0c72b Mon Sep 17 00:00:00 2001
From: Bryan Van Deusen <bryan.vandeusen@fabledsword.com>
Date: Mon, 25 May 2026 12:43:37 -0400
Subject: [PATCH] =?UTF-8?q?fix(ui):=20Quick=20scan=20button=20always=20vis?=
 =?UTF-8?q?ible=20(disabled=20when=20active=20batch=20present)=20+=20inlin?=
 =?UTF-8?q?e=20Clear=20stuck=20action=20=E2=80=94=20operator=20was=20click?=
 =?UTF-8?q?ing=20a=20spinner=20area=20thinking=20it=20was=20the=20button?=
 =?UTF-8?q?=20because=20activeBatch=20hid=20the=20Quick=20scan=20button=20?=
 =?UTF-8?q?entirely?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 .../settings/ImportTriggerPanel.vue           | 56 +++++++++++++++----
 1 file changed, 44 insertions(+), 12 deletions(-)

diff --git a/frontend/src/components/settings/ImportTriggerPanel.vue b/frontend/src/components/settings/ImportTriggerPanel.vue
index 232df86..957aaf6 100644
--- a/frontend/src/components/settings/ImportTriggerPanel.vue
+++ b/frontend/src/components/settings/ImportTriggerPanel.vue
@@ -2,7 +2,7 @@
   <v-card>
     <v-card-title>Trigger scan</v-card-title>
     <v-card-text>
-      <div v-if="store.activeBatch" class="d-flex align-center" style="gap: 12px;">
+      <div v-if="store.activeBatch" class="d-flex align-center mb-3" style="gap: 12px;">
         <v-progress-circular
           indeterminate color="accent" size="20"
         />
@@ -13,20 +13,40 @@
           failed {{ store.activeBatch.failed }} /
           {{ store.activeBatch.total_files }} files
         </span>
+        <v-spacer />
+        <v-btn
+          variant="text" rounded="pill" size="small" color="warning"
+          :loading="clearing" @click="onClearStuck"
+        >
+          Clear stuck
+        </v-btn>
       </div>
-      <div v-else>
-        <p class="text-body-2 mb-3">
+
+      <p class="text-body-2 mb-3">
+        <span v-if="!store.activeBatch">
           Run a quick scan of the import directory. Deep scan (pHash dedup,
           archives) lands in FC-2d.
-        </p>
-        <v-btn color="primary" rounded="pill" @click="trigger" :loading="busy">
-          <v-icon start>mdi-magnify-scan</v-icon>
-          Quick scan
-        </v-btn>
-        <v-alert v-if="store.triggerError" type="error" variant="tonal" class="mt-3" closable>
-          {{ store.triggerError }}
-        </v-alert>
-      </div>
+        </span>
+        <span v-else>
+          An active batch is in progress. Wait for it to finish, or click
+          <em>Clear stuck</em> above if it has been wedged with no
+          measurable progress.
+        </span>
+      </p>
+
+      <v-btn
+        color="primary" rounded="pill"
+        :disabled="!!store.activeBatch"
+        :loading="busy"
+        @click="trigger"
+      >
+        <v-icon start>mdi-magnify-scan</v-icon>
+        Quick scan
+      </v-btn>
+
+      <v-alert v-if="store.triggerError" type="error" variant="tonal" class="mt-3" closable>
+        {{ store.triggerError }}
+      </v-alert>
     </v-card-text>
   </v-card>
 </template>
@@ -37,9 +57,21 @@ import { useImportStore } from '../../stores/import.js'
 
 const store = useImportStore()
 const busy = ref(false)
+const clearing = ref(false)
 
 async function trigger() {
   busy.value = true
   try { await store.triggerScan() } catch {} finally { busy.value = false }
 }
+
+async function onClearStuck() {
+  clearing.value = true
+  try {
+    await store.clearStuck()
+  } catch {
+    // store surfaces error via triggerError if needed
+  } finally {
+    clearing.value = false
+  }
+}
 </script>