feat: image variants per image

web/src/components/MediaEmptyState.vue

@@ -6,7 +6,7 @@ import { computed } from 'vue'
 const QUERY_MAX_LENGTH = 40
 
 const props = defineProps<{
-	variant: 'first-run' | 'no-results' | 'no-duplicates'
+	variant: 'first-run' | 'no-results' | 'no-duplicates' | 'no-variants'
 	query?: string
 	filterLabel?: string
 	offline?: boolean
@@ -42,6 +42,20 @@ const current = computed(() => {
 			action: t('Back to all images'),
 		}
 	}
+	if (props.variant === 'no-variants') {
+		return {
+			icon: 'i-lucide-layers',
+			get title() {
+				return t('No images with variants')
+			},
+			get description() {
+				return t(
+					'Variants are generated when an image is requested with ?v=<name>, or from its Variants tab.',
+				)
+			},
+			action: t('Show all images'),
+		}
+	}
 	return {
 		icon: 'i-lucide-search',
 		get title() {