From 67ca4f1e204ad0e2d1dd30f50622e81f5b18b137 Mon Sep 17 00:00:00 2001
From: Mr_chank <180248271+chank-op@users.noreply.github.com>
Date: Sun, 10 May 2026 18:00:07 +1000
Subject: [PATCH 1/2] fix: add download attribute to fix JAR files saving as
 ZIP in Chromium

- JAR files were downloading with a `.zip` extension in Chromium-based browsers (Chrome, Edge, Arc, Brave, Opera, Vivaldi)
- Root cause: JAR files are ZIP archives internally, so Chromium sniffs the `Content-Type` as `application/zip` and overrides the filename extension when no `download` attribute is present
- Fix: add `download="<filename>"` to all file download `<a>` tags so the browser uses the original filename from the API
---
 .../src/pages/[type]/[id]/version/[version].vue  |  2 ++
 apps/frontend/src/pages/[type]/[id]/versions.vue |  1 +
 .../ui/src/components/version/VersionSummary.vue | 16 +++++++++++++---
 3 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/apps/frontend/src/pages/[type]/[id]/version/[version].vue b/apps/frontend/src/pages/[type]/[id]/version/[version].vue
index 52fdc553a0..68a10f6822 100644
--- a/apps/frontend/src/pages/[type]/[id]/version/[version].vue
+++ b/apps/frontend/src/pages/[type]/[id]/version/[version].vue
@@ -140,6 +140,7 @@
 					<a
 						v-tooltip="primaryFile.filename + ' (' + formatBytes(primaryFile.size) + ')'"
 						:href="decoratedPrimaryFileUrl"
+						:download="primaryFile.filename"
 						@click="emit('onDownload')"
 					>
 						<DownloadIcon aria-hidden="true" />
@@ -307,6 +308,7 @@
 						:href="decorateDownloadUrl(file.url)"
 						class="raised-button"
 						:title="`Download ${file.filename}`"
+						:download="file.filename"
 						tabindex="0"
 					>
 						<DownloadIcon aria-hidden="true" />
diff --git a/apps/frontend/src/pages/[type]/[id]/versions.vue b/apps/frontend/src/pages/[type]/[id]/versions.vue
index 1694947736..30dbf5a096 100644
--- a/apps/frontend/src/pages/[type]/[id]/versions.vue
+++ b/apps/frontend/src/pages/[type]/[id]/versions.vue
@@ -47,6 +47,7 @@
 						<a
 							v-tooltip="`Download`"
 							:href="createDownloadUrl(version)"
+							:download="getPrimaryFile(version).filename"
 							class="hover:!bg-button-bg [&>svg]:!text-green"
 							aria-label="Download"
 							@click="emit('onDownload')"
diff --git a/packages/ui/src/components/version/VersionSummary.vue b/packages/ui/src/components/version/VersionSummary.vue
index a14e0ac028..8e26a8ea1c 100644
--- a/packages/ui/src/components/version/VersionSummary.vue
+++ b/packages/ui/src/components/version/VersionSummary.vue
@@ -12,7 +12,12 @@
 			</p>
 		</div>
 		<ButtonStyled color="brand">
-			<a :href="downloadUrl" class="min-w-0" @click="emit('onDownload')">
+			<a
+				:href="downloadUrl"
+				:download="primaryFilename"
+				class="min-w-0"
+				@click="emit('onDownload')"
+			>
 				<DownloadIcon aria-hidden="true" /> Download
 			</a>
 		</ButtonStyled>
@@ -42,12 +47,17 @@ const props = defineProps<{
 	decorateDownloadUrl?: (url: string) => string
 }>()
 
+const primaryFile = computed<VersionFile>(
+	() => props.version.files.find((x) => x.primary) || props.version.files[0],
+)
+
 const downloadUrl = computed(() => {
-	const primary: VersionFile = props.version.files.find((x) => x.primary) || props.version.files[0]
-	const raw = primary.url
+	const raw = primaryFile.value.url
 	return props.decorateDownloadUrl ? props.decorateDownloadUrl(raw) : raw
 })
 
+const primaryFilename = computed(() => primaryFile.value.filename)
+
 const emit = defineEmits<{
 	onDownload: []
 	onNavigate: [url: string]

From 7eac65cd447696bbc157b72dfdb5964e03ae8b51 Mon Sep 17 00:00:00 2001
From: Mr_chank <180248271+chank-op@users.noreply.github.com>
Date: Mon, 11 May 2026 09:24:24 +1000
Subject: [PATCH 2/2] fix: add download attribute to remaining download links

Missed in initial pass: changelog page button, versions overflow
menu, settings/versions overflow menu. Also adds `download` prop
to Button and OverflowMenu to support dropdown link items.

Adds missing `getPrimaryFile` definition in changelog.vue.
---
 apps/frontend/src/pages/[type]/[id]/changelog.vue         | 5 +++++
 apps/frontend/src/pages/[type]/[id]/settings/versions.vue | 1 +
 apps/frontend/src/pages/[type]/[id]/versions.vue          | 1 +
 packages/ui/src/components/base/Button.vue                | 5 +++++
 packages/ui/src/components/base/OverflowMenu.vue          | 2 ++
 5 files changed, 14 insertions(+)

diff --git a/apps/frontend/src/pages/[type]/[id]/changelog.vue b/apps/frontend/src/pages/[type]/[id]/changelog.vue
index f5f34b6f66..cd85b5cac2 100644
--- a/apps/frontend/src/pages/[type]/[id]/changelog.vue
+++ b/apps/frontend/src/pages/[type]/[id]/changelog.vue
@@ -57,6 +57,7 @@
 									<a
 										class="ml-auto"
 										:href="createDownloadUrl(version)"
+										:download="getPrimaryFile(version).filename"
 										:title="`Download ${version.name}`"
 									>
 										<DownloadIcon aria-hidden="true" />
@@ -231,6 +232,10 @@ watch(
 	{ immediate: true },
 )
 
+function getPrimaryFile(version) {
+	return version.files.find((x) => x.primary) || version.files[0]
+}
+
 function createDownloadUrl(version) {
 	return createProjectDownloadUrl(getPrimaryFile(version).url, {
 		reason: cdnDownloadReason.value,
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/versions.vue b/apps/frontend/src/pages/[type]/[id]/settings/versions.vue
index 7176020d39..4d1e11ebca 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/versions.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/versions.vue
@@ -111,6 +111,7 @@
 								color: 'primary',
 								hoverFilled: true,
 								link: createDownloadUrl(version),
+								download: getPrimaryFile(version).filename,
 								action: () => {
 									emit('onDownload')
 								},
diff --git a/apps/frontend/src/pages/[type]/[id]/versions.vue b/apps/frontend/src/pages/[type]/[id]/versions.vue
index 30dbf5a096..75996265aa 100644
--- a/apps/frontend/src/pages/[type]/[id]/versions.vue
+++ b/apps/frontend/src/pages/[type]/[id]/versions.vue
@@ -102,6 +102,7 @@
 									color: 'primary',
 									hoverFilled: true,
 									link: createDownloadUrl(version),
+									download: getPrimaryFile(version).filename,
 									action: () => {
 										emit('onDownload')
 									},
diff --git a/packages/ui/src/components/base/Button.vue b/packages/ui/src/components/base/Button.vue
index 22f8b4cf55..48416b4f51 100644
--- a/packages/ui/src/components/base/Button.vue
+++ b/packages/ui/src/components/base/Button.vue
@@ -11,6 +11,10 @@ const props = defineProps({
 		type: Boolean,
 		default: false,
 	},
+	download: {
+		type: String,
+		default: null,
+	},
 	action: {
 		type: Function,
 		default: null,
@@ -106,6 +110,7 @@ const classes = computed(() => {
 		class="btn"
 		:class="classes"
 		:href="disabled ? undefined : link"
+		:download="download || undefined"
 		:target="external ? '_blank' : '_self'"
 		@click="
 			(event) => {
diff --git a/packages/ui/src/components/base/OverflowMenu.vue b/packages/ui/src/components/base/OverflowMenu.vue
index f0949a3a9a..92db08c3cf 100644
--- a/packages/ui/src/components/base/OverflowMenu.vue
+++ b/packages/ui/src/components/base/OverflowMenu.vue
@@ -36,6 +36,7 @@
 							: undefined
 					"
 					:link="option.link ? option.link : undefined"
+					:download="option.download ? option.download : undefined"
 					:external="option.external ? option.external : false"
 					:disabled="option.disabled"
 					@click="
@@ -76,6 +77,7 @@ interface Item extends BaseOption {
 	icon?: Component
 	action?: (event?: MouseEvent) => void
 	link?: string
+	download?: string
 	external?: boolean
 	color?:
 		| 'primary'