<template>
  <v-card>
    <v-card-title>ML backfill</v-card-title>
    <v-card-text>
      <p class="text-body-2 mb-3">
        Re-run Camie + SigLIP on images missing predictions or embeddings
        for the current model versions. Safe to re-run.
      </p>
      <v-btn color="primary" rounded="pill" :loading="busy" @click="run">
        <v-icon start>mdi-refresh</v-icon> Run backfill now
      </v-btn>
      <span v-if="done" class="ml-3 text-caption">Enqueued.</span>
    </v-card-text>
  </v-card>
</template>

<script setup>
import { ref } from 'vue'
import { useMLStore } from '../../stores/ml.js'
const store = useMLStore()
const busy = ref(false)
const done = ref(false)
async function run() {
  busy.value = true
  try { await store.triggerBackfill(); done.value = true }
  catch (e) { window.__fcToast?.({ text: e.message, type: 'error' }) }
  finally { busy.value = false }
}
</script>
