From a04d6571f25fbbd84830d69d47242e457d272033 Mon Sep 17 00:00:00 2001
From: Gugustinette <mercier.augustin@outlook.fr>
Date: Sun, 25 Jan 2026 16:31:55 +0100
Subject: [PATCH 1/2] feat: add link to node modules inspector

---
 app/pages/[...package].vue | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/app/pages/[...package].vue b/app/pages/[...package].vue
index 85a0449622..002e0c56be 100644
--- a/app/pages/[...package].vue
+++ b/app/pages/[...package].vue
@@ -529,7 +529,7 @@ defineOgImageComponent('Package', {
                 jsr
               </a>
             </li>
-            <li class="flex-grow">
+            <li>
               <a
                 :href="`https://socket.dev/npm/package/${pkg.name}/overview/${displayVersion?.version ?? 'latest'}`"
                 target="_blank"
@@ -540,6 +540,17 @@ defineOgImageComponent('Package', {
                 socket.dev
               </a>
             </li>
+            <li class="flex-grow">
+              <a
+                :href="`https://node-modules.dev/grid/depth#install=${pkg.name}${displayVersion?.version ? `@${displayVersion.version}` : ''}`"
+                target="_blank"
+                rel="noopener noreferrer"
+                class="link-subtle font-mono text-sm inline-flex items-center gap-1.5"
+              >
+                <span class="i-solar-eye-scan-outline w-4 h-4" aria-hidden="true" />
+                inspect
+              </a>
+            </li>
 
             <li v-if="displayVersion">
               <NuxtLink

From eb7fd9b8889e3ecbf9bfd3a94b3104160d2f851d Mon Sep 17 00:00:00 2001
From: Gugustinette <mercier.augustin@outlook.fr>
Date: Sun, 25 Jan 2026 18:45:44 +0100
Subject: [PATCH 2/2] fix: move link to deps header

---
 app/pages/[...package].vue | 27 +++++++++++++++------------
 1 file changed, 15 insertions(+), 12 deletions(-)

diff --git a/app/pages/[...package].vue b/app/pages/[...package].vue
index 002e0c56be..177bffb708 100644
--- a/app/pages/[...package].vue
+++ b/app/pages/[...package].vue
@@ -422,6 +422,20 @@ defineOgImageComponent('Package', {
                 <span class="i-carbon-network-3 w-3.5 h-3.5 inline-block" aria-hidden="true" />
                 <span class="sr-only">View dependency graph</span>
               </a>
+
+              <a
+                v-if="getDependencyCount(displayVersion) > 0"
+                :href="`https://node-modules.dev/grid/depth#install=${pkg.name}${displayVersion?.version ? `@${displayVersion.version}` : ''}`"
+                target="_blank"
+                rel="noopener noreferrer"
+                class="text-fg-subtle hover:text-fg transition-colors duration-200"
+                title="Inspect dependency tree on node-modules.dev"
+              >
+                <span
+                  class="i-solar-eye-scan-outline w-3.5 h-3.5 inline-block"
+                  aria-hidden="true"
+                />
+              </a>
             </dd>
           </div>
 
@@ -529,7 +543,7 @@ defineOgImageComponent('Package', {
                 jsr
               </a>
             </li>
-            <li>
+            <li class="flex-grow">
               <a
                 :href="`https://socket.dev/npm/package/${pkg.name}/overview/${displayVersion?.version ?? 'latest'}`"
                 target="_blank"
@@ -540,17 +554,6 @@ defineOgImageComponent('Package', {
                 socket.dev
               </a>
             </li>
-            <li class="flex-grow">
-              <a
-                :href="`https://node-modules.dev/grid/depth#install=${pkg.name}${displayVersion?.version ? `@${displayVersion.version}` : ''}`"
-                target="_blank"
-                rel="noopener noreferrer"
-                class="link-subtle font-mono text-sm inline-flex items-center gap-1.5"
-              >
-                <span class="i-solar-eye-scan-outline w-4 h-4" aria-hidden="true" />
-                inspect
-              </a>
-            </li>
 
             <li v-if="displayVersion">
               <NuxtLink