From 8ed5b851ce77fd08e0fa1cbe947ee535ffd85fa1 Mon Sep 17 00:00:00 2001
From: preethipantangi <pantangisaipreethi@gmail.com>
Date: Wed, 29 Apr 2026 21:03:44 -0700
Subject: [PATCH 1/3] Added feature to copy version number by hovering on the
 version

---
 app/components/Package/Header.vue | 45 ++++++++++++++++++++++++-------
 i18n/locales/en.json              |  3 ++-
 2 files changed, 37 insertions(+), 11 deletions(-)

diff --git a/app/components/Package/Header.vue b/app/components/Package/Header.vue
index 571dff4264..758d4607b7 100644
--- a/app/components/Package/Header.vue
+++ b/app/components/Package/Header.vue
@@ -2,6 +2,7 @@
 import type { RouteLocationRaw } from 'vue-router'
 import type { CommandPaletteContextCommandInput } from '~/types/command-palette'
 import { SCROLL_TO_TOP_THRESHOLD } from '~/composables/useScrollToTop'
+import { useClipboard } from '@vueuse/core'
 
 const props = defineProps<{
   pkg?: Pick<SlimPackument, 'name' | 'versions' | 'dist-tags'> | null
@@ -61,6 +62,7 @@ const { y: scrollY } = useScroll(window)
 const showScrollToTop = computed(() => scrollY.value > SCROLL_TO_TOP_THRESHOLD)
 
 const packageName = computed(() => props.pkg?.name ?? '')
+const resolvedVersionDisplay = computed(() => props.resolvedVersion ?? '')
 const fundingUrl = computed(() => {
   let funding = props.displayVersion?.funding
   if (Array.isArray(funding)) funding = funding[0]
@@ -75,6 +77,11 @@ const { copied: copiedPkgName, copy: copyPkgName } = useClipboard({
   copiedDuring: 2000,
 })
 
+const { copied: copiedPkgVersion, copy: copyPkgVersion } = useClipboard({
+  source: resolvedVersionDisplay,
+  copiedDuring: 2000,
+})
+
 function hasProvenance(version: PackumentVersion | null): boolean {
   if (!version?.dist) return false
   return !!(version.dist as { attestations?: unknown }).attestations
@@ -98,6 +105,17 @@ useCommandPaletteContextCommands(
           announce($t('command_palette.announcements.copied_to_clipboard'))
         },
       },
+      {
+        id: 'package-copy-version',
+        group: 'package',
+        label: $t('package.versions.copy_version'),
+        keywords: [props.resolvedVersion],
+        iconClass: 'i-lucide:copy',
+        action: () => {
+          copyPkgVersion()
+          announce($t('command_palette.announcements.copied_to_clipboard'))
+        },
+      },
     ]
 
     if (fundingUrl.value) {
@@ -287,16 +305,23 @@ useShortcuts({
               <span class="i-lucide:cable rtl-flip min-w-3 w-3 h-3 mx-1" aria-hidden="true" />
             </TooltipApp>
           </template>
-          <!-- Version selector -->
-          <VersionSelector
-            v-if="resolvedVersion && pkg?.versions && pkg?.['dist-tags']"
-            :package-name="packageName"
-            :current-version="resolvedVersion"
-            :versions="pkg.versions"
-            :dist-tags="pkg['dist-tags']"
-            :url-pattern="versionUrlPattern"
-            position-class="max-md:inset-is-0 md:inset-ie-0"
-          />
+          <CopyToClipboardButton
+            :copied="copiedPkgVersion"
+            :copy-text="$t('package.versions.copy_version')"
+            class="inline-flex items-center min-w-0"
+            @click="copyPkgVersion()"
+          >
+            <!-- Version selector -->
+            <VersionSelector
+              v-if="resolvedVersion && pkg?.versions && pkg?.['dist-tags']"
+              :package-name="packageName"
+              :current-version="resolvedVersion"
+              :versions="pkg.versions"
+              :dist-tags="pkg['dist-tags']"
+              :url-pattern="versionUrlPattern"
+              position-class="max-md:inset-is-0 md:inset-ie-0"
+            />
+          </CopyToClipboardButton>
         </div>
       </div>
       <!-- Docs + Code — inline on desktop, floating bottom bar on mobile -->
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index 6851ed5511..ffddcfc957 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -570,7 +570,8 @@
       },
       "page_title": "Version History",
       "current_tags": "Current Tags",
-      "no_match_filter": "No versions match {filter}"
+      "no_match_filter": "No versions match {filter}",
+      "copy_version": "Copy version number"
     },
     "timeline": {
       "load_more": "Load more",

From deb30aceccac82124f130fbaf76245e58af85c49 Mon Sep 17 00:00:00 2001
From: preethipantangi <pantangisaipreethi@gmail.com>
Date: Thu, 30 Apr 2026 14:21:55 -0700
Subject: [PATCH 2/3] Added copy_number to schema and incorporate review
 changes in Header.vue

---
 Please                            |  0
 "[\360\237\221\211"               |  0
 app/components/Package/Header.vue | 20 ++++++++++++--------
 i18n/schema.json                  |  3 +++
 4 files changed, 15 insertions(+), 8 deletions(-)
 create mode 100644 Please
 create mode 100644 "[\360\237\221\211"

diff --git a/Please b/Please
new file mode 100644
index 0000000000..e69de29bb2
diff --git "a/[\360\237\221\211" "b/[\360\237\221\211"
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/app/components/Package/Header.vue b/app/components/Package/Header.vue
index 758d4607b7..b24af53517 100644
--- a/app/components/Package/Header.vue
+++ b/app/components/Package/Header.vue
@@ -2,7 +2,6 @@
 import type { RouteLocationRaw } from 'vue-router'
 import type { CommandPaletteContextCommandInput } from '~/types/command-palette'
 import { SCROLL_TO_TOP_THRESHOLD } from '~/composables/useScrollToTop'
-import { useClipboard } from '@vueuse/core'
 
 const props = defineProps<{
   pkg?: Pick<SlimPackument, 'name' | 'versions' | 'dist-tags'> | null
@@ -93,8 +92,10 @@ useCommandPaletteContextCommands(
   computed((): CommandPaletteContextCommandInput[] => {
     if (!packageName.value) return []
 
-    const commands: CommandPaletteContextCommandInput[] = [
-      {
+    const commands: CommandPaletteContextCommandInput[] = []
+
+    if (packageName.value) {
+      commands.push({
         id: 'package-copy-name',
         group: 'package',
         label: $t('package.copy_name'),
@@ -104,19 +105,22 @@ useCommandPaletteContextCommands(
           copyPkgName()
           announce($t('command_palette.announcements.copied_to_clipboard'))
         },
-      },
-      {
+      })
+    }
+
+    if (props.resolvedVersion) {
+      commands.push({
         id: 'package-copy-version',
         group: 'package',
         label: $t('package.versions.copy_version'),
-        keywords: [props.resolvedVersion],
+        keywords: [props.resolvedVersion ?? ''],
         iconClass: 'i-lucide:copy',
         action: () => {
           copyPkgVersion()
           announce($t('command_palette.announcements.copied_to_clipboard'))
         },
-      },
-    ]
+      })
+    }
 
     if (fundingUrl.value) {
       commands.push({
diff --git a/i18n/schema.json b/i18n/schema.json
index 7b6a3b3945..492d9d363c 100644
--- a/i18n/schema.json
+++ b/i18n/schema.json
@@ -1716,6 +1716,9 @@
             },
             "no_match_filter": {
               "type": "string"
+            },
+            "copy_version": {
+              "type": "string"
             }
           },
           "additionalProperties": false

From 6b32d0f3385b6a0a177cb077f1d82799bdf4b2d5 Mon Sep 17 00:00:00 2001
From: preethipantangi <pantangisaipreethi@gmail.com>
Date: Thu, 30 Apr 2026 16:02:07 -0700
Subject: [PATCH 3/3] Deleted unnecessary files

---
 Please              | 0
 "[\360\237\221\211" | 0
 2 files changed, 0 insertions(+), 0 deletions(-)
 delete mode 100644 Please
 delete mode 100644 "[\360\237\221\211"

diff --git a/Please b/Please
deleted file mode 100644
index e69de29bb2..0000000000
diff --git "a/[\360\237\221\211" "b/[\360\237\221\211"
deleted file mode 100644
index e69de29bb2..0000000000