Added unidentified actors and actor count filters.

components/scenes/tile.vue

@@ -92,16 +92,23 @@ const favorited = ref(props.scene.stashes.some((sceneStash) => sceneStash.id ===
 
 				<ul
 					class="row actors nolist"
-					:title="scene.actors.map((actor) => actor.name).join(', ')"
+					:title="scene.actors.map((actor) => actor.name || 'Unknown').join(', ')"
 				>
 					<li
 						v-for="actor in scene.actors"
 						:key="`actor-${scene.id}-${actor.id}`"
 						class="actor"
+						:class="{ unknown: actor.isUnknown }"
 					>
+						<span
+							v-if="actor.isUnknown"
+							class="actor-name"
+						>{{ ['Unknown', actor.gender].filter(Boolean).join(' ') }}</span>
+
 						<Link
+							v-else
 							:href="`/actor/${actor.id}/${actor.slug}`"
-							class="nolink"
+							class="actor-name nolink"
 						>{{ actor.name }}</Link>
 					</li>
 				</ul>
@@ -237,7 +244,7 @@ const favorited = ref(props.scene.stashes.some((sceneStash) => sceneStash.id ===
 	color: var(--shadow);
 }
 
-.actor:hover,
+.actor:not(.unknown):hover,
 .tag:hover {
 	color: var(--primary);
 }
@@ -255,6 +262,13 @@ const favorited = ref(props.scene.stashes.some((sceneStash) => sceneStash.id ===
 	}
 }
 
+.actor.unknown {
+	.actor-name,
+	&:not(:last-child)::after {
+		color: var(--glass);
+	}
+}
+
 .tags {
 	height: 1.25rem;
 	overflow: hidden;