fc3d: SourceHealthDot — green/amber/red/grey badge with tooltip; embed in SourceRow

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

frontend/src/components/subscriptions/SourceRow.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="fc-source-row">
+    <SourceHealthDot :source="source" :warning-threshold="warningThreshold" />
     <v-chip size="x-small" variant="tonal" class="fc-source-row__platform">
       {{ source.platform }}
     </v-chip>
@@ -22,9 +23,12 @@
 </template>
 
 <script setup>
+import SourceHealthDot from './SourceHealthDot.vue'
+
 const props = defineProps({
   source: { type: Object, required: true },
   checking: { type: Boolean, default: false },
+  warningThreshold: { type: Number, default: 5 },
 })
 const emit = defineEmits(['edit', 'remove', 'toggle', 'check'])
 function onToggleEnabled(value) {
@@ -35,7 +39,7 @@ function onToggleEnabled(value) {
 <style scoped>
 .fc-source-row {
   display: grid;
-  grid-template-columns: 96px 1fr auto auto auto auto;
+  grid-template-columns: auto 96px 1fr auto auto auto auto;
   gap: 0.75rem;
   align-items: center;
   padding: 0.4rem 0;