feat: html report

packages/ui/client/components/FileDetails.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { client, current, currentLogs } from '~/composables/client'
+import { client, current, currentLogs, isReport } from '~/composables/client'
 import type { Params } from '~/composables/params'
 import { viewMode } from '~/composables/params'
 import type { ModuleGraph } from '~/composables/module-graph'
@@ -52,6 +52,7 @@ function onDraft(value: boolean) {
         </div>
         <div class="flex text-lg">
           <IconButton
+            v-if="!isReport"
             v-tooltip.bottom="'Open in editor'"
             title="Open in editor"
             icon="i-carbon-launch"
@@ -76,6 +77,7 @@ function onDraft(value: boolean) {
           Module Graph
         </button>
         <button
+          v-if="!isReport"
           tab-button
           :class="{ 'tab-button-active': viewMode === 'editor' }"
           @click="changeViewMode('editor')"

packages/ui/client/components/Navigation.vue

@@ -4,7 +4,7 @@ import { currentModule, dashboardVisible, showDashboard } from '../composables/n
 import { client, findById } from '../composables/client'
 import type { Task } from '#types'
 import { isDark, toggleDark } from '~/composables'
-import { files, runAll } from '~/composables/client'
+import { files, isReport, runAll } from '~/composables/client'
 import { activeFileId } from '~/composables/params'
 
 const failedSnapshot = computed(() => files.value && hasFailedSnapshot(files.value))
@@ -34,12 +34,13 @@ const toggleMode = computed(() => isDark.value ? 'light' : 'dark')
           @click="showDashboard(true)"
         />
         <IconButton
-          v-if="failedSnapshot"
+          v-if="(failedSnapshot && !isReport)"
           v-tooltip.bottom="'Update all failed snapshot(s)'"
           icon="i-carbon-result-old"
           @click="updateSnapshot()"
         />
         <IconButton
+          v-if="!isReport"
           v-tooltip.bottom="filteredTests ? (filteredTests.length === 0 ? 'No test to run (clear filter)' : 'Rerun filtered') : 'Rerun all'"
           :disabled="filteredTests?.length === 0"
           icon="i-carbon-play"

packages/ui/client/components/Suites.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { hasFailedSnapshot } from '@vitest/ws-client'
-import { client, current, runCurrent } from '~/composables/client'
+import { client, current, isReport, runCurrent } from '~/composables/client'
 
 const name = computed(() => current.value?.name.split(/\//g).pop())
 
@@ -16,12 +16,13 @@ const updateSnapshot = () => current.value && client.rpc.updateSnapshot(current.
         <span font-bold text-sm flex-auto ws-nowrap overflow-hidden truncate>{{ name }}</span>
         <div class="flex text-lg">
           <IconButton
-            v-if="failedSnapshot"
+            v-if="(failedSnapshot && !isReport)"
             v-tooltip.bottom="`Update failed snapshot(s) of ${current.name}`"
             icon="i-carbon-result-old"
             @click="updateSnapshot()"
           />
           <IconButton
+            v-if="!isReport"
             v-tooltip.bottom="'Rerun file'"
             icon="i-carbon-play"
             @click="runCurrent()"