From 62e5bf3da2e6e3a8013ac11652fbfde57bbd0233 Mon Sep 17 00:00:00 2001
From: Lynx <lynx@ilynxcat.me>
Date: Wed, 11 Feb 2026 12:34:13 -0800
Subject: [PATCH 1/2] Update "Launch SFTP" button to use a hyperlink instead of
 a button

---
 .../src/pages/hosting/manage/[id]/options/info.vue   | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/apps/frontend/src/pages/hosting/manage/[id]/options/info.vue b/apps/frontend/src/pages/hosting/manage/[id]/options/info.vue
index 07054d3f68..976adf694a 100644
--- a/apps/frontend/src/pages/hosting/manage/[id]/options/info.vue
+++ b/apps/frontend/src/pages/hosting/manage/[id]/options/info.vue
@@ -8,14 +8,15 @@
 						<span> SFTP allows you to access your server's files from outside of Modrinth. </span>
 					</label>
 					<ButtonStyled>
-						<button
+						<a
 							v-tooltip="'This button only works with compatible SFTP clients (e.g. WinSCP)'"
 							class="!w-full sm:!w-auto"
-							@click="openSftp"
+							:href="sftpUrl"
+							target="_blank"
 						>
 							<ExternalIcon class="h-5 w-5" />
 							Launch SFTP
-						</button>
+						</a>
 					</ButtonStyled>
 				</div>
 
@@ -130,10 +131,7 @@ const props = defineProps<{
 const data = computed(() => props.server.general)
 const showPassword = ref(false)
 
-const openSftp = () => {
-	const sftpUrl = `sftp://${data.value?.sftp_username}@${data.value?.sftp_host}`
-	window.open(sftpUrl, '_blank')
-}
+const sftpUrl = `sftp://${data.value?.sftp_username}@${data.value?.sftp_host}`
 
 const togglePassword = () => {
 	showPassword.value = !showPassword.value

From 93bad05eca753b2ebb877bf6701b12191c4b5d89 Mon Sep 17 00:00:00 2001
From: Lynx <lynx@ilynxcat.me>
Date: Wed, 11 Feb 2026 18:58:29 -0800
Subject: [PATCH 2/2] fix: use computed ref to construct url

---
 apps/frontend/src/pages/hosting/manage/[id]/options/info.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/frontend/src/pages/hosting/manage/[id]/options/info.vue b/apps/frontend/src/pages/hosting/manage/[id]/options/info.vue
index 976adf694a..bdb9126d88 100644
--- a/apps/frontend/src/pages/hosting/manage/[id]/options/info.vue
+++ b/apps/frontend/src/pages/hosting/manage/[id]/options/info.vue
@@ -131,7 +131,7 @@ const props = defineProps<{
 const data = computed(() => props.server.general)
 const showPassword = ref(false)
 
-const sftpUrl = `sftp://${data.value?.sftp_username}@${data.value?.sftp_host}`
+const sftpUrl = computed(() => `sftp://${data.value?.sftp_username}@${data.value?.sftp_host}`)
 
 const togglePassword = () => {
 	showPassword.value = !showPassword.value