From 7047cdf363275b7677ce80ca5f7ea545de809182 Mon Sep 17 00:00:00 2001
From: voyage200 <hello_cmd@outlook.com>
Date: Sun, 2 Aug 2026 01:36:22 +0800
Subject: [PATCH 1/2] fix: Use `exact-active-class` to ensure the "All" tab is
 highlighted only on the `/report` page.

---
 .../node-modules-inspector/src/app/pages/report/[...report].vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/node-modules-inspector/src/app/pages/report/[...report].vue b/packages/node-modules-inspector/src/app/pages/report/[...report].vue
index d388f578..d670a686 100644
--- a/packages/node-modules-inspector/src/app/pages/report/[...report].vue
+++ b/packages/node-modules-inspector/src/app/pages/report/[...report].vue
@@ -50,7 +50,7 @@ const selected = computed(() => params.report?.[0] || 'all')
       <div i-ph-scales-duotone />
       Licenses
     </NuxtLink>
-    <NuxtLink btn-action as="button" :to="{ path: '/report', hash: location.hash }" active-class="text-primary bg-primary:5">
+    <NuxtLink btn-action as="button" :to="{ path: '/report', hash: location.hash }" exact-active-class="text-primary bg-primary:5">
       <div i-ph-grid-four-duotone />
       All
     </NuxtLink>

From a0bf7d609fad996716bf3e2811d05b9db0995888 Mon Sep 17 00:00:00 2001
From: voyage200 <hello_cmd@outlook.com>
Date: Sun, 2 Aug 2026 01:36:47 +0800
Subject: [PATCH 2/2] fix: Move the "All" tab to the first position in the
 navigation bar.

---
 .../src/app/pages/report/[...report].vue                  | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/node-modules-inspector/src/app/pages/report/[...report].vue b/packages/node-modules-inspector/src/app/pages/report/[...report].vue
index d670a686..205dcce4 100644
--- a/packages/node-modules-inspector/src/app/pages/report/[...report].vue
+++ b/packages/node-modules-inspector/src/app/pages/report/[...report].vue
@@ -10,6 +10,10 @@ const selected = computed(() => params.report?.[0] || 'all')
 
 <template>
   <div flex="~ gap-2 items-center wrap">
+    <NuxtLink btn-action as="button" :to="{ path: '/report', hash: location.hash }" exact-active-class="text-primary bg-primary:5">
+      <div i-ph-grid-four-duotone />
+      All
+    </NuxtLink>
     <NuxtLink btn-action as="button" :to="{ path: '/report/funding', hash: location.hash }" active-class="text-rose bg-rose:5">
       <div i-ph-heart-duotone />
       Funding
@@ -50,10 +54,6 @@ const selected = computed(() => params.report?.[0] || 'all')
       <div i-ph-scales-duotone />
       Licenses
     </NuxtLink>
-    <NuxtLink btn-action as="button" :to="{ path: '/report', hash: location.hash }" exact-active-class="text-primary bg-primary:5">
-      <div i-ph-grid-four-duotone />
-      All
-    </NuxtLink>
   </div>
 
   <ReportTransitiveDeps v-if="selected === 'dependencies' || selected === 'all'" />