From 99c7f39383edd17e9f1cc15e39c938b41b973a98 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Wed, 21 Jan 2026 18:42:12 -0700
Subject: [PATCH 1/6] feat: show update available notif for modrinth app in
 linux

---
 apps/app-frontend/src/App.vue                 |  8 +-
 .../components/ui/UpdateAvailableToast.vue    | 95 +++++++++++++++++++
 2 files changed, 101 insertions(+), 2 deletions(-)
 create mode 100644 apps/app-frontend/src/components/ui/UpdateAvailableToast.vue

diff --git a/apps/app-frontend/src/App.vue b/apps/app-frontend/src/App.vue
index cea0a0e4ef..22f3d9b826 100644
--- a/apps/app-frontend/src/App.vue
+++ b/apps/app-frontend/src/App.vue
@@ -72,6 +72,7 @@ import QuickInstanceSwitcher from '@/components/ui/QuickInstanceSwitcher.vue'
 import RunningAppBar from '@/components/ui/RunningAppBar.vue'
 import SplashScreen from '@/components/ui/SplashScreen.vue'
 import UpdateToast from '@/components/ui/UpdateToast.vue'
+import UpdateAvailableToast from '@/components/ui/UpdateAvailableToast.vue'
 import URLConfirmModal from '@/components/ui/URLConfirmModal.vue'
 import { useCheckDisableMouseover } from '@/composables/macCssFix.js'
 import { hide_ads_window, init_ads_window, show_ads_window } from '@/helpers/ads.js'
@@ -143,6 +144,7 @@ const showOnboarding = ref(false)
 const nativeDecorations = ref(false)
 
 const os = ref('')
+const isDevEnvironment = ref(false)
 
 const stateInitialized = ref(false)
 
@@ -247,6 +249,7 @@ async function setupApp() {
 
 	os.value = await getOS()
 	const dev = await isDev()
+	isDevEnvironment.value = dev
 	const version = await getVersion()
 	showOnboarding.value = !onboarded
 
@@ -513,13 +516,13 @@ async function checkUpdates() {
 
 	async function performCheck() {
 		const update = await invoke('plugin:updater|check')
-		const isExistingUpdate = update.version === availableUpdate.value?.version
-
 		if (!update) {
 			console.log('No update available')
 			return
 		}
 
+		const isExistingUpdate = update.version === availableUpdate.value?.version
+
 		if (isExistingUpdate) {
 			console.log('Update is already known')
 			return
@@ -769,6 +772,7 @@ provideAppUpdateDownloadProgress(appUpdateDownload)
 					@restart="installUpdate"
 					@download="downloadAvailableUpdate"
 				/>
+				<UpdateAvailableToast v-else-if="os === 'Linux' && !isDevEnvironment" />
 			</Transition>
 		</Suspense>
 		<Transition name="fade">
diff --git a/apps/app-frontend/src/components/ui/UpdateAvailableToast.vue b/apps/app-frontend/src/components/ui/UpdateAvailableToast.vue
new file mode 100644
index 0000000000..3508c9a845
--- /dev/null
+++ b/apps/app-frontend/src/components/ui/UpdateAvailableToast.vue
@@ -0,0 +1,95 @@
+<script setup lang="ts">
+import { ExternalIcon, XIcon } from '@modrinth/assets'
+import { ButtonStyled, commonMessages, defineMessages, useVIntl } from '@modrinth/ui'
+import { getVersion } from '@tauri-apps/api/app'
+import { onMounted, onUnmounted, ref } from 'vue'
+
+const { formatMessage } = useVIntl()
+
+const dismissed = ref(false)
+const availableUpdate = ref<{ version: string } | null>(null)
+
+let checkInterval: ReturnType<typeof setInterval> | null = null
+
+async function checkForUpdate() {
+	try {
+		const [response, currentVersion] = await Promise.all([
+			fetch('https://launcher-files.modrinth.com/updates.json'),
+			getVersion(),
+		])
+		const updates = await response.json()
+		const latestVersion = updates?.version
+
+		if (latestVersion && latestVersion !== currentVersion) {
+			if (latestVersion !== availableUpdate.value?.version) {
+				availableUpdate.value = { version: latestVersion }
+				dismissed.value = false
+			}
+		}
+	} catch (e) {
+		console.error('Failed to check for updates:', e)
+	}
+}
+
+function dismiss() {
+	dismissed.value = true
+}
+
+onMounted(() => {
+	checkForUpdate()
+	checkInterval = setInterval(checkForUpdate, 5 * 60 * 1000)
+})
+
+onUnmounted(() => {
+	if (checkInterval) {
+		clearInterval(checkInterval)
+	}
+})
+
+const messages = defineMessages({
+	title: {
+		id: 'app.update-toast.title',
+		defaultMessage: 'Update available',
+	},
+	body: {
+		id: 'app.update-toast.body.linux',
+		defaultMessage:
+			'Modrinth App v{version} is now available! Update using your system package manager, or download the latest version from our website.',
+	},
+	download: {
+		id: 'app.update-toast.download-page',
+		defaultMessage: 'Download',
+	},
+	changelog: {
+		id: 'app.update-toast.changelog',
+		defaultMessage: 'Changelog',
+	},
+})
+</script>
+<template>
+	<div
+		v-if="availableUpdate && !dismissed"
+		class="grid grid-cols-[min-content] fixed card-shadow rounded-2xl top-[--top-bar-height] mt-6 right-6 p-4 z-10 bg-bg-raised border-divider border-solid border-[2px]"
+	>
+		<div class="flex min-w-[25rem] gap-4">
+			<h2 class="whitespace-nowrap text-base text-contrast font-semibold m-0 grow">
+				{{ formatMessage(messages.title) }}
+			</h2>
+			<ButtonStyled size="small" circular>
+				<button v-tooltip="formatMessage(commonMessages.closeButton)" @click="dismiss">
+					<XIcon />
+				</button>
+			</ButtonStyled>
+		</div>
+		<p class="text-sm mt-2 mb-0">
+			{{ formatMessage(messages.body, { version: availableUpdate.version }) }}
+		</p>
+		<div class="flex gap-2 mt-4">
+			<ButtonStyled>
+				<a href="https://modrinth.com/news/changelog?filter=app">
+					{{ formatMessage(messages.changelog) }} <ExternalIcon />
+				</a>
+			</ButtonStyled>
+		</div>
+	</div>
+</template>

From af39f8b3d9d232d36cfcf56a49950fa9c57fb566 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Wed, 21 Jan 2026 18:58:42 -0700
Subject: [PATCH 2/6] remove changelog button

---
 .../src/components/ui/UpdateAvailableToast.vue             | 7 -------
 1 file changed, 7 deletions(-)

diff --git a/apps/app-frontend/src/components/ui/UpdateAvailableToast.vue b/apps/app-frontend/src/components/ui/UpdateAvailableToast.vue
index 3508c9a845..98e0ec4427 100644
--- a/apps/app-frontend/src/components/ui/UpdateAvailableToast.vue
+++ b/apps/app-frontend/src/components/ui/UpdateAvailableToast.vue
@@ -84,12 +84,5 @@ const messages = defineMessages({
 		<p class="text-sm mt-2 mb-0">
 			{{ formatMessage(messages.body, { version: availableUpdate.version }) }}
 		</p>
-		<div class="flex gap-2 mt-4">
-			<ButtonStyled>
-				<a href="https://modrinth.com/news/changelog?filter=app">
-					{{ formatMessage(messages.changelog) }} <ExternalIcon />
-				</a>
-			</ButtonStyled>
-		</div>
 	</div>
 </template>

From 8de445c76b446dbd4847318fb4108514bed525c2 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 22 Jan 2026 10:14:20 -0700
Subject: [PATCH 3/6] update copy

---
 apps/app-frontend/src/components/ui/UpdateAvailableToast.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/app-frontend/src/components/ui/UpdateAvailableToast.vue b/apps/app-frontend/src/components/ui/UpdateAvailableToast.vue
index 98e0ec4427..ea9fac1cda 100644
--- a/apps/app-frontend/src/components/ui/UpdateAvailableToast.vue
+++ b/apps/app-frontend/src/components/ui/UpdateAvailableToast.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ExternalIcon, XIcon } from '@modrinth/assets'
+import { XIcon } from '@modrinth/assets'
 import { ButtonStyled, commonMessages, defineMessages, useVIntl } from '@modrinth/ui'
 import { getVersion } from '@tauri-apps/api/app'
 import { onMounted, onUnmounted, ref } from 'vue'
@@ -54,7 +54,7 @@ const messages = defineMessages({
 	body: {
 		id: 'app.update-toast.body.linux',
 		defaultMessage:
-			'Modrinth App v{version} is now available! Update using your system package manager, or download the latest version from our website.',
+			'Modrinth App v{version} is ready to install! Restart the app to apply the update once it has been installed by your system.',
 	},
 	download: {
 		id: 'app.update-toast.download-page',

From 5aa80b40af56f127e5c7902180d50efee3429c44 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 22 Jan 2026 10:17:37 -0700
Subject: [PATCH 4/6] pnpm prepr

---
 apps/app-frontend/src/App.vue                  | 2 +-
 apps/app-frontend/src/locales/en-US/index.json | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/apps/app-frontend/src/App.vue b/apps/app-frontend/src/App.vue
index 22f3d9b826..a3d303d0b6 100644
--- a/apps/app-frontend/src/App.vue
+++ b/apps/app-frontend/src/App.vue
@@ -71,8 +71,8 @@ import PromotionWrapper from '@/components/ui/PromotionWrapper.vue'
 import QuickInstanceSwitcher from '@/components/ui/QuickInstanceSwitcher.vue'
 import RunningAppBar from '@/components/ui/RunningAppBar.vue'
 import SplashScreen from '@/components/ui/SplashScreen.vue'
-import UpdateToast from '@/components/ui/UpdateToast.vue'
 import UpdateAvailableToast from '@/components/ui/UpdateAvailableToast.vue'
+import UpdateToast from '@/components/ui/UpdateToast.vue'
 import URLConfirmModal from '@/components/ui/URLConfirmModal.vue'
 import { useCheckDisableMouseover } from '@/composables/macCssFix.js'
 import { hide_ads_window, init_ads_window, show_ads_window } from '@/helpers/ads.js'
diff --git a/apps/app-frontend/src/locales/en-US/index.json b/apps/app-frontend/src/locales/en-US/index.json
index ed294cf0dc..eeb67164a7 100644
--- a/apps/app-frontend/src/locales/en-US/index.json
+++ b/apps/app-frontend/src/locales/en-US/index.json
@@ -38,6 +38,9 @@
   "app.update-toast.body.download-complete": {
     "message": "Modrinth App v{version} has finished downloading. Reload to update now, or automatically when you close Modrinth App."
   },
+  "app.update-toast.body.linux": {
+    "message": "Modrinth App v{version} is ready to install! Restart the app to apply the update once it has been installed by your system."
+  },
   "app.update-toast.body.metered": {
     "message": "Modrinth App v{version} is available now! Since you're on a metered network, we didn't automatically download it."
   },
@@ -47,6 +50,9 @@
   "app.update-toast.download": {
     "message": "Download ({size})"
   },
+  "app.update-toast.download-page": {
+    "message": "Download"
+  },
   "app.update-toast.downloading": {
     "message": "Downloading..."
   },

From c65e0d161ff39bf9985d3eccaf9f6c4a9486bb4a Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 22 Jan 2026 10:35:58 -0700
Subject: [PATCH 5/6] add restart app changelog

---
 .../components/ui/UpdateAvailableToast.vue    | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/apps/app-frontend/src/components/ui/UpdateAvailableToast.vue b/apps/app-frontend/src/components/ui/UpdateAvailableToast.vue
index ea9fac1cda..cec7953b6f 100644
--- a/apps/app-frontend/src/components/ui/UpdateAvailableToast.vue
+++ b/apps/app-frontend/src/components/ui/UpdateAvailableToast.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { XIcon } from '@modrinth/assets'
+import { restartApp } from '@/helpers/utils'
+import { RefreshCwIcon, XIcon } from '@modrinth/assets'
 import { ButtonStyled, commonMessages, defineMessages, useVIntl } from '@modrinth/ui'
 import { getVersion } from '@tauri-apps/api/app'
 import { onMounted, onUnmounted, ref } from 'vue'
@@ -64,6 +65,10 @@ const messages = defineMessages({
 		id: 'app.update-toast.changelog',
 		defaultMessage: 'Changelog',
 	},
+	restart: {
+		id: 'app.update-toast.restart',
+		defaultMessage: 'Restart app',
+	},
 })
 </script>
 <template>
@@ -84,5 +89,17 @@ const messages = defineMessages({
 		<p class="text-sm mt-2 mb-0">
 			{{ formatMessage(messages.body, { version: availableUpdate.version }) }}
 		</p>
+		<div class="flex gap-2 mt-4">
+			<ButtonStyled color="brand">
+				<button @click="restartApp()">
+					<RefreshCwIcon /> {{ formatMessage(messages.restart) }}
+				</button>
+			</ButtonStyled>
+			<ButtonStyled>
+				<a href="https://modrinth.com/news/changelog?filter=app">
+					{{ formatMessage(messages.changelog) }} <ExternalIcon />
+				</a>
+			</ButtonStyled>
+		</div>
 	</div>
 </template>

From 282d26d29d6772579a4601dfc7980cf658915d70 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Fri, 23 Jan 2026 10:03:32 -0700
Subject: [PATCH 6/6] pnpm prepr

---
 apps/app-frontend/src/components/ui/UpdateAvailableToast.vue | 3 ++-
 apps/app-frontend/src/locales/en-US/index.json               | 3 +++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/apps/app-frontend/src/components/ui/UpdateAvailableToast.vue b/apps/app-frontend/src/components/ui/UpdateAvailableToast.vue
index cec7953b6f..5db6a464e5 100644
--- a/apps/app-frontend/src/components/ui/UpdateAvailableToast.vue
+++ b/apps/app-frontend/src/components/ui/UpdateAvailableToast.vue
@@ -1,10 +1,11 @@
 <script setup lang="ts">
-import { restartApp } from '@/helpers/utils'
 import { RefreshCwIcon, XIcon } from '@modrinth/assets'
 import { ButtonStyled, commonMessages, defineMessages, useVIntl } from '@modrinth/ui'
 import { getVersion } from '@tauri-apps/api/app'
 import { onMounted, onUnmounted, ref } from 'vue'
 
+import { restartApp } from '@/helpers/utils'
+
 const { formatMessage } = useVIntl()
 
 const dismissed = ref(false)
diff --git a/apps/app-frontend/src/locales/en-US/index.json b/apps/app-frontend/src/locales/en-US/index.json
index eeb67164a7..225c9678e6 100644
--- a/apps/app-frontend/src/locales/en-US/index.json
+++ b/apps/app-frontend/src/locales/en-US/index.json
@@ -59,6 +59,9 @@
   "app.update-toast.reload": {
     "message": "Reload"
   },
+  "app.update-toast.restart": {
+    "message": "Restart app"
+  },
   "app.update-toast.title": {
     "message": "Update available"
   },