diff --git a/app/components/Package/Dependencies.vue b/app/components/Package/Dependencies.vue
index 6edc71377b..041dc39679 100644
--- a/app/components/Package/Dependencies.vue
+++ b/app/components/Package/Dependencies.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { SEVERITY_TEXT_COLORS, getHighestSeverity } from '#shared/utils/severity'
 import { getOutdatedTooltip, getVersionClass } from '~/utils/npm/outdated-dependencies'
+import { parseNpmAlias } from '~/utils/npm/alias'
 
 const { t } = useI18n()
 
@@ -114,7 +115,11 @@ const numberFormatter = useNumberFormatter()
           :key="dep"
           class="flex items-center justify-between py-1 text-sm gap-2"
         >
-          <LinkBase :to="packageRoute(dep)" class="block truncate" dir="ltr">
+          <LinkBase
+            :to="packageRoute(parseNpmAlias(version)?.name ?? dep)"
+            class="block truncate"
+            dir="ltr"
+          >
             {{ dep }}
           </LinkBase>
           <span class="flex items-center gap-1 max-w-[40%]" dir="ltr">
@@ -169,7 +174,12 @@ const numberFormatter = useNumberFormatter()
               <span class="sr-only">{{ $t('package.deprecated.label') }}</span>
             </LinkBase>
             <LinkBase
-              :to="packageRoute(dep, version)"
+              :to="
+                packageRoute(
+                  parseNpmAlias(version)?.name ?? dep,
+                  parseNpmAlias(version)?.range ?? version,
+                )
+              "
               class="block truncate"
               :class="getDepVersionClass(dep)"
               :title="getDepVersionTooltip(dep, version)"
@@ -227,7 +237,11 @@ const numberFormatter = useNumberFormatter()
           class="flex items-center justify-between py-1 text-sm gap-1 min-w-0"
         >
           <div class="flex items-center gap-2 min-w-0 flex-1">
-            <LinkBase :to="packageRoute(peer.name)" class="block max-w-[70%] break-words" dir="ltr">
+            <LinkBase
+              :to="packageRoute(parseNpmAlias(peer.version)?.name ?? peer.name)"
+              class="block max-w-[70%] break-words"
+              dir="ltr"
+            >
               {{ peer.name }}
             </LinkBase>
             <TagStatic v-if="peer.optional" :title="$t('package.dependencies.optional')">
@@ -235,7 +249,12 @@ const numberFormatter = useNumberFormatter()
             </TagStatic>
           </div>
           <LinkBase
-            :to="packageRoute(peer.name, peer.version)"
+            :to="
+              packageRoute(
+                parseNpmAlias(peer.version)?.name ?? peer.name,
+                parseNpmAlias(peer.version)?.range ?? peer.version,
+              )
+            "
             class="block truncate max-w-[30%]"
             :title="peer.version"
             dir="ltr"
@@ -288,11 +307,20 @@ const numberFormatter = useNumberFormatter()
           :key="dep"
           class="flex items-baseline justify-between py-1 text-sm gap-2"
         >
-          <LinkBase :to="packageRoute(dep)" class="block max-w-[80%] break-words" dir="ltr">
+          <LinkBase
+            :to="packageRoute(parseNpmAlias(version)?.name ?? dep)"
+            class="block max-w-[80%] break-words"
+            dir="ltr"
+          >
             {{ dep }}
           </LinkBase>
           <LinkBase
-            :to="packageRoute(dep, version)"
+            :to="
+              packageRoute(
+                parseNpmAlias(version)?.name ?? dep,
+                parseNpmAlias(version)?.range ?? version,
+              )
+            "
             class="block truncate"
             :title="version"
             dir="ltr"
diff --git a/app/utils/npm/alias.ts b/app/utils/npm/alias.ts
new file mode 100644
index 0000000000..8f6256901d
--- /dev/null
+++ b/app/utils/npm/alias.ts
@@ -0,0 +1,18 @@
+/**
+ * Parses npm alias syntax: "npm:real-pkg@^1.0.0"
+ * Returns { name, range } for the real package, or null if not an alias.
+ *
+ * @example
+ * parseNpmAlias('npm:real-pkg@^1.0.0') // { name: 'real-pkg', range: '^1.0.0' }
+ * parseNpmAlias('npm:@scope/pkg@^1.0.0') // { name: '@scope/pkg', range: '^1.0.0' }
+ * parseNpmAlias('npm:real-pkg') // { name: 'real-pkg', range: '' }
+ * parseNpmAlias('^1.0.0') // null
+ */
+export function parseNpmAlias(version: string): { name: string; range: string } | null {
+  if (!version.startsWith('npm:')) return null
+  const spec = version.slice(4) // strip 'npm:'
+  // Handle scoped packages like @scope/pkg@1.0.0 — find @ after position 0
+  const atIdx = spec.startsWith('@') ? spec.indexOf('@', 1) : spec.indexOf('@')
+  if (atIdx === -1) return { name: spec, range: '' }
+  return { name: spec.slice(0, atIdx), range: spec.slice(atIdx + 1) }
+}
diff --git a/test/unit/app/utils/npm/alias.spec.ts b/test/unit/app/utils/npm/alias.spec.ts
new file mode 100644
index 0000000000..002e751ec1
--- /dev/null
+++ b/test/unit/app/utils/npm/alias.spec.ts
@@ -0,0 +1,62 @@
+import { describe, expect, it } from 'vitest'
+import { parseNpmAlias } from '~/utils/npm/alias'
+
+describe('parseNpmAlias', () => {
+  it('returns null for a regular semver range (not an alias)', () => {
+    expect(parseNpmAlias('^1.0.0')).toBeNull()
+  })
+
+  it('returns null for an empty string', () => {
+    expect(parseNpmAlias('')).toBeNull()
+  })
+
+  it('returns null for a plain version number', () => {
+    expect(parseNpmAlias('1.2.3')).toBeNull()
+  })
+
+  it('returns null for a workspace protocol', () => {
+    expect(parseNpmAlias('workspace:*')).toBeNull()
+  })
+
+  it('parses a simple alias with version range', () => {
+    expect(parseNpmAlias('npm:real-pkg@^1.0.0')).toEqual({
+      name: 'real-pkg',
+      range: '^1.0.0',
+    })
+  })
+
+  it('parses a scoped package alias', () => {
+    expect(parseNpmAlias('npm:@scope/pkg@^1.0.0')).toEqual({
+      name: '@scope/pkg',
+      range: '^1.0.0',
+    })
+  })
+
+  it('parses an alias without a version range', () => {
+    expect(parseNpmAlias('npm:real-pkg')).toEqual({
+      name: 'real-pkg',
+      range: '',
+    })
+  })
+
+  it('parses an alias with an exact version', () => {
+    expect(parseNpmAlias('npm:real-pkg@2.0.0')).toEqual({
+      name: 'real-pkg',
+      range: '2.0.0',
+    })
+  })
+
+  it('parses a scoped package alias without version', () => {
+    expect(parseNpmAlias('npm:@scope/pkg')).toEqual({
+      name: '@scope/pkg',
+      range: '',
+    })
+  })
+
+  it('strips the npm: prefix correctly', () => {
+    const result = parseNpmAlias('npm:lodash@^4.0.0')
+    expect(result).not.toBeNull()
+    expect(result!.name).toBe('lodash')
+    expect(result!.name).not.toContain('npm:')
+  })
+})