FabledCurator/frontend/src/components/settings/DiscordRepairCard.vue

<template>
  <!-- #3999: Discord downloads made before the naming fix landed in a `None`
       folder with no post and a download-time date. This re-downloads them
       cleanly. Preview first; the apply deletes files. -->
  <MaintenanceTile
    icon="mdi-download-off-outline"
    title="Repair Discord downloads"
    blurb="Re-download Discord images that were saved with no post and the wrong date."
    destructive
    :open="applying || previewing"
  >
    <p class="text-body-2 mb-3">
      Before the naming fix, every Discord download was saved into a folder
      called <code>None</code>. Those images never got a post, so they show the
      time Curator downloaded them rather than when they were posted.
      <strong>Apply</strong> deletes those images, clears Discord from the
      download history, and starts a fresh backfill of every Discord source so
      they come back with their posts and dates. Tags you added by hand to those
      images are lost. Nothing outside a Discord <code>None</code> folder is
      touched.
    </p>

    <div class="d-flex align-center flex-wrap" style="gap: 12px;">
      <v-btn
        color="primary" variant="tonal" rounded="pill"
        :loading="previewing" :disabled="applying" @click="preview"
      >
        <v-icon start>mdi-magnify</v-icon> Preview
      </v-btn>
      <v-btn
        color="error" rounded="pill"
        :loading="applying"
        :disabled="previewing || !canApply"
        @click="confirmOpen = true"
      >
        <v-icon start>mdi-download-off-outline</v-icon> Apply
      </v-btn>
    </div>

    <v-alert
      v-if="summary" :type="summaryType" variant="tonal" class="mt-4"
      density="comfortable"
    >
      <span v-if="applied">
        Deleted {{ summary.images_deleted }} image(s) and cleared
        {{ summary.archive_entries }} Discord download record(s). Backfills
        started on {{ summary.backfills_started }} Discord source(s).
      </span>
      <span v-else-if="hasWork">
        {{ summary.images }} broken image(s) ({{ humanBytes(summary.bytes) }})
        across {{ summary.directories }} folder(s), and
        {{ summary.archive_entries }} Discord download record(s) to clear.
        {{ summary.sources }} Discord source(s) will backfill again.
      </span>
      <span v-else>Nothing to repair — no broken Discord downloads found.</span>

      <div v-if="applied && summary.files_failed" class="mt-1 text-caption">
        {{ summary.files_failed }} file(s) could not be removed — see the worker log.
      </div>
      <div v-if="applied && summary.remaining" class="mt-1 text-caption">
        {{ summary.remaining }} broken image(s) are still present. Run it again.
      </div>
    </v-alert>

    <QueueStatusBar queue="maintenance_long" queue-label="Maintenance" />

    <v-dialog v-model="confirmOpen" max-width="440">
      <v-card>
        <v-card-title>Repair Discord downloads?</v-card-title>
        <v-card-text class="text-body-2">
          This permanently deletes <strong>{{ summary?.images ?? 0 }}</strong>
          Discord image(s) ({{ humanBytes(summary?.bytes) }}) and re-downloads
          them from Discord with their posts and dates. Any tags you added to
          those images by hand will not come back.
        </v-card-text>
        <v-card-actions>
          <v-spacer />
          <v-btn variant="text" @click="confirmOpen = false">Cancel</v-btn>
          <v-btn color="error" @click="apply">Repair</v-btn>
        </v-card-actions>
      </v-card>
    </v-dialog>
  </MaintenanceTile>
</template>

<script setup>
import { computed, ref } from 'vue'

import { useMaintenanceTask } from '../../composables/useMaintenanceTask.js'
import { humanBytes } from '../../utils/bytes.js'
import MaintenanceTile from '../common/MaintenanceTile.vue'
import QueueStatusBar from './QueueStatusBar.vue'

const confirmOpen = ref(false)

const { previewing, applying, summary, applied, preview, apply: applyTask } = useMaintenanceTask({
  endpoint: '/api/admin/maintenance/repair-discord-downloads',
  storageKey: 'fc.maint.repairDiscordDownloads',
  appliedToast: 'Discord downloads cleared — backfills started',
})

// The archive count matters too: files could already be gone while gallery-dl
// still believes it has them, which would stop the backfill re-fetching.
const hasWork = computed(
  () => !!summary.value && (summary.value.images > 0 || summary.value.archive_entries > 0),
)
const canApply = computed(() => hasWork.value && !applied.value)
const summaryType = computed(() => {
  if (applied.value) return 'success'
  return hasWork.value ? 'info' : 'success'
})

// The confirm dialog gates the destructive apply; close it, then run.
function apply () {
  confirmOpen.value = false
  applyTask()
}
</script>