fix: apply queue popover review cleanups

src/components/queue/job/JobAssetsList.test.ts

@@ -92,11 +92,11 @@ const mountJobAssetsList = (jobs: JobListItem[]) => {
   })
 }
 
-afterEach(() => {
-  vi.useRealTimers()
-})
-
 describe('JobAssetsList', () => {
+  afterEach(() => {
+    vi.useRealTimers()
+  })
+
   it('emits viewItem on preview-click for completed jobs with preview', async () => {
     const job = buildJob()
     const wrapper = mountJobAssetsList([job])

src/components/queue/job/JobAssetsList.vue

@@ -11,7 +11,6 @@
       <div
         v-for="job in group.items"
         :key="job.id"
-        class="relative"
         :data-job-id="job.id"
         @mouseenter="onJobEnter(job, $event)"
         @mouseleave="onJobLeave(job.id)"
@@ -103,7 +102,7 @@ import AssetsListItem from '@/platform/assets/components/AssetsListItem.vue'
 import { iconForJobState } from '@/utils/queueDisplay'
 import { isActiveJobState } from '@/utils/queueUtil'
 
-const props = defineProps<{ displayedJobGroups: JobGroup[] }>()
+const { displayedJobGroups } = defineProps<{ displayedJobGroups: JobGroup[] }>()
 
 const emit = defineEmits<{
   (e: 'cancelItem', item: JobListItem): void
@@ -158,7 +157,6 @@ const resetActiveDetails = () => {
 
 const scheduleDetailsShow = (job: JobListItem, rowElement: HTMLElement) => {
   clearShowTimer()
-  activeRowElement.value = rowElement
   showTimer.value = window.setTimeout(() => {
     activeRowElement.value = rowElement
     activeDetails.value = {
@@ -277,7 +275,7 @@ const getJobIconClass = (job: JobListItem): string | undefined => {
 }
 
 watch(
-  () => props.displayedJobGroups,
+  () => displayedJobGroups,
   (groups) => {
     const activeJobId = activeDetails.value?.jobId
     if (!activeJobId) return