From cf6d4c77df5211c0dc083f1003e27c1ba3f9950e Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 21 Apr 2026 06:49:00 +0000
Subject: [PATCH 1/3] Initial plan


From 150872b2547903c2c42cd117083743285f31db3c Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 21 Apr 2026 06:53:05 +0000
Subject: [PATCH 2/3] fix: use useIdeLink composable in preview-card-footer for
 correct editor links

Agent-Logs-Url: https://github.com/buggregator/frontend/sessions/adee725c-e4fe-4c22-9430-ea61a5f3c3a8

Co-authored-by: butschster <773481+butschster@users.noreply.github.com>
---
 .../ui/preview-card/preview-card-footer.vue   | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

diff --git a/src/shared/ui/preview-card/preview-card-footer.vue b/src/shared/ui/preview-card/preview-card-footer.vue
index 52da7541..35b2beff 100644
--- a/src/shared/ui/preview-card/preview-card-footer.vue
+++ b/src/shared/ui/preview-card/preview-card-footer.vue
@@ -1,7 +1,6 @@
 <script lang="ts" setup>
-import { storeToRefs } from 'pinia'
 import { withDefaults, defineProps, computed } from 'vue'
-import { useSettingsStore } from '../../stores/settings'
+import { useIdeLink } from '../../lib/helpers/use-ide-link'
 import { HighlightText } from '../highlight-text'
 import { IconSvg } from '../icon-svg'
 
@@ -27,7 +26,7 @@ const props = withDefaults(defineProps<Props>(), {
   originConfig: null
 })
 
-const { codeEditor } = storeToRefs(useSettingsStore())
+const { buildLink } = useIdeLink()
 
 const mappedOrigins = computed(() =>
   Object.entries(props.originConfig || {}).reduce(
@@ -53,21 +52,19 @@ const mappedOrigins = computed(() =>
 
 const editorLink = computed(() => {
   if (!props.originConfig) {
-    return ''
+    return null
   }
 
   const fileName = mappedOrigins.value.file || ''
-  const line = mappedOrigins.value.line || ''
+  const lineStr = mappedOrigins.value.line || ''
 
   if (!fileName || fileName === 'unknown') {
-    return ''
+    return null
   }
 
-  if (codeEditor.value == 'vscode') {
-    return `vscode://file/${fileName}${line ? `:${line}` : ''}`
-  }
+  const line = lineStr ? parseInt(lineStr, 10) : undefined
 
-  return `${codeEditor.value}://open?file=${fileName}${line ? `&line=${line}` : ''}`
+  return buildLink(fileName, line)
 })
 
 const isEditorLink = (key: string) => !!editorLink.value && (key === 'file' || key === 'line')
@@ -83,7 +80,7 @@ const isEditorLink = (key: string) => !!editorLink.value && (key === 'file' || k
         >
           <a
             v-if="isEditorLink(String(key))"
-            :href="editorLink"
+            :href="editorLink || undefined"
             target="_blank"
             class="pc-footer__tag pc-footer__tag--link"
           >

From 35eb02d1987d82eb6c5d0e4b58e3d6d909ed65b0 Mon Sep 17 00:00:00 2001
From: Andrei Kuchuk <kreezag@gmail.com>
Date: Fri, 24 Apr 2026 11:54:14 +0400
Subject: [PATCH 3/3] solidify preview-card-footer-types

---
 src/shared/ui/preview-card/preview-card-footer.vue | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/shared/ui/preview-card/preview-card-footer.vue b/src/shared/ui/preview-card/preview-card-footer.vue
index 35b2beff..1258f210 100644
--- a/src/shared/ui/preview-card/preview-card-footer.vue
+++ b/src/shared/ui/preview-card/preview-card-footer.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { withDefaults, defineProps, computed } from 'vue'
+import { withDefaults, defineProps, computed, type ComputedRef } from 'vue'
 import { useIdeLink } from '../../lib/helpers/use-ide-link'
 import { HighlightText } from '../highlight-text'
 import { IconSvg } from '../icon-svg'
@@ -28,7 +28,7 @@ const props = withDefaults(defineProps<Props>(), {
 
 const { buildLink } = useIdeLink()
 
-const mappedOrigins = computed(() =>
+const mappedOrigins: ComputedRef<Record<string, string>> = computed(() =>
   Object.entries(props.originConfig || {}).reduce(
     (acc, [key, value]) => {
       const fileName = props.originConfig?.file || ''
@@ -50,21 +50,21 @@ const mappedOrigins = computed(() =>
   )
 )
 
-const editorLink = computed(() => {
+const editorLink: ComputedRef<string | undefined> = computed(() => {
   if (!props.originConfig) {
-    return null
+    return undefined
   }
 
   const fileName = mappedOrigins.value.file || ''
   const lineStr = mappedOrigins.value.line || ''
 
   if (!fileName || fileName === 'unknown') {
-    return null
+    return undefined
   }
 
   const line = lineStr ? parseInt(lineStr, 10) : undefined
 
-  return buildLink(fileName, line)
+  return buildLink(fileName, line) || undefined
 })
 
 const isEditorLink = (key: string) => !!editorLink.value && (key === 'file' || key === 'line')
@@ -80,7 +80,7 @@ const isEditorLink = (key: string) => !!editorLink.value && (key === 'file' || k
         >
           <a
             v-if="isEditorLink(String(key))"
-            :href="editorLink || undefined"
+            :href="editorLink"
             target="_blank"
             class="pc-footer__tag pc-footer__tag--link"
           >