fix(ui): FileDetails title status icon not being updated (#5942)

Author: userquin

packages/ui/client/components/FileDetails.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { hasFailedSnapshot } from '@vitest/ws-client'
 import {
   browserState,
   client,
@@ -30,6 +31,10 @@ const graphData = computed(() => {
   }
 })
 
+const failedSnapshot = computed(() => {
+  return current.value && hasFailedSnapshot(current.value)
+})
+
 function open() {
   const filePath = current.value?.filepath
   if (filePath) {
@@ -116,7 +121,7 @@ debouncedWatch(
   >
     <div>
       <div p="2" h-10 flex="~ gap-2" items-center bg-header border="b base">
-        <StatusIcon :task="current" />
+        <StatusIcon :state="current.result?.state" :mode="current.mode" :failed-snapshot="failedSnapshot" />
         <div
           v-if="current?.file.projectName"
           font-light