diff --git a/packages/app/src/debug/DebugArtifactLink.cy.tsx b/packages/app/src/debug/DebugArtifactLink.cy.tsx
index 574b5a3ef664..919abc703d88 100644
--- a/packages/app/src/debug/DebugArtifactLink.cy.tsx
+++ b/packages/app/src/debug/DebugArtifactLink.cy.tsx
@@ -1,7 +1,8 @@
import DebugArtifactLink from './DebugArtifactLink.vue'
+import type { ArtifactType } from './utils/debugArtifacts'
describe('', () => {
- const artifactMapping: {icon: string, text: string, url: string}[] = [
+ const artifactMapping: {icon: ArtifactType, text: string, url: string}[] = [
{ icon: 'TERMINAL_LOG', text: 'View Log', url: 'www.cypress.io' },
{ icon: 'IMAGE_SCREENSHOT', text: 'View Screenshot', url: 'cloud.cypress.io' },
{ icon: 'PLAY', text: 'View Video', url: 'www.cypress.io' },
diff --git a/packages/app/src/debug/DebugArtifactLink.vue b/packages/app/src/debug/DebugArtifactLink.vue
index 3f385dc5fbbe..635705840128 100644
--- a/packages/app/src/debug/DebugArtifactLink.vue
+++ b/packages/app/src/debug/DebugArtifactLink.vue
@@ -32,15 +32,14 @@
import { IconTechnologyTerminalLog, IconTechnologyImageScreenshot, IconActionPlaySmall } from '@cypress-design/vue-icon'
import Tooltip from '@packages/frontend-shared/src/components/Tooltip.vue'
import ExternalLink from '@cy/gql-components/ExternalLink.vue'
+import type { ArtifactType } from './utils/debugArtifacts'
const props = defineProps<{
- icon: string
+ icon: ArtifactType
popperText: string
- url: string | null | undefined
+ url: string
}>()
-type ArtifactType = 'TERMINAL_LOG' | 'IMAGE_SCREENSHOT' | 'PLAY'
-
const ICON_MAP: Record = {
'TERMINAL_LOG': IconTechnologyTerminalLog,
'IMAGE_SCREENSHOT': IconTechnologyImageScreenshot,
diff --git a/packages/app/src/debug/DebugContainer.vue b/packages/app/src/debug/DebugContainer.vue
index ab2b6e3336fc..50ca01cd1c3d 100644
--- a/packages/app/src/debug/DebugContainer.vue
+++ b/packages/app/src/debug/DebugContainer.vue
@@ -54,7 +54,7 @@