From f309a1e79e89ab30809b0af02dcdc658f848bf3d Mon Sep 17 00:00:00 2001
From: Bryan Van Deusen <bryan.vandeusen@fabledsword.com>
Date: Wed, 20 May 2026 20:47:36 -0400
Subject: [PATCH] =?UTF-8?q?feat(fc3c):=20/subscriptions=20Check=20Now=20bu?=
 =?UTF-8?q?tton=20=E2=80=94=20wires=20SourceRow=20=E2=86=92=20store.checkN?=
 =?UTF-8?q?ow?=
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>
---
 .../subscriptions/ArtistSection.vue           |  5 +++-
 .../components/subscriptions/SourceRow.vue    | 14 ++++++++--
 frontend/src/views/SubscriptionsView.vue      | 28 ++++++++++++++++++-
 3 files changed, 42 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/subscriptions/ArtistSection.vue b/frontend/src/components/subscriptions/ArtistSection.vue
index 894f3ab..148d813 100644
--- a/frontend/src/components/subscriptions/ArtistSection.vue
+++ b/frontend/src/components/subscriptions/ArtistSection.vue
@@ -13,9 +13,11 @@
     <div v-if="open" class="fc-artist-section__body">
       <SourceRow
         v-for="s in sources" :key="s.id" :source="s"
+        :checking="checkingIds.has(s.id)"
         @edit="$emit('edit', $event)"
         @remove="$emit('remove', $event)"
         @toggle="$emit('toggle-source', $event)"
+        @check="$emit('check', $event)"
       />
       <v-btn
         size="small" variant="text" prepend-icon="mdi-plus"
@@ -34,8 +36,9 @@ const props = defineProps({
   artist: { type: Object, required: true },
   sources: { type: Array, required: true },
   open: { type: Boolean, default: false },
+  checkingIds: { type: Set, default: () => new Set() },
 })
-defineEmits(['toggle', 'edit', 'remove', 'toggle-source', 'add-source'])
+defineEmits(['toggle', 'edit', 'remove', 'toggle-source', 'add-source', 'check'])
 
 const latestChecked = computed(() => {
   const dates = props.sources.map(s => s.last_checked_at).filter(Boolean)
diff --git a/frontend/src/components/subscriptions/SourceRow.vue b/frontend/src/components/subscriptions/SourceRow.vue
index 66807a3..b98cc88 100644
--- a/frontend/src/components/subscriptions/SourceRow.vue
+++ b/frontend/src/components/subscriptions/SourceRow.vue
@@ -11,14 +11,22 @@
       density="compact" hide-details color="accent"
       @update:model-value="onToggleEnabled"
     />
+    <v-btn
+      icon="mdi-play" size="x-small" variant="text"
+      :loading="checking"
+      @click="$emit('check', source)"
+    />
     <v-btn icon="mdi-pencil" size="x-small" variant="text" @click="$emit('edit', source)" />
     <v-btn icon="mdi-close" size="x-small" variant="text" @click="$emit('remove', source)" />
   </div>
 </template>
 
 <script setup>
-const props = defineProps({ source: { type: Object, required: true } })
-const emit = defineEmits(['edit', 'remove', 'toggle'])
+const props = defineProps({
+  source: { type: Object, required: true },
+  checking: { type: Boolean, default: false },
+})
+const emit = defineEmits(['edit', 'remove', 'toggle', 'check'])
 function onToggleEnabled(value) {
   emit('toggle', { source: props.source, enabled: value })
 }
@@ -27,7 +35,7 @@ function onToggleEnabled(value) {
 <style scoped>
 .fc-source-row {
   display: grid;
-  grid-template-columns: 96px 1fr auto auto auto;
+  grid-template-columns: 96px 1fr auto auto auto auto;
   gap: 0.75rem;
   align-items: center;
   padding: 0.4rem 0;
diff --git a/frontend/src/views/SubscriptionsView.vue b/frontend/src/views/SubscriptionsView.vue
index d9add59..c5f2a18 100644
--- a/frontend/src/views/SubscriptionsView.vue
+++ b/frontend/src/views/SubscriptionsView.vue
@@ -30,11 +30,13 @@
         v-for="g in groups" :key="g.artist.id"
         :artist="g.artist" :sources="g.sources"
         :open="isOpen(g.artist.id)"
+        :checking-ids="store.checkingIds"
         @toggle="toggleSection(g.artist.id)"
         @edit="openEditSource"
         @remove="removeSource"
         @toggle-source="toggleSourceEnabled"
         @add-source="openAddSource"
+        @check="onCheck"
       />
     </div>
 
@@ -50,7 +52,7 @@
 
 <script setup>
 import { computed, onMounted, ref, watch } from 'vue'
-import { useRoute } from 'vue-router'
+import { useRoute, useRouter } from 'vue-router'
 import { useSourcesStore } from '../stores/sources.js'
 import { usePlatformsStore } from '../stores/platforms.js'
 import ArtistSection from '../components/subscriptions/ArtistSection.vue'
@@ -58,6 +60,7 @@ import SourceFormDialog from '../components/subscriptions/SourceFormDialog.vue'
 import ArtistCreateDialog from '../components/subscriptions/ArtistCreateDialog.vue'
 
 const route = useRoute()
+const router = useRouter()
 const store = useSourcesStore()
 const platformsStore = usePlatformsStore()
 
@@ -132,6 +135,29 @@ function onArtistCreated(artist) {
   // Move into Add Source for the new artist immediately.
   openAddSource(artist)
 }
+
+async function onCheck(source) {
+  try {
+    const body = await store.checkNow(source.id)
+    globalThis.window?.__fcToast?.({
+      text: `Check enqueued (event #${body.download_event_id})`,
+      type: 'success',
+    })
+  } catch (e) {
+    if (e?.body?.download_event_id) {
+      globalThis.window?.__fcToast?.({
+        text: 'Already running — see Downloads',
+        type: 'info',
+      })
+      router.push({ path: '/downloads', query: { source_id: source.id } })
+    } else {
+      globalThis.window?.__fcToast?.({
+        text: `Check failed: ${e?.detail || e?.message || e}`,
+        type: 'error',
+      })
+    }
+  }
+}
 </script>
 
 <style scoped>