Fix preview-card-footer editor links to use useIdeLink composable

[Copilot]

The preview-card footer was building editor deep-links with its own hardcoded logic, diverging from the rest of the app and producing incorrect URLs for all IDEs except VSCode. It also silently ignored custom file path mappings.

Changes

• preview-card-footer.vue: Replaced the bespoke editorLink computed with useIdeLink's buildLink(file, line), consistent with ray-frame, ray-file, sentry-exception-frame, and var-dump/preview-card

Before:

// Only handled vscode + a broken generic fallback; ignored path mappings
if (codeEditor.value == 'vscode') {
  return `vscode://file/${fileName}${line ? `:${line}` : ''}`
}
return `${codeEditor.value}://open?file=${fileName}${line ? `&line=${line}` : ''}`

After:

const { buildLink } = useIdeLink()

const editorLink = computed(() => {
  // ...
  return buildLink(fileName, line)  // pathToIDEFilePath + custom path mappings
})

All IDEs supported by pathToIDEFilePath (JetBrains, Sublime Text, Atom, TextMate, Nova, Zed, Cursor, VSCode) and user-configured file path mappings now work correctly in the footer.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• download.cypress.io
  • Triggering command: /opt/hostedtoolcache/node/24.14.1/x64/bin/node /opt/hostedtoolcache/node/24.14.1/x64/bin/node index.js --exec install (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

[github-actions]

📸 Storybook Screenshots

Screenshots for 1 changed component in this PR.

Shared/PreviewCardFooter

Default

---

Auto-generated from Storybook stories of changed .vue files