From 38718a61e732284628e8b5cb5e34255a839a1064 Mon Sep 17 00:00:00 2001
From: Roman <dev@rman.dev>
Date: Tue, 10 Feb 2026 23:17:57 +0000
Subject: [PATCH 1/3]  fix: show correct install size for native packages

---
 app/pages/package/[[org]]/[name].vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index 3ade232d3..3fe342602 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -495,6 +495,8 @@ const likeAction = async () => {
   }
 }
 
+const dependencyCount = getDependencyCount(displayVersion.value)
+
 const numberFormatter = useNumberFormatter()
 const compactNumberFormatter = useCompactNumberFormatter()
 const bytesFormatter = useBytesFormatter()
@@ -842,11 +844,11 @@ onKeyStroke(
               <span class="flex items-center gap-1">
                 <!-- Direct deps (muted) -->
                 <span class="text-fg-muted">{{
-                  numberFormatter.format(getDependencyCount(displayVersion))
+                  numberFormatter.format(dependencyCount)
                 }}</span>
 
                 <!-- Separator and total transitive deps -->
-                <template v-if="getDependencyCount(displayVersion) !== totalDepsCount">
+                <template v-if="dependencyCount > 0 && dependencyCount !== totalDepsCount">
                   <span class="text-fg-subtle">/</span>
 
                   <ClientOnly>
@@ -872,7 +874,7 @@ onKeyStroke(
                   </ClientOnly>
                 </template>
               </span>
-              <ButtonGroup v-if="getDependencyCount(displayVersion) > 0">
+              <ButtonGroup v-if="dependencyCount > 0">
                 <LinkBase
                   variant="button-secondary"
                   size="small"
@@ -918,7 +920,7 @@ onKeyStroke(
               </span>
 
               <!-- Separator and install size -->
-              <template v-if="getDependencyCount(displayVersion) > 0">
+              <template v-if="displayVersion?.dist.unpackedSize !== installSize?.totalSize">
                 <span class="text-fg-subtle mx-1">/</span>
 
                 <span

From 61c8d5d77c173a14feaebe38d3f5d007364a1a9f Mon Sep 17 00:00:00 2001
From: "autofix-ci[bot]" <114827586+autofix-ci[bot]@users.noreply.github.com>
Date: Tue, 10 Feb 2026 23:24:12 +0000
Subject: [PATCH 2/3] [autofix.ci] apply automated fixes

---
 app/pages/package/[[org]]/[name].vue | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index 3fe342602..0746720d7 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -843,9 +843,7 @@ onKeyStroke(
             <dd class="font-mono text-sm text-fg flex items-center justify-start gap-2">
               <span class="flex items-center gap-1">
                 <!-- Direct deps (muted) -->
-                <span class="text-fg-muted">{{
-                  numberFormatter.format(dependencyCount)
-                }}</span>
+                <span class="text-fg-muted">{{ numberFormatter.format(dependencyCount) }}</span>
 
                 <!-- Separator and total transitive deps -->
                 <template v-if="dependencyCount > 0 && dependencyCount !== totalDepsCount">

From 71dfff5188ea6d9e69befcb68d09f684bb64bbe7 Mon Sep 17 00:00:00 2001
From: Roman <dev@rman.dev>
Date: Tue, 10 Feb 2026 23:31:24 +0000
Subject: [PATCH 3/3] fix: address review

---
 app/pages/package/[[org]]/[name].vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index 0746720d7..8cc1a2317 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -495,7 +495,7 @@ const likeAction = async () => {
   }
 }
 
-const dependencyCount = getDependencyCount(displayVersion.value)
+const dependencyCount = computed(() => getDependencyCount(displayVersion.value))
 
 const numberFormatter = useNumberFormatter()
 const compactNumberFormatter = useCompactNumberFormatter()
@@ -918,7 +918,7 @@ onKeyStroke(
               </span>
 
               <!-- Separator and install size -->
-              <template v-if="displayVersion?.dist.unpackedSize !== installSize?.totalSize">
+              <template v-if="displayVersion?.dist?.unpackedSize !== installSize?.totalSize">
                 <span class="text-fg-subtle mx-1">/</span>
 
                 <span