From 868828ee4ab94dad5cd97543fe32e30005664e4d Mon Sep 17 00:00:00 2001
From: agamyo168 <agamyo168@gmail.com>
Date: Thu, 12 Feb 2026 22:41:32 +0200
Subject: [PATCH 1/4] feat: add copy button for package versions

---
 app/pages/package/[[org]]/[name].vue | 18 +++++++++++++++++-
 i18n/locales/en.json                 |  1 +
 i18n/schema.json                     |  3 +++
 lunaria/files/en-GB.json             |  1 +
 lunaria/files/en-US.json             |  1 +
 5 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index 6990e3046..e5f0b030e 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -246,6 +246,12 @@ const { copied: copiedPkgName, copy: copyPkgName } = useClipboard({
   copiedDuring: 2000,
 })
 
+//copy package name
+const { copied: copiedVersion, copy: copyVersion } = useClipboard({
+  source: resolvedVersion.value ?? '',
+  copiedDuring: 2000,
+})
+
 // Fetch dependency analysis (lazy, client-side)
 // This is the same composable used by PackageVulnerabilityTree and PackageDeprecatedTree
 const { data: vulnTree, status: vulnTreeStatus } = useDependencyAnalysis(
@@ -716,7 +722,17 @@ const showSkeleton = shallowRef(false)
               dir="ltr"
               >{{ resolvedVersion }}</LinkBase
             >
-            <span dir="ltr" v-else>v{{ resolvedVersion }}</span>
+            <span dir="ltr" v-else class="inline-flex items-center gap-1"
+              >v{{ resolvedVersion }}
+
+              <ButtonBase
+                size="small"
+                class="opacity-50 hover:opacity-100 transition-opacity"
+                :classicon="copiedVersion ? 'i-carbon:checkmark' : 'i-carbon:copy'"
+                :title="copiedVersion ? $t('common.copied') : $t('package.copy_version')"
+                @click="copyVersion()"
+              />
+            </span>
 
             <template v-if="hasProvenance(displayVersion)">
               <TooltipApp
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index adcc6e675..6d6188071 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -151,6 +151,7 @@
     "view_permalink": "View permalink for this version",
     "navigation": "Package",
     "copy_name": "Copy package name",
+    "copy_version": "Copy package version",
     "deprecation": {
       "package": "This package has been deprecated.",
       "version": "This version has been deprecated.",
diff --git a/i18n/schema.json b/i18n/schema.json
index 92163031c..656c39952 100644
--- a/i18n/schema.json
+++ b/i18n/schema.json
@@ -457,6 +457,9 @@
         "copy_name": {
           "type": "string"
         },
+        "copy_version": {
+          "type": "string"
+        },
         "deprecation": {
           "type": "object",
           "properties": {
diff --git a/lunaria/files/en-GB.json b/lunaria/files/en-GB.json
index 0949dc42c..9a4fb3231 100644
--- a/lunaria/files/en-GB.json
+++ b/lunaria/files/en-GB.json
@@ -150,6 +150,7 @@
     "view_permalink": "View permalink for this version",
     "navigation": "Package",
     "copy_name": "Copy package name",
+    "copy_version": "Copy package version",
     "deprecation": {
       "package": "This package has been deprecated.",
       "version": "This version has been deprecated.",
diff --git a/lunaria/files/en-US.json b/lunaria/files/en-US.json
index 30a83e757..1e2a4591e 100644
--- a/lunaria/files/en-US.json
+++ b/lunaria/files/en-US.json
@@ -150,6 +150,7 @@
     "view_permalink": "View permalink for this version",
     "navigation": "Package",
     "copy_name": "Copy package name",
+    "copy_version": "Copy package version",
     "deprecation": {
       "package": "This package has been deprecated.",
       "version": "This version has been deprecated.",

From c3f5621368d79796bad0274ec5d7d94481654367 Mon Sep 17 00:00:00 2001
From: agamyo168 <agamyo168@gmail.com>
Date: Fri, 13 Feb 2026 13:22:12 +0200
Subject: [PATCH 2/4] docs: forgot to edit the comment for the copyVersion hook

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

diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index a41a8e9b8..135ee3a77 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -246,7 +246,7 @@ const { copied: copiedPkgName, copy: copyPkgName } = useClipboard({
   copiedDuring: 2000,
 })
 
-//copy package name
+//copy version name
 const { copied: copiedVersion, copy: copyVersion } = useClipboard({
   source: resolvedVersion.value ?? '',
   copiedDuring: 2000,

From 676e301d94df066636a4acbbcd12255766db6a2b Mon Sep 17 00:00:00 2001
From: "Willow (GHOST)" <git@willow.sh>
Date: Fri, 13 Feb 2026 16:00:06 +0000
Subject: [PATCH 3/4] feat: unify style with copy package name button

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

diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index 135ee3a77..4d0705634 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -686,7 +686,7 @@ const showSkeleton = shallowRef(false)
               </span>
             </h1>
 
-            <!-- Floating copy button -->
+            <!-- Floating copy name button -->
             <button
               type="button"
               @click="copyPkgName()"
@@ -705,13 +705,16 @@ const showSkeleton = shallowRef(false)
               {{ copiedPkgName ? $t('common.copied') : $t('package.copy_name') }}
             </button>
           </div>
+
           <span
             v-if="resolvedVersion"
-            class="inline-flex items-baseline gap-1.5 font-mono text-base sm:text-lg text-fg-muted shrink-0"
+            class="inline-flex items-baseline gap-1.5 font-mono text-base sm:text-lg text-fg-muted shrink-0 relative group"
           >
             <!-- Version resolution indicator (e.g., "latest → 4.2.0") -->
             <template v-if="requestedVersion && resolvedVersion !== requestedVersion">
-              <span class="font-mono text-fg-muted text-sm" dir="ltr">{{ requestedVersion }}</span>
+              <span class="font-mono text-fg-muted text-sm" dir="ltr">
+                {{ requestedVersion }}
+              </span>
               <span class="i-carbon:arrow-right rtl-flip w-3 h-3" aria-hidden="true" />
             </template>
 
@@ -720,19 +723,9 @@ const showSkeleton = shallowRef(false)
               :to="packageRoute(pkg.name, resolvedVersion)"
               :title="$t('package.view_permalink')"
               dir="ltr"
-              >{{ resolvedVersion }}</LinkBase
             >
-            <span dir="ltr" v-else class="inline-flex items-center gap-1"
-              >v{{ resolvedVersion }}
-
-              <ButtonBase
-                size="small"
-                class="opacity-50 hover:opacity-100 transition-opacity"
-                :classicon="copiedVersion ? 'i-carbon:checkmark' : 'i-carbon:copy'"
-                :title="copiedVersion ? $t('common.copied') : $t('package.copy_version')"
-                @click="copyVersion()"
-              />
-            </span>
+              {{ resolvedVersion }}
+            </LinkBase>
 
             <template v-if="hasProvenance(displayVersion)">
               <TooltipApp
@@ -760,6 +753,25 @@ const showSkeleton = shallowRef(false)
               class="text-fg-subtle text-sm shrink-0"
               >{{ $t('package.not_latest') }}</span
             >
+
+            <!-- Floating copy version button -->
+            <button
+              type="button"
+              @click="copyVersion()"
+              class="absolute z-20 inset-is-0 top-full inline-flex items-center gap-1 px-2 py-1 rounded border text-xs font-mono whitespace-nowrap transition-all duration-150 opacity-0 -translate-y-1 pointer-events-none group-hover:opacity-100 group-hover:translate-y-0 group-hover:pointer-events-auto focus-visible:opacity-100 focus-visible:translate-y-0 focus-visible:pointer-events-auto"
+              :class="[
+                $style.copyButton,
+                copiedVersion ? 'text-accent bg-accent/10' : 'text-fg-muted bg-bg border-border',
+              ]"
+              :aria-label="copiedVersion ? $t('common.copied') : $t('package.copy_version')"
+            >
+              <span
+                :class="copiedVersion ? 'i-carbon:checkmark' : 'i-carbon:copy'"
+                class="w-3.5 h-3.5"
+                aria-hidden="true"
+              />
+              {{ copiedVersion ? $t('common.copied') : $t('package.copy_version') }}
+            </button>
           </span>
 
           <!-- Docs + Code + Compare — inline on desktop, floating bottom bar on mobile -->

From cdc7f399fefc7f64b70b318b3474e4d112985cb3 Mon Sep 17 00:00:00 2001
From: "Willow (GHOST)" <git@willow.sh>
Date: Fri, 13 Feb 2026 16:08:21 +0000
Subject: [PATCH 4/4] fix: merge artifacts

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

diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index 4d0705634..2a653a33b 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -712,9 +712,7 @@ const showSkeleton = shallowRef(false)
           >
             <!-- Version resolution indicator (e.g., "latest → 4.2.0") -->
             <template v-if="requestedVersion && resolvedVersion !== requestedVersion">
-              <span class="font-mono text-fg-muted text-sm" dir="ltr">
-                {{ requestedVersion }}
-              </span>
+              <span class="font-mono text-fg-muted text-sm" dir="ltr">{{ requestedVersion }}</span>
               <span class="i-carbon:arrow-right rtl-flip w-3 h-3" aria-hidden="true" />
             </template>
 
@@ -723,9 +721,9 @@ const showSkeleton = shallowRef(false)
               :to="packageRoute(pkg.name, resolvedVersion)"
               :title="$t('package.view_permalink')"
               dir="ltr"
+              >{{ resolvedVersion }}</LinkBase
             >
-              {{ resolvedVersion }}
-            </LinkBase>
+            <span dir="ltr" v-else>v{{ resolvedVersion }}</span>
 
             <template v-if="hasProvenance(displayVersion)">
               <TooltipApp