fix(frontend): dont assume wss for panel pingtest as well

fix(frontend): don't strip ws path
fix(frontend): actually do the same for websocket
2026-08-02 22:25:52 +00:00 · 2026-06-16 17:48:16 -04:00 · 2026-06-16 17:34:32 -04:00 · 2026-06-16 17:17:11 -04:00 · 2026-06-16 17:12:23 -04:00 · 2026-06-16 16:01:49 +00:00
172 changed files with 4362 additions and 1184 deletions
@@ -30,6 +30,10 @@ on:
          - prod-with-staging-archon
        default: prod
        required: false
+      app-version-override:
+        description: Temporary app version override for updater testing
+        type: string
+        required: false

 concurrency:
  group: ${{ github.workflow }}-${{ github.ref }}
@@ -126,7 +130,10 @@ jobs:
      - name: Set application version and environment
        shell: bash
        run: |
-          APP_VERSION="$(git describe --tags --always | sed -E 's/-([0-9]+)-(g[0-9a-fA-F]+)$/-canary+\1.\2/')"
+          APP_VERSION="${{ inputs.app-version-override }}"
+          if [ -z "$APP_VERSION" ]; then
+            APP_VERSION="$(git describe --tags --always | sed -E 's/-([0-9]+)-(g[0-9a-fA-F]+)$/-canary+\1.\2/')"
+          fi
          BUILD_ENVIRONMENT="${{ inputs.environment || 'prod' }}"
          echo "Setting application version to $APP_VERSION"
          echo "Using environment $BUILD_ENVIRONMENT"
@@ -153,7 +160,7 @@ jobs:
          fi

      - name: Build macOS app
-        run: ${{ (github.ref == 'refs/heads/main' || startsWith(github.ref, 'refs/tags/v')) && 'pnpm --filter=@modrinth/app run tauri build --target universal-apple-darwin --config tauri-release.conf.json' || 'pnpm --filter=@modrinth/app run tauri build --target universal-apple-darwin --config tauri-dev.conf.json' }}
+        run: ${{ (github.ref == 'refs/heads/main' || startsWith(github.ref, 'refs/tags/v') || inputs.app-version-override != '') && 'pnpm --filter=@modrinth/app run tauri build --target universal-apple-darwin --config tauri-release.conf.json' || 'pnpm --filter=@modrinth/app run tauri build --target universal-apple-darwin --config tauri-dev.conf.json' }}
        if: contains(matrix.platform, 'macos')
        env:
          TAURI_BUNDLER_DMG_IGNORE_CI: 'true'
@@ -168,7 +175,7 @@ jobs:
          TAURI_SIGNING_PRIVATE_KEY_PASSWORD: ${{ secrets.TAURI_KEY_PASSWORD }}

      - name: Build Linux app
-        run: ${{ (github.ref == 'refs/heads/main' || startsWith(github.ref, 'refs/tags/v')) && 'pnpm --filter=@modrinth/app run tauri build --config tauri-release.conf.json' || 'pnpm --filter=@modrinth/app run tauri build --config tauri-dev.conf.json' }}
+        run: ${{ (github.ref == 'refs/heads/main' || startsWith(github.ref, 'refs/tags/v') || inputs.app-version-override != '') && 'pnpm --filter=@modrinth/app run tauri build --config tauri-release.conf.json' || 'pnpm --filter=@modrinth/app run tauri build --config tauri-dev.conf.json' }}
        if: contains(matrix.platform, 'ubuntu')
        env:
          TAURI_SIGNING_PRIVATE_KEY: ${{ secrets.TAURI_PRIVATE_KEY }}
@@ -179,7 +186,7 @@ jobs:
          [System.Convert]::FromBase64String("$env:DIGICERT_ONE_SIGNER_CLIENT_CERTIFICATE_BASE64") | Set-Content -Path signer-client-cert.p12 -AsByteStream
          $env:DIGICERT_ONE_SIGNER_CREDENTIALS = "$env:DIGICERT_ONE_SIGNER_API_KEY|$PWD\signer-client-cert.p12|$env:DIGICERT_ONE_SIGNER_CLIENT_CERTIFICATE_PASSWORD"
          $env:JAVA_HOME = "$env:JAVA_HOME_17_X64"
-          ${{ (github.ref == 'refs/heads/main' || startsWith(github.ref, 'refs/tags/v')) && 'pnpm --filter=@modrinth/app run tauri build --config tauri-release.conf.json --verbose --bundles "nsis,updater"' || 'pnpm --filter=@modrinth/app run tauri build --config tauri-dev.conf.json --verbose --bundles "nsis,updater"' }}
+          ${{ (github.ref == 'refs/heads/main' || startsWith(github.ref, 'refs/tags/v') || inputs.app-version-override != '') && 'pnpm --filter=@modrinth/app run tauri build --config tauri-release.conf.json --verbose --bundles "nsis,updater"' || 'pnpm --filter=@modrinth/app run tauri build --config tauri-dev.conf.json --verbose --bundles "nsis,updater"' }}
          Remove-Item -Path signer-client-cert.p12 -ErrorAction SilentlyContinue
        if: contains(matrix.platform, 'windows')
        env:
@@ -22,6 +22,7 @@ node_modules
 !.vscode/tasks.json
 !.vscode/launch.json
 !.vscode/extensions.json
+!.vscode/i18n-ally-custom-framework.yml

 # IDE - IntelliJ
 .idea/*
@@ -1,3 +1,3 @@
 {
-  "recommendations": ["esbenp.prettier-vscode", "Vue.volar", "rust-lang.rust-analyzer"]
+  "recommendations": ["esbenp.prettier-vscode", "Vue.volar", "rust-lang.rust-analyzer", "lokalise.i18n-ally"]
 }
@@ -0,0 +1,10 @@
+languageIds:
+  - vue
+  - typescript
+  - javascript
+  - typescriptreact
+
+usageMatchRegex:
+  - id:\s*['"]({key})['"]
+
+monopoly: true
@@ -1,7 +1,12 @@
 {
 	"prettier.endOfLine": "lf",
 	"editor.formatOnSave": true,
-	"eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact"],
+	"eslint.validate": [
+		"javascript",
+		"javascriptreact",
+		"typescript",
+		"typescriptreact"
+	],
 	"editor.detectIndentation": false,
 	"editor.insertSpaces": false,
 	"files.eol": "\n",
@@ -31,5 +36,15 @@
 		"editor.defaultFormatter": "rust-lang.rust-analyzer"
 	},
 	"css.lint.unknownAtRules": "ignore",
-	"scss.lint.unknownAtRules": "ignore"
+	"scss.lint.unknownAtRules": "ignore",
+	"i18n-ally.localesPaths": [
+		"packages/ui/src/locales",
+		"apps/frontend/src/locales",
+		"packages/moderation/src/locales"
+	],
+	"i18n-ally.pathMatcher": "{locale}/index.{ext}",
+	"i18n-ally.keystyle": "flat",
+	"i18n-ally.sourceLanguage": "en-US",
+	"i18n-ally.namespace": false,
+	"i18n-ally.includeSubfolders": true
 }
@@ -1378,7 +1378,7 @@ dependencies = [
 "bitflags 2.9.4",
 "cexpr",
 "clang-sys",
- "itertools 0.12.1",
+ "itertools 0.13.0",
 "log",
 "prettyplease",
 "proc-macro2",
@@ -2927,7 +2927,7 @@ version = "0.5.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "330c60081dcc4c72131f8eb70510f1ac07223e5d4163db481a04a0befcffa412"
 dependencies = [
- "libloading 0.7.4",
+ "libloading 0.8.8",
 ]

 [[package]]
@@ -3260,7 +3260,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "39cab71617ae0d63f51a36d69f866391735b51691dbda63cf6f96d042b63efeb"
 dependencies = [
 "libc",
- "windows-sys 0.52.0",
+ "windows-sys 0.61.2",
 ]

 [[package]]
@@ -4577,7 +4577,7 @@ dependencies = [
 "libc",
 "percent-encoding",
 "pin-project-lite",
- "socket2 0.5.10",
+ "socket2 0.6.1",
 "system-configuration",
 "tokio",
 "tower-service",
@@ -4817,7 +4817,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "4b0f83760fb341a774ed326568e19f5a863af4a952def8c39f9ab92fd95b88e5"
 dependencies = [
 "equivalent",
- "hashbrown 0.16.0",
+ "hashbrown 0.15.5",
 "serde",
 "serde_core",
 ]
@@ -4974,7 +4974,7 @@ checksum = "e04d7f318608d35d4b61ddd75cbdaee86b023ebe2bd5a66ee0915f0bf93095a9"
 dependencies = [
 "hermit-abi 0.5.2",
 "libc",
- "windows-sys 0.52.0",
+ "windows-sys 0.59.0",
 ]

 [[package]]
@@ -5439,7 +5439,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "07033963ba89ebaf1584d767badaa2e8fcec21aedea6b8c0346d487d49c28667"
 dependencies = [
 "cfg-if",
- "windows-targets 0.48.5",
+ "windows-targets 0.53.5",
 ]

 [[package]]
@@ -7701,7 +7701,7 @@ dependencies = [
 "quinn-udp",
 "rustc-hash",
 "rustls 0.23.32",
- "socket2 0.5.10",
+ "socket2 0.6.1",
 "thiserror 2.0.17",
 "tokio",
 "tracing",
@@ -7738,9 +7738,9 @@ dependencies = [
 "cfg_aliases",
 "libc",
 "once_cell",
- "socket2 0.5.10",
+ "socket2 0.6.1",
 "tracing",
- "windows-sys 0.52.0",
+ "windows-sys 0.60.2",
 ]

 [[package]]
@@ -8159,15 +8159,20 @@ dependencies = [
 "http-body 1.0.1",
 "http-body-util",
 "hyper 1.7.0",
+ "hyper-rustls 0.27.7",
 "hyper-util",
 "js-sys",
 "log",
 "percent-encoding",
 "pin-project-lite",
+ "rustls 0.23.32",
+ "rustls-pki-types",
+ "rustls-platform-verifier",
 "serde",
 "serde_json",
 "sync_wrapper",
 "tokio",
+ "tokio-rustls 0.26.4",
 "tokio-util",
 "tower",
 "tower-http",
@@ -8413,7 +8418,7 @@ dependencies = [
 "errno",
 "libc",
 "linux-raw-sys 0.4.15",
- "windows-sys 0.52.0",
+ "windows-sys 0.59.0",
 ]

 [[package]]
@@ -8426,7 +8431,7 @@ dependencies = [
 "errno",
 "libc",
 "linux-raw-sys 0.11.0",
- "windows-sys 0.52.0",
+ "windows-sys 0.61.2",
 ]

 [[package]]
@@ -8509,6 +8514,33 @@ dependencies = [
 "zeroize",
 ]

+[[package]]
+name = "rustls-platform-verifier"
+version = "0.6.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1d99feebc72bae7ab76ba994bb5e121b8d83d910ca40b36e0921f53becc41784"
+dependencies = [
+ "core-foundation 0.10.1",
+ "core-foundation-sys",
+ "jni",
+ "log",
+ "once_cell",
+ "rustls 0.23.32",
+ "rustls-native-certs 0.8.1",
+ "rustls-platform-verifier-android",
+ "rustls-webpki 0.103.7",
+ "security-framework 3.5.1",
+ "security-framework-sys",
+ "webpki-root-certs",
+ "windows-sys 0.61.2",
+]
+
+[[package]]
+name = "rustls-platform-verifier-android"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f87165f0995f63a9fbeea62b64d10b4d9d8e78ec6d7d51fb2125fda7bb36788f"
+
 [[package]]
 name = "rustls-webpki"
 version = "0.101.7"
@@ -9654,7 +9686,6 @@ dependencies = [
 "cfg-if",
 "libc",
 "psm",
- "windows-sys 0.52.0",
 "windows-sys 0.59.0",
 ]

@@ -10264,9 +10295,8 @@ dependencies = [

 [[package]]
 name = "tauri-plugin-updater"
-version = "2.9.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "27cbc31740f4d507712550694749572ec0e43bdd66992db7599b89fbfd6b167b"
+version = "2.10.1"
+source = "git+https://github.com/modrinth/plugins-workspace?rev=0d30f2aa28ec668ce187d527da1c475da3c01cbc#0d30f2aa28ec668ce187d527da1c475da3c01cbc"
 dependencies = [
 "base64 0.22.1",
 "dirs",
@@ -10278,7 +10308,8 @@ dependencies = [
 "minisign-verify",
 "osakit",
 "percent-encoding",
- "reqwest 0.12.24",
+ "reqwest 0.13.2",
+ "rustls 0.23.32",
 "semver",
 "serde",
 "serde_json",
@@ -10419,7 +10450,7 @@ dependencies = [
 "getrandom 0.3.3",
 "once_cell",
 "rustix 1.1.2",
- "windows-sys 0.52.0",
+ "windows-sys 0.61.2",
 ]

 [[package]]
@@ -11957,6 +11988,15 @@ dependencies = [
 "libwebp-sys",
 ]

+[[package]]
+name = "webpki-root-certs"
+version = "1.0.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f31141ce3fc3e300ae89b78c0dd67f9708061d1d2eda54b8209346fd6be9a92c"
+dependencies = [
+ "rustls-pki-types",
+]
+
 [[package]]
 name = "webpki-roots"
 version = "0.26.11"
@@ -12078,7 +12118,7 @@ version = "0.1.11"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "c2a7b1c03c876122aa43f3020e6c3c3ee5c05081c9a00739faf7503aeba10d22"
 dependencies = [
- "windows-sys 0.48.0",
+ "windows-sys 0.61.2",
 ]

 [[package]]
@@ -192,7 +192,7 @@ tauri-plugin-http = "2.5.7"
 tauri-plugin-opener = "2.5.0"
 tauri-plugin-os = "2.3.1"
 tauri-plugin-single-instance = "2.3.4"
-tauri-plugin-updater = { version = "2.9.0", default-features = false, features = [
+tauri-plugin-updater = { git = "https://github.com/modrinth/plugins-workspace", rev = "0d30f2aa28ec668ce187d527da1c475da3c01cbc", default-features = false, features = [
  "rustls-tls",
  "zip",
 ] }
@@ -44,7 +44,8 @@
 		"vue": "^3.5.13",
 		"vue-i18n": "^10.0.0",
 		"vue-router": "^4.6.0",
-		"vue-virtual-scroller": "v2.0.0-beta.8"
+		"vue-virtual-scroller": "v2.0.0-beta.8",
+		"vuedraggable": "^4.1.0"
 	},
 	"devDependencies": {
 		"@eslint/compat": "^1.1.1",
@@ -12,7 +12,6 @@ import {
 	ArrowBigUpDashIcon,
 	ChangeSkinIcon,
 	CompassIcon,
-	DownloadIcon,
 	ExternalIcon,
 	HomeIcon,
 	LeftArrowIcon,
@@ -45,7 +44,6 @@ import {
 	NotificationPanel,
 	OverflowMenu,
 	PopupNotificationPanel,
-	ProgressSpinner,
 	provideModalBehavior,
 	provideModrinthClient,
 	provideNotificationManager,
@@ -113,6 +111,16 @@ import {
 	setRestartAfterPendingUpdate,
 } from '@/helpers/utils.js'
 import i18n from '@/i18n.config'
+import {
+	appUpdateState,
+	downloadAvailableAppUpdate,
+	getNextAppUpdatePopupTime,
+	installAvailableAppUpdate,
+	markAppUpdateActionable,
+	markAppUpdatePopupShown,
+	openAppUpdateChangelog,
+	setAppUpdateActions,
+} from '@/providers/app-update.ts'
 import { createContentInstall, provideContentInstall } from '@/providers/content-install'
 import {
 	provideAppUpdateDownloadProgress,
@@ -297,6 +305,7 @@ onUnmounted(async () => {
 	document.querySelector('body').removeEventListener('click', handleClick)
 	document.querySelector('body').removeEventListener('auxclick', handleAuxClick)
 	unsubscribeSidebarToggle()
+	clearDelayedUpdatePopup()

 	await unlistenUpdateDownload?.()
 })
@@ -313,18 +322,6 @@ const messages = defineMessages({
 		id: 'app.update.complete-toast.text',
 		defaultMessage: 'Click here to view the changelog.',
 	},
-	reloadToUpdate: {
-		id: 'app.update.reload-to-update',
-		defaultMessage: 'Reload to install update',
-	},
-	downloadUpdate: {
-		id: 'app.update.download-update',
-		defaultMessage: 'Download update',
-	},
-	downloadingUpdate: {
-		id: 'app.update.downloading-update',
-		defaultMessage: 'Downloading update ({percent}%)',
-	},
 	authUnreachableHeader: {
 		id: 'app.auth-servers.unreachable.header',
 		defaultMessage: 'Cannot reach authentication servers',
@@ -882,20 +879,21 @@ async function handleCommand(e) {
 }

 const appUpdateDownload = {
-	progress: ref(0),
+	progress: appUpdateState.progress,
 	version: ref(),
 }
 let unlistenUpdateDownload

-const downloadProgress = computed(() => appUpdateDownload.progress.value)
-const downloadPercent = computed(() => Math.trunc(appUpdateDownload.progress.value * 100))
-
-const metered = ref(true)
-const finishedDownloading = ref(false)
-const restarting = ref(false)
-const availableUpdate = ref(null)
-const updateSize = ref(null)
-const updatesEnabled = ref(true)
+const {
+	metered,
+	finishedDownloading,
+	downloading,
+	restarting,
+	availableUpdate,
+	updateSize,
+	updatesEnabled,
+} = appUpdateState
+let delayedUpdatePopupTimeout = null

 const updatePopupMessages = defineMessages({
 	updateAvailable: {
@@ -906,11 +904,6 @@ const updatePopupMessages = defineMessages({
 		id: 'app.update-popup.download-complete',
 		defaultMessage: 'Download complete',
 	},
-	body: {
-		id: 'app.update-popup.body',
-		defaultMessage:
-			'Modrinth App v{version} is ready to install! Reload to update now, or automatically when you close Modrinth App.',
-	},
 	meteredBody: {
 		id: 'app.update-popup.body.metered',
 		defaultMessage: `Modrinth App v{version} is available now! Since you're on a metered network, we didn't automatically download it.`,
@@ -926,7 +919,7 @@ const updatePopupMessages = defineMessages({
 	},
 	reload: {
 		id: 'app.update-popup.reload',
-		defaultMessage: 'Reload',
+		defaultMessage: 'Reload to update',
 	},
 	download: {
 		id: 'app.update-popup.download',
@@ -938,6 +931,106 @@ const updatePopupMessages = defineMessages({
 	},
 })

+function clearDelayedUpdatePopup() {
+	if (delayedUpdatePopupTimeout !== null) {
+		clearTimeout(delayedUpdatePopupTimeout)
+		delayedUpdatePopupTimeout = null
+	}
+}
+
+function getCurrentUpdatePromptStage() {
+	return finishedDownloading.value ? 'downloaded' : 'available'
+}
+
+function scheduleDelayedUpdatePopup() {
+	clearDelayedUpdatePopup()
+
+	const version = availableUpdate.value?.version
+	if (!version) {
+		return
+	}
+
+	const nextPopupTime = getNextAppUpdatePopupTime(version, getCurrentUpdatePromptStage())
+	if (nextPopupTime === null) {
+		return
+	}
+
+	const delay = nextPopupTime - Date.now()
+	if (delay <= 0) {
+		showDelayedUpdatePopup()
+		return
+	}
+
+	delayedUpdatePopupTimeout = setTimeout(showDelayedUpdatePopup, Math.min(delay, 2_147_483_647))
+}
+
+function showDelayedUpdatePopup() {
+	const update = availableUpdate.value
+	if (!update) {
+		return
+	}
+
+	const stage = getCurrentUpdatePromptStage()
+	const nextPopupTime = getNextAppUpdatePopupTime(update.version, stage)
+	if (nextPopupTime === null) {
+		return
+	}
+
+	if (Date.now() < nextPopupTime) {
+		scheduleDelayedUpdatePopup()
+		return
+	}
+
+	if (metered.value && !finishedDownloading.value) {
+		addPopupNotification({
+			title: formatMessage(updatePopupMessages.updateAvailable),
+			text: formatMessage(updatePopupMessages.meteredBody, { version: update.version }),
+			type: 'info',
+			autoCloseMs: null,
+			buttons: [
+				{
+					label: formatMessage(updatePopupMessages.download, {
+						size: formatBytes(updateSize.value ?? 0),
+					}),
+					action: () => downloadAvailableAppUpdate(),
+					color: 'brand',
+				},
+				{
+					label: formatMessage(updatePopupMessages.changelog),
+					action: () => openAppUpdateChangelog(),
+					keepOpen: true,
+				},
+			],
+		})
+	} else if (finishedDownloading.value) {
+		addPopupNotification({
+			title: formatMessage(updatePopupMessages.downloadComplete),
+			text: formatMessage(updatePopupMessages.downloadedBody, {
+				version: update.version,
+			}),
+			type: 'success',
+			autoCloseMs: null,
+			buttons: [
+				{
+					label: formatMessage(updatePopupMessages.reload),
+					action: () => installAvailableAppUpdate(),
+					color: 'brand',
+				},
+				{
+					label: formatMessage(updatePopupMessages.changelog),
+					action: () => openAppUpdateChangelog(),
+					keepOpen: true,
+				},
+			],
+		})
+	} else {
+		scheduleDelayedUpdatePopup()
+		return
+	}
+
+	markAppUpdatePopupShown(update.version, stage)
+}
+
 async function checkUpdates() {
 	if (!(await areUpdatesEnabled())) {
 		console.log('Skipping update check as updates are disabled in this build or environment')
@@ -961,11 +1054,15 @@ async function checkUpdates() {

 		if (isExistingUpdate) {
 			console.log('Update is already known')
+			scheduleDelayedUpdatePopup()
 			return
 		}

 		appUpdateDownload.progress.value = 0
 		finishedDownloading.value = false
+		downloading.value = false
+		updateSize.value = null
+		availableUpdate.value = update

 		console.log(`Update ${update.version} is available.`)

@@ -975,34 +1072,11 @@ async function checkUpdates() {
 			downloadUpdate(update)
 		} else {
 			console.log(`Metered connection detected, not auto-downloading update.`)
-			getUpdateSize(update.rid).then((size) => {
-				updateSize.value = size
-				addPopupNotification({
-					title: formatMessage(updatePopupMessages.updateAvailable),
-					text: formatMessage(updatePopupMessages.meteredBody, { version: update.version }),
-					type: 'info',
-					autoCloseMs: null,
-					buttons: [
-						{
-							label: formatMessage(updatePopupMessages.download, {
-								size: formatBytes(updateSize.value ?? 0),
-							}),
-							action: () => downloadAvailableUpdate(),
-							color: 'brand',
-						},
-						{
-							label: formatMessage(updatePopupMessages.changelog),
-							action: () => openUrl('https://modrinth.com/news/changelog?filter=app'),
-							keepOpen: true,
-						},
-					],
-				})
-			})
+			markAppUpdateActionable(update.version)
+			scheduleDelayedUpdatePopup()
 		}

 		getUpdateSize(update.rid).then((size) => (updateSize.value = size))
-
-		availableUpdate.value = update
 	}

 	await performCheck()
@@ -1024,12 +1098,17 @@ async function checkLinuxUpdates() {
 		const latestVersion = updates?.version

 		if (latestVersion && latestVersion !== currentVersion) {
-			addPopupNotification({
-				title: formatMessage(updatePopupMessages.updateAvailable),
-				text: formatMessage(updatePopupMessages.linuxBody, { version: latestVersion }),
-				type: 'info',
-				autoCloseMs: null,
-			})
+			markAppUpdateActionable(latestVersion)
+			const nextPopupTime = getNextAppUpdatePopupTime(latestVersion)
+			if (nextPopupTime !== null && Date.now() >= nextPopupTime) {
+				addPopupNotification({
+					title: formatMessage(updatePopupMessages.updateAvailable),
+					text: formatMessage(updatePopupMessages.linuxBody, { version: latestVersion }),
+					type: 'info',
+					autoCloseMs: null,
+				})
+				markAppUpdatePopupShown(latestVersion)
+			}
 		}
 	} catch (e) {
 		console.error('Failed to check for updates:', e)
@@ -1043,55 +1122,48 @@ async function downloadAvailableUpdate() {
 async function downloadUpdate(versionToDownload) {
 	if (!versionToDownload) {
 		handleError(`Failed to download update: no version available`)
+		return
 	}

-	if (appUpdateDownload.progress.value !== 0) {
+	if (downloading.value || appUpdateDownload.progress.value !== 0) {
 		console.error(`Update ${versionToDownload.version} already downloading`)
 		return
 	}

 	console.log(`Downloading update ${versionToDownload.version}`)
+	downloading.value = true

 	try {
-		enqueueUpdateForInstallation(versionToDownload.rid).then(() => {
-			finishedDownloading.value = true
-			unlistenUpdateDownload?.().then(() => {
-				unlistenUpdateDownload = null
+		enqueueUpdateForInstallation(versionToDownload.rid)
+			.then(() => {
+				downloading.value = false
+				finishedDownloading.value = true
+				unlistenUpdateDownload?.().then(() => {
+					unlistenUpdateDownload = null
+				})
+				console.log('Finished downloading!')
+				markAppUpdateActionable(versionToDownload.version, 'downloaded')
+				scheduleDelayedUpdatePopup()
 			})
-			console.log('Finished downloading!')
-
-			addPopupNotification({
-				title: formatMessage(updatePopupMessages.downloadComplete),
-				text: formatMessage(updatePopupMessages.downloadedBody, {
-					version: versionToDownload.version,
-				}),
-				type: 'success',
-				autoCloseMs: null,
-				buttons: [
-					{
-						label: formatMessage(updatePopupMessages.reload),
-						action: () => installUpdate(),
-						color: 'brand',
-					},
-					{
-						label: formatMessage(updatePopupMessages.changelog),
-						action: () => openUrl('https://modrinth.com/news/changelog?filter=app'),
-						keepOpen: true,
-					},
-				],
+			.catch((e) => {
+				downloading.value = false
+				appUpdateDownload.progress.value = 0
+				handleError(e)
 			})
-		})
 		unlistenUpdateDownload = await subscribeToDownloadProgress(
 			appUpdateDownload,
 			versionToDownload.version,
 		)
 	} catch (e) {
+		downloading.value = false
+		appUpdateDownload.progress.value = 0
 		handleError(e)
 	}
 }

 async function installUpdate() {
 	restarting.value = true
+
 	try {
 		await setRestartAfterPendingUpdate(true)
 	} catch (e) {
@@ -1104,6 +1176,12 @@ async function installUpdate() {
 	}, 250)
 }

+setAppUpdateActions({
+	download: downloadAvailableUpdate,
+	install: installUpdate,
+	changelog: () => openUrl('https://modrinth.com/news/changelog?filter=app'),
+})
+
 async function openModrinthProjectLinkInApp(parsed) {
 	const { slug, pathSuffix, url } = parsed
 	const loadToken = loading.begin()
@@ -1373,33 +1451,6 @@ provideAppUpdateDownloadProgress(appUpdateDownload)
 				<PlusIcon />
 			</NavButton>
 			<div class="flex flex-grow"></div>
-			<Transition name="nav-button-animated">
-				<div v-if="availableUpdate && !restarting && (finishedDownloading || metered)">
-					<NavButton
-						v-tooltip.right="
-							formatMessage(
-								finishedDownloading
-									? messages.reloadToUpdate
-									: downloadProgress === 0
-										? messages.downloadUpdate
-										: messages.downloadingUpdate,
-								{
-									percent: downloadPercent,
-								},
-							)
-						"
-						:to="finishedDownloading ? installUpdate : downloadAvailableUpdate"
-					>
-						<ProgressSpinner
-							v-if="downloadProgress > 0 && downloadProgress < 1"
-							class="text-brand"
-							:progress="downloadProgress"
-						/>
-						<RefreshCwIcon v-else-if="finishedDownloading" class="text-brand" />
-						<DownloadIcon v-else class="text-brand" />
-					</NavButton>
-				</div>
-			</Transition>
 			<NavButton
 				v-tooltip.right="formatMessage(commonMessages.settingsLabel)"
 				:to="() => $refs.settingsModal.show()"
@@ -1,5 +1,5 @@
 <template>
-	<div class="flex gap-4 items-center">
+	<div class="flex gap-2 items-center">
 		<ButtonStyled
 			v-if="hasActiveLoadingBars && !hasVisibleActiveDownloadToasts"
 			color="brand"
@@ -14,6 +14,31 @@
 			<UnplugIcon class="text-secondary" />
 			<span class="text-sm text-contrast"> {{ formatMessage(messages.offline) }} </span>
 		</div>
+		<ButtonStyled color="brand" type="outlined" hover-color-fill="background">
+			<button
+				v-if="showUpdatePill"
+				type="button"
+				class="!h-[34px] overflow-hidden text-sm !transition-[width,opacity,transform,background-color,color,filter] !duration-200 ease-out"
+				:class="[
+					updatePillWidthClass,
+					{
+						'update-pill-ready-hidden': finishedDownloading && !animateReadyPill,
+						'update-pill-ready-visible': finishedDownloading && animateReadyPill,
+					},
+				]"
+				:disabled="isUpdateDownloading"
+				:aria-busy="isUpdateDownloading"
+				@click="handleUpdateClick"
+			>
+				<RefreshCwIcon v-if="finishedDownloading" :class="{ 'animate-spin': restarting }" />
+				<DownloadIcon v-else />
+				<span v-if="isUpdateDownloading">
+					{{ formatMessage(messages.downloadingUpdate) }}
+					<span class="inline-block w-[3ch] text-right tabular-nums">{{ downloadPercent }}%</span>
+				</span>
+				<span v-else>{{ updateLabel }}</span>
+			</button>
+		</ButtonStyled>
 		<div
 			class="flex border-solid border-surface-5 text-sm items-center gap-2 py-1.5 px-3 rounded-xl border"
 		>
@@ -119,6 +144,7 @@ import {
 	DownloadIcon,
 	DropdownIcon,
 	OnlineIndicatorIcon,
+	RefreshCwIcon,
 	StarIcon,
 	StopCircleIcon,
 	TerminalSquareIcon,
@@ -135,7 +161,7 @@ import {
 } from '@modrinth/ui'
 import { convertFileSrc } from '@tauri-apps/api/core'
 import { Dropdown } from 'floating-vue'
-import { computed, onBeforeUnmount, onMounted, ref } from 'vue'
+import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 import { useRouter } from 'vue-router'

 import { trackEvent } from '@/helpers/analytics'
@@ -145,6 +171,11 @@ import { get_many as getInstances } from '@/helpers/profile.js'
 import type { LoadingBar } from '@/helpers/state'
 import { progress_bars_list } from '@/helpers/state'
 import type { GameInstance } from '@/helpers/types'
+import {
+	appUpdateState,
+	downloadAvailableAppUpdate,
+	installAvailableAppUpdate,
+} from '@/providers/app-update'

 const { handleError } = injectNotificationManager()
 const popupNotificationManager = injectPopupNotificationManager()
@@ -209,8 +240,96 @@ const messages = defineMessages({
 		id: 'app.action-bar.view-active-downloads',
 		defaultMessage: 'View active downloads',
 	},
+	update: {
+		id: 'app.action-bar.update',
+		defaultMessage: 'Update',
+	},
+	downloadingUpdate: {
+		id: 'app.action-bar.downloading-update',
+		defaultMessage: 'Downloading update',
+	},
+	reloadToUpdate: {
+		id: 'app.action-bar.reload-to-update',
+		defaultMessage: 'Reload to update',
+	},
 })

+const {
+	downloading,
+	downloadPercent,
+	downloadProgress,
+	finishedDownloading,
+	isVisible: isUpdateVisible,
+	metered,
+	restarting,
+} = appUpdateState
+
+const isUpdateDownloading = computed(
+	() =>
+		downloading.value ||
+		(downloadProgress.value > 0 && downloadProgress.value < 1 && !finishedDownloading.value),
+)
+const showUpdatePill = computed(
+	() => isUpdateVisible.value && (finishedDownloading.value || metered.value),
+)
+const animateReadyPill = ref(false)
+const updateLabel = computed(() => {
+	if (isUpdateDownloading.value) {
+		return formatMessage(messages.downloadingUpdate)
+	}
+
+	if (finishedDownloading.value) {
+		return formatMessage(messages.reloadToUpdate)
+	}
+
+	return formatMessage(messages.update)
+})
+const updatePillWidthClass = computed(() => {
+	if (isUpdateDownloading.value) {
+		return 'w-[219px]'
+	}
+
+	if (finishedDownloading.value) {
+		return 'w-[166px]'
+	}
+
+	return '!w-[96px]'
+})
+let readyPillAnimationFrame: number | null = null
+watch([showUpdatePill, finishedDownloading], async ([show, ready], [wasShown, wasReady]) => {
+	if (readyPillAnimationFrame !== null) {
+		cancelAnimationFrame(readyPillAnimationFrame)
+		readyPillAnimationFrame = null
+	}
+
+	if (!show || !ready) {
+		animateReadyPill.value = false
+		return
+	}
+
+	if (wasShown && wasReady) {
+		return
+	}
+
+	animateReadyPill.value = false
+	await nextTick()
+	readyPillAnimationFrame = requestAnimationFrame(() => {
+		animateReadyPill.value = true
+		readyPillAnimationFrame = null
+	})
+})
+async function handleUpdateClick() {
+	if (isUpdateDownloading.value) {
+		return
+	}
+
+	if (finishedDownloading.value) {
+		await installAvailableAppUpdate()
+	} else {
+		await downloadAvailableAppUpdate()
+	}
+}
+
 const currentProcesses = ref<RunningProcess[]>([])
 const selectedProcess = ref<RunningProcess | undefined>()

@@ -469,5 +588,20 @@ onBeforeUnmount(() => {
 	window.removeEventListener('online', handleOnline)
 	unlistenProcess()
 	unlistenLoading()
+	if (readyPillAnimationFrame !== null) {
+		cancelAnimationFrame(readyPillAnimationFrame)
+	}
 })
 </script>
+
+<style scoped>
+.update-pill-ready-hidden {
+	opacity: 0;
+	transform: scale(0.96);
+}
+
+.update-pill-ready-visible {
+	opacity: 1;
+	transform: scale(1);
+}
+</style>
@@ -14,7 +14,7 @@ import { hide_ads_window, show_ads_window } from '@/helpers/ads.js'
 import { login as login_flow, set_default_user } from '@/helpers/auth.js'
 import { handleSevereError } from '@/store/error.js'

-import { type MinecraftAuthError, minecraftAuthErrors } from './minecraft-auth-errors'
+import { findMinecraftAuthError, type MinecraftAuthError } from './minecraft-auth-errors'

 const modal = ref<InstanceType<typeof NewModal>>()
 const rawError = ref<string>('')
@@ -26,7 +26,7 @@ const loadingSignIn = ref(false)
 function show(errorVal: { message?: string }) {
 	rawError.value = errorVal?.message ?? String(errorVal)

-	matchedError.value = minecraftAuthErrors.find((e) => rawError.value.includes(e.errorCode)) ?? null
+	matchedError.value = findMinecraftAuthError(rawError.value)

 	debugCollapsed.value = true
 	hide_ads_window()
@@ -1,10 +1,93 @@
 export interface MinecraftAuthError {
-	errorCode: string
+	errorCode?: string
+	errorMatchers?: string[]
+	matches?: (message: string) => boolean
 	whatHappened: string
 	stepsToFix: string[]
 }

 export const minecraftAuthErrors: MinecraftAuthError[] = [
+	{
+		errorMatchers: ['Failed to deserialize response to JSON during step RefreshOAuthToken:'],
+		whatHappened:
+			'Your saved Microsoft sign-in token has expired or was revoked, so Modrinth App cannot refresh your Minecraft session.',
+		stepsToFix: [
+			'Sign out of the affected Minecraft account in Modrinth App',
+			'Sign in to the account again',
+			'Once the new sign-in finishes, try launching Minecraft again',
+		],
+	},
+	{
+		errorMatchers: ['Failed to deserialize response to JSON during step SisuAuthenticate:'],
+		whatHappened:
+			'Xbox services rejected the first sign-in response. This is most often caused by your system clock or time zone being out of sync.',
+		stepsToFix: [
+			'Open your system date and time settings',
+			'Turn on automatic time zone and automatic time, if available',
+			'Use the sync option in your system settings to synchronize the clock',
+			'Restart Modrinth App',
+			'Try signing in again',
+		],
+	},
+	{
+		matches: (message) =>
+			message.includes('Failed to deserialize response to JSON during step MinecraftToken:') &&
+			message.includes('429 Too Many Requests'),
+		whatHappened:
+			'Microsoft or Minecraft temporarily blocked the sign-in request because there were too many recent attempts.',
+		stepsToFix: [
+			'Wait about an hour before trying again',
+			'Restart Modrinth App after waiting',
+			'Try signing in once more',
+			'If the same message appears, wait longer before retrying so the temporary limit can clear',
+		],
+	},
+	{
+		matches: (message) =>
+			message.includes('Failed to deserialize response to JSON during step MinecraftToken:') &&
+			/Status Code: 5\d\d/.test(message),
+		whatHappened:
+			"Minecraft's authentication service is returning a server error, so Modrinth App cannot finish signing you in right now.",
+		stepsToFix: [
+			'Wait a few minutes and try signing in again',
+			'Check <a href="https://support.xbox.com/xbox-live-status">Xbox Status</a> for current service issues',
+			'Try signing in with the <a href="https://www.minecraft.net/en-us/download">official Minecraft Launcher</a> to confirm whether Minecraft sign-in is also affected there',
+			'If the service is healthy and this keeps happening, contact support with the debug information below',
+		],
+	},
+	{
+		errorMatchers: ['Failed to fetch player profile'],
+		whatHappened:
+			'Minecraft services could not return a Java Edition profile for this account. This most often happens when the game was purchased recently, the Java profile has not finished being created, or the wrong Microsoft account is being used.',
+		stepsToFix: [
+			'Sign in with the <a href="https://www.minecraft.net/en-us/download">official Minecraft Launcher</a>',
+			'Launch Minecraft: Java Edition once from the official launcher',
+			'Wait up to an hour if the purchase or profile setup was recent',
+			'Make sure you are using the Microsoft account that owns Minecraft. See <a href="https://support.modrinth.com/en/articles/9409136-finding-the-right-xbox-account">Finding the right Xbox account</a> for help',
+			'Try signing in to Modrinth App again',
+		],
+	},
+	{
+		matches: (message) =>
+			message.includes('error sending request for url (') &&
+			[
+				'minecraft.net',
+				'minecraftservices.com',
+				'mojang.com',
+				'xbox.com',
+				'xboxlive.com',
+				'live.com',
+			].some((domain) => message.includes(domain)),
+		whatHappened:
+			'Modrinth App could not connect to a Microsoft, Xbox, or Minecraft service needed for sign-in. This is usually caused by a local network, DNS, proxy, firewall, hosts file, VPN, or antivirus issue.',
+		stepsToFix: [
+			'Restart Modrinth App and try signing in again',
+			'Check that your internet connection is working',
+			'Allow Modrinth App through your firewall, antivirus, proxy, VPN, and hosts file rules',
+			'Try a different network or temporarily disable VPN/proxy software if you use one',
+			'If routing or DNS is the issue, a service like Cloudflare WARP can sometimes help',
+		],
+	},
 	{
 		errorCode: '2148916222',
 		whatHappened:
@@ -87,4 +170,31 @@ export const minecraftAuthErrors: MinecraftAuthError[] = [
 			'Once finished, try signing in again',
 		],
 	},
+	{
+		errorMatchers: ['Failed to deserialize response to JSON during step XstsAuthorize:'],
+		whatHappened:
+			'Xbox services rejected the request to authorize this account for Minecraft services, but did not return a specific account restriction that Modrinth App recognizes.',
+		stepsToFix: [
+			'Sign in with the <a href="https://www.minecraft.net/en-us/download">official Minecraft Launcher</a>',
+			'Complete any prompts shown by Microsoft, Xbox, or Minecraft',
+			'Try signing in to Modrinth App again',
+			'If the official launcher also fails, follow the error shown there or contact Xbox Support',
+		],
+	},
 ]
+
+export function findMinecraftAuthError(message: string): MinecraftAuthError | null {
+	return (
+		minecraftAuthErrors.find((error) => {
+			if (error.errorCode && message.includes(error.errorCode)) {
+				return true
+			}
+
+			if (error.errorMatchers?.some((matcher) => message.includes(matcher))) {
+				return true
+			}
+
+			return error.matches?.(message) ?? false
+		}) ?? null
+	)
+}
@@ -148,7 +148,6 @@ import { arrayBufferToBase64 } from '@modrinth/utils'
 import { computed, nextTick, ref, useTemplateRef, watch } from 'vue'

 import {
-	add_and_equip_custom_skin,
 	type Cape,
 	determineModelType,
 	equip_skin,
@@ -440,9 +439,22 @@ async function save() {
 		const bytes: Uint8Array = new Uint8Array(await (await fetch(textureUrl)).arrayBuffer())

 		if (mode.value === 'new') {
-			const addedSkin = await add_and_equip_custom_skin(bytes, variant.value, selectedCape.value)
+			const addedSkin = await save_custom_skin(
+				{
+					texture_key: '',
+					variant: variant.value,
+					cape_id: selectedCape.value?.id,
+					texture: textureUrl,
+					source: 'custom',
+					is_equipped: false,
+				},
+				bytes,
+				variant.value,
+				selectedCape.value,
+				true,
+			)
 			emit('saved', {
-				applied: true,
+				applied: false,
 				skin: addedSkin,
 			})
 		} else {
@@ -13,6 +13,7 @@ import {
 import { useElementSize, useWindowSize } from '@vueuse/core'
 import { Tooltip } from 'floating-vue'
 import { computed, nextTick, onUnmounted, ref, useTemplateRef, watch } from 'vue'
+import Draggable from 'vuedraggable'

 import type { RenderResult } from '@/helpers/rendering/batch-skin-renderer.ts'
 import type { Skin } from '@/helpers/skins.ts'
@@ -82,12 +83,14 @@ const props = defineProps<{
 	isSkinSelected: (skin: Skin) => boolean
 	isSkinActive: (skin: Skin) => boolean
 	isAddSkinButtonDragActive: boolean
+	readOnly?: boolean
 }>()

 const emit = defineEmits<{
 	select: [skin: Skin]
 	edit: [skin: Skin, event: MouseEvent]
 	delete: [skin: Skin]
+	'reorder-saved-skins': [skins: Skin[]]
 	'add-skin': []
 	'add-skin-dragenter': [event: DragEvent]
 	'add-skin-dragover': [event: DragEvent]
@@ -153,6 +156,11 @@ const sections = computed<SkinSection[]>(() => [
 	})),
 ])

+const draggableSavedSkins = ref<Skin[]>([])
+const isDraggingSavedSkin = ref(false)
+const canReorderSavedSkins = computed(() => draggableSavedSkins.value.length > 1)
+const fixedSavedSkins = computed(() => props.savedSkins.filter((skin) => !canDragSavedSkin(skin)))
+
 const sectionLayouts = computed(() => {
 	const layouts: Array<{ section: SkinSection; top: number; height: number; index: number }> = []
 	let top = 0
@@ -209,6 +217,18 @@ watch(
 	{ immediate: true },
 )

+watch(
+	() => props.savedSkins,
+	(nextSkins) => {
+		if (isDraggingSavedSkin.value) {
+			return
+		}
+
+		draggableSavedSkins.value = nextSkins.filter(canDragSavedSkin)
+	},
+	{ immediate: true },
+)
+
 watch(
 	listWidth,
 	(width) => {
@@ -257,6 +277,40 @@ function skinKey(skin: Skin, prefix: string) {
 	return `${prefix}-${skin.source}-${skin.texture_key}-${skin.variant}-${skin.cape_id ?? 'no-cape'}`
 }

+function savedSkinKey(skin: Skin) {
+	return skinKey(skin, 'saved-skin')
+}
+
+function canDragSavedSkin(skin: Skin) {
+	return skin.source === 'custom' || skin.source === 'custom_external'
+}
+
+function doSkinOrdersMatch(firstSkins: Skin[], secondSkins: Skin[]) {
+	const draggableSecondSkins = secondSkins.filter(canDragSavedSkin)
+
+	return (
+		firstSkins.length === draggableSecondSkins.length &&
+		firstSkins.every(
+			(skin, index) => savedSkinKey(skin) === savedSkinKey(draggableSecondSkins[index]),
+		)
+	)
+}
+
+function onSavedSkinDragStart() {
+	isDraggingSavedSkin.value = true
+}
+
+function onSavedSkinDragEnd() {
+	isDraggingSavedSkin.value = false
+
+	if (doSkinOrdersMatch(draggableSavedSkins.value, props.savedSkins)) {
+		draggableSavedSkins.value = props.savedSkins.filter(canDragSavedSkin)
+		return
+	}
+
+	emit('reorder-saved-skins', [...draggableSavedSkins.value])
+}
+
 function isSectionOpen(key: string) {
 	return openSectionKeys.value.has(key)
 }
@@ -354,36 +408,140 @@ defineExpose({ getAddSkinButtonElement })
 					</Tooltip>
 				</template>

-				<div
+				<Draggable
 					v-if="section.kind === 'saved'"
+					:list="draggableSavedSkins"
+					class="grid w-full grid-cols-3 gap-3 min-[1300px]:grid-cols-4 min-[1750px]:grid-cols-5 min-[2050px]:grid-cols-6"
+					:item-key="savedSkinKey"
+					:disabled="readOnly || !canReorderSavedSkins"
+					:animation="250"
+					:swap-threshold="1"
+					:invert-swap="false"
+					:force-fallback="true"
+					:fallback-on-body="true"
+					:fallback-tolerance="4"
+					ghost-class="skin-reorder-ghost"
+					chosen-class="skin-reorder-chosen"
+					drag-class="skin-reorder-drag"
+					fallback-class="skin-reorder-fallback"
+					@start="onSavedSkinDragStart"
+					@end="onSavedSkinDragEnd"
+				>
+					<template #header>
+						<SkinLikeTextButton
+							ref="addSkinButton"
+							class="aspect-[31/40] w-full min-w-0 box-border rounded-[20px]"
+							dropzone
+							:disabled="readOnly"
+							:drag-active="!readOnly && isAddSkinButtonDragActive"
+							@click="emit('add-skin')"
+							@dragenter="emit('add-skin-dragenter', $event)"
+							@dragover="emit('add-skin-dragover', $event)"
+							@dragleave="emit('add-skin-dragleave', $event)"
+							@drop="emit('add-skin-drop', $event)"
+						>
+							<template #icon>
+								<PlusIcon class="size-8" />
+							</template>
+							{{ formatMessage(messages.addSkinButton) }}
+							<template #subtitle>{{ formatMessage(messages.dragAndDropSubtitle) }}</template>
+						</SkinLikeTextButton>
+					</template>
+
+					<template #item="{ element: skin }">
+						<div
+							:key="savedSkinKey(skin)"
+							class="relative aspect-[31/40] w-full min-w-0 box-border rounded-[20px]"
+						>
+							<SkinButton
+								class="h-full w-full min-w-0 box-border rounded-[20px]"
+								:forward-image-src="getBakedSkinTextures(skin)?.forwards"
+								:selected="isSkinSelected(skin)"
+								:active="isSkinActive(skin)"
+								:disabled="readOnly"
+								:is-dragging="isDraggingSavedSkin"
+								@select="emit('select', skin)"
+							>
+								<template v-if="!readOnly" #overlay-buttons>
+									<ButtonStyled color="brand">
+										<button
+											:aria-label="formatMessage(messages.editSkinButton)"
+											class="pointer-events-auto"
+											@click.stop="(event: MouseEvent) => emit('edit', skin, event)"
+										>
+											<EditIcon /> {{ formatMessage(commonMessages.editButton) }}
+										</button>
+									</ButtonStyled>
+									<ButtonStyled v-show="!skin.is_equipped" circular color="red">
+										<button
+											v-tooltip="formatMessage(messages.deleteSkinButton)"
+											:aria-label="formatMessage(messages.deleteSkinButton)"
+											class="!rounded-[100%] pointer-events-auto"
+											@click.stop="emit('delete', skin)"
+										>
+											<TrashIcon />
+										</button>
+									</ButtonStyled>
+								</template>
+							</SkinButton>
+						</div>
+					</template>
+
+					<template #footer>
+						<div
+							v-for="skin in fixedSavedSkins"
+							:key="savedSkinKey(skin)"
+							class="relative aspect-[31/40] w-full min-w-0 box-border rounded-[20px]"
+						>
+							<SkinButton
+								class="h-full w-full min-w-0 box-border rounded-[20px]"
+								:forward-image-src="getBakedSkinTextures(skin)?.forwards"
+								:selected="isSkinSelected(skin)"
+								:active="isSkinActive(skin)"
+								:disabled="readOnly"
+								:is-dragging="isDraggingSavedSkin"
+								@select="emit('select', skin)"
+							>
+								<template v-if="!readOnly" #overlay-buttons>
+									<ButtonStyled color="brand">
+										<button
+											:aria-label="formatMessage(messages.editSkinButton)"
+											class="pointer-events-auto"
+											@click.stop="(event: MouseEvent) => emit('edit', skin, event)"
+										>
+											<EditIcon /> {{ formatMessage(commonMessages.editButton) }}
+										</button>
+									</ButtonStyled>
+									<ButtonStyled v-show="!skin.is_equipped" circular color="red">
+										<button
+											v-tooltip="formatMessage(messages.deleteSkinButton)"
+											:aria-label="formatMessage(messages.deleteSkinButton)"
+											class="!rounded-[100%] pointer-events-auto"
+											@click.stop="emit('delete', skin)"
+										>
+											<TrashIcon />
+										</button>
+									</ButtonStyled>
+								</template>
+							</SkinButton>
+						</div>
+					</template>
+				</Draggable>
+
+				<div
+					v-else
 					class="grid w-full grid-cols-3 gap-3 min-[1300px]:grid-cols-4 min-[1750px]:grid-cols-5 min-[2050px]:grid-cols-6"
 				>
-					<SkinLikeTextButton
-						ref="addSkinButton"
-						class="aspect-[31/40] w-full min-w-0 box-border rounded-[20px]"
-						dropzone
-						:drag-active="isAddSkinButtonDragActive"
-						@click="emit('add-skin')"
-						@dragenter="emit('add-skin-dragenter', $event)"
-						@dragover="emit('add-skin-dragover', $event)"
-						@dragleave="emit('add-skin-dragleave', $event)"
-						@drop="emit('add-skin-drop', $event)"
-					>
-						<template #icon>
-							<PlusIcon class="size-8" />
-						</template>
-						{{ formatMessage(messages.addSkinButton) }}
-						<template #subtitle>{{ formatMessage(messages.dragAndDropSubtitle) }}</template>
-					</SkinLikeTextButton>
-
 					<SkinButton
 						v-for="skin in section.skins"
-						:key="skinKey(skin, 'saved-skin')"
+						:key="skinKey(skin, section.key)"
 						class="aspect-[31/40] w-full min-w-0 box-border rounded-[20px]"
 						:forward-image-src="getBakedSkinTextures(skin)?.forwards"
-						:backward-image-src="getBakedSkinTextures(skin)?.backwards"
 						:selected="isSkinSelected(skin)"
 						:active="isSkinActive(skin)"
+						:tooltip="skin.name"
+						:disabled="readOnly"
+						:is-dragging="isDraggingSavedSkin"
 						@select="emit('select', skin)"
 					>
 						<template #overlay-buttons>
@@ -396,37 +554,25 @@ defineExpose({ getAddSkinButtonElement })
 									<EditIcon /> {{ formatMessage(commonMessages.editButton) }}
 								</button>
 							</ButtonStyled>
-							<ButtonStyled v-show="!skin.is_equipped" circular color="red">
-								<button
-									v-tooltip="formatMessage(messages.deleteSkinButton)"
-									:aria-label="formatMessage(messages.deleteSkinButton)"
-									class="!rounded-[100%] pointer-events-auto"
-									@click.stop="emit('delete', skin)"
-								>
-									<TrashIcon />
-								</button>
-							</ButtonStyled>
 						</template>
 					</SkinButton>
 				</div>
-
-				<div
-					v-else
-					class="grid w-full grid-cols-3 gap-3 min-[1300px]:grid-cols-4 min-[1750px]:grid-cols-5 min-[2050px]:grid-cols-6"
-				>
-					<SkinButton
-						v-for="skin in section.skins"
-						:key="skinKey(skin, section.key)"
-						class="aspect-[31/40] w-full min-w-0 box-border rounded-[20px]"
-						:forward-image-src="getBakedSkinTextures(skin)?.forwards"
-						:backward-image-src="getBakedSkinTextures(skin)?.backwards"
-						:selected="isSkinSelected(skin)"
-						:active="isSkinActive(skin)"
-						:tooltip="skin.name"
-						@select="emit('select', skin)"
-					/>
-				</div>
 			</Accordion>
 		</div>
 	</div>
 </template>
+
+<style scoped>
+:global(.skin-reorder-ghost) {
+	opacity: 0.35;
+}
+
+:global(.skin-reorder-drag) {
+	cursor: grabbing;
+}
+
+:global(.skin-reorder-fallback) {
+	opacity: 0.9;
+	pointer-events: none;
+}
+</style>
@@ -197,11 +197,13 @@ export async function add_project_from_version(
 	path: string,
 	versionId: string,
 	reason: DownloadReason,
+	dependentOnVersionId?: string,
 ): Promise<string> {
 	return await invoke('plugin:profile|profile_add_project_from_version', {
 		path,
 		versionId,
 		reason,
+		dependentOnVersionId,
 	})
 }

@@ -15,12 +15,10 @@ import { skinPreviewStorage } from '../storage/skin-preview-storage'

 export interface RenderResult {
 	forwards: string
-	backwards: string
 }

 export interface RawRenderResult {
 	forwards: Blob
-	backwards: Blob
 }

 class BatchSkinRenderer {
@@ -92,12 +90,9 @@ class BatchSkinRenderer {
 		}

 		const frontCameraPos: [number, number, number] = [-1.3, 1, 6.3]
-		const backCameraPos: [number, number, number] = [-1.3, 1, -2.5]
-
 		const forwards = await this.renderView(frontCameraPos, lookAtTarget)
-		const backwards = await this.renderView(backCameraPos, lookAtTarget)

-		return { forwards, backwards }
+		return { forwards }
 	}

 	private async renderView(
@@ -404,16 +399,15 @@ async function generateSkinPreviewsForGeneration(
 			const headKey = headKeys[i]

 			const rawCached = cachedSkinPreviews[skinKey]
-			if (rawCached) {
+			if (rawCached && !skinBlobUrlMap.has(skinKey)) {
 				const cached: RenderResult = {
 					forwards: URL.createObjectURL(rawCached.forwards),
-					backwards: URL.createObjectURL(rawCached.backwards),
 				}
 				skinBlobUrlMap.set(skinKey, cached)
 			}

 			const cachedHead = cachedHeadPreviews[headKey]
-			if (cachedHead) {
+			if (cachedHead && !headBlobUrlMap.has(headKey)) {
 				headBlobUrlMap.set(headKey, URL.createObjectURL(cachedHead))
 			}
 		}
@@ -427,7 +421,6 @@ async function generateSkinPreviewsForGeneration(
 				if (DEBUG_MODE) {
 					const result = skinBlobUrlMap.get(key)!
 					URL.revokeObjectURL(result.forwards)
-					URL.revokeObjectURL(result.backwards)
 					skinBlobUrlMap.delete(key)
 				} else continue
 			}
@@ -456,7 +449,6 @@ async function generateSkinPreviewsForGeneration(

 			const renderResult: RenderResult = {
 				forwards: URL.createObjectURL(rawRenderResult.forwards),
-				backwards: URL.createObjectURL(rawRenderResult.backwards),
 			}

 			skinBlobUrlMap.set(key, renderResult)
@@ -142,6 +142,12 @@ export async function remove_custom_skin(skin: Skin): Promise<void> {
 	})
 }

+export async function set_custom_skin_order(textureKeys: string[]): Promise<void> {
+	await invoke('plugin:minecraft-skins|set_custom_skin_order', {
+		textureKeys,
+	})
+}
+
 export async function save_custom_skin(
 	skin: Skin,
 	textureBlob: Uint8Array,
@@ -2,7 +2,6 @@ import type { RawRenderResult } from '../rendering/batch-skin-renderer'

 interface StoredPreview {
 	forwards: Blob
-	backwards: Blob
 	timestamp: number
 }

@@ -38,7 +37,6 @@ export class SkinPreviewStorage {

 		const storedPreview: StoredPreview = {
 			forwards: result.forwards,
-			backwards: result.backwards,
 			timestamp: Date.now(),
 		}

@@ -67,7 +65,7 @@ export class SkinPreviewStorage {
 					return
 				}

-				resolve({ forwards: result.forwards, backwards: result.backwards })
+				resolve({ forwards: result.forwards })
 			}
 			request.onerror = () => reject(request.error)
 		})
@@ -95,7 +93,7 @@ export class SkinPreviewStorage {
 					const result = request.result as StoredPreview | undefined

 					if (result) {
-						results[key] = { forwards: result.forwards, backwards: result.backwards }
+						results[key] = { forwards: result.forwards }
 					} else {
 						results[key] = null
 					}
@@ -173,7 +171,7 @@ export class SkinPreviewStorage {
 					const key = cursor.primaryKey as string
 					const value = cursor.value as StoredPreview

-					const entrySize = value.forwards.size + value.backwards.size
+					const entrySize = value.forwards.size
 					totalSize += entrySize
 					count++

@@ -236,9 +236,6 @@
  "app.settings.tabs.resource-management": {
    "message": "إدارة الموارد"
  },
-  "app.update-popup.body": {
-    "message": "تطبيق Modrinth v{version} جاهز للتثبيت! أعد التحميل للتحديث الآن، أو تلقائيًا عند إغلاق تطبيق Modrinth."
-  },
  "app.update-popup.body.download-complete": {
    "message": "انتهى تنزيل تطبيق Modrinth v{version}. أعد التحميل للتحديث الآن، أو تلقائيًا عند إغلاق تطبيق Modrinth."
  },
@@ -269,15 +266,6 @@
  "app.update.complete-toast.title": {
    "message": "تم تثبيت الإصدار {version} بنجاح!"
  },
-  "app.update.download-update": {
-    "message": "تنزيل التحديث"
-  },
-  "app.update.downloading-update": {
-    "message": "جار تنزيل التحديث ({percent}٪)"
-  },
-  "app.update.reload-to-update": {
-    "message": "أعد التحميل لتثبيت التحديث"
-  },
  "app.world.server-modal.placeholder-address": {
    "message": "مثال.مودرنث.جج"
  },
@@ -359,9 +359,6 @@
  "app.skins.section.saved-skins": {
    "message": "Uložené skiny"
  },
-  "app.update-popup.body": {
-    "message": "Aplikace Modrinth v{version} je připravena k instalaci! Nainstalujte aktualizaci nyní nebo automaticky po zavření aplikace Modrinth."
-  },
  "app.update-popup.body.download-complete": {
    "message": "Stahování aplikace Modrinth v{version} bylo dokončeno. Nainstalujte aktualizaci nyní nebo automaticky po zavření aplikace Modrinth."
  },
@@ -392,15 +389,6 @@
  "app.update.complete-toast.title": {
    "message": "Verze {version} byla úspěšně nainstalována!"
  },
-  "app.update.download-update": {
-    "message": "Stáhnout aktualizaci"
-  },
-  "app.update.downloading-update": {
-    "message": "Stahování aktualizace ({percent}%)"
-  },
-  "app.update.reload-to-update": {
-    "message": "Restartovat aplikaci pro nainstalování aktualizace"
-  },
  "app.world.server-modal.placeholder-address": {
    "message": "priklad.modrinth.gg"
  },
@@ -455,9 +455,6 @@
  "app.skins.title": {
    "message": "Skin vælger"
  },
-  "app.update-popup.body": {
-    "message": "Modrinth App v{version} er klar til at blive installeret! Genindlæs for at opdatere nu, eller automatisk når du lukker Modrinth App."
-  },
  "app.update-popup.body.download-complete": {
    "message": "Modrinth App v{version} er færdig med at download. Genindlæs for at opdatere nu, eller automatisk når du lukker Modrinth App."
  },
@@ -488,15 +485,6 @@
  "app.update.complete-toast.title": {
    "message": "Version {version} var installeret med succes!"
  },
-  "app.update.download-update": {
-    "message": "Download opdatering"
-  },
-  "app.update.downloading-update": {
-    "message": "Downloader opdatering ({percent}%)"
-  },
-  "app.update.reload-to-update": {
-    "message": "Genindlæs for at installere opdatering"
-  },
  "app.world.server-modal.placeholder-address": {
    "message": "eksemple.modrinth.gg"
  },
@@ -473,9 +473,6 @@
  "app.skins.title": {
    "message": "Skin-Auswahl"
  },
-  "app.update-popup.body": {
-    "message": "Modrinth App v{version} ist bereit zur Installation! Lade die App neu um jetzt zu aktualisieren, oder automatisch nach dem schliessen der Modrinth App."
-  },
  "app.update-popup.body.download-complete": {
    "message": "Modrinth App v{version} wurde heruntergeladen. Lade die App neu um jetzt zu aktualisieren, oder automatisch nach dem schliessen der Modrinth App."
  },
@@ -506,15 +503,6 @@
  "app.update.complete-toast.title": {
    "message": "Version {version} wurde erfolgreich installiert!"
  },
-  "app.update.download-update": {
-    "message": "Aktualisierung herunterladen"
-  },
-  "app.update.downloading-update": {
-    "message": "Lade Aktualisierung herunter ({percent}%)"
-  },
-  "app.update.reload-to-update": {
-    "message": "Lade neu um Aktualisierung zu installieren"
-  },
  "app.world.server-modal.placeholder-address": {
    "message": "example.modrinth.gg"
  },
@@ -473,9 +473,6 @@
  "app.skins.title": {
    "message": "Skin-Auswahl"
  },
-  "app.update-popup.body": {
-    "message": "Modrinth App v{version} ist bereit zur Installation! Neu laden, um jetzt zu aktualisieren, oder automatisch, wenn du die Modrinth App schließt."
-  },
  "app.update-popup.body.download-complete": {
    "message": "Modrinth App v{version} wurde heruntergeladen. Neu laden, um jetzt zu aktualisieren, oder automatisch aktualisieren, wenn du die Modrinth App schließt."
  },
@@ -506,15 +503,6 @@
  "app.update.complete-toast.title": {
    "message": "Version {version} wurde erfolgreich installiert!"
  },
-  "app.update.download-update": {
-    "message": "Update herunterladen"
-  },
-  "app.update.downloading-update": {
-    "message": "Update wird heruntergeladen ({percent}%)"
-  },
-  "app.update.reload-to-update": {
-    "message": "Neu laden, um das Update zu installieren"
-  },
  "app.world.server-modal.placeholder-address": {
    "message": "example.modrinth.gg"
  },
@@ -2,6 +2,9 @@
  "app.action-bar.downloading-java": {
    "message": "Downloading Java {version}"
  },
+  "app.action-bar.downloading-update": {
+    "message": "Downloading update"
+  },
  "app.action-bar.downloads": {
    "message": "Downloads"
  },
@@ -20,12 +23,18 @@
  "app.action-bar.primary-instance": {
    "message": "Primary instance"
  },
+  "app.action-bar.reload-to-update": {
+    "message": "Reload to update"
+  },
  "app.action-bar.show-more-running-instances": {
    "message": "Show more running instances"
  },
  "app.action-bar.stop-instance": {
    "message": "Stop instance"
  },
+  "app.action-bar.update": {
+    "message": "Update"
+  },
  "app.action-bar.view-active-downloads": {
    "message": "View active downloads"
  },
@@ -428,6 +437,12 @@
  "app.skins.rate-limit.title": {
    "message": "Slow down!"
  },
+  "app.skins.reorder-error.text": {
+    "message": "Your skin order could not be saved."
+  },
+  "app.skins.reorder-error.title": {
+    "message": "Failed to reorder skins"
+  },
  "app.skins.section.builders-and-biomes": {
    "message": "Builders & Biomes"
  },
@@ -482,9 +497,6 @@
  "app.skins.title": {
    "message": "Skin selector"
  },
-  "app.update-popup.body": {
-    "message": "Modrinth App v{version} is ready to install! Reload to update now, or automatically when you close Modrinth App."
-  },
  "app.update-popup.body.download-complete": {
    "message": "Modrinth App v{version} has finished downloading. Reload to update now, or automatically when you close Modrinth App."
  },
@@ -504,7 +516,7 @@
    "message": "Download complete"
  },
  "app.update-popup.reload": {
-    "message": "Reload"
+    "message": "Reload to update"
  },
  "app.update-popup.title": {
    "message": "Update available"
@@ -515,15 +527,6 @@
  "app.update.complete-toast.title": {
    "message": "Version {version} was successfully installed!"
  },
-  "app.update.download-update": {
-    "message": "Download update"
-  },
-  "app.update.downloading-update": {
-    "message": "Downloading update ({percent}%)"
-  },
-  "app.update.reload-to-update": {
-    "message": "Reload to install update"
-  },
  "app.world.server-modal.placeholder-address": {
    "message": "example.modrinth.gg"
  },
@@ -473,9 +473,6 @@
  "app.skins.title": {
    "message": "Selector de skin"
  },
-  "app.update-popup.body": {
-    "message": "¡Modrinth App v{version} está lista para instalarse! Actualiza ahora o automáticamente al cerrar la Modrinth App."
-  },
  "app.update-popup.body.download-complete": {
    "message": "La descarga de la Modrinth App v{version} ha finalizado. Actualiza ahora o automáticamente al cerrar la Modrinth App."
  },
@@ -506,15 +503,6 @@
  "app.update.complete-toast.title": {
    "message": "¡La versión {version} se ha instalado correctamente!"
  },
-  "app.update.download-update": {
-    "message": "Descargar actualización"
-  },
-  "app.update.downloading-update": {
-    "message": "Descargando actualización ({percent}%)"
-  },
-  "app.update.reload-to-update": {
-    "message": "Recarga para instalar la actualización"
-  },
  "app.world.server-modal.placeholder-address": {
    "message": "ejemplo.modrinth.gg"
  },
@@ -482,9 +482,6 @@
  "app.skins.title": {
    "message": "Selector de Skin"
  },
-  "app.update-popup.body": {
-    "message": "¡La versión v{version} de Modrinth está lista para instalarse! Actualiza ahora o automáticamente al cerrar la aplicación."
-  },
  "app.update-popup.body.download-complete": {
    "message": "Modrinth App v{version} se ha descargado. Actualiza la página ahora o espera a que se actualice automáticamente al cerrar Modrinth App."
  },
@@ -515,15 +512,6 @@
  "app.update.complete-toast.title": {
    "message": "¡La versión {version} se ha instalado correctamente!"
  },
-  "app.update.download-update": {
-    "message": "Descarga actualización"
-  },
-  "app.update.downloading-update": {
-    "message": "Descargando actualización ({percent}%)"
-  },
-  "app.update.reload-to-update": {
-    "message": "Recarga para instalar la actualización"
-  },
  "app.world.server-modal.placeholder-address": {
    "message": "ejemplo.modrinth.gg"
  },
@@ -332,9 +332,6 @@
  "app.settings.tabs.resource-management": {
    "message": "Resurssien hallinta"
  },
-  "app.update-popup.body": {
-    "message": "Modrinth App versio {version} on valmis asennettavaksi. Voit käynnistää sovelluksen uudelleen päivittääksesi heti tai antaa päivityksen asentua automaattisesti, kun suljet Modrinth Appin."
-  },
  "app.update-popup.body.download-complete": {
    "message": "Modrinth App versio {version} on ladattu. Voit käynnistää sovelluksen uudelleen päivittääksesi heti tai antaa päivityksen asentua automaattisesti, kun suljet Modrinth Appin."
  },
@@ -365,15 +362,6 @@
  "app.update.complete-toast.title": {
    "message": "Versio {version} asennettiin onnistuneesti!"
  },
-  "app.update.download-update": {
-    "message": "Lataa päivitys"
-  },
-  "app.update.downloading-update": {
-    "message": "Ladataan päivitystä ({percent}%)"
-  },
-  "app.update.reload-to-update": {
-    "message": "Lataa uudelleen asentaaksesi päivityksen"
-  },
  "app.world.server-modal.placeholder-address": {
    "message": "example.modrinth.gg"
  },
@@ -359,9 +359,6 @@
  "app.skins.section.modrinth-pride": {
    "message": "Modrinth Pride"
  },
-  "app.update-popup.body": {
-    "message": "Ang Modrinth App v{version} ay handa nang ma-install. Mag-reload upang ma-update ngayon, o awtomatiko sa pagsara ng Modrinth App."
-  },
  "app.update-popup.body.download-complete": {
    "message": "Tapos nang ma-download ang Modrinth App v{version}. Mag-reload upang ma-update ngayon, o awtomatiko sa pagsara ng Modrinth App."
  },
@@ -392,15 +389,6 @@
  "app.update.complete-toast.title": {
    "message": "Tagumpay na na-install ang bersiyong {version}!"
  },
-  "app.update.download-update": {
-    "message": "I-download ang update"
-  },
-  "app.update.downloading-update": {
-    "message": "Nagdadownload ng update ({percent}%)"
-  },
-  "app.update.reload-to-update": {
-    "message": "Handang ma-install ang update"
-  },
  "app.world.server-modal.placeholder-address": {
    "message": "example.modrinth.gg"
  },
@@ -473,9 +473,6 @@
  "app.skins.title": {
    "message": "Sélecteur de skin"
  },
-  "app.update-popup.body": {
-    "message": "Modrinth App v{version} est prête à être installée ! Relancez l'application pour faire la mise à jour maintenant, ou automatiquement à la fermeture de Modrinth App."
-  },
  "app.update-popup.body.download-complete": {
    "message": "Modrinth App v{version} a finie d'être téléchargée. Rechargez pour mettre à jour maintenant, ou automatiquement quand vous fermez Modrinth App."
  },
@@ -506,15 +503,6 @@
  "app.update.complete-toast.title": {
    "message": "La version {version} a été téléchargée avec succès !"
  },
-  "app.update.download-update": {
-    "message": "Télécharger la mise à jour"
-  },
-  "app.update.downloading-update": {
-    "message": "Téléchargement de la mise à jour ({percent}%)"
-  },
-  "app.update.reload-to-update": {
-    "message": "Relancez l'application pour installer la mise à jour"
-  },
  "app.world.server-modal.placeholder-address": {
    "message": "exemple.modrinth.gg"
  },
@@ -203,9 +203,6 @@
  "app.settings.tabs.resource-management": {
    "message": "ניהול משאבים"
  },
-  "app.update-popup.body": {
-    "message": "Modrinth App v{version} מוכנה להורדה!\nיש לרענן כדי לעדכן עכשיו, או באופן אוטומטי בעת סגירת האפליקציה."
-  },
  "app.update-popup.body.download-complete": {
    "message": "Modrinth App v{version} סיימה את תהליך ההורדה. יש לרענן כדי לעדכן עכשיו, או באופן אוטומטי בעת סגירת האפליקציה."
  },
@@ -236,15 +233,6 @@
  "app.update.complete-toast.title": {
    "message": "גרסה {version} הותקנה בהצלחה!"
  },
-  "app.update.download-update": {
-    "message": "הורדת עדכון"
-  },
-  "app.update.downloading-update": {
-    "message": "מוריד עדכון ({percent}%)"
-  },
-  "app.update.reload-to-update": {
-    "message": "צריך לרענן כדי להתקין את העדכון"
-  },
  "app.world.server-modal.placeholder-address": {
    "message": "example.modrinth.gg"
  },
@@ -479,9 +479,6 @@
  "app.skins.title": {
    "message": "Kinézetváltó"
  },
-  "app.update-popup.body": {
-    "message": "A Modrinth App v{version} telepítésre kész! Frissítéshez válaszd ki a Frissítés opciót, vagy az alkalmazás a bezárásakor automatikusan frissül."
-  },
  "app.update-popup.body.download-complete": {
    "message": "A Modrinth App v{version} letöltése befejeződött. Frissítéshez válaszd ki a Frissítés opciót, vagy az alkalmazás a bezárásakor automatikusan frissül."
  },
@@ -512,15 +509,6 @@
  "app.update.complete-toast.title": {
    "message": "Verzió {version} sikeresen telepítve!"
  },
-  "app.update.download-update": {
-    "message": "Frissítés letöltése"
-  },
-  "app.update.downloading-update": {
-    "message": "Frissítés letöltése ({percent}%)"
-  },
-  "app.update.reload-to-update": {
-    "message": "A telepítéshez újraindítás szükséges"
-  },
  "app.world.server-modal.placeholder-address": {
    "message": "pelda.modrinth.gg"
  },
@@ -470,9 +470,6 @@
  "app.skins.title": {
    "message": "Pemilih rupa"
  },
-  "app.update-popup.body": {
-    "message": "Modrinth App v{version} siap dipasang! Muat ulang untuk memperbarui sekarang, atau secara otomatis saat Anda menutup Modrinth App."
-  },
  "app.update-popup.body.download-complete": {
    "message": "Modrinth App v{version} telah selesai mengunduh. Muat ulang untuk memperbarui sekarang, atau secara otomatis saat Anda menutup Modrinth App."
  },
@@ -503,15 +500,6 @@
  "app.update.complete-toast.title": {
    "message": "Versi {version} berhasil dipasang!"
  },
-  "app.update.download-update": {
-    "message": "Unduh pembaruan"
-  },
-  "app.update.downloading-update": {
-    "message": "Mengunduh pembaruan ({percent}%)"
-  },
-  "app.update.reload-to-update": {
-    "message": "Muat ulang untuk memasang pembaruan"
-  },
  "app.world.server-modal.placeholder-address": {
    "message": "example.modrinth.gg"
  },
@@ -470,9 +470,6 @@
  "app.skins.title": {
    "message": "Seleziona una skin"
  },
-  "app.update-popup.body": {
-    "message": "Modrinth App v{version} è pronta per essere installata! Ricarica per aggiornare ora, o avverrà in automatico alla chiusura dell'app."
-  },
  "app.update-popup.body.download-complete": {
    "message": "Modrinth App v{version} è stata scaricata. Ricarica per aggiornare ora, o avverrà in automatico alla chiusura dell'app."
  },
@@ -503,15 +500,6 @@
  "app.update.complete-toast.title": {
    "message": "La versione {version} è stata installata con successo!"
  },
-  "app.update.download-update": {
-    "message": "Scarica aggiornamento"
-  },
-  "app.update.downloading-update": {
-    "message": "Scaricando l'aggiornamento ({percent}%)"
-  },
-  "app.update.reload-to-update": {
-    "message": "Ricarica per installare l'aggiornamento"
-  },
  "app.world.server-modal.placeholder-address": {
    "message": "example.modrinth.gg"
  },
@@ -311,9 +311,6 @@
  "app.skins.preview.edit-button": {
    "message": "編集"
  },
-  "app.update-popup.body": {
-    "message": "Modrinth App v{version} のインストール準備が整いました！今すぐ更新するには再読み込みするか、Modrinth Appを閉じる際に自動更新されます。"
-  },
  "app.update-popup.body.download-complete": {
    "message": "Modrinth App v{version} のダウンロードが完了しました。今すぐ更新するには再読み込みするか、Modrinth Appを閉じる際に自動更新されます。"
  },
@@ -344,15 +341,6 @@
  "app.update.complete-toast.title": {
    "message": "バージョン {version} が正常にインストールされました！"
  },
-  "app.update.download-update": {
-    "message": "アップデートをダウンロード"
-  },
-  "app.update.downloading-update": {
-    "message": "アップデートをダウンロード中 ({percent}%)"
-  },
-  "app.update.reload-to-update": {
-    "message": "再起動して今すぐ更新"
-  },
  "app.world.server-modal.placeholder-address": {
    "message": "example.modrinth.gg"
  },
@@ -482,9 +482,6 @@
  "app.skins.title": {
    "message": "스킨 선택"
  },
-  "app.update-popup.body": {
-    "message": "Modrinth App v{version}을 설치할 준비가 완료되었습니다! 새로고침하거나 Modrinth App을 종료하면 자동으로 업데이트됩니다."
-  },
  "app.update-popup.body.download-complete": {
    "message": "Modrinth App v{version} 다운로드가 완료되었습니다. 새로고침하거나 Modrinth App을 종료하면 자동으로 업데이트됩니다."
  },
@@ -515,15 +512,6 @@
  "app.update.complete-toast.title": {
    "message": "{version} 버전이 성공적으로 설치되었습니다!"
  },
-  "app.update.download-update": {
-    "message": "업데이트 다운로드"
-  },
-  "app.update.downloading-update": {
-    "message": "업데이트 다운로드 중 ({percent}%)"
-  },
-  "app.update.reload-to-update": {
-    "message": "새로고침하여 업데이트 설치"
-  },
  "app.world.server-modal.placeholder-address": {
    "message": "example.modrinth.gg"
  },
@@ -437,9 +437,6 @@
  "app.skins.title": {
    "message": "Pemilih kekulit"
  },
-  "app.update-popup.body": {
-    "message": "Modrinth App v{version} sudah bersedia untuk dipasang! Muat semula untuk kemas kini sekarang, atau kemas kini secara automatik apabila anda menutup Modrinth App."
-  },
  "app.update-popup.body.download-complete": {
    "message": "Modrinth App v{version} sudah selesai dimuat turun! Muat semula untuk kemas kini sekarang, atau kemas kini secara automatik apabila anda menutup Modrinth App."
  },
@@ -470,15 +467,6 @@
  "app.update.complete-toast.title": {
    "message": "Versi {version} telah berjaya dipasang!"
  },
-  "app.update.download-update": {
-    "message": "Muat turun kemas kini"
-  },
-  "app.update.downloading-update": {
-    "message": "Sedang memuat turun kemas kini ({percent}%)"
-  },
-  "app.update.reload-to-update": {
-    "message": "Muat semula untuk memasang kemas kini"
-  },
  "app.world.server-modal.placeholder-address": {
    "message": "example.modrinth.gg"
  },
@@ -323,9 +323,6 @@
  "app.settings.tabs.resource-management": {
    "message": "Bronnenbeheer"
  },
-  "app.update-popup.body": {
-    "message": "Modrinth App v{version} is klaar om geïnstalleerd te worden! Herlaad om nu te updaten, of automatisch wanneer je de Modrinth App afsluit."
-  },
  "app.update-popup.body.download-complete": {
    "message": "Modrinth App v{version} is klaar met downloaden. Herlaad om nu te updaten, of automatisch wanneer je de Modrinth App afsluit."
  },
@@ -356,15 +353,6 @@
  "app.update.complete-toast.title": {
    "message": "Versie {version} is succesvol geïnstalleerd!"
  },
-  "app.update.download-update": {
-    "message": "Download update"
-  },
-  "app.update.downloading-update": {
-    "message": "Update downloaden ({percent}%)"
-  },
-  "app.update.reload-to-update": {
-    "message": "Herlaad om de update te installeren"
-  },
  "app.world.server-modal.placeholder-address": {
    "message": "voorbeeld.modrinth.gg"
  },
@@ -59,15 +59,6 @@
  "app.update.complete-toast.title": {
    "message": "Versjon {version} ble installert!"
  },
-  "app.update.download-update": {
-    "message": "Last ned oppdatering"
-  },
-  "app.update.downloading-update": {
-    "message": "Laster ned oppdatering ({percent}%)"
-  },
-  "app.update.reload-to-update": {
-    "message": "Last inn på nytt for å installere oppdateringen"
-  },
  "friends.action.add-friend": {
    "message": "Legg til en venn"
  },
@@ -476,9 +476,6 @@
  "app.skins.title": {
    "message": "Wybierz skórkę"
  },
-  "app.update-popup.body": {
-    "message": "Wersja Modrinth App v{version} jest gotowa do zainstalowania! Załaduj ponownie, żeby zaktualizować teraz, albo automatycznie, gdy zamkniesz Modrinth App."
-  },
  "app.update-popup.body.download-complete": {
    "message": "Wersja Modrinth App v{version} została pobrana. Załaduj ponownie, żeby zaktualizować teraz, albo automatycznie, gdy zamkniesz Modrinth App."
  },
@@ -509,15 +506,6 @@
  "app.update.complete-toast.title": {
    "message": "Wersja {version} została pomyślnie zainstalowana!"
  },
-  "app.update.download-update": {
-    "message": "Pobierz aktualizację"
-  },
-  "app.update.downloading-update": {
-    "message": "Pobieranie aktualizacji ({percent}%)"
-  },
-  "app.update.reload-to-update": {
-    "message": "Załaduj ponownie, aby zainstalować aktualizację"
-  },
  "app.world.server-modal.placeholder-address": {
    "message": "example.modrinth.gg"
  },
@@ -479,9 +479,6 @@
  "app.skins.title": {
    "message": "Seletor de skins"
  },
-  "app.update-popup.body": {
-    "message": "O Modrinth App v{version} está pronto para ser instalado! Você pode recarregar para atualizar agora ou a atualização será feita automaticamente ao fechar o Modrinth App."
-  },
  "app.update-popup.body.download-complete": {
    "message": "O Modrinth App v{version} foi baixado. Recarregue para atualizar agora ou a atualização será aplicada automaticamente ao fechar o Modrinth App."
  },
@@ -512,15 +509,6 @@
  "app.update.complete-toast.title": {
    "message": "Versão {version} instalada!"
  },
-  "app.update.download-update": {
-    "message": "Baixar atualização"
-  },
-  "app.update.downloading-update": {
-    "message": "Baixando atualização ({percent}%)"
-  },
-  "app.update.reload-to-update": {
-    "message": "Recarregue para instalar a atualização"
-  },
  "app.world.server-modal.placeholder-address": {
    "message": "exemplo.modrinth.gg"
  },
@@ -239,9 +239,6 @@
  "app.settings.tabs.resource-management": {
    "message": "Gestão de recursos"
  },
-  "app.update-popup.body": {
-    "message": "Modrinth App v{version} está pronta para ser instalada! Recarrega para atualizar agora, ou automaticamente quando fechares a Modrinth App."
-  },
  "app.update-popup.body.download-complete": {
    "message": "Modrinth App v{version} acabou de ser transferida. Recarrega para atualizar agora, ou automaticamente quando fechares a Modrinth App."
  },
@@ -272,15 +269,6 @@
  "app.update.complete-toast.title": {
    "message": "Versão {version} foi instalada com sucesso!"
  },
-  "app.update.download-update": {
-    "message": "Transferir atualização"
-  },
-  "app.update.downloading-update": {
-    "message": "A transferir atualização ({percent}%)"
-  },
-  "app.update.reload-to-update": {
-    "message": "Recarrega para instalar a atualização"
-  },
  "app.world.server-modal.placeholder-address": {
    "message": "exemplo.modrinth.gg"
  },
@@ -65,9 +65,6 @@
  "app.settings.tabs.resource-management": {
    "message": "Administrare resurse"
  },
-  "app.update-popup.body": {
-    "message": "Aplicația Modrinth v{version} este gata de instalat! Reîncărcați pentru a actualiza acum sau automat când închideți aplicația Modrinth."
-  },
  "app.update-popup.body.download-complete": {
    "message": "Aplicația Modrinth v{version} a terminat descărcarea. Reîncărcați pentru a actualiza acum sau automat când închideți aplicația Modrinth."
  },
@@ -98,15 +95,6 @@
  "app.update.complete-toast.title": {
    "message": "Versiunea {version} a fost instalată cu succes!"
  },
-  "app.update.download-update": {
-    "message": "Descarcă actualizarea"
-  },
-  "app.update.downloading-update": {
-    "message": "Se descarcă actualizarea ({percent}%)"
-  },
-  "app.update.reload-to-update": {
-    "message": "Reîncarcă pentru a instala actualizarea"
-  },
  "app.world.server-modal.select-an-option": {
    "message": "Selectează o opțiune"
  },
@@ -464,9 +464,6 @@
  "app.skins.title": {
    "message": "Выбор скина"
  },
-  "app.update-popup.body": {
-    "message": "Версия Modrinth App {version} готова к установке! Перезапустите приложение, чтобы обновить его, или оно обновится автоматически после закрытия."
-  },
  "app.update-popup.body.download-complete": {
    "message": "Скачивание версии Modrinth App {version} завершено. Перезапустите приложение, чтобы обновить его, или оно обновится автоматически после закрытия."
  },
@@ -497,15 +494,6 @@
  "app.update.complete-toast.title": {
    "message": "Версия {version} успешно установлена!"
  },
-  "app.update.download-update": {
-    "message": "Скачать обновление"
-  },
-  "app.update.downloading-update": {
-    "message": "Скачивание обновления ({percent}%)"
-  },
-  "app.update.reload-to-update": {
-    "message": "Перезапустить и обновить"
-  },
  "app.world.server-modal.placeholder-address": {
    "message": "example.modrinth.gg"
  },
@@ -353,9 +353,6 @@
  "app.skins.modal.texture-section": {
    "message": "Textur"
  },
-  "app.update-popup.body": {
-    "message": "Modrinth App v{version} är redo att laddas ner! Ladda om för att uppdatera nu, eller automatiskt när du stänger Modrinth App."
-  },
  "app.update-popup.body.download-complete": {
    "message": "Modrinth App v{version} har laddats ner. Ladda om för att uppdatera nu, eller automatiskt när du stänger Modrinth App."
  },
@@ -386,15 +383,6 @@
  "app.update.complete-toast.title": {
    "message": "Version {version} har installerats!"
  },
-  "app.update.download-update": {
-    "message": "Ladda ner uppdatering"
-  },
-  "app.update.downloading-update": {
-    "message": "Laddar ner uppdatering ({percent}%)"
-  },
-  "app.update.reload-to-update": {
-    "message": "Ladda om för att installera uppdatering"
-  },
  "app.world.server-modal.placeholder-address": {
    "message": "example.modrinth.gg"
  },
@@ -308,9 +308,6 @@
  "app.settings.tabs.resource-management": {
    "message": "การจัดการทรัพยากร"
  },
-  "app.update-popup.body": {
-    "message": "Modrinth v{version} พร้อมสำหรับการติดตั้งแล้ว! เปิดโปรแกรมใหม่อีกครั้งเพื่ออัปเดตตอนนี้ หรือจะรออัปเดตอัตโนมัติ ซึ่งจะเกิดขึ้นเมื่อคุณกดปิดโปรแกรม Modrinth"
-  },
  "app.update-popup.body.download-complete": {
    "message": "ดาวน์โหลด Modrinth v{version} สำเร็จแล้ว เปิดโปรแกรมใหม่อีกครั้งเพื่ออัปเดตตอนนี้ หรือจะรออัปเดตอัตโนมัติ ซึ่งจะเกิดขึ้นเมื่อคุณกดปิดโปรแกรม Modrinth"
  },
@@ -341,15 +338,6 @@
  "app.update.complete-toast.title": {
    "message": "เวอร์ชั่น {version} ถูกติดตั้งแล้ว"
  },
-  "app.update.download-update": {
-    "message": "ดาวน์โหลดอัปเดต"
-  },
-  "app.update.downloading-update": {
-    "message": "ดาวน์โหลดอัปเดตไปแล้ว ({percent}%)"
-  },
-  "app.update.reload-to-update": {
-    "message": "รีโหลดเพื่อติดตั้งอัปเดต"
-  },
  "app.world.server-modal.placeholder-address": {
    "message": "example.modrinth.gg"
  },
@@ -482,9 +482,6 @@
  "app.skins.title": {
    "message": "Skin seçici"
  },
-  "app.update-popup.body": {
-    "message": "Modrinth Uygulaması v{version} yüklenmeye hazır! Güncellemek için yeniden başlatın veya Modrinth Uygulamasını kapattığınızda otomatik olarak güncellenecektir."
-  },
  "app.update-popup.body.download-complete": {
    "message": "Modrinth App v{version} indirildi. Güncellemek için yeniden başlatın veya Modrinth App’i kapattığınızda otomatik olarak güncellenecektir."
  },
@@ -515,15 +512,6 @@
  "app.update.complete-toast.title": {
    "message": "{version} sürümü başarıyla kuruldu!"
  },
-  "app.update.download-update": {
-    "message": "Güncellemeyi indir"
-  },
-  "app.update.downloading-update": {
-    "message": "Güncelleme indiriliyor (%{percent})"
-  },
-  "app.update.reload-to-update": {
-    "message": "Güncellemeyi kurmak için yeniden başlatın"
-  },
  "app.world.server-modal.placeholder-address": {
    "message": "example.modrinth.gg"
  },
@@ -467,9 +467,6 @@
  "app.skins.title": {
    "message": "Вибір скіну"
  },
-  "app.update-popup.body": {
-    "message": "Modrinth App v{version} готовий до встановлення! Перезапустіть, щоб оновити зараз. Або, оновлення буде здійснено автоматично, коли закриєте застосунок Modrinth."
-  },
  "app.update-popup.body.download-complete": {
    "message": "Modrinth App v{version} завантажено. Перезапустіть зараз, щоб оновити його, або це відбудеться автоматично після закриття Modrinth App."
  },
@@ -500,15 +497,6 @@
  "app.update.complete-toast.title": {
    "message": "Версію {version} успішно встановлено!"
  },
-  "app.update.download-update": {
-    "message": "Завантажити оновлення"
-  },
-  "app.update.downloading-update": {
-    "message": "Завантаження оновлення ({percent}%)"
-  },
-  "app.update.reload-to-update": {
-    "message": "Перезавантажте, щоб установити оновлення"
-  },
  "app.world.server-modal.placeholder-address": {
    "message": "example.modrinth.gg"
  },
@@ -476,9 +476,6 @@
  "app.skins.title": {
    "message": "Đổi skin"
  },
-  "app.update-popup.body": {
-    "message": "Phiên bản v{version} của Modrinth đã được chuẩn bị để cài đặt! Khởi động lại ứng dụng để cập nhật ngay bây giờ, hoặc cập nhật tự động khi bạn đóng Modrinth."
-  },
  "app.update-popup.body.download-complete": {
    "message": "Phiên bản v{version} của Modrinth đã sẵn sàng để có thể cài đặt. Khởi động lại ứng dụng để cập nhật ngay bây giờ, hoặc tự động cập nhật sau khi bạn tắt Modrinth."
  },
@@ -509,15 +506,6 @@
  "app.update.complete-toast.title": {
    "message": "Phiên bản {version} đã được cài đặt thành công!"
  },
-  "app.update.download-update": {
-    "message": "Tải về bản cập nhật"
-  },
-  "app.update.downloading-update": {
-    "message": "Đang tải xuống bản cập nhật ({percent}%)"
-  },
-  "app.update.reload-to-update": {
-    "message": "Hãy khởi động lại để cài đặt bản cập nhật"
-  },
  "app.world.server-modal.placeholder-address": {
    "message": "example.modrinth.gg"
  },
@@ -470,9 +470,6 @@
  "app.skins.title": {
    "message": "皮肤选择器"
  },
-  "app.update-popup.body": {
-    "message": "Modrinth App v{version} 更新已就绪！立即重启更新，或退出时自动安装。"
-  },
  "app.update-popup.body.download-complete": {
    "message": "Modrinth App v{version} 更新已下载完成！立即重启更新，或退出时自动安装。"
  },
@@ -503,15 +500,6 @@
  "app.update.complete-toast.title": {
    "message": "版本 {version} 已成功安装！"
  },
-  "app.update.download-update": {
-    "message": "下载更新"
-  },
-  "app.update.downloading-update": {
-    "message": "下载更新中（{percent}%）"
-  },
-  "app.update.reload-to-update": {
-    "message": "重启以安装更新"
-  },
  "app.world.server-modal.placeholder-address": {
    "message": "example.modrinth.gg"
  },
@@ -404,9 +404,6 @@
  "app.skins.title": {
    "message": "皮膚選擇"
  },
-  "app.update-popup.body": {
-    "message": "Modrinth App v{version} 已準備好安裝！立即重新載入以更新，或在關閉 Modrinth App 時自動更新。"
-  },
  "app.update-popup.body.download-complete": {
    "message": "Modrinth App v{version} 已完成下載！立即重新載入以更新，或在關閉 Modrinth App 時自動更新。"
  },
@@ -437,15 +434,6 @@
  "app.update.complete-toast.title": {
    "message": "版本 {version} 已成功安裝！"
  },
-  "app.update.download-update": {
-    "message": "下載更新"
-  },
-  "app.update.downloading-update": {
-    "message": "正在下載更新 ({percent}%)"
-  },
-  "app.update.reload-to-update": {
-    "message": "重新載入即可安裝更新"
-  },
  "app.world.server-modal.placeholder-address": {
    "message": "example.modrinth.gg"
  },
@@ -30,7 +30,7 @@ import type AccountsCard from '@/components/ui/AccountsCard.vue'
 import EditSkinModal from '@/components/ui/skin/EditSkinModal.vue'
 import VirtualSkinSectionList from '@/components/ui/skin/VirtualSkinSectionList.vue'
 import { trackEvent } from '@/helpers/analytics'
-import { get_default_user, login as login_flow, users } from '@/helpers/auth'
+import { check_reachable, get_default_user, login as login_flow, users } from '@/helpers/auth'
 import type { RenderResult } from '@/helpers/rendering/batch-skin-renderer.ts'
 import { generateSkinPreviews, skinBlobUrlMap } from '@/helpers/rendering/batch-skin-renderer.ts'
 import type { Cape, Skin, SkinTextureUrl } from '@/helpers/skins.ts'
@@ -46,6 +46,8 @@ import {
 	get_normalized_skin_texture,
 	normalize_skin_texture,
 	remove_custom_skin,
+	save_custom_skin,
+	set_custom_skin_order,
 } from '@/helpers/skins.ts'
 import { hasPride26Badge } from '@/helpers/user-campaigns.ts'
 import { handleSevereError } from '@/store/error'
@@ -129,6 +131,14 @@ const messages = defineMessages({
 		id: 'app.skins.dropped-file-error.text',
 		defaultMessage: 'Failed to read the dropped file.',
 	},
+	reorderSkinErrorTitle: {
+		id: 'app.skins.reorder-error.title',
+		defaultMessage: 'Failed to reorder skins',
+	},
+	reorderSkinErrorText: {
+		id: 'app.skins.reorder-error.text',
+		defaultMessage: 'Your skin order could not be saved.',
+	},
 	deleteSkinTitle: {
 		id: 'app.skins.delete-modal.title',
 		defaultMessage: 'Are you sure you want to delete this skin?',
@@ -181,6 +191,7 @@ const client = injectModrinthClient()
 const themeStore = useTheming()
 const skins = ref<Skin[]>([])
 const capes = ref<Cape[]>([])
+const offline = ref(!navigator.onLine)

 const accountsCard = inject('accountsCard') as Ref<typeof AccountsCard>
 const currentUser = ref(undefined)
@@ -200,6 +211,16 @@ const savedSkins = computed(() => {
 		return []
 	}
 })
+const authServerQuery = useQuery({
+	queryKey: ['authServerReachability'],
+	queryFn: async () => {
+		await check_reachable()
+		return true
+	},
+	refetchInterval: 5 * 60 * 1000,
+	retry: false,
+	refetchOnWindowFocus: false,
+})
 const { data: modrinthUser } = useQuery({
 	queryKey: computed(() => ['authenticated-user', 'campaigns', auth.user.value?.id]),
 	queryFn: () => client.labrinth.users_v3.getAuthenticated(),
@@ -249,8 +270,18 @@ const currentCape = computed(() => {
 })

 const skinTexture = computedAsync(async () => {
-	if (selectedSkin.value?.texture) {
-		return await get_normalized_skin_texture(selectedSkin.value)
+	const skin = selectedSkin.value
+	if (skin?.texture) {
+		try {
+			return await get_normalized_skin_texture(skin)
+		} catch (error) {
+			if (skin.texture.startsWith('data:image/')) {
+				return skin.texture
+			}
+
+			handleError(error as Error)
+			return ''
+		}
 	} else {
 		return ''
 	}
@@ -258,6 +289,9 @@ const skinTexture = computedAsync(async () => {
 const capeTexture = computed(() => currentCape.value?.texture)
 const skinVariant = computed(() => selectedSkin.value?.variant)
 const skinNametag = computed(() => (themeStore.hideNametagSkinsPage ? undefined : username.value))
+const isSkinManagementReadOnly = computed(
+	() => offline.value || (authServerQuery.isError.value && !authServerQuery.isLoading.value),
+)
 const hasPendingSkinChange = computed(
 	() => !skinsMatch(selectedSkin.value, originalSelectedSkin.value),
 )
@@ -274,11 +308,15 @@ const deleteSkinModal = ref()
 const skinToDelete = ref<Skin | null>(null)

 function confirmDeleteSkin(skin: Skin) {
+	if (isSkinManagementReadOnly.value) return
+
 	skinToDelete.value = skin
 	deleteSkinModal.value?.show()
 }

 async function deleteSkin() {
+	if (isSkinManagementReadOnly.value) return
+
 	const deletedSkin = skinToDelete.value
 	if (!deletedSkin) return

@@ -304,7 +342,23 @@ async function loadCapes() {

 async function loadSkins() {
 	try {
-		skins.value = (await get_available_skins()) ?? []
+		const loadedSkins = (await get_available_skins()) ?? []
+		const loadedEquippedSkin = loadedSkins.find((s) => s.is_equipped)
+		const locallyKnownEquippedSkin =
+			originalSelectedSkin.value &&
+			(loadedSkins.find((skin) => skinsMatch(skin, originalSelectedSkin.value)) ??
+				(originalSelectedSkin.value.texture.startsWith('data:image/')
+					? originalSelectedSkin.value
+					: undefined))
+		const shouldPreserveKnownEquippedSkin =
+			isSkinManagementReadOnly.value &&
+			locallyKnownEquippedSkin &&
+			!skinsMatch(loadedEquippedSkin, locallyKnownEquippedSkin)
+
+		skins.value =
+			shouldPreserveKnownEquippedSkin && locallyKnownEquippedSkin
+				? mergeEquippedSkin(loadedSkins, locallyKnownEquippedSkin)
+				: loadedSkins
 		generateSkinPreviews(skins.value, capes.value)
 		selectedSkin.value = skins.value.find((s) => s.is_equipped) ?? null
 		originalSelectedSkin.value = selectedSkin.value
@@ -315,6 +369,28 @@ async function loadSkins() {
 	}
 }

+function mergeEquippedSkin(list: Skin[], equippedSkin: Skin) {
+	let foundEquippedSkin = false
+	const mergedSkins = list.map((skin) => {
+		const isEquipped = skinsMatch(skin, equippedSkin)
+		foundEquippedSkin ||= isEquipped
+
+		return {
+			...skin,
+			is_equipped: isEquipped,
+		}
+	})
+
+	if (!foundEquippedSkin) {
+		mergedSkins.unshift({
+			...equippedSkin,
+			is_equipped: true,
+		})
+	}
+
+	return mergedSkins
+}
+
 function skinsMatch(a?: Skin | null, b?: Skin | null) {
 	return (
 		a?.source === b?.source &&
@@ -324,6 +400,14 @@ function skinsMatch(a?: Skin | null, b?: Skin | null) {
 	)
 }

+function skinsMatchIgnoringSource(a?: Skin | null, b?: Skin | null) {
+	return (
+		a?.texture_key === b?.texture_key &&
+		a?.variant === b?.variant &&
+		(a?.cape_id ?? null) === (b?.cape_id ?? null)
+	)
+}
+
 function isSkinSelected(skin: Skin) {
 	return skinsMatch(selectedSkin.value, skin)
 }
@@ -385,6 +469,8 @@ function getDefaultSkinSectionSortIndex(section: string) {
 }

 function changeSkin(newSkin: Skin) {
+	if (isSkinManagementReadOnly.value) return
+
 	selectedSkin.value = newSkin
 }

@@ -423,6 +509,19 @@ function setLocallyEquippedSkin(skinToApply: Skin) {
 	void accountsCard.value?.setEquippedSkin(originalSelectedSkin.value)
 }

+function insertLocalSkin(savedSkin: Skin) {
+	const firstNonCustomSkinIndex = skins.value.findIndex((skin) => skin.source !== 'custom')
+
+	if (firstNonCustomSkinIndex === -1) {
+		skins.value = [...skins.value, savedSkin]
+		return
+	}
+
+	const nextSkins = [...skins.value]
+	nextSkins.splice(firstNonCustomSkinIndex, 0, savedSkin)
+	skins.value = nextSkins
+}
+
 function updateLocalSkin(savedSkin: Skin, applied: boolean, previousSkin?: Skin) {
 	let foundSkin = false
 	const replacesSelectedSkin =
@@ -451,7 +550,7 @@ function updateLocalSkin(savedSkin: Skin, applied: boolean, previousSkin?: Skin)
 	})

 	if (!foundSkin) {
-		skins.value.unshift({
+		insertLocalSkin({
 			...savedSkin,
 			is_equipped: applied || savedSkin.is_equipped,
 		})
@@ -480,6 +579,81 @@ function updateLocalSkin(savedSkin: Skin, applied: boolean, previousSkin?: Skin)
 	generateSkinPreviews(skins.value, capes.value)
 }

+async function reorderSavedSkins(orderedSkins: Skin[]) {
+	const previousSkins = skins.value
+	const previousSelectedSkin = selectedSkin.value
+	const previousOriginalSelectedSkin = originalSelectedSkin.value
+	const orderedTextureKeys = orderedSkins.map((skin) => skin.texture_key)
+	const orderedTextureKeySet = new Set(orderedTextureKeys)
+	const remainingSavedSkins = previousSkins.filter(
+		(skin) => skin.source !== 'default' && !orderedTextureKeySet.has(skin.texture_key),
+	)
+	const defaultSkins = previousSkins.filter((skin) => skin.source === 'default')
+	const nextSavedSkins = [...orderedSkins, ...remainingSavedSkins]
+
+	skins.value = [...nextSavedSkins, ...defaultSkins]
+	generateSkinPreviews(skins.value, capes.value)
+
+	try {
+		const persistedSavedSkins = await preserveExternalSkins(nextSavedSkins)
+
+		if (persistedSavedSkins.some((skin, index) => skin !== nextSavedSkins[index])) {
+			skins.value = [...persistedSavedSkins, ...defaultSkins]
+			generateSkinPreviews(skins.value, capes.value)
+		}
+
+		await set_custom_skin_order(
+			persistedSavedSkins
+				.filter((skin) => skin.source === 'custom')
+				.map((skin) => skin.texture_key),
+		)
+	} catch (error) {
+		skins.value = previousSkins
+		selectedSkin.value = previousSelectedSkin
+		originalSelectedSkin.value = previousOriginalSelectedSkin
+		generateSkinPreviews(skins.value, capes.value)
+		addNotification({
+			type: 'error',
+			title: formatMessage(messages.reorderSkinErrorTitle),
+			text: error instanceof Error ? error.message : formatMessage(messages.reorderSkinErrorText),
+		})
+		await loadSkins()
+	}
+}
+
+async function preserveExternalSkins(skinsToPersist: Skin[]) {
+	const preservedSkins: Skin[] = []
+
+	for (const skin of skinsToPersist) {
+		if (skin.source !== 'custom_external') {
+			preservedSkins.push(skin)
+			continue
+		}
+
+		const textureBlob = await normalize_skin_texture(skin.texture)
+		const capeId = skin.cape_id ? capes.value.find((cape) => cape.id === skin.cape_id) : undefined
+		const savedSkin = await save_custom_skin(skin, textureBlob, skin.variant, capeId, false)
+		const preservedSkin: Skin = {
+			...savedSkin,
+			source: 'custom',
+			is_equipped: skin.is_equipped,
+		}
+
+		if (skinsMatchIgnoringSource(selectedSkin.value, skin)) {
+			selectedSkin.value = preservedSkin
+		}
+
+		if (skinsMatchIgnoringSource(originalSelectedSkin.value, skin)) {
+			originalSelectedSkin.value = preservedSkin
+			void accountsCard.value?.setEquippedSkin(preservedSkin)
+		}
+
+		preservedSkins.push(preservedSkin)
+	}
+
+	return preservedSkins
+}
+
 function schedulePendingSkinRefresh() {
 	if (pendingSkinRefreshTimeout !== null) {
 		window.clearTimeout(pendingSkinRefreshTimeout)
@@ -517,7 +691,13 @@ function schedulePendingSkinRefresh() {

 async function applySelectedSkin() {
 	const skinToApply = selectedSkin.value
-	if (!skinToApply || !hasPendingSkinChange.value || isApplyingSkin.value) return
+	if (
+		!skinToApply ||
+		!hasPendingSkinChange.value ||
+		isApplyingSkin.value ||
+		isSkinManagementReadOnly.value
+	)
+		return

 	isApplyingSkin.value = true
 	try {
@@ -586,10 +766,14 @@ async function login() {
 }

 function openAddSkinFileBrowser() {
+	if (isSkinManagementReadOnly.value) return
+
 	addSkinFileInput.value?.click()
 }

 async function onAddSkinFileInputChange(e: Event) {
+	if (isSkinManagementReadOnly.value) return
+
 	const files = (e.target as HTMLInputElement).files
 	const file = files?.[0]

@@ -632,6 +816,8 @@ function isPositionOverAddSkinButton(position: { x: number; y: number }) {
 }

 async function handleAddSkinNativeDragDrop(event: { payload: DragDropEvent }) {
+	if (isSkinManagementReadOnly.value) return
+
 	const payload = event.payload

 	if (payload.type === 'leave') {
@@ -680,6 +866,8 @@ async function handleAddSkinNativeDragDrop(event: { payload: DragDropEvent }) {
 }

 function onAddSkinDragOver(event: DragEvent) {
+	if (isSkinManagementReadOnly.value) return
+
 	if (!isSkinFileDrag(event)) {
 		return
 	}
@@ -688,10 +876,14 @@ function onAddSkinDragOver(event: DragEvent) {
 }

 function onAddSkinDragLeave() {
+	if (isSkinManagementReadOnly.value) return
+
 	isAddSkinButtonDragActive.value = false
 }

 async function onAddSkinDrop(event: DragEvent) {
+	if (isSkinManagementReadOnly.value) return
+
 	isAddSkinButtonDragActive.value = false

 	const file = Array.from(event.dataTransfer?.files ?? []).find(
@@ -721,6 +913,8 @@ async function setupAddSkinDragDropListener() {
 }

 async function processSkinFileBuffer(buffer: Uint8Array | ArrayBuffer) {
+	if (isSkinManagementReadOnly.value) return
+
 	const fakeEvent = new MouseEvent('click')
 	const originalSkinTexUrl = `data:image/png;base64,` + arrayBufferToBase64(buffer)
 	try {
@@ -740,13 +934,24 @@ watch(
 	() => {},
 )

+watch(isSkinManagementReadOnly, (readOnly) => {
+	if (readOnly) {
+		isDraggingSkinFile.value = false
+		isAddSkinButtonDragActive.value = false
+	}
+})
+
 onMounted(() => {
+	window.addEventListener('offline', onOffline)
+	window.addEventListener('online', onOnline)
 	userCheckInterval = window.setInterval(checkUserChanges, 250)
 	void setupAddSkinDragDropListener()
 })

 onUnmounted(() => {
 	isUnmounted = true
+	window.removeEventListener('offline', onOffline)
+	window.removeEventListener('online', onOnline)

 	if (userCheckInterval !== null) {
 		window.clearInterval(userCheckInterval)
@@ -763,6 +968,15 @@ onUnmounted(() => {
 	}
 })

+function onOffline() {
+	offline.value = true
+}
+
+function onOnline() {
+	offline.value = false
+	void authServerQuery.refetch()
+}
+
 async function checkUserChanges() {
 	try {
 		const defaultId = await get_default_user()
@@ -834,7 +1048,7 @@ await loadSkins()
 						>
 							<button
 								class="flex h-10 min-w-0 cursor-pointer items-center justify-center gap-2 rounded-[14px] border-0 bg-surface-4 px-4 py-2.5 text-base font-semibold leading-5 text-contrast shadow-md transition-[filter,transform] duration-200 enabled:hover:brightness-[--hover-brightness] enabled:focus-visible:brightness-[--hover-brightness] enabled:active:scale-95 disabled:cursor-not-allowed disabled:opacity-50 [&>svg]:size-5 [&>svg]:shrink-0"
-								:disabled="isApplyingSkin"
+								:disabled="isApplyingSkin || isSkinManagementReadOnly"
 								@click="resetSelectedSkin"
 							>
 								<RotateCounterClockwiseIcon />
@@ -842,7 +1056,7 @@ await loadSkins()
 							</button>
 							<button
 								class="flex h-10 min-w-0 cursor-pointer items-center justify-center gap-2 rounded-[14px] border-0 bg-brand px-4 py-2.5 text-base font-semibold leading-5 text-[rgba(0,0,0,0.9)] shadow-md transition-[filter,transform] duration-200 enabled:hover:brightness-[--hover-brightness] enabled:focus-visible:brightness-[--hover-brightness] enabled:active:scale-95 disabled:cursor-not-allowed disabled:opacity-50 [&>svg]:size-5 [&>svg]:shrink-0"
-								:disabled="isApplyingSkin"
+								:disabled="isApplyingSkin || isSkinManagementReadOnly"
 								@click="applySelectedSkin"
 							>
 								<SpinnerIcon v-if="isApplyingSkin" class="animate-spin" />
@@ -853,7 +1067,7 @@ await loadSkins()
 						<button
 							v-else
 							class="flex h-10 min-w-0 cursor-pointer items-center justify-center gap-2 rounded-[14px] border-0 bg-surface-4 px-4 py-2.5 text-base font-semibold leading-5 shadow-md transition-[filter,transform] duration-200 enabled:hover:brightness-[--hover-brightness] enabled:focus-visible:brightness-[--hover-brightness] enabled:active:scale-95 disabled:cursor-not-allowed disabled:opacity-50 [&>svg]:size-5 [&>svg]:shrink-0"
-							:disabled="!selectedSkin"
+							:disabled="!selectedSkin || isSkinManagementReadOnly"
 							@click="(e: MouseEvent) => selectedSkin && editSkinModal?.show(e, selectedSkin)"
 						>
 							<EditIcon />
@@ -873,9 +1087,11 @@ await loadSkins()
 				:is-skin-selected="isSkinSelected"
 				:is-skin-active="isSkinActive"
 				:is-add-skin-button-drag-active="isAddSkinButtonDragActive"
+				:read-only="isSkinManagementReadOnly"
 				@select="changeSkin"
 				@edit="(skin, event) => editSkinModal?.show(event, skin)"
 				@delete="confirmDeleteSkin"
+				@reorder-saved-skins="reorderSavedSkins"
 				@add-skin="openAddSkinFileBrowser"
 				@add-skin-dragenter="onAddSkinDragOver"
 				@add-skin-dragover="onAddSkinDragOver"
@@ -0,0 +1,171 @@
+import { computed, ref } from 'vue'
+
+export const APP_UPDATE_POPUP_DELAY_MS = 24 * 60 * 60 * 1000
+
+const UPDATE_PROMPT_STORAGE_KEY = 'modrinth-app-update-prompt-state'
+
+export interface AppUpdate {
+	rid: number
+	version: string
+	currentVersion?: string
+}
+
+interface UpdatePromptState {
+	version: string
+	stage: AppUpdatePromptStage
+	actionableSince: number
+	lastUserActionAt?: number
+	popupShownAt?: number
+}
+
+export type AppUpdatePromptStage = 'available' | 'downloaded'
+
+interface AppUpdateActions {
+	download?: () => Promise<void> | void
+	install?: () => Promise<void> | void
+	changelog?: () => Promise<void> | void
+}
+
+const progress = ref(0)
+const metered = ref(true)
+const finishedDownloading = ref(false)
+const downloading = ref(false)
+const restarting = ref(false)
+const availableUpdate = ref<AppUpdate | null>(null)
+const updateSize = ref<number | null>(null)
+const updatesEnabled = ref(true)
+
+let actions: AppUpdateActions = {}
+
+function getCurrentAppUpdatePromptStage(): AppUpdatePromptStage {
+	return finishedDownloading.value ? 'downloaded' : 'available'
+}
+
+export const appUpdateState = {
+	progress,
+	metered,
+	finishedDownloading,
+	downloading,
+	restarting,
+	availableUpdate,
+	updateSize,
+	updatesEnabled,
+	downloadProgress: computed(() => progress.value),
+	downloadPercent: computed(() => Math.trunc(progress.value * 100)),
+	isVisible: computed(() => !!availableUpdate.value && !restarting.value && updatesEnabled.value),
+}
+
+function readPromptState(): UpdatePromptState | null {
+	try {
+		const raw = localStorage.getItem(UPDATE_PROMPT_STORAGE_KEY)
+		if (!raw) {
+			return null
+		}
+
+		const parsed = JSON.parse(raw) as Partial<UpdatePromptState>
+		if (!parsed.version || typeof parsed.actionableSince !== 'number') {
+			return null
+		}
+
+		return {
+			...parsed,
+			stage: parsed.stage ?? 'available',
+		} as UpdatePromptState
+	} catch {
+		return null
+	}
+}
+
+function writePromptState(state: UpdatePromptState): void {
+	try {
+		localStorage.setItem(UPDATE_PROMPT_STORAGE_KEY, JSON.stringify(state))
+	} catch (error) {
+		console.warn('Failed to persist update prompt state:', error)
+	}
+}
+
+export function markAppUpdateActionable(
+	version: string,
+	stage: AppUpdatePromptStage = 'available',
+	now = Date.now(),
+): void {
+	const existing = readPromptState()
+	if (existing?.version === version && existing.stage === stage) {
+		return
+	}
+
+	writePromptState({
+		version,
+		stage,
+		actionableSince: now,
+	})
+}
+
+export function recordAppUpdateUserAction(
+	version = availableUpdate.value?.version,
+	stage: AppUpdatePromptStage = getCurrentAppUpdatePromptStage(),
+): void {
+	if (!version) {
+		return
+	}
+
+	const now = Date.now()
+	const existing = readPromptState()
+	const isSamePrompt = existing?.version === version && existing.stage === stage
+	writePromptState({
+		version,
+		stage,
+		actionableSince: isSamePrompt ? existing.actionableSince : now,
+		lastUserActionAt: now,
+		popupShownAt: isSamePrompt ? existing.popupShownAt : undefined,
+	})
+}
+
+export function markAppUpdatePopupShown(
+	version: string,
+	stage: AppUpdatePromptStage = 'available',
+	now = Date.now(),
+): void {
+	const existing = readPromptState()
+	const isSamePrompt = existing?.version === version && existing.stage === stage
+	writePromptState({
+		version,
+		stage,
+		actionableSince: isSamePrompt ? existing.actionableSince : now,
+		lastUserActionAt: isSamePrompt ? existing.lastUserActionAt : undefined,
+		popupShownAt: now,
+	})
+}
+
+export function getNextAppUpdatePopupTime(
+	version: string,
+	stage: AppUpdatePromptStage = 'available',
+): number | null {
+	const existing = readPromptState()
+	if (existing?.version !== version || existing.stage !== stage || existing.popupShownAt) {
+		return null
+	}
+
+	return (
+		Math.max(existing.actionableSince, existing.lastUserActionAt ?? 0) + APP_UPDATE_POPUP_DELAY_MS
+	)
+}
+
+export function setAppUpdateActions(nextActions: AppUpdateActions): void {
+	actions = nextActions
+}
+
+export async function downloadAvailableAppUpdate(): Promise<void> {
+	recordAppUpdateUserAction(undefined, 'available')
+	await actions.download?.()
+}
+
+export async function installAvailableAppUpdate(): Promise<void> {
+	recordAppUpdateUserAction(undefined, 'downloaded')
+	await actions.install?.()
+}
+
+export async function openAppUpdateChangelog(): Promise<void> {
+	recordAppUpdateUserAction()
+	await actions.changelog?.()
+}
@@ -248,7 +248,6 @@ export default new createRouter({
 					component: Instance.Logs,
 					meta: {
 						useRootContext: true,
-						// renderMode: 'fixed',
 						breadcrumb: [{ name: '?Instance', link: '/instance/{id}/' }, { name: 'Logs' }],
 					},
 				},
@@ -1,5 +1,7 @@
 import { defineStore } from 'pinia'

+import { findMinecraftAuthError } from '@/components/ui/minecraft-auth-error-modal/minecraft-auth-errors'
+
 export const useError = defineStore('errorsStore', {
 	state: () => ({
 		errorModal: null,
@@ -15,7 +17,8 @@ export const useError = defineStore('errorsStore', {
 		showError(error, context, closable = true, source = null) {
 			if (
 				error.message &&
-				error.message.includes('Minecraft authentication error:') &&
+				(error.message.includes('Minecraft authentication error:') ||
+					findMinecraftAuthError(error.message)) &&
 				this.minecraftAuthErrorModal
 			) {
 				this.minecraftAuthErrorModal.show(error)
@@ -71,7 +71,7 @@ export const installVersionDependencies = async (profile, version, reason, onDep
 		return installed
 	}

-	const queueInstall = async (projectId, resolvedVersion) => {
+	const queueInstall = async (projectId, resolvedVersion, dependentOn) => {
 		if (!resolvedVersion?.id) return false

 		const versionId = resolvedVersion.id
@@ -91,7 +91,11 @@ export const installVersionDependencies = async (profile, version, reason, onDep
 		if (resolvedProjectId) {
 			queuedProjectVersions.set(resolvedProjectId, versionId)
 		}
-		queuedInstalls.push({ versionId, projectId: resolvedProjectId })
+		queuedInstalls.push({
+			versionId,
+			projectId: resolvedProjectId,
+			dependentOnVersionId: dependentOn?.id,
+		})
 		return true
 	}

@@ -159,7 +163,7 @@ export const installVersionDependencies = async (profile, version, reason, onDep
 			if (!resolved) continue

 			const { depVersion, depProjectId } = resolved
-			const queued = await queueInstall(depProjectId, depVersion)
+			const queued = await queueInstall(depProjectId, depVersion, inputVersion)
 			if (queued && depProjectId) {
 				await announceDependency(depProjectId, depVersion)
 			}
@@ -176,8 +180,8 @@ export const installVersionDependencies = async (profile, version, reason, onDep
 	for (let i = 0; i < queuedInstalls.length; i += batchSize) {
 		const batch = queuedInstalls.slice(i, i + batchSize)
 		await Promise.all(
-			batch.map(async ({ versionId }) => {
-				await add_project_from_version(profile.path, versionId, reason)
+			batch.map(async ({ versionId, dependentOnVersionId }) => {
+				await add_project_from_version(profile.path, versionId, reason, dependentOnVersionId)
 			}),
 		)
 	}
@@ -1,5 +1,7 @@
 import { defineStore } from 'pinia'

+let systemThemeMq: MediaQueryList | null = null
+
 export const DEFAULT_FEATURE_FLAGS = {
 	project_background: false,
 	page_path: false,
@@ -53,21 +55,22 @@ export const useTheming = defineStore('themeStore', {
 			this.setThemeClass()
 		},
 		setThemeClass() {
+			const html = document.getElementsByTagName('html')[0]
 			for (const theme of THEME_OPTIONS) {
-				document.getElementsByTagName('html')[0].classList.remove(`${theme}-mode`)
+				html.classList.remove(`${theme}-mode`)
 			}

+			systemThemeMq?.removeEventListener('change', this.setThemeClass)
+			systemThemeMq = null
+
 			let theme = this.selectedTheme
 			if (this.selectedTheme === 'system') {
-				const darkThemeMq = window.matchMedia('(prefers-color-scheme: dark)')
-				if (darkThemeMq.matches) {
-					theme = 'dark'
-				} else {
-					theme = 'light'
-				}
+				systemThemeMq = window.matchMedia('(prefers-color-scheme: dark)')
+				systemThemeMq.addEventListener('change', this.setThemeClass)
+				theme = systemThemeMq.matches ? 'dark' : 'light'
 			}

-			document.getElementsByTagName('html')[0].classList.add(`${theme}-mode`)
+			html.classList.add(`${theme}-mode`)
 		},
 		getFeatureFlag(key: FeatureFlag) {
 			return this.featureFlags[key] ?? DEFAULT_FEATURE_FLAGS[key]
@@ -117,6 +117,7 @@ fn main() {
                        "equip_skin",
                        "remove_custom_skin",
                        "save_custom_skin",
+                        "set_custom_skin_order",
                        "unequip_skin",
                        "flush_pending_skin_change",
                        "flush_pending_skin_change_for_profile",
@@ -14,6 +14,7 @@ pub fn init<R: tauri::Runtime>() -> tauri::plugin::TauriPlugin<R> {
            equip_skin,
            remove_custom_skin,
            save_custom_skin,
+            set_custom_skin_order,
            unequip_skin,
            flush_pending_skin_change,
            flush_pending_skin_change_for_profile,
@@ -91,6 +92,14 @@ pub async fn save_custom_skin(
    .await?)
 }

+/// `invoke('plugin:minecraft-skins|set_custom_skin_order', texture_keys)`
+///
+/// See also: [minecraft_skins::set_custom_skin_order]
+#[tauri::command]
+pub async fn set_custom_skin_order(texture_keys: Vec<String>) -> Result<()> {
+    Ok(minecraft_skins::set_custom_skin_order(texture_keys).await?)
+}
+
 /// `invoke('plugin:minecraft-skins|unequip_skin')`
 ///
 /// See also: [minecraft_skins::unequip_skin]
@@ -251,8 +251,15 @@ pub async fn profile_add_project_from_version(
    path: &str,
    version_id: &str,
    reason: DownloadReason,
+    dependent_on_version_id: Option<String>,
 ) -> Result<String> {
-    Ok(profile::add_project_from_version(path, version_id, reason).await?)
+    Ok(profile::add_project_from_version(
+        path,
+        version_id,
+        reason,
+        dependent_on_version_id,
+    )
+    .await?)
 }

 // Adds a project to a profile from a path
@@ -307,6 +307,11 @@ fn main() {
                        }

                        set_changelog_toast(Some(update.version.clone()));
+                        let update = if should_restart {
+                            (**update).clone()
+                        } else {
+                            (**update).clone().restart_after_install(false)
+                        };
                        match update.install(data) {
                            Ok(()) => {
                                if should_restart {
@@ -31,7 +31,10 @@
 	"plugins": {
 		"updater": {
 			"pubkey": "dW50cnVzdGVkIGNvbW1lbnQ6IG1pbmlzaWduIHB1YmxpYyBrZXk6IDIwMzM5QkE0M0FCOERBMzkKUldRNTJyZzZwSnN6SUdPRGdZREtUUGxMblZqeG9OVHYxRUlRTzJBc2U3MUNJaDMvZDQ1UytZZmYK",
-			"endpoints": ["https://launcher-files.modrinth.com/updates.json"]
+			"endpoints": ["https://launcher-files.modrinth.com/updates.json"],
+			"windows": {
+				"installMode": "quiet"
+			}
 		}
 	}
 }
@@ -168,6 +168,14 @@ const {
 	onRangeSelected: (start, end, groupBy) => emit('range-select', start, end, groupBy),
 })

+function getTooltipTotalMetricValue(value: number): number {
+	if (props.activeStat === 'revenue' && Math.abs(value) < 1) {
+		return Math.round(value * 100) / 100
+	}
+
+	return value
+}
+
 const hoverTotalValue = computed(() => {
 	if (hoverState.sliceIndex === null) return 0
 	const sliceIndex = hoverState.sliceIndex
@@ -176,7 +184,7 @@ const hoverTotalValue = computed(() => {
 	return props.currentLegendEntries.reduce((sum, legendEntry) => {
 		if (legendEntry.hidden) return sum
 		const dataset = props.chartDatasetById.get(legendEntry.id)
-		return sum + (dataset?.data[sliceIndex] ?? 0)
+		return sum + getTooltipTotalMetricValue(dataset?.data[sliceIndex] ?? 0)
 	}, 0)
 })

@@ -39,6 +39,14 @@ export const analyticsMessages = defineMessages({
 		id: 'analytics.project.all',
 		defaultMessage: 'All projects',
 	},
+	yourProjects: {
+		id: 'analytics.project.your',
+		defaultMessage: 'Your projects',
+	},
+	userProjects: {
+		id: 'analytics.project.user',
+		defaultMessage: "{username}'s projects",
+	},
 	selectProjects: {
 		id: 'analytics.project.select',
 		defaultMessage: 'Select projects',
@@ -146,6 +146,7 @@ const QUERY_KEY_TABLE_SORT = 'a_table_sort'
 const QUERY_KEY_TABLE_SORT_DIRECTION = 'a_table_sort_direction'
 const QUERY_KEY_LEGACY_GRAPH_TOP_BREAKDOWN_FILTER = 'a_top_breakdown'
 const QUERY_KEY_LEGACY_GRAPH_LEGEND_EXPANSION = 'a_legend_expanded'
+const PROJECT_SELECTION_ALL_QUERY_VALUE = 'all'

 const URL_FILTER_CATEGORIES: Exclude<AnalyticsQueryFilterCategory, 'project'>[] = [
 	'project_status',
@@ -405,9 +406,10 @@ export function buildDefaultAnalyticsGraphState(

 export function buildDefaultAnalyticsQueryBuilderState(
 	availableProjectIds: string[],
+	defaultProjectIds: string[] = availableProjectIds,
 ): AnalyticsQueryBuilderState {
 	return {
-		selectedProjectIds: [...availableProjectIds],
+		selectedProjectIds: [...defaultProjectIds],
 		selectedTimeframeMode: DEFAULT_TIMEFRAME_MODE,
 		selectedTimeframe: DEFAULT_TIMEFRAME_PRESET,
 		selectedLastTimeframeAmount: DEFAULT_LAST_TIMEFRAME_AMOUNT,
@@ -415,7 +417,7 @@ export function buildDefaultAnalyticsQueryBuilderState(
 		selectedCustomTimeframeStartDate: getDefaultCustomStartDate(),
 		selectedCustomTimeframeEndDate: getDefaultCustomEndDate(),
 		selectedGroupBy: DEFAULT_GROUP_BY_PRESET,
-		selectedBreakdowns: getDefaultAnalyticsBreakdownPresets(availableProjectIds),
+		selectedBreakdowns: getDefaultAnalyticsBreakdownPresets(defaultProjectIds),
 		selectedFilters: buildEmptySelectedFilters(),
 	}
 }
@@ -475,12 +477,16 @@ export function getAnalyticsBreakdownPresetForProjectSelection(
 export function isAnalyticsQueryBuilderStateDefault(
 	state: AnalyticsQueryBuilderState,
 	availableProjectIds: string[],
+	defaultProjectIds: string[] = availableProjectIds,
 ): boolean {
-	const defaultState = buildDefaultAnalyticsQueryBuilderState(availableProjectIds)
+	const defaultState = buildDefaultAnalyticsQueryBuilderState(
+		availableProjectIds,
+		defaultProjectIds,
+	)
 	const areDefaultProjectsSelected =
-		availableProjectIds.length === 0
+		defaultProjectIds.length === 0
 			? state.selectedProjectIds.length === 0
-			: areAllProjectsSelected(state.selectedProjectIds, availableProjectIds)
+			: areAllProjectsSelected(state.selectedProjectIds, defaultProjectIds)

 	return (
 		areDefaultProjectsSelected &&
@@ -666,13 +672,19 @@ export function readAnalyticsTableSortState(
 export function readAnalyticsQueryBuilderState(
 	query: LocationQuery,
 	availableProjectIds: string[],
+	defaultProjectIds: string[] = availableProjectIds,
 ): AnalyticsQueryBuilderState {
-	const defaultState = buildDefaultAnalyticsQueryBuilderState(availableProjectIds)
+	const defaultState = buildDefaultAnalyticsQueryBuilderState(
+		availableProjectIds,
+		defaultProjectIds,
+	)
 	const selectedProjectIdsFromQuery = parseListQueryValue(query[QUERY_KEY_PROJECT_IDS])
-	const selectedProjectIds =
-		selectedProjectIdsFromQuery.length > 0
-			? selectedProjectIdsFromQuery
-			: defaultState.selectedProjectIds
+	let selectedProjectIds = defaultState.selectedProjectIds
+	if (selectedProjectIdsFromQuery.includes(PROJECT_SELECTION_ALL_QUERY_VALUE)) {
+		selectedProjectIds = [...availableProjectIds]
+	} else if (selectedProjectIdsFromQuery.length > 0) {
+		selectedProjectIds = selectedProjectIdsFromQuery
+	}

 	const selectedFilters = buildEmptySelectedFilters()
 	for (const category of URL_FILTER_CATEGORIES) {
@@ -779,14 +791,17 @@ export function buildAnalyticsQueryBuilderRouteQuery(
 	state: AnalyticsQueryBuilderState,
 	availableProjectIds: string[],
 	graphState?: AnalyticsGraphState,
+	defaultProjectIds: string[] = availableProjectIds,
 ): MutableRouteQuery {
 	const nextRouteQuery = {
 		...currentRouteQuery,
 	} as MutableRouteQuery

-	const projectIdsQueryValue = areAllProjectsSelected(state.selectedProjectIds, availableProjectIds)
+	const projectIdsQueryValue = areAllProjectsSelected(state.selectedProjectIds, defaultProjectIds)
 		? undefined
-		: serializeListQueryValue(state.selectedProjectIds)
+		: areAllProjectsSelected(state.selectedProjectIds, availableProjectIds)
+			? PROJECT_SELECTION_ALL_QUERY_VALUE
+			: serializeListQueryValue(state.selectedProjectIds)
 	const isCustomTimeframeMode =
 		state.selectedTimeframeMode === 'custom_range' ||
 		state.selectedTimeframeMode === 'custom_datetime_range'
@@ -69,6 +69,29 @@
 				<template v-if="hasProjectOptions" #top>
 					<div>
 						<button
+							v-if="showProjectPresets"
+							type="button"
+							class="flex w-full cursor-pointer items-center gap-1.5 border-0 bg-surface-4 px-4 py-3 text-left shadow-none transition-all duration-150 hover:brightness-[115%] focus:brightness-[115%]"
+							:aria-selected="isUserProjectsOptionSelected"
+							:class="isUserProjectsOptionSelected ? 'text-contrast' : 'text-primary'"
+							role="option"
+							@click="selectUserProjectsMode"
+							@keydown.enter.stop
+							@keydown.space.stop
+						>
+							<LayersIcon
+								class="h-5 w-5 shrink-0 text-primary"
+								:class="isUserProjectsOptionSelected ? 'text-contrast' : 'text-primary'"
+							/>
+							<span class="min-w-0 flex-1 font-semibold leading-tight">
+								{{ userProjectsLabel }}
+							</span>
+							<span class="flex shrink-0 items-center justify-center text-brand">
+								<CheckIcon v-if="isUserProjectsOptionSelected" aria-hidden="true" class="size-5" />
+							</span>
+						</button>
+						<button
+							v-if="!showProjectPresets || showAllProjectsPreset"
 							type="button"
 							class="flex w-full cursor-pointer items-center gap-1.5 border-0 bg-surface-4 px-4 py-3 text-left shadow-none transition-all duration-150 hover:brightness-[115%] focus:brightness-[115%]"
 							:aria-selected="isAllProjectsOptionSelected"
@@ -210,7 +233,11 @@
 										decoding="async"
 									/>
 									<LayersIcon
-										v-else-if="isAllProjectsOptionSelected || areAllProjectsSelected"
+										v-else-if="
+											isUserProjectsOptionSelected ||
+											isAllProjectsOptionSelected ||
+											areAllProjectRowsSelected
+										"
 										class="size-5 shrink-0 text-primary"
 									/>
 									<BoxIcon v-else class="size-5 shrink-0 text-primary" />
@@ -253,6 +280,33 @@
 						<template v-if="hasProjectOptions" #top>
 							<div>
 								<button
+									v-if="showProjectPresets"
+									type="button"
+									class="flex w-full cursor-pointer items-center gap-2 border-0 bg-surface-4 px-4 py-3 text-left shadow-none transition-all duration-150 hover:brightness-[115%] focus:brightness-[115%]"
+									:aria-selected="isUserProjectsOptionSelected"
+									:class="isUserProjectsOptionSelected ? 'text-contrast' : 'text-primary'"
+									role="option"
+									@click="selectUserProjectsMode"
+									@keydown.enter.stop
+									@keydown.space.stop
+								>
+									<LayersIcon
+										class="h-5 w-5 shrink-0 text-primary"
+										:class="isUserProjectsOptionSelected ? 'text-contrast' : 'text-primary'"
+									/>
+									<span class="min-w-0 flex-1 font-semibold leading-tight">
+										{{ userProjectsLabel }}
+									</span>
+									<span class="flex shrink-0 items-center justify-center text-brand">
+										<CheckIcon
+											v-if="isUserProjectsOptionSelected"
+											aria-hidden="true"
+											class="size-5"
+										/>
+									</span>
+								</button>
+								<button
+									v-if="!showProjectPresets || showAllProjectsPreset"
 									type="button"
 									class="flex w-full cursor-pointer items-center gap-2 border-0 bg-surface-4 px-4 py-3 text-left shadow-none transition-all duration-150 hover:brightness-[115%] focus:brightness-[115%]"
 									:aria-selected="isAllProjectsOptionSelected"
@@ -449,11 +503,17 @@ const QUERY_BUILDER_DROPDOWN_MIN_WIDTH = '12rem'
 const analyticsQueryChipTriggerClass = 'h-10 '
 const analyticsQueryAddFilterButtonClass = '!h-10 max-w-full !w-max !px-3.5 flex !gap-2'
 const projectOptionCollator = new Intl.Collator(undefined, { numeric: true, sensitivity: 'base' })
+type ProjectSelectionPreset = 'user' | 'all'

 const {
 	hasProjectContext,
 	projectGroups,
 	projects,
+	dashboardUserProjectIds,
+	dashboardOrganizationProjectIds,
+	defaultProjectIds,
+	isUsingDashboardUserOverride,
+	dashboardProjectUserName,
 	selectedProjectIds,
 	selectedTimeframeMode,
 	selectedTimeframe,
@@ -467,7 +527,7 @@ const {
 	activeStat,
 	showPreviousPeriod,
 	projectStatusById,
-	projectDownloadsById,
+	availableProjectDownloadsById,
 	queryResetToken,
 	refreshAnalyticsQuery,
 	setFetchRequest,
@@ -535,12 +595,25 @@ const projectSelectOptions = computed<MultiSelectItem<string>[]>(() => {

 const allProjectIds = computed(() => projectOptions.value.map((project) => project.value))
 const hasProjectOptions = computed(() => projectOptions.value.length > 0)
+const userProjectIds = computed(() =>
+	dashboardOrganizationProjectIds.value.length > 0
+		? dashboardUserProjectIds.value
+		: defaultProjectIds.value,
+)
+const showProjectPresets = computed(
+	() =>
+		hasProjectOptions.value &&
+		dashboardUserProjectIds.value.length > 0 &&
+		dashboardOrganizationProjectIds.value.length > 0,
+)
+const showAllProjectsPreset = computed(() => dashboardOrganizationProjectIds.value.length > 0)
 const noProjectsMessage = computed(() =>
 	hasProjectContext.value
 		? formatMessage(analyticsMessages.noDataAvailableForAnalytics)
 		: formatMessage(analyticsMessages.noProjectsAvailable),
 )
 const isProjectSelectOpen = ref(false)
+const draftProjectSelectionPreset = ref<ProjectSelectionPreset | null>(null)
 const draftSelectedProjectIds = ref<string[]>([...selectedProjectIds.value])
 const projectDownloadsThreshold = ref<number | null>(null)
 const projectDownloadsThresholdProjectIds = ref<string[] | null>(null)
@@ -558,15 +631,48 @@ function normalizeProjectSelection(projectIds: string[]) {
 	return projectIds.length > 0 ? [...projectIds] : [...allProjectIds.value]
 }

+function getProjectSelectionPreset(projectIds: string[]): ProjectSelectionPreset | null {
+	if (!showProjectPresets.value) {
+		return null
+	}
+
+	if (isSameProjectSelection(projectIds, userProjectIds.value)) {
+		return 'user'
+	}
+
+	if (isSameProjectSelection(projectIds, allProjectIds.value)) {
+		return 'all'
+	}
+
+	return null
+}
+
+function setDraftProjectSelection(projectIds: string[]) {
+	const preset = getProjectSelectionPreset(projectIds)
+	draftProjectSelectionPreset.value = preset
+	if (preset) {
+		draftSelectedProjectIds.value = []
+		return
+	}
+
+	draftSelectedProjectIds.value = isSameProjectSelection(projectIds, allProjectIds.value)
+		? []
+		: [...projectIds]
+}
+
 watch(selectedProjectIds, (nextSelectedProjectIds) => {
 	if (isProjectSelectOpen.value) {
 		return
 	}

-	draftSelectedProjectIds.value = [...nextSelectedProjectIds]
+	setDraftProjectSelection(nextSelectedProjectIds)
 })

 watch(draftSelectedProjectIds, (nextSelectedProjectIds) => {
+	if (draftProjectSelectionPreset.value && nextSelectedProjectIds.length > 0) {
+		draftProjectSelectionPreset.value = null
+	}
+
 	if (projectDownloadsThreshold.value === null) {
 		return
 	}
@@ -587,25 +693,40 @@ watch(queryResetToken, () => {
 	isBreakdownSelectOpen.value = false
 	draftSelectedBreakdowns.value = [...selectedBreakdowns.value]
 	clearProjectDownloadsThreshold()
-	draftSelectedProjectIds.value = isSameProjectSelection(
-		selectedProjectIds.value,
-		allProjectIds.value,
-	)
-		? []
-		: [...selectedProjectIds.value]
+	setDraftProjectSelection(selectedProjectIds.value)
 })

-const areAllProjectsSelected = computed(() => {
+const areAllProjectRowsSelected = computed(() => {
 	return isSameProjectSelection(draftSelectedProjectIds.value, allProjectIds.value)
 })
-const isAllProjectsOptionSelected = computed(() => draftSelectedProjectIds.value.length === 0)
+const isAllProjectsOptionSelected = computed(() =>
+	showProjectPresets.value
+		? draftProjectSelectionPreset.value === 'all'
+		: draftSelectedProjectIds.value.length === 0,
+)
+const isUserProjectsOptionSelected = computed(() => {
+	return showProjectPresets.value && draftProjectSelectionPreset.value === 'user'
+})
+const userProjectsLabel = computed(() => {
+	if (isUsingDashboardUserOverride.value) {
+		return formatMessage(analyticsMessages.userProjects, {
+			username: dashboardProjectUserName.value,
+		})
+	}
+
+	return formatMessage(analyticsMessages.yourProjects)
+})

 const selectedProjectLabel = computed(() => {
 	if (!hasProjectOptions.value) {
 		return noProjectsMessage.value
 	}

-	if (isAllProjectsOptionSelected.value || areAllProjectsSelected.value) {
+	if (isUserProjectsOptionSelected.value) {
+		return userProjectsLabel.value
+	}
+
+	if (isAllProjectsOptionSelected.value || areAllProjectRowsSelected.value) {
 		return formatMessage(analyticsMessages.allProjects)
 	}

@@ -623,8 +744,9 @@ const selectedProjectLabel = computed(() => {

 const selectedProjectIconUrl = computed(() => {
 	if (
+		isUserProjectsOptionSelected.value ||
 		isAllProjectsOptionSelected.value ||
-		areAllProjectsSelected.value ||
+		areAllProjectRowsSelected.value ||
 		draftSelectedProjectIds.value.length !== 1
 	) {
 		return undefined
@@ -639,12 +761,7 @@ function getProjectIconUrl(projectId: string): string | undefined {

 function handleProjectSelectOpen() {
 	isProjectSelectOpen.value = true
-	draftSelectedProjectIds.value = isSameProjectSelection(
-		selectedProjectIds.value,
-		allProjectIds.value,
-	)
-		? []
-		: [...selectedProjectIds.value]
+	setDraftProjectSelection(selectedProjectIds.value)
 }

 function handleProjectSelectClose(
@@ -657,9 +774,14 @@ function handleProjectSelectClose(
 function commitDraftSelectedProjects(
 	nextSelectedProjectIds: string[] = draftSelectedProjectIds.value,
 ) {
-	const nextProjectIds = normalizeProjectSelection(nextSelectedProjectIds)
+	const nextProjectIds =
+		draftProjectSelectionPreset.value === 'user'
+			? [...userProjectIds.value]
+			: draftProjectSelectionPreset.value === 'all'
+				? [...allProjectIds.value]
+				: normalizeProjectSelection(nextSelectedProjectIds)

-	draftSelectedProjectIds.value = [...nextProjectIds]
+	setDraftProjectSelection(nextProjectIds)
 	if (!isSameProjectSelection(selectedProjectIds.value, nextProjectIds)) {
 		if (isSameProjectSelection(nextProjectIds, allProjectIds.value)) {
 			showPreviousPeriod.value = false
@@ -670,6 +792,17 @@ function commitDraftSelectedProjects(

 function selectAllProjectsMode() {
 	clearProjectDownloadsThreshold()
+	if (showProjectPresets.value) {
+		draftProjectSelectionPreset.value = 'all'
+	} else {
+		draftProjectSelectionPreset.value = null
+	}
+	draftSelectedProjectIds.value = []
+}
+
+function selectUserProjectsMode() {
+	clearProjectDownloadsThreshold()
+	draftProjectSelectionPreset.value = 'user'
 	draftSelectedProjectIds.value = []
 }

@@ -753,9 +886,10 @@ function applyProjectDownloadsThreshold(threshold: number | null) {
 	}

 	const projectIds = projects.value
-		.filter((project) => (projectDownloadsById.value.get(project.id) ?? 0) > threshold)
+		.filter((project) => (availableProjectDownloadsById.value.get(project.id) ?? 0) > threshold)
 		.map((project) => project.id)

+	draftProjectSelectionPreset.value = null
 	projectDownloadsThresholdProjectIds.value = projectIds
 	draftSelectedProjectIds.value = projectIds
 }
@@ -38,7 +38,8 @@

 		<div class="flex flex-col gap-2.5">
 			<div
-				class="text-2xl font-semibold leading-none md:text-4xl"
+				v-tooltip="!disabled ? statTooltip : undefined"
+				class="w-fit text-2xl font-semibold leading-none md:text-4xl"
 				:class="{
 					'text-primary': disabled,
 					'text-contrast': !disabled,
@@ -114,6 +115,7 @@ import { analyticsStatCardMessages } from '../analytics-messages'
 const props = defineProps<{
 	label: string
 	statLabel: string
+	statTooltip?: string
 	vsPrevPeriodPercent: string | null
 	icon: string
 	active?: boolean
@@ -26,6 +26,7 @@
 				:key="card.key"
 				:label="card.label"
 				:stat-label="card.statLabel"
+				:stat-tooltip="card.statTooltip"
 				:vs-prev-period-percent="card.vsPrevPeriodPercent"
 				:icon="card.icon"
 				:active="activeStat === card.key"
@@ -47,6 +48,7 @@ import {
 } from '~/providers/analytics/analytics'

 import { analyticsStatCardMessages, formatAnalyticsStatLabel } from '../analytics-messages.ts'
+import { formatAnalyticsTableFullPlaytime } from '../analytics-table/analytics-table-formatting.ts'
 import StatCard from './StatCard.vue'

 const MONETIZATION_BANNER_DISMISSED_KEY = 'analytics-monetization-banner-dismissed'
@@ -77,6 +79,38 @@ const compactNumberFormatter = computed(
 		}),
 )

+const underDollarRevenueFormatter = computed(
+	() =>
+		new Intl.NumberFormat(undefined, {
+			minimumFractionDigits: 2,
+			maximumFractionDigits: 2,
+		}),
+)
+
+const preciseRevenueFormatter = computed(
+	() =>
+		new Intl.NumberFormat(undefined, {
+			minimumFractionDigits: 5,
+			maximumFractionDigits: 5,
+		}),
+)
+
+const tooltipRevenueFormatter = computed(
+	() =>
+		new Intl.NumberFormat(undefined, {
+			minimumFractionDigits: 2,
+			maximumFractionDigits: 2,
+		}),
+)
+
+const underHourPlaytimeFormatter = computed(
+	() =>
+		new Intl.NumberFormat(undefined, {
+			minimumFractionDigits: 2,
+			maximumFractionDigits: 2,
+		}),
+)
+
 function formatStatNumber(value: number): string {
 	const rounded = Math.round(value)

@@ -87,6 +121,45 @@ function formatStatNumber(value: number): string {
 	return formatNumber(rounded)
 }

+function formatFullStatNumber(value: number): string {
+	return formatNumber(Math.round(value))
+}
+
+function formatRevenueNumber(value: number): string {
+	if (Math.abs(value) > 0 && Math.abs(value) < 1) {
+		return underDollarRevenueFormatter.value.format(value)
+	}
+
+	return formatStatNumber(value)
+}
+
+function formatRevenueValue(value: number): string {
+	return formatMessage(analyticsStatCardMessages.revenueValue, {
+		value: formatRevenueNumber(value),
+	})
+}
+
+function formatPreciseRevenueValue(value: number): string {
+	return formatMessage(analyticsStatCardMessages.revenueValue, {
+		value:
+			Math.abs(value) < 1
+				? preciseRevenueFormatter.value.format(value)
+				: tooltipRevenueFormatter.value.format(value),
+	})
+}
+
+function formatPlaytimeTooltip(value: number): string {
+	return formatAnalyticsTableFullPlaytime(value, formatMessage)
+}
+
+function formatPlaytimeNumber(value: number): string {
+	if (Math.abs(value) > 0 && Math.abs(value) < 1) {
+		return underHourPlaytimeFormatter.value.format(value)
+	}
+
+	return formatStatNumber(value)
+}
+
 function formatPercent(value: number): string {
 	const rounded = Math.round(value * 10) / 10
 	if (rounded === 0) {
@@ -105,7 +178,7 @@ function formatSignedStatNumber(value: number): string {
 function formatSignedRevenue(value: number): string {
 	const signPrefix = value > 0 ? '+' : value < 0 ? '-' : ''
 	return `${signPrefix}${formatMessage(analyticsStatCardMessages.revenueValue, {
-		value: formatStatNumber(Math.abs(value)),
+		value: formatRevenueNumber(Math.abs(value)),
 	})}`
 }

@@ -169,6 +242,7 @@ const statCards = computed<
 		key: AnalyticsDashboardStat
 		label: string
 		statLabel: string
+		statTooltip?: string
 		vsPrevPeriodPercent: string | null
 		icon: string
 		disabled: boolean
@@ -178,6 +252,7 @@ const statCards = computed<
 		key: 'views',
 		label: formatAnalyticsStatLabel('views', formatMessage),
 		statLabel: formatStatNumber(currentTotals.value.views),
+		statTooltip: formatFullStatNumber(currentTotals.value.views),
 		vsPrevPeriodPercent: formatPreviousPeriodComparison(
 			'views',
 			percentChanges.value.views,
@@ -191,6 +266,7 @@ const statCards = computed<
 		key: 'downloads',
 		label: formatAnalyticsStatLabel('downloads', formatMessage),
 		statLabel: formatStatNumber(currentTotals.value.downloads),
+		statTooltip: formatFullStatNumber(currentTotals.value.downloads),
 		vsPrevPeriodPercent: formatPreviousPeriodComparison(
 			'downloads',
 			percentChanges.value.downloads,
@@ -203,9 +279,8 @@ const statCards = computed<
 	{
 		key: 'revenue',
 		label: formatAnalyticsStatLabel('revenue', formatMessage),
-		statLabel: formatMessage(analyticsStatCardMessages.revenueValue, {
-			value: formatStatNumber(currentTotals.value.revenue),
-		}),
+		statLabel: formatRevenueValue(currentTotals.value.revenue),
+		statTooltip: formatPreciseRevenueValue(currentTotals.value.revenue),
 		vsPrevPeriodPercent: formatPreviousPeriodComparison(
 			'revenue',
 			percentChanges.value.revenue,
@@ -219,8 +294,9 @@ const statCards = computed<
 		key: 'playtime',
 		label: formatAnalyticsStatLabel('playtime', formatMessage),
 		statLabel: formatMessage(analyticsStatCardMessages.playtimeHours, {
-			hours: formatStatNumber(currentTotals.value.playtime / 3600),
+			hours: formatPlaytimeNumber(currentTotals.value.playtime / 3600),
 		}),
+		statTooltip: formatPlaytimeTooltip(currentTotals.value.playtime),
 		vsPrevPeriodPercent: formatPreviousPeriodComparison(
 			'playtime',
 			percentChanges.value.playtime,
@@ -53,6 +53,7 @@ export interface UseAnalyticsRouteSyncOptions {
 	queryBuilder: AnalyticsQueryBuilderRefs
 	graph: AnalyticsGraphRefs
 	availableProjectIds: Ref<string[]>
+	defaultProjectIds: Ref<string[]>
 	sanitizeSelectedFilters: (
 		breakdowns: readonly AnalyticsBreakdownPreset[],
 		filters: AnalyticsSelectedFilters,
@@ -60,7 +61,8 @@ export interface UseAnalyticsRouteSyncOptions {
 }

 export function useAnalyticsRouteSync(options: UseAnalyticsRouteSyncOptions) {
-	const { queryBuilder, graph, availableProjectIds, sanitizeSelectedFilters } = options
+	const { queryBuilder, graph, availableProjectIds, defaultProjectIds, sanitizeSelectedFilters } =
+		options
 	const route = useRoute()
 	const router = useRouter()

@@ -116,6 +118,7 @@ export function useAnalyticsRouteSync(options: UseAnalyticsRouteSyncOptions) {
 			getSelectedAnalyticsQueryBuilderState(),
 			availableProjectIds.value,
 			getSelectedAnalyticsGraphState(),
+			defaultProjectIds.value,
 		)

 		const hasAnalyticsQueryChange = hasAnalyticsQueryBuilderRouteChange(route.query, nextRouteQuery)
@@ -144,7 +147,11 @@ export function useAnalyticsRouteSync(options: UseAnalyticsRouteSyncOptions) {
 	}

 	function applyRouteQueryToState(nextQuery: LocationQuery) {
-		const nextQueryState = readAnalyticsQueryBuilderState(nextQuery, availableProjectIds.value)
+		const nextQueryState = readAnalyticsQueryBuilderState(
+			nextQuery,
+			availableProjectIds.value,
+			defaultProjectIds.value,
+		)
 		const availableProjectIdSet = new Set(availableProjectIds.value)
 		const nextSelectedProjectIds = nextQueryState.selectedProjectIds.filter((projectId) =>
 			availableProjectIdSet.has(projectId),
@@ -0,0 +1,189 @@
+<template>
+	<div class="relative overflow-clip rounded-xl bg-bg px-4 py-3">
+		<div
+			class="absolute bottom-0 left-0 top-0 w-1"
+			:class="
+				charge.type === 'refund' ? 'bg-purple' : (chargeStatuses[charge.status]?.color ?? 'bg-blue')
+			"
+		/>
+		<div class="grid w-full grid-cols-[1fr_auto] items-center gap-4">
+			<div class="flex flex-col gap-2">
+				<span>
+					<span class="font-bold text-contrast">
+						<template v-if="charge.status === 'succeeded'"> Succeeded </template>
+						<template v-else-if="charge.status === 'failed'"> Failed </template>
+						<template v-else-if="charge.status === 'cancelled'"> Cancelled </template>
+						<template v-else-if="charge.status === 'processing'"> Processing </template>
+						<template v-else-if="charge.status === 'open'"> Upcoming </template>
+						<template v-else-if="charge.status === 'expiring'"> Expiring </template>
+						<template v-else> {{ charge.status }} </template>
+					</span>
+					<span class="text-secondary opacity-50">•</span>
+					<span>
+						<template v-if="charge.type === 'refund'"> Refund </template>
+						<template v-else-if="charge.type === 'subscription'">
+							<template v-if="charge.status === 'cancelled'"> Subscription </template>
+							<template v-else-if="isLatestCharge"> Started subscription </template>
+							<template v-else> Subscription renewal </template>
+						</template>
+						<template v-else-if="charge.type === 'one-time'"> One-time charge </template>
+						<template v-else-if="charge.type === 'proration'"> Proration charge </template>
+						<template v-else> {{ charge.status }} </template>
+					</span>
+					<template v-if="charge.status !== 'cancelled'">
+						<span class="text-secondary opacity-50">•</span>
+						{{ formatPrice(charge.amount, charge.currency_code) }}
+					</template>
+				</span>
+				<span
+					v-if="productMetadata && productMetadata.type === 'pyro'"
+					class="flex items-center gap-1 text-sm text-secondary"
+				>
+					<span class="font-bold">Product:</span>
+					<span v-if="productMetadata.ram">{{ productMetadata.ram / 1024 }}GB RAM</span>
+					<span v-else>Unknown RAM</span>
+					<span class="text-secondary opacity-50">•</span>
+					<span v-if="productMetadata.cpu">{{ productMetadata.cpu }} vCPU</span>
+					<span v-else>Unknown CPU</span>
+					<span class="text-secondary opacity-50">•</span>
+					<span v-if="productMetadata.storage">{{ productMetadata.storage / 1024 }}GB Storage</span>
+					<span v-else>Unknown Storage</span>
+					<span class="text-secondary opacity-50">•</span>
+					<span v-if="productMetadata.swap">{{ productMetadata.swap }}MB Swap</span>
+					<span v-else>Unknown Swap</span>
+				</span>
+				<span class="text-sm text-secondary">
+					<span
+						v-if="charge.status === 'cancelled' && dayjs(charge.due).isBefore(dayjs())"
+						class="font-bold"
+					>
+						Ended:
+					</span>
+					<span v-else-if="charge.status === 'cancelled'" class="font-bold">Ends:</span>
+					<span v-else-if="charge.type === 'refund'" class="font-bold">Issued:</span>
+					<span v-else class="font-bold">Due:</span>
+					{{ formatDateTime(charge.due) }}
+					<span class="text-secondary">({{ formatRelativeTime(charge.due) }}) </span>
+				</span>
+				<span v-if="charge.last_attempt != null" class="text-sm text-secondary">
+					<span v-if="charge.status === 'failed'" class="font-bold">Last attempt:</span>
+					<span v-else class="font-bold">Charged:</span>
+					{{ formatDateTime(charge.last_attempt) }}
+					<span class="text-secondary">({{ formatRelativeTime(charge.last_attempt) }}) </span>
+				</span>
+				<div class="flex w-full items-center gap-1 text-xs text-secondary">
+					{{ charge.status }}
+					<span class="text-secondary opacity-50">•</span>
+					{{ charge.type }}
+					<span class="text-secondary opacity-50">•</span>
+					{{ formatPrice(charge.amount, charge.currency_code) }}
+					<span class="text-secondary opacity-50">•</span>
+
+					{{ formatDateTimeShort(charge.due) }}
+					<template v-if="charge.subscription_interval">
+						<span class="text-secondary opacity-50">•</span>
+						{{ charge.subscription_interval }}
+					</template>
+				</div>
+			</div>
+			<div class="flex gap-2">
+				<ButtonStyled v-if="isRefunded">
+					<div class="button-like disabled"><CheckIcon /> Charge refunded</div>
+				</ButtonStyled>
+				<ButtonStyled
+					v-else-if="charge.status === 'succeeded' && charge.type !== 'refund'"
+					color="red"
+					color-fill="text"
+				>
+					<button @click="emit('refund', charge)">
+						<CurrencyIcon />
+						Refund options
+					</button>
+				</ButtonStyled>
+				<ButtonStyled
+					v-else-if="charge.status === 'failed' || charge.status === 'open'"
+					color="red"
+					color-fill="text"
+				>
+					<button @click="emit('modify', charge, subscription)">
+						<CurrencyIcon />
+						Modify charge
+					</button>
+				</ButtonStyled>
+			</div>
+		</div>
+	</div>
+</template>
+<script setup lang="ts">
+import type { Labrinth } from '@modrinth/api-client'
+import { CheckIcon, CurrencyIcon } from '@modrinth/assets'
+import { ButtonStyled, useFormatDateTime, useFormatPrice, useRelativeTime } from '@modrinth/ui'
+import dayjs from 'dayjs'
+
+import { products } from '~/generated/state.json'
+
+const props = defineProps<{
+	charge: Labrinth.Billing.Internal.Charge
+	subscription: Labrinth.Billing.Internal.UserSubscription
+	allCharges: Labrinth.Billing.Internal.Charge[]
+	chargeIndex: number
+	chargeCount: number
+}>()
+
+const emit = defineEmits<{
+	refund: [charge: Labrinth.Billing.Internal.Charge]
+	modify: [
+		charge: Labrinth.Billing.Internal.Charge,
+		subscription: Labrinth.Billing.Internal.UserSubscription,
+	]
+}>()
+
+const formatPrice = useFormatPrice()
+const formatDateTime = useFormatDateTime({
+	timeStyle: 'short',
+	dateStyle: 'long',
+})
+const formatDateTimeShort = useFormatDateTime({
+	year: 'numeric',
+	month: '2-digit',
+	day: '2-digit',
+	hour: 'numeric',
+	minute: 'numeric',
+})
+const formatRelativeTime = useRelativeTime()
+
+const isLatestCharge = computed(() => props.chargeIndex === props.chargeCount - 1)
+
+const isRefunded = computed(() =>
+	props.allCharges.some(
+		(charge) => charge.type === 'refund' && charge.parent_charge_id === props.charge.id,
+	),
+)
+
+const productMetadata = computed(
+	() =>
+		products.find((product) => product.prices.some((price) => price.id === props.charge.price_id))
+			?.metadata,
+)
+
+const chargeStatuses = {
+	open: {
+		color: 'bg-blue',
+	},
+	processing: {
+		color: 'bg-orange',
+	},
+	succeeded: {
+		color: 'bg-green',
+	},
+	failed: {
+		color: 'bg-red',
+	},
+	cancelled: {
+		color: 'bg-red',
+	},
+	expiring: {
+		color: 'bg-orange',
+	},
+}
+</script>
@@ -383,6 +383,12 @@
 								action: (event) => $refs.modal_batch_credit.show(event),
 								shown: isAdmin(auth.user),
 							},
+							{
+								id: 'analytics-events',
+								color: 'primary',
+								link: '/admin/analytics/events',
+								shown: isAdmin(auth.user),
+							},
 						]"
 					>
 						<ModrinthIcon aria-hidden="true" />
@@ -417,6 +423,9 @@
 						<template #servers-nodes>
 							<ServerIcon aria-hidden="true" /> Credit server nodes
 						</template>
+						<template #analytics-events>
+							<ChartIcon aria-hidden="true" /> {{ formatMessage(messages.analyticsEvents) }}
+						</template>
 					</OverflowMenu>
 				</ButtonStyled>
 				<ButtonStyled type="transparent">
@@ -954,6 +963,10 @@ const messages = defineMessages({
 		id: 'layout.action.manage-affiliates',
 		defaultMessage: 'Manage affiliate links',
 	},
+	analyticsEvents: {
+		id: 'layout.action.analytics-events',
+		defaultMessage: 'Analytics events',
+	},
 	newProject: {
 		id: 'layout.action.new-project',
 		defaultMessage: 'New project',
@@ -350,6 +350,12 @@
  "analytics.project.select": {
    "message": "Select projects"
  },
+  "analytics.project.user": {
+    "message": "{username}'s projects"
+  },
+  "analytics.project.your": {
+    "message": "Your projects"
+  },
  "analytics.query.filter.add": {
    "message": "Add filter"
  },
@@ -1460,6 +1466,24 @@
  "dashboard.creator-withdraw-modal.withdraw-limit-used": {
    "message": "You've used up your <b>{withdrawLimit}</b> withdrawal limit. You must complete a tax form to withdraw more."
  },
+  "dashboard.discord-roles.banner.body": {
+    "message": "You're eligible for {roles}. Link your Discord account through Modrinth and we'll sync them automatically."
+  },
+  "dashboard.discord-roles.banner.cta": {
+    "message": "Link Discord"
+  },
+  "dashboard.discord-roles.banner.title": {
+    "message": "Claim your Discord roles"
+  },
+  "dashboard.discord-roles.role.big-creator": {
+    "message": "1M+ Downloads"
+  },
+  "dashboard.discord-roles.role.creator": {
+    "message": "Creator"
+  },
+  "dashboard.discord-roles.role.pride": {
+    "message": "Pride 2026"
+  },
  "dashboard.head-title": {
    "message": "Dashboard"
  },
@@ -2291,6 +2315,9 @@
  "landing.subheading": {
    "message": "Discover, play, and share Minecraft content through our open-source platform built for the community."
  },
+  "layout.action.analytics-events": {
+    "message": "Analytics events"
+  },
  "layout.action.change-theme": {
    "message": "Change theme"
  },
@@ -2846,6 +2873,9 @@
  "profile.bio.fallback.user": {
    "message": "A Modrinth user."
  },
+  "profile.button.analytics": {
+    "message": "View user analytics"
+  },
  "profile.button.billing": {
    "message": "Manage user billing"
  },
@@ -73,6 +73,7 @@
 					placeholder="Select start..."
 					input-class="w-full"
 					wrapper-class="w-full"
+					clearable
 					show-today
 				/>
 			</div>
@@ -89,6 +90,7 @@
 					placeholder="Select end..."
 					input-class="w-full"
 					wrapper-class="w-full"
+					clearable
 					show-today
 				/>
 			</div>
@@ -214,7 +216,11 @@

 				<template #empty-state>
 					<div class="flex h-64 items-center justify-center text-secondary">
-						{{ isLoadingEvents ? 'Loading analytics events...' : 'No results.' }}
+						<div v-if="isFetchingEvents" class="flex items-center gap-2">
+							<SpinnerIcon class="size-5 animate-spin" aria-hidden="true" />
+							Loading
+						</div>
+						<template v-else>No results.</template>
 					</div>
 				</template>
 			</Table>
@@ -224,7 +230,15 @@

 <script setup lang="ts">
 import type { Labrinth } from '@modrinth/api-client'
-import { EditIcon, ExternalIcon, PlusIcon, SaveIcon, SearchIcon, TrashIcon } from '@modrinth/assets'
+import {
+	EditIcon,
+	ExternalIcon,
+	PlusIcon,
+	SaveIcon,
+	SearchIcon,
+	SpinnerIcon,
+	TrashIcon,
+} from '@modrinth/assets'
 import {
 	ButtonStyled,
 	ConfirmModal,
@@ -322,7 +336,7 @@ let resetFormTimeout: ReturnType<typeof setTimeout> | null = null
 const {
 	data: analyticsEvents,
 	error: eventsError,
-	isLoading: isLoadingEvents,
+	isFetching: isFetchingEvents,
 } = useQuery({
 	queryKey: analyticsEventsQueryKey,
 	queryFn: () => client.labrinth.analytics_v3.getEvents(),
@@ -439,7 +453,7 @@ function openEditModal(event: Labrinth.Analytics.v3.AnalyticsEvent) {
 		title: event.title,
 		announcementUrl: event.announcement_url ?? '',
 		startsAt: getDateTimeInputValue(event.starts),
-		endsAt: getDateTimeInputValue(event.ends),
+		endsAt: isEventDateRange(event) ? getDateTimeInputValue(event.ends) : '',
 		metricKinds: event.for_metric_kind?.length ? [...event.for_metric_kind] : [...allMetricKinds],
 	}
 	committedAnnouncementUrl.value = event.announcement_url ?? ''
@@ -198,115 +198,17 @@
 					</div>
 				</div>
 				<div class="flex flex-col gap-2">
-					<div
+					<AdminBillingChargeCard
 						v-for="(charge, index) in subscription.charges"
 						:key="charge.id"
-						class="relative overflow-clip rounded-xl bg-bg px-4 py-3"
-					>
-						<div
-							class="absolute bottom-0 left-0 top-0 w-1"
-							:class="
-								charge.type === 'refund'
-									? 'bg-purple'
-									: (chargeStatuses[charge.status]?.color ?? 'bg-blue')
-							"
-						/>
-						<div class="grid w-full grid-cols-[1fr_auto] items-center gap-4">
-							<div class="flex flex-col gap-2">
-								<span>
-									<span class="font-bold text-contrast">
-										<template v-if="charge.status === 'succeeded'"> Succeeded </template>
-										<template v-else-if="charge.status === 'failed'"> Failed </template>
-										<template v-else-if="charge.status === 'cancelled'"> Cancelled </template>
-										<template v-else-if="charge.status === 'processing'"> Processing </template>
-										<template v-else-if="charge.status === 'open'"> Upcoming </template>
-										<template v-else-if="charge.status === 'expiring'"> Expiring </template>
-										<template v-else> {{ charge.status }} </template>
-									</span>
-									⋅
-									<span>
-										<template v-if="charge.type === 'refund'"> Refund </template>
-										<template v-else-if="charge.type === 'subscription'">
-											<template v-if="charge.status === 'cancelled'"> Subscription </template>
-											<template v-else-if="index === subscription.charges.length - 1">
-												Started subscription
-											</template>
-											<template v-else> Subscription renewal </template>
-										</template>
-										<template v-else-if="charge.type === 'one-time'"> One-time charge </template>
-										<template v-else-if="charge.type === 'proration'"> Proration charge </template>
-										<template v-else> {{ charge.status }} </template>
-									</span>
-									<template v-if="charge.status !== 'cancelled'">
-										⋅
-										{{ formatPrice(charge.amount, charge.currency_code) }}
-									</template>
-								</span>
-								<span class="text-sm text-secondary">
-									<span
-										v-if="charge.status === 'cancelled' && $dayjs(charge.due).isBefore($dayjs())"
-										class="font-bold"
-									>
-										Ended:
-									</span>
-									<span v-else-if="charge.status === 'cancelled'" class="font-bold">Ends:</span>
-									<span v-else-if="charge.type === 'refund'" class="font-bold">Issued:</span>
-									<span v-else class="font-bold">Due:</span>
-									{{ formatDateTime(charge.due) }}
-									<span class="text-secondary">({{ formatRelativeTime(charge.due) }}) </span>
-								</span>
-								<span v-if="charge.last_attempt != null" class="text-sm text-secondary">
-									<span v-if="charge.status === 'failed'" class="font-bold">Last attempt:</span>
-									<span v-else class="font-bold">Charged:</span>
-									{{ formatDateTime(charge.last_attempt) }}
-									<span class="text-secondary"
-										>({{ formatRelativeTime(charge.last_attempt) }})
-									</span>
-								</span>
-								<div class="flex w-full items-center gap-1 text-xs text-secondary">
-									{{ charge.status }}
-									⋅
-									{{ charge.type }}
-									⋅
-									{{ formatPrice(charge.amount, charge.currency_code) }}
-									⋅
-									{{ formatDateTimeShort(charge.due) }}
-									<template v-if="charge.subscription_interval">
-										⋅ {{ charge.subscription_interval }}
-									</template>
-								</div>
-							</div>
-							<div class="flex gap-2">
-								<ButtonStyled
-									v-if="
-										charges.some((x) => x.type === 'refund' && x.parent_charge_id === charge.id)
-									"
-								>
-									<div class="button-like disabled"><CheckIcon /> Charge refunded</div>
-								</ButtonStyled>
-								<ButtonStyled
-									v-else-if="charge.status === 'succeeded' && charge.type !== 'refund'"
-									color="red"
-									color-fill="text"
-								>
-									<button @click="showRefundModal(charge)">
-										<CurrencyIcon />
-										Refund options
-									</button>
-								</ButtonStyled>
-								<ButtonStyled
-									v-else-if="charge.status === 'failed' || charge.status === 'open'"
-									color="red"
-									color-fill="text"
-								>
-									<button @click="showModifyModal(charge, subscription)">
-										<CurrencyIcon />
-										Modify charge
-									</button>
-								</ButtonStyled>
-							</div>
-						</div>
-					</div>
+						:charge="charge"
+						:subscription="subscription"
+						:all-charges="charges"
+						:charge-index="index"
+						:charge-count="subscription.charges.length"
+						@refund="showRefundModal"
+						@modify="showModifyModal"
+					/>
 				</div>
 			</div>
 		</div>
@@ -334,7 +236,6 @@ import {
 	StyledInput,
 	Toggle,
 	useFormatDateTime,
-	useFormatPrice,
 	useRelativeTime,
 	useVIntl,
 } from '@modrinth/ui'
@@ -344,21 +245,14 @@ import { useQuery } from '@tanstack/vue-query'
 import dayjs from 'dayjs'

 import ModrinthServersIcon from '~/components/brand/ModrinthServersIcon.vue'
+import AdminBillingChargeCard from '~/components/ui/admin/AdminBillingChargeCard.vue'

 const { addNotification } = injectNotificationManager()
 const { labrinth } = injectModrinthClient()
-const formatPrice = useFormatPrice()
 const formatDateTime = useFormatDateTime({
 	timeStyle: 'short',
 	dateStyle: 'long',
 })
-const formatDateTimeShort = useFormatDateTime({
-	year: 'numeric',
-	month: '2-digit',
-	day: '2-digit',
-	hour: 'numeric',
-	minute: 'numeric',
-})

 const vintl = useVIntl()

@@ -372,15 +266,15 @@ const messages = defineMessages({
 	},
 })

-const chargeId = useRouteId('charge')
+const userId = useRouteId('user')

 const {
 	data: user,
 	error: userError,
 	suspense: userSuspense,
 } = useQuery({
-	queryKey: ['user', chargeId],
-	queryFn: () => labrinth.users_v2.get(chargeId),
+	queryKey: ['user', userId],
+	queryFn: () => labrinth.users_v2.get(userId),
 })

 onServerPrefetch(userSuspense)
@@ -533,27 +427,6 @@ async function modifyCharge() {
 	}
 	modifying.value = false
 }
-
-const chargeStatuses = {
-	open: {
-		color: 'bg-blue',
-	},
-	processing: {
-		color: 'bg-orange',
-	},
-	succeeded: {
-		color: 'bg-green',
-	},
-	failed: {
-		color: 'bg-red',
-	},
-	cancelled: {
-		color: 'bg-red',
-	},
-	expiring: {
-		color: 'bg-orange',
-	},
-}
 </script>
 <style scoped>
 .page {
@@ -48,28 +48,69 @@
 			/>
 		</div>
 		<div class="normal-page__content mt-4 lg:!mt-0">
+			<Admonition
+				v-if="showDiscordRoleBanner"
+				class="mb-3"
+				type="info"
+				:header="formatMessage(messages.discordRoleBannerTitle)"
+				show-actions-underneath
+				dismissible
+				@dismiss="dismissDiscordRoleBanner"
+			>
+				<div class="text-primary">
+					{{
+						formatMessage(messages.discordRoleBannerBody, {
+							roles: eligibleDiscordRolesLabel,
+						})
+					}}
+				</div>
+				<template #actions>
+					<ButtonStyled color="blue">
+						<NuxtLink to="/discord/link" class="w-fit !px-4">
+							<ExternalIcon />
+							{{ formatMessage(messages.discordRoleBannerCta) }}
+						</NuxtLink>
+					</ButtonStyled>
+				</template>
+			</Admonition>
 			<NuxtPage :route="route" />
 		</div>
 	</div>
 </template>
 <script setup lang="ts">
+import type { Labrinth } from '@modrinth/api-client'
 import {
 	AffiliateIcon,
 	BellIcon as NotificationsIcon,
 	ChartIcon,
 	CurrencyIcon,
 	DashboardIcon,
+	ExternalIcon,
 	LibraryIcon,
 	ListIcon,
 	OrganizationIcon,
 	ReportIcon,
 } from '@modrinth/assets'
-import { commonMessages, defineMessages, useVIntl } from '@modrinth/ui'
-import { type User, UserBadge } from '@modrinth/utils'
+import {
+	Admonition,
+	ButtonStyled,
+	commonMessages,
+	defineMessages,
+	injectModrinthClient,
+	useVIntl,
+} from '@modrinth/ui'
+import { UserBadge } from '@modrinth/utils'
+import { useQuery } from '@tanstack/vue-query'
+import { useLocalStorage } from '@vueuse/core'

 import NavStack from '~/components/ui/NavStack.vue'

-const auth = (await useAuth()) as Ref<{ user: User | null }>
+const auth = (await useAuth()) as Ref<{ user: Labrinth.Users.v3.User | null }>
+const client = injectModrinthClient()
+const dismissedDiscordRoleBannerUsers = useLocalStorage<string[]>(
+	'dashboard-discord-role-banner-dismissed-users',
+	[],
+)

 const isAffiliate = computed(() => {
 	return auth.value.user && auth.value.user.badges & UserBadge.AFFILIATE
@@ -114,6 +155,31 @@ const messages = defineMessages({
 		id: 'dashboard.sidebar.label.revenue',
 		defaultMessage: 'Revenue',
 	},
+	discordRoleBannerTitle: {
+		id: 'dashboard.discord-roles.banner.title',
+		defaultMessage: 'Claim your Discord roles',
+	},
+	discordRoleBannerBody: {
+		id: 'dashboard.discord-roles.banner.body',
+		defaultMessage:
+			"You're eligible for {roles}. Link your Discord account through Modrinth and we'll sync them automatically.",
+	},
+	discordRoleBannerCta: {
+		id: 'dashboard.discord-roles.banner.cta',
+		defaultMessage: 'Link Discord',
+	},
+	discordRolePride: {
+		id: 'dashboard.discord-roles.role.pride',
+		defaultMessage: 'Pride 2026',
+	},
+	discordRoleCreator: {
+		id: 'dashboard.discord-roles.role.creator',
+		defaultMessage: 'Creator',
+	},
+	discordRoleBigCreator: {
+		id: 'dashboard.discord-roles.role.big-creator',
+		defaultMessage: '1M+ Downloads',
+	},
 })

 definePageMeta({
@@ -125,4 +191,60 @@ useSeoMeta({
 })

 const route = useNativeRoute()
+
+const { data: projects } = useQuery({
+	queryKey: computed(() => ['dashboard-discord-role-eligibility', auth.value.user?.id, 'projects']),
+	queryFn: () => {
+		const userId = auth.value.user?.id
+		if (!userId) return []
+
+		return client.labrinth.users_v2.getProjects(userId)
+	},
+	enabled: computed(() => !!auth.value.user?.id),
+})
+
+const totalProjectDownloads = computed(() =>
+	(projects.value ?? []).reduce((total, project) => total + (project.downloads ?? 0), 0),
+)
+
+const eligibleDiscordRoles = computed(() => {
+	const roles = []
+
+	if (auth.value.user?.campaigns?.pride_26?.has_badge === true) {
+		roles.push(formatMessage(messages.discordRolePride))
+	}
+
+	if (totalProjectDownloads.value >= 20_000) {
+		roles.push(formatMessage(messages.discordRoleCreator))
+	}
+
+	if (totalProjectDownloads.value >= 1_000_000) {
+		roles.push(formatMessage(messages.discordRoleBigCreator))
+	}
+
+	return roles
+})
+
+const roleListFormatter = new Intl.ListFormat(undefined, {
+	style: 'long',
+	type: 'conjunction',
+})
+
+const eligibleDiscordRolesLabel = computed(() =>
+	roleListFormatter.format(eligibleDiscordRoles.value),
+)
+
+const hasDismissedDiscordRoleBanner = computed(() =>
+	dismissedDiscordRoleBannerUsers.value.includes(auth.value.user?.id ?? ''),
+)
+const showDiscordRoleBanner = computed(
+	() => eligibleDiscordRoles.value.length > 0 && !hasDismissedDiscordRoleBanner.value,
+)
+
+function dismissDiscordRoleBanner() {
+	const userId = auth.value.user?.id
+	if (!userId || dismissedDiscordRoleBannerUsers.value.includes(userId)) return
+
+	dismissedDiscordRoleBannerUsers.value = [...dismissedDiscordRoleBannerUsers.value, userId]
+}
 </script>
@@ -0,0 +1,62 @@
+<script setup lang="ts">
+import { injectModrinthClient } from '@modrinth/ui'
+
+import { getAuthUrl } from '~/composables/auth.js'
+
+definePageMeta({
+	layout: 'empty',
+	middleware: 'auth',
+})
+
+const route = useRoute()
+const auth = await useAuth()
+const client = injectModrinthClient()
+const error = ref<unknown>(null)
+const isLinkedCallback = computed(() => route.query.callback === 'linked')
+
+onMounted(async () => {
+	if (isLinkedCallback.value) return
+
+	try {
+		if (!auth.value.user?.auth_providers?.includes('discord')) {
+			window.location.href = `${getAuthUrl('discord', '/discord/link')}&token=${auth.value.token}`
+			return
+		}
+
+		const res = await client.labrinth.auth_internal.createDiscordCommunityLink()
+		window.location.href = res.url
+	} catch (err) {
+		error.value = err
+	}
+})
+</script>
+
+<template>
+	<section class="discord-link-container universal-card">
+		<h1>{{ isLinkedCallback ? 'Modrinth account linked' : 'Linking Discord' }}</h1>
+		<p v-if="isLinkedCallback">Your Modrinth account has been linked to the Discord server.</p>
+		<p v-else-if="!error">Connecting your Modrinth account to the Discord server...</p>
+		<p v-else>Discord linking failed. Please try again later.</p>
+	</section>
+</template>
+
+<style scoped>
+.discord-link-container {
+	width: 26rem;
+	max-width: calc(100% - 2rem);
+	margin: 1rem auto;
+	display: flex;
+	flex-direction: column;
+	gap: 2rem;
+}
+
+.discord-link-container h1 {
+	font-size: var(--font-size-xl);
+	margin: 0 0 -1rem 0;
+	color: var(--color-contrast);
+}
+
+.discord-link-container p {
+	margin: 0;
+}
+</style>
@@ -1,7 +1,13 @@
 <script setup lang="ts">
 import { GitGraphIcon, RssIcon } from '@modrinth/assets'
 import { articles as rawArticles } from '@modrinth/blog'
-import { Avatar, ButtonStyled, injectModrinthClient, useFormatDateTime } from '@modrinth/ui'
+import {
+	ArticleBody,
+	Avatar,
+	ButtonStyled,
+	injectModrinthClient,
+	useFormatDateTime,
+} from '@modrinth/ui'
 import { useQuery } from '@tanstack/vue-query'
 import dayjs from 'dayjs'
 import { computed, onMounted } from 'vue'
@@ -169,7 +175,7 @@ onMounted(() => {
 				class="aspect-video w-full rounded-xl border-[1px] border-solid border-button-border object-cover sm:rounded-2xl"
 				:alt="article.title"
 			/>
-			<div class="markdown-body" v-html="article.html" />
+			<ArticleBody :html="article.html" />
 			<h3
 				class="mb-0 mt-4 border-0 border-t-[1px] border-solid border-divider pt-4 text-base font-extrabold sm:text-lg"
 			>
@@ -263,6 +263,15 @@
 										action: () => $refs.userDetailsModal.show(),
 										shown: auth.user && isStaff(auth.user),
 									},
+									{
+										id: 'open-analytics',
+										action: () =>
+											navigateTo({
+												path: '/dashboard/analytics',
+												query: { user: user.username || user.id },
+											}),
+										shown: auth.user && isAdmin(auth.user),
+									},
 									{
 										id: 'edit-role',
 										action: () => openRoleEditModal(),
@@ -297,6 +306,10 @@
 									<InfoIcon aria-hidden="true" />
 									{{ formatMessage(messages.infoButton) }}
 								</template>
+								<template #open-analytics>
+									<ChartIcon aria-hidden="true" />
+									{{ formatMessage(messages.analyticsButton) }}
+								</template>
 								<template #toggle-affiliate>
 									<AffiliateIcon aria-hidden="true" />
 									{{
@@ -500,6 +513,7 @@ import {
 	BadgeCheckIcon,
 	BoxIcon,
 	CalendarIcon,
+	ChartIcon,
 	CheckIcon,
 	ClipboardCopyIcon,
 	CurrencyIcon,
@@ -692,6 +706,10 @@ const messages = defineMessages({
 		id: 'profile.button.info',
 		defaultMessage: 'View user details',
 	},
+	analyticsButton: {
+		id: 'profile.button.analytics',
+		defaultMessage: 'View user analytics',
+	},
 	setAffiliateButton: {
 		id: 'profile.button.set-affiliate',
 		defaultMessage: 'Set as affiliate',
@@ -11,9 +11,29 @@ import type {
 } from './analytics-types'

 const MINECRAFT_JAVA_SERVER_PROJECT_TYPE = 'minecraft_java_server'
+const PLUGIN_PROJECT_TYPE = 'plugin'

 export const UNKNOWN_ORGANIZATION_NAME = 'Organization'

+function getProjectTypes(project: ProjectTypeMetadata): string[] {
+	const projectTypes = new Set<string>()
+	const projectType = project.project_type?.trim()
+	if (projectType) {
+		projectTypes.add(projectType)
+	}
+
+	for (const types of [project.project_types, project.projectTypes]) {
+		for (const type of types ?? []) {
+			const projectType = type.trim()
+			if (projectType) {
+				projectTypes.add(projectType)
+			}
+		}
+	}
+
+	return [...projectTypes]
+}
+
 function isServerProject(project: ProjectTypeMetadata): boolean {
 	if (project.project_type === MINECRAFT_JAVA_SERVER_PROJECT_TYPE) {
 		return true
@@ -28,6 +48,11 @@ export function isAnalyticsEligibleProject(
 	return !isServerProject(project) && getProjectStatusFilterValue(project.status) !== 'draft'
 }

+export function isPluginProject(project: ProjectTypeMetadata): boolean {
+	const projectTypes = getProjectTypes(project)
+	return projectTypes.length > 0 && projectTypes.every((type) => type === PLUGIN_PROJECT_TYPE)
+}
+
 export function getSingleQueryValue(value: unknown): string | undefined {
 	if (typeof value !== 'string') {
 		return undefined
@@ -47,6 +72,7 @@ export function toAnalyticsDashboardProject(
 		downloads: project.downloads ?? 0,
 		status: getProjectStatusFilterValue(project.status),
 		publishedAt: project.published ?? undefined,
+		projectTypes: getProjectTypes(project),
 	}
 }

@@ -94,6 +94,7 @@ export type MutableRouteQuery = Record<
 export type ProjectTypeMetadata = {
 	project_type?: string | null
 	project_types?: readonly string[] | null
+	projectTypes?: readonly string[] | null
 }

 export type AnalyticsProjectFetchRequest = Labrinth.Analytics.v3.FetchRequest & {
@@ -123,6 +124,7 @@ export interface AnalyticsDashboardProject {
 	downloads: number
 	status: ProjectStatusFilterValue
 	publishedAt?: string
+	projectTypes: string[]
 }

 export interface AnalyticsDashboardProjectGroup {
@@ -74,6 +74,7 @@ import {
 	getSingleQueryValue,
 	getUniqueAnalyticsDashboardProjects,
 	isAnalyticsEligibleProject,
+	isPluginProject,
 	toAnalyticsDashboardProject,
 	UNKNOWN_ORGANIZATION_NAME,
 } from './analytics-project-utils'
@@ -169,6 +170,11 @@ export interface AnalyticsDashboardContextValue {
 	hasProjectContext: ComputedRef<boolean>
 	projectGroups: ComputedRef<AnalyticsDashboardProjectGroup[]>
 	projects: ComputedRef<AnalyticsDashboardProject[]>
+	dashboardUserProjectIds: ComputedRef<string[]>
+	dashboardOrganizationProjectIds: ComputedRef<string[]>
+	defaultProjectIds: ComputedRef<string[]>
+	isUsingDashboardUserOverride: ComputedRef<boolean>
+	dashboardProjectUserName: ComputedRef<string>
 	selectedProjectIds: Ref<string[]>
 	selectedTimeframeMode: Ref<AnalyticsTimeframeMode>
 	selectedTimeframe: Ref<AnalyticsTimeframePreset>
@@ -198,6 +204,7 @@ export interface AnalyticsDashboardContextValue {
 	versionProjectIconUrlsById: ComputedRef<Map<string, string>>
 	projectStatusById: ComputedRef<Map<string, ProjectStatusFilterValue>>
 	availableProjectStatuses: ComputedRef<ProjectStatusFilterValue[]>
+	availableProjectDownloadsById: ComputedRef<Map<string, number>>
 	projectDownloadsById: ComputedRef<Map<string, number>>
 	projectVersionDownloadsById: ComputedRef<Map<string, number>>
 	gameVersionDownloadsByVersion: ComputedRef<Map<string, number>>
@@ -519,6 +526,45 @@ export function createAnalyticsDashboardContext(
 	)

 	const availableProjectIds = computed(() => projects.value.map((project) => project.id))
+	const dashboardUserProjectIds = computed(() => {
+		if (!shouldFetchDashboardAllProjects.value) {
+			return [...availableProjectIds.value]
+		}
+
+		const response = dashboardAllProjects.value
+		if (!response) {
+			return []
+		}
+
+		const availableProjectIdSet = new Set(availableProjectIds.value)
+		return response.projects
+			.filter(
+				(project) => !getProjectOrganizationId(project) && availableProjectIdSet.has(project.id),
+			)
+			.map((project) => project.id)
+	})
+	const dashboardOrganizationProjectIds = computed(() => {
+		if (!shouldFetchDashboardAllProjects.value) {
+			return []
+		}
+
+		const response = dashboardAllProjects.value
+		if (!response) {
+			return []
+		}
+
+		const availableProjectIdSet = new Set(availableProjectIds.value)
+		return response.projects
+			.filter(
+				(project) => getProjectOrganizationId(project) && availableProjectIdSet.has(project.id),
+			)
+			.map((project) => project.id)
+	})
+	const defaultProjectIds = computed(() =>
+		dashboardOrganizationProjectIds.value.length > 0 && dashboardUserProjectIds.value.length > 0
+			? dashboardUserProjectIds.value
+			: availableProjectIds.value,
+	)
 	const projectNamesById = computed(
 		() => new Map(projects.value.map((project) => [project.id, project.name])),
 	)
@@ -537,6 +583,7 @@ export function createAnalyticsDashboardContext(
 		const presentStatuses = new Set(projects.value.map((project) => project.status))
 		return PROJECT_STATUS_FILTER_VALUES.filter((status) => presentStatuses.has(status))
 	})
+	const sortedAvailableProjectIds = computed(() => sortStringValues(availableProjectIds.value))
 	const sortedSelectedProjectIds = computed(() => sortStringValues(selectedProjectIds.value))
 	const filterOptionProjectSources = computed<AnalyticsProjectVersionSource[] | null>(() => {
 		if (hasProjectContext.value && options.projectPageContext) {
@@ -642,6 +689,7 @@ export function createAnalyticsDashboardContext(
 				selectedFilters: selectedFilters.value,
 			},
 			availableProjectIds.value,
+			defaultProjectIds.value,
 		)
 		const isGraphDefault = isAnalyticsGraphStateDefault(
 			{
@@ -674,17 +722,35 @@ export function createAnalyticsDashboardContext(
 				allTimeStartTimestamp: analyticsAllTimeStartDate.value.getTime(),
 			}) > REVENUE_MIN_TIMEFRAME_MS,
 	)
+	const isPlaytimeAvailableForProjectSelection = computed(() => {
+		const selectedProjectIdSet = new Set(selectedProjectIds.value)
+		const selectedProjects = projects.value.filter((project) =>
+			selectedProjectIdSet.has(project.id),
+		)
+
+		return (
+			selectedProjects.length === 0 || selectedProjects.some((project) => !isPluginProject(project))
+		)
+	})

 	function isAnalyticsDashboardStatAvailableForTimeframe(stat: AnalyticsDashboardStat): boolean {
 		return stat !== 'revenue' || isRevenueTimeframeAvailable.value
 	}

+	function isAnalyticsDashboardStatAvailableForProjectSelection(
+		stat: AnalyticsDashboardStat,
+	): boolean {
+		return stat !== 'playtime' || isPlaytimeAvailableForProjectSelection.value
+	}
+
 	function getRelevantAnalyticsDashboardStats(
 		breakdowns: readonly AnalyticsBreakdownPreset[],
 		filters: AnalyticsSelectedFilters = selectedFilters.value,
 	): readonly AnalyticsDashboardStat[] {
-		return getEnabledAnalyticsStatsForState(breakdowns, filters).filter((stat) =>
-			isAnalyticsDashboardStatAvailableForTimeframe(stat),
+		return getEnabledAnalyticsStatsForState(breakdowns, filters).filter(
+			(stat) =>
+				isAnalyticsDashboardStatAvailableForTimeframe(stat) &&
+				isAnalyticsDashboardStatAvailableForProjectSelection(stat),
 		)
 	}

@@ -741,6 +807,7 @@ export function createAnalyticsDashboardContext(
 			selectedGraphDatasetIds,
 		},
 		availableProjectIds,
+		defaultProjectIds,
 		sanitizeSelectedFilters: sanitizeAnalyticsSelectedFiltersForContext,
 	})

@@ -768,7 +835,13 @@ export function createAnalyticsDashboardContext(
 	}

 	watch(
-		[selectedBreakdowns, selectedFilters, activeStat, isRevenueTimeframeAvailable],
+		[
+			selectedBreakdowns,
+			selectedFilters,
+			activeStat,
+			isRevenueTimeframeAvailable,
+			isPlaytimeAvailableForProjectSelection,
+		],
 		([nextBreakdowns, nextFilters, nextActiveStat]) => {
 			if (isAnalyticsDashboardStatRelevant(nextActiveStat, nextBreakdowns, nextFilters)) {
 				return
@@ -846,9 +919,10 @@ export function createAnalyticsDashboardContext(
 				return
 			}

-			const availableProjectIds = new Set(nextProjects.map((project) => project.id))
+			const nextAvailableProjectIds = nextProjects.map((project) => project.id)
+			const availableProjectIds = new Set(nextAvailableProjectIds)
 			if (!hasExplicitProjectSelectionQuery.value) {
-				const nextSelectedProjectIds = nextProjects.map((project) => project.id)
+				const nextSelectedProjectIds = [...defaultProjectIds.value]
 				syncSelectedBreakdownsForProjectSelection(nextSelectedProjectIds)
 				syncProjectEventsVisibilityForProjectSelection(nextSelectedProjectIds)
 				if (!areStringArraysEqual(selectedProjectIds.value, nextSelectedProjectIds)) {
@@ -858,9 +932,14 @@ export function createAnalyticsDashboardContext(
 				return
 			}

-			const retainedSelection = selectedProjectIds.value.filter((id) => availableProjectIds.has(id))
+			const queryProjectSelection = readAnalyticsQueryBuilderState(
+				route.query,
+				nextAvailableProjectIds,
+				defaultProjectIds.value,
+			).selectedProjectIds
+			const retainedSelection = queryProjectSelection.filter((id) => availableProjectIds.has(id))
 			const nextSelectedProjectIds =
-				retainedSelection.length > 0 ? retainedSelection : nextProjects.map((project) => project.id)
+				retainedSelection.length > 0 ? retainedSelection : [...defaultProjectIds.value]

 			syncSelectedBreakdownsForProjectSelection(nextSelectedProjectIds)
 			syncProjectEventsVisibilityForProjectSelection(nextSelectedProjectIds)
@@ -916,6 +995,7 @@ export function createAnalyticsDashboardContext(
 			selectedBreakdowns,
 			selectedFilters,
 			availableProjectIds,
+			defaultProjectIds,
 		],
 		() => {
 			syncQueryBuilderRouteQuery()
@@ -1090,6 +1170,19 @@ export function createAnalyticsDashboardContext(

 		return buildAnalyticsFacetsRequest(sortedSelectedProjectIds.value, nextFetchRequest.time_range)
 	})
+	const availableProjectDownloadCountRequest = computed<Labrinth.Analytics.v3.FetchRequest | null>(
+		() => {
+			const nextFetchRequest = fetchRequest.value
+			if (!nextFetchRequest || sortedAvailableProjectIds.value.length === 0) {
+				return null
+			}
+
+			return buildAnalyticsFacetsRequest(
+				sortedAvailableProjectIds.value,
+				nextFetchRequest.time_range,
+			)
+		},
+	)

 	const {
 		data: analyticsFacetsData,
@@ -1148,6 +1241,36 @@ export function createAnalyticsDashboardContext(
 		refetchOnWindowFocus: false,
 	})

+	const { data: availableProjectDownloadCountTimeSlices } = useQuery({
+		queryKey: computed(() => [
+			'analytics',
+			'dashboard',
+			analyticsQueryUserId.value,
+			'filter-options',
+			'available-project-download-counts',
+			availableProjectDownloadCountRequest.value,
+			queryRefreshTimestamp.value,
+		]),
+		queryFn: () => {
+			const nextRequest = availableProjectDownloadCountRequest.value
+			if (!isAnalyticsFetchRequestReady(nextRequest)) {
+				return []
+			}
+
+			return fetchAnalyticsTimeSlices(nextRequest, (request) =>
+				client.labrinth.analytics_v3.fetch(request),
+			)
+		},
+		enabled: computed(
+			() =>
+				hasCompletedAnalyticsLoading.value &&
+				isAnalyticsFetchRequestReady(availableProjectDownloadCountRequest.value),
+		),
+		placeholderData: [],
+		gcTime: ANALYTICS_FILTER_OPTIONS_GC_TIME_MS,
+		refetchOnWindowFocus: false,
+	})
+
 	const { data: analyticsDownloadCountTimeSlices } = useQuery({
 		queryKey: computed(() => [
 			'analytics',
@@ -1390,6 +1513,9 @@ export function createAnalyticsDashboardContext(
 		const countTimeSlices = analyticsDownloadCountTimeSlices.value ?? []
 		return countTimeSlices.length > 0 ? countTimeSlices : timeSlices.value
 	})
+	const availableProjectDownloadsById = computed(() =>
+		getProjectDownloadsByIdFromTimeSlices(availableProjectDownloadCountTimeSlices.value ?? []),
+	)
 	const projectDownloadsById = computed(() =>
 		getProjectDownloadsByIdFromTimeSlices(downloadCountTimeSlices.value),
 	)
@@ -1484,7 +1610,10 @@ export function createAnalyticsDashboardContext(
 			return
 		}

-		const defaultQueryState = buildDefaultAnalyticsQueryBuilderState(availableProjectIds.value)
+		const defaultQueryState = buildDefaultAnalyticsQueryBuilderState(
+			availableProjectIds.value,
+			defaultProjectIds.value,
+		)
 		const defaultGraphState = buildDefaultAnalyticsGraphState(defaultQueryState.selectedProjectIds)

 		selectedProjectIds.value = defaultQueryState.selectedProjectIds
@@ -1550,6 +1679,11 @@ export function createAnalyticsDashboardContext(
 		hasProjectContext,
 		projectGroups,
 		projects,
+		dashboardUserProjectIds,
+		dashboardOrganizationProjectIds,
+		defaultProjectIds,
+		isUsingDashboardUserOverride,
+		dashboardProjectUserName: effectiveUsername,
 		selectedProjectIds,
 		selectedTimeframeMode,
 		selectedTimeframe,
@@ -1579,6 +1713,7 @@ export function createAnalyticsDashboardContext(
 		versionProjectIconUrlsById,
 		projectStatusById,
 		availableProjectStatuses,
+		availableProjectDownloadsById,
 		projectDownloadsById,
 		projectVersionDownloadsById,
 		gameVersionDownloadsByVersion,
@@ -1,5 +1,12 @@
 {
 	"articles": [
+		{
+			"title": "Modrinth joins Spark Universe",
+			"summary": "The next chapter. What it means and why we think it’s right for Modrinth.",
+			"thumbnail": "https://modrinth.com/news/article/joining-spark-universe/thumbnail.webp",
+			"date": "2026-06-15T14:00:00.000Z",
+			"link": "https://modrinth.com/news/article/joining-spark-universe"
+		},
 		{
 			"title": "Manage servers together",
 			"summary": "Add other users to your server, assign roles, and track what’s changed.",
@@ -0,0 +1,37 @@
+<script setup lang="ts">
+import { Button, Heading, Section, Text } from '@vue-email/components'
+
+import StyledEmail from '../shared/StyledEmail.vue'
+</script>
+
+<template>
+	<StyledEmail
+		title="You're invited to the Creator Club"
+		:manual-links="[{ link: '{discord.link_url}', label: 'Link Discord' }]"
+	>
+		<Heading as="h1" class="mb-2 text-2xl font-bold">You're invited to the Creator Club</Heading>
+
+		<Text class="text-base">Hey <span class="no-auto-link">{user.name}</span>!</Text>
+
+		<Text class="text-base"> Your projects just passed 20,000 total downloads, nice! </Text>
+
+		<Text class="text-base">
+			We want to invite you to Modrinth's Creator Club, a space in our discord where you can chat
+			with other creators, share feedback with us, and stay plugged in.
+		</Text>
+
+		<Text class="text-base">
+			To join just link your Discord account through Modrinth and we'll grant access automatically!
+		</Text>
+
+		<Section class="mb-4 mt-4">
+			<Button
+				href="{discord.link_url}"
+				target="_blank"
+				class="text-accentContrast inline-block rounded-[12px] bg-brand pb-3 pl-4 pr-4 pt-3 text-[14px] font-bold"
+			>
+				Join the Creator Club
+			</Button>
+		</Section>
+	</StyledEmail>
+</template>
@@ -36,6 +36,9 @@ export default {
 	'server-invited': () => import('./server/ServerInvited.vue'),
 	'server-invited-no-account': () => import('./server/ServerInvitedNoAccount.vue'),

+	// Discord
+	'discord-role-creator-club': () => import('./discord/DiscordRoleCreatorClub.vue'),
+
 	// Organizations
 	'organization-invited': () => import('./organization/OrganizationInvited.vue'),
 } as Record<string, () => Promise<{ default: Component }>>
@@ -0,0 +1,53 @@
+{
+  "db_name": "PostgreSQL",
+  "query": "\n            SELECT DISTINCT v.mod_id dependent_project_id,\n                d.mod_dependency_id dependency_project_id,\n                d.dependency_type dependency_type,\n                m.name dependency_name,\n                m.slug dependency_slug,\n                m.icon_url dependency_icon_url\n            FROM versions v\n            INNER JOIN dependencies d ON d.dependent_id = v.id\n            INNER JOIN mods m ON m.id = d.mod_dependency_id\n            WHERE v.mod_id = ANY($1)\n                AND d.mod_dependency_id IS NOT NULL\n                AND m.status = ANY($2)\n            ",
+  "describe": {
+    "columns": [
+      {
+        "ordinal": 0,
+        "name": "dependent_project_id",
+        "type_info": "Int8"
+      },
+      {
+        "ordinal": 1,
+        "name": "dependency_project_id",
+        "type_info": "Int8"
+      },
+      {
+        "ordinal": 2,
+        "name": "dependency_type",
+        "type_info": "Varchar"
+      },
+      {
+        "ordinal": 3,
+        "name": "dependency_name",
+        "type_info": "Varchar"
+      },
+      {
+        "ordinal": 4,
+        "name": "dependency_slug",
+        "type_info": "Varchar"
+      },
+      {
+        "ordinal": 5,
+        "name": "dependency_icon_url",
+        "type_info": "Varchar"
+      }
+    ],
+    "parameters": {
+      "Left": [
+        "Int8Array",
+        "TextArray"
+      ]
+    },
+    "nullable": [
+      false,
+      true,
+      false,
+      false,
+      true,
+      true
+    ]
+  },
+  "hash": "3afdd6b9070ea0951682facf207b9056ac842c402bd0941c45ebd1dc6d627d43"
+}
@@ -0,0 +1,22 @@
+{
+  "db_name": "PostgreSQL",
+  "query": "\n        SELECT id FROM versions\n        WHERE mod_id = ANY($1)\n        ",
+  "describe": {
+    "columns": [
+      {
+        "ordinal": 0,
+        "name": "id",
+        "type_info": "Int8"
+      }
+    ],
+    "parameters": {
+      "Left": [
+        "Int8Array"
+      ]
+    },
+    "nullable": [
+      false
+    ]
+  },
+  "hash": "3eacabccb1da975ceba03932880681c39ef3190c365e292c49dfe4acd7671395"
+}
@@ -0,0 +1,20 @@
+{
+  "db_name": "PostgreSQL",
+  "query": "SELECT pg_try_advisory_xact_lock(hashtextextended('discord_role_email_campaign', 0)) AS \"lock_acquired!\"",
+  "describe": {
+    "columns": [
+      {
+        "ordinal": 0,
+        "name": "lock_acquired!",
+        "type_info": "Bool"
+      }
+    ],
+    "parameters": {
+      "Left": []
+    },
+    "nullable": [
+      null
+    ]
+  },
+  "hash": "67d6f3431c2c78227c10c1ff2658e89ffec91b671e65915d7f6923dc2c95f82b"
+}
@@ -1,6 +1,6 @@
 {
  "db_name": "PostgreSQL",
-  "query": "\n            SELECT id, username, avatar_url\n            FROM users\n            WHERE LOWER(username) LIKE $1 ESCAPE ''\n            ORDER BY LOWER(username) = $2 DESC, LOWER(username), username\n            LIMIT 25\n            ",
+  "query": "\n            SELECT id, username, avatar_url\n            FROM users\n            WHERE LOWER(username) LIKE $1 ESCAPE '\\'\n            ORDER BY LOWER(username) = $2 DESC, LOWER(username), username\n            LIMIT 25\n            ",
  "describe": {
    "columns": [
      {
@@ -31,5 +31,5 @@
      true
    ]
  },
-  "hash": "8d0ae0da359ebd33801f2796c841b9b3cc1a59f7cdee756ac5ce1c459e69a531"
+  "hash": "d0cabd1c74fa04c77a02e99e201e3f3c54b41e9f606db1f18accee33afdddf49"
 }
@@ -0,0 +1,22 @@
+{
+  "db_name": "PostgreSQL",
+  "query": "\n        SELECT n.id AS \"id!\"\n        FROM notifications n\n        INNER JOIN notifications_types nt ON nt.name = n.body ->> 'type'\n        WHERE n.id = ANY($1::BIGINT[])\n          AND nt.expose_in_site_notifications = TRUE\n        ",
+  "describe": {
+    "columns": [
+      {
+        "ordinal": 0,
+        "name": "id!",
+        "type_info": "Int8"
+      }
+    ],
+    "parameters": {
+      "Left": [
+        "Int8Array"
+      ]
+    },
+    "nullable": [
+      false
+    ]
+  },
+  "hash": "e89c5b87467dc019925f58ec789e15599d0f6121c41a4224746cfe2fde41ab60"
+}
@@ -0,0 +1,20 @@
+{
+  "db_name": "PostgreSQL",
+  "query": "\n        WITH\n          user_project_downloads AS (\n            SELECT\n              tm.user_id,\n              SUM(m.downloads)::BIGINT total_downloads\n            FROM team_members tm\n            INNER JOIN mods m ON m.team_id = tm.team_id\n            WHERE tm.accepted = TRUE\n            GROUP BY tm.user_id\n          )\n        SELECT u.id AS \"id!\"\n        FROM users u\n        INNER JOIN user_project_downloads upd ON upd.user_id = u.id\n        WHERE u.email IS NOT NULL\n          AND u.email_verified = TRUE\n          AND upd.total_downloads > 20000\n          AND NOT EXISTS (\n            SELECT 1\n            FROM notifications n\n            WHERE n.user_id = u.id\n              AND n.body ->> 'type' = 'discord_role_creator_club'\n          )\n        ORDER BY upd.total_downloads DESC, u.id\n        LIMIT 1000\n        ",
+  "describe": {
+    "columns": [
+      {
+        "ordinal": 0,
+        "name": "id!",
+        "type_info": "Int8"
+      }
+    ],
+    "parameters": {
+      "Left": []
+    },
+    "nullable": [
+      false
+    ]
+  },
+  "hash": "ffb5c12a0af95670946839a2f17247fc27601850a7b74b92863b740efbf794c9"
+}
@@ -24,3 +24,4 @@
  - `Authorization: Bearer mra_user` for a regular user
  - `Modrinth-Admin: feedbeef` as admin key
 - If some steps require you to create a project/mod or version for testing, ask the user to go into the web frontend and manually create a project/version
+- When using `sqlx::query` etc. always use the macro form like `sqlx::query!` or `sqlx::query_scalar!` - never the plain function form. Avoid using `query_as!`.
@@ -0,0 +1,80 @@
+-- Fixture for user HGwXDEgw.
+-- User 60829878552966 = HGwXDEgw
+-- Team 930000000000001 = 4G5AdLiy1
+-- Team member 930000000000002 = 4G5AdLiy2
+-- Project 930000000000003 = 4G5AdLiy3
+-- Thread 930000000000004 = 4G5AdLiy4
+-- Pride donation 930000000000005 = 4G5AdLiy5
+
+INSERT INTO users (
+	id, username, email, role, badges, balance, email_verified
+)
+VALUES (
+	60829878552966, 'fixture_hgwxdegw', 'admin@modrinth.invalid',
+	'developer', 15, 0, TRUE
+)
+ON CONFLICT (id) DO UPDATE SET
+	badges = users.badges | EXCLUDED.badges,
+	email = COALESCE(users.email, EXCLUDED.email),
+	email_verified = TRUE;
+
+INSERT INTO teams (id)
+VALUES (930000000000001)
+ON CONFLICT (id) DO NOTHING;
+
+INSERT INTO team_members (
+	id, team_id, user_id, role, permissions, accepted, payouts_split, ordering,
+	organization_permissions, is_owner
+)
+VALUES (
+	930000000000002, 930000000000001, 60829878552966, 'Owner',
+	1023, TRUE, 100, 0, NULL, TRUE
+)
+ON CONFLICT (id) DO UPDATE SET
+	team_id = EXCLUDED.team_id,
+	user_id = EXCLUDED.user_id,
+	permissions = EXCLUDED.permissions,
+	accepted = EXCLUDED.accepted,
+	is_owner = EXCLUDED.is_owner;
+
+INSERT INTO mods (
+	id, team_id, name, summary, downloads, slug, description, follows,
+	license, status, requested_status, monetization_status,
+	side_types_migration_review_status, components
+)
+VALUES (
+	930000000000003, 930000000000001, 'HGwXDEgw Million Download Fixture',
+	'Project used to exercise badges and high download counts.', 1000000,
+	'hgwxdegw-million-download-fixture', '', 0,
+	'LicenseRef-All-Rights-Reserved', 'approved', 'approved',
+	'monetized', 'reviewed', '{}'::jsonb
+)
+ON CONFLICT (id) DO UPDATE SET
+	team_id = EXCLUDED.team_id,
+	name = EXCLUDED.name,
+	summary = EXCLUDED.summary,
+	downloads = EXCLUDED.downloads,
+	slug = EXCLUDED.slug,
+	status = EXCLUDED.status,
+	requested_status = EXCLUDED.requested_status,
+	monetization_status = EXCLUDED.monetization_status,
+	side_types_migration_review_status = EXCLUDED.side_types_migration_review_status,
+	components = EXCLUDED.components;
+
+INSERT INTO threads (id, thread_type, mod_id)
+VALUES (930000000000004, 'project', 930000000000003)
+ON CONFLICT (id) DO UPDATE SET
+	thread_type = EXCLUDED.thread_type,
+	mod_id = EXCLUDED.mod_id;
+
+INSERT INTO campaign_donations (
+	id, tiltify_event_id, raw_data, donated_at, amount_usd, user_id
+)
+VALUES (
+	930000000000005, '00000000-0000-4000-8000-000000000005',
+	'{"fixture": "hgwxdegw-badges-project"}'::jsonb,
+	'2026-06-01T00:00:00Z', 5, 60829878552966
+)
+ON CONFLICT (id) DO UPDATE SET
+	amount_usd = EXCLUDED.amount_usd,
+	user_id = EXCLUDED.user_id;
@@ -0,0 +1,38 @@
+INSERT INTO notifications_types
+	(name, delivery_priority, expose_in_user_preferences, expose_in_site_notifications)
+VALUES
+	('discord_role_creator_club', 3, FALSE, FALSE);
+
+INSERT INTO users_notifications_preferences (user_id, channel, notification_type, enabled)
+VALUES
+	(NULL, 'email', 'discord_role_creator_club', TRUE);
+
+INSERT INTO notifications_templates
+	(channel, notification_type, subject_line, body_fetch_url, plaintext_fallback)
+VALUES
+	(
+		'email',
+		'discord_role_creator_club',
+		'You''re invited to the Creator Club',
+		'https://modrinth.com/_internal/templates/email/discord-role-creator-club',
+		CONCAT(
+			'Hi {user.name},',
+			CHR(10),
+			CHR(10),
+			'Thanks for building on Modrinth. Your projects have passed 20,000 total downloads, which is wild to think about.',
+			CHR(10),
+			CHR(10),
+			'That means thousands of players have found something useful, fun, or worth coming back to because of what you made.',
+			CHR(10),
+			CHR(10),
+			'We''re opening up a Creator Club role in the Modrinth Discord for creators like you. Link your Discord account through Modrinth and we''ll sync it automatically.',
+			CHR(10),
+			CHR(10),
+			'Join the Creator Club: {discord.link_url}',
+			CHR(10),
+			CHR(10),
+			'Thanks for making Modrinth what it is,',
+			CHR(10),
+			'The Modrinth Team'
+		)
+	);
@@ -1,6 +1,9 @@
 use crate::database;
 use crate::database::PgPool;
+use crate::database::models::ids::DBUserId;
+use crate::database::models::notification_item::NotificationBuilder;
 use crate::database::redis::RedisPool;
+use crate::models::notifications::NotificationBody;
 use crate::queue::analytics::cache::cache_analytics;
 use crate::queue::billing::{index_billing, index_subscriptions};
 use crate::queue::email::EmailQueue;
@@ -34,6 +37,8 @@ pub enum BackgroundTask {
    /// Attempts to ping Minecraft Java servers as if we were a client, to
    /// collect info on if they're online, game version, description, etc.
    PingMinecraftJavaServers,
+    /// Queues Discord Creator Club role claim emails for newly eligible users.
+    DiscordRoleEmailCampaign,
 }

 impl BackgroundTask {
@@ -90,6 +95,9 @@ impl BackgroundTask {
            PingMinecraftJavaServers => {
                ping_minecraft_java_servers(pool, redis_pool, clickhouse).await
            }
+            DiscordRoleEmailCampaign => {
+                discord_role_email_campaign(pool, redis_pool).await
+            }
        }
    }
 }
@@ -208,6 +216,83 @@ pub async fn payouts(
    Ok(())
 }

+pub async fn discord_role_email_campaign(
+    pool: PgPool,
+    redis_pool: RedisPool,
+) -> eyre::Result<()> {
+    info!("Started indexing Discord role email campaign");
+
+    let mut txn = pool
+        .begin()
+        .await
+        .wrap_err("failed to begin Discord role email campaign transaction")?;
+
+    let lock_acquired = sqlx::query_scalar!(
+        r#"SELECT pg_try_advisory_xact_lock(hashtextextended('discord_role_email_campaign', 0)) AS "lock_acquired!""#,
+    )
+    .fetch_one(&mut txn)
+    .await
+    .wrap_err("failed to acquire Discord role email campaign lock")?;
+
+    if !lock_acquired {
+        info!("Discord role email campaign is already running");
+        return Ok(());
+    }
+
+    let user_ids = sqlx::query_scalar!(
+        r#"
+        WITH
+          user_project_downloads AS (
+            SELECT
+              tm.user_id,
+              SUM(m.downloads)::BIGINT total_downloads
+            FROM team_members tm
+            INNER JOIN mods m ON m.team_id = tm.team_id
+            WHERE tm.accepted = TRUE
+            GROUP BY tm.user_id
+          )
+        SELECT u.id AS "id!"
+        FROM users u
+        INNER JOIN user_project_downloads upd ON upd.user_id = u.id
+        WHERE u.email IS NOT NULL
+          AND u.email_verified = TRUE
+          AND upd.total_downloads > 20000
+          AND NOT EXISTS (
+            SELECT 1
+            FROM notifications n
+            WHERE n.user_id = u.id
+              AND n.body ->> 'type' = 'discord_role_creator_club'
+          )
+        ORDER BY upd.total_downloads DESC, u.id
+        LIMIT 1000
+        "#,
+    )
+    .fetch_all(&mut txn)
+    .await
+    .wrap_err("failed to fetch Discord role email campaign recipients")?
+    .into_iter()
+    .map(DBUserId)
+    .collect::<Vec<_>>();
+
+    let count = user_ids.len();
+
+    if !user_ids.is_empty() {
+        NotificationBuilder {
+            body: NotificationBody::DiscordRoleCreatorClub,
+        }
+        .insert_many(user_ids, &mut txn, &redis_pool)
+        .await
+        .wrap_err("failed to queue Discord role email notifications")?;
+    }
+
+    txn.commit()
+        .await
+        .wrap_err("failed to commit Discord role email campaign transaction")?;
+
+    info!(count, "Finished indexing Discord role email campaign");
+    Ok(())
+}
+
 pub async fn sync_payout_statuses(
    pool: PgPool,
    mural: muralpay::Client,
@@ -247,7 +247,8 @@ pub async fn init_client_with_database(
            ALTER TABLE {database}.{DOWNLOADS} {cluster_line}
            ADD COLUMN IF NOT EXISTS reason String,
            ADD COLUMN IF NOT EXISTS game_version String,
-            ADD COLUMN IF NOT EXISTS loader String
+            ADD COLUMN IF NOT EXISTS loader String,
+            ADD COLUMN IF NOT EXISTS dependent_on_version_id UInt64
            "
        ))
        .execute()
@@ -286,13 +286,13 @@ impl DBUser {
        let escaped_query = format!("{}%", escape_like(&lowercase_query));

        let users = sqlx::query!(
-            "
+            r#"
            SELECT id, username, avatar_url
            FROM users
            WHERE LOWER(username) LIKE $1 ESCAPE '\'
            ORDER BY LOWER(username) = $2 DESC, LOWER(username), username
            LIMIT 25
-            ",
+            "#,
            escaped_query,
            lowercase_query
        )
@@ -189,6 +189,8 @@ vars! {
    GITLAB_CLIENT_SECRET: String = "none";
    DISCORD_CLIENT_ID: String = "none";
    DISCORD_CLIENT_SECRET: String = "none";
+    DISCORD_COMMUNITY_BOT_HANDOFF_URL: String = "http://localhost:3000/modrinth/handoff";
+    DISCORD_COMMUNITY_LINK_SECRET: String = "";
    MICROSOFT_CLIENT_ID: String = "none";
    MICROSOFT_CLIENT_SECRET: String = "none";
    GOOGLE_CLIENT_ID: String = "none";
@@ -153,6 +153,7 @@ pub enum LegacyNotificationBody {
        amount: u64,
        date_available: DateTime<Utc>,
    },
+    DiscordRoleCreatorClub,
    Custom {
        key: String,
        title: String,
@@ -242,6 +243,9 @@ impl LegacyNotification {
            NotificationBody::PayoutAvailable { .. } => {
                Some("payout_available".to_string())
            }
+            NotificationBody::DiscordRoleCreatorClub => {
+                Some("discord_role_creator_club".to_string())
+            }
            NotificationBody::Custom { .. } => Some("custom".to_string()),
            NotificationBody::LegacyMarkdown {
                notification_type, ..
@@ -350,6 +354,9 @@ impl LegacyNotification {
                amount,
                date_available,
            },
+            NotificationBody::DiscordRoleCreatorClub => {
+                LegacyNotificationBody::DiscordRoleCreatorClub
+            }
            NotificationBody::LegacyMarkdown {
                notification_type,
                name,
@@ -29,6 +29,7 @@ pub struct Download {
    pub reason: String,
    pub game_version: String,
    pub loader: String,
+    pub dependent_on_version_id: u64,
 }

 /// Why a project was downloaded.
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
François-X. T.	d42bb5a07f	fix(frontend): dont assume wss for panel pingtest as well	2026-06-16 17:48:16 -04:00
François-X. T.	c3a6db61de	fix(frontend): don't strip ws path	2026-06-16 17:34:32 -04:00
François-X. T.	3bc567b529	fix(frontend): actually do the same for websocket	2026-06-16 17:17:11 -04:00
François-X. T.	e152b51bbb	feat(frontend): don't assume https as websocket/fs protocol	2026-06-16 17:12:23 -04:00
Calum H.andGitHub	f48a2f64db	fix: content modals missing nexttick (#6412 )	2026-06-16 16:01:49 +00:00
Calum H.andGitHub	fe80ac10fc	fix: hide content selection floating bar modal issues (#6413 )	2026-06-16 16:01:09 +00:00
Prospector	cf0d260802	fix blog	2026-06-15 08:41:40 -07:00
Prospector	503d34ee0f	add spark blog post	2026-06-15 07:34:31 -07:00
ProspectorandGitHub	bfbe66f73b	feat: add product metadata to admin billing (#6371 ) * feat: add product metadata to admin billing * prepr	2026-06-11 15:30:39 -07:00
aecsocketandGitHub	64e17c7c1b	Include compatible dependencies field in project search (#6366 ) * include compatible dependency projects field * fix	2026-06-11 20:18:44 +00:00
Calum H.andGitHub	c082594825	fix: underscored users not searchable (#6362 )	2026-06-11 19:27:28 +00:00
Prospector	e5831d38eb	changelog	2026-06-11 12:08:54 -07:00
Truman GaoandGitHub	1cabfe3e85	fix: allow mojang skins to be draggable (#6365 ) * fix: allow mojang skins to be draggable * pnpm prepr	2026-06-11 19:02:28 +00:00
L4stIdi0t GitHub Calum H.Calum H.	36423eb5b5	Feat: system theme live update (#6197 ) * fix: restore fixed render mode for logs tab * feat: react to system theme changes in real time When the 'System' theme is selected, listen for OS-level prefers-color-scheme changes and update the app theme immediately, without requiring a restart. * Apply suggestion from @IMB11 Signed-off-by: Calum H. <hendersoncal117@gmail.com> --------- Signed-off-by: Calum H. <hendersoncal117@gmail.com> Co-authored-by: Calum H. <hendersoncal117@gmail.com> Co-authored-by: Calum H. <calum@modrinth.com>	2026-06-11 13:32:15 +00:00
ArthurandGitHub	7d15fd3ac0	devex: integrate i18n ally extension (#6328 ) * Integrate with i18n ally * Update .gitignore * Cleanup * Dont force display language	2026-06-11 12:52:44 +00:00
Truman Gao GitHub Calum H.	c1780eef7d	feat: drag and drop skins to reorder (#6357 ) * feat: drag and drop skins to reorder * feat: implement drag to reorder skins * fix: ci * remove: backend implementation * regenerate sqlx * fix: remove v-if selectable * feat: remove drag handle * refactor: pnpm prepr * cargo fmt * fix: dragging disable hover, wrong evt for edit skin + remove back of skin hover --------- Co-authored-by: Calum H. (IMB11) <contact@cal.engineer>	2026-06-11 12:22:38 +00:00
aecsocketandGitHub	d2a66bb2b0	Allow searching by project dependencies (#6350 ) * Allow searching by project dependencies * change field name * use query macro	2026-06-10 17:30:03 +00:00
Calum H.andGitHub	98b1730e19	fix(skins): translucency issues with outer layer (#6345 ) fix(skins): translucency issues with outer layer in main renderer	2026-06-10 13:28:21 +00:00
Calum H.andGitHub	180cef6eaa	fix(skins): better offline handling (#6344 )	2026-06-10 13:28:10 +00:00
Calum H.andGitHub	b828fa17de	feat(app-auth): add new error cases to mc auth error modal (#6349 )	2026-06-10 13:28:00 +00:00
Truman GaoandGitHub	72a4e86c26	fix: analytics events page not in admin dropdown (#6352 ) * fix: analytics events page not in admin dropdown * pnpm prepr * fix: add clearing date picker * fix: date picker positioning not using rendered height	2026-06-09 21:01:42 +00:00
Calum H.andGitHub	93f8da1666	fix(app): notifications appearing with modal open (#6348 ) fix: notifications appearing with modal open	2026-06-09 21:01:02 +00:00
Calum H.andGitHub	f474940321	fix(skins): hardcoded skins not editable (#6347 ) fix: hardcoded skins not editable	2026-06-09 18:23:19 +00:00
Calum H.andGitHub	83b0586fd2	fix(skins): loading state flash on delete (#6346 )	2026-06-09 18:22:07 +00:00
Calum H.andGitHub	543d25e2d6	feat: use discord_id from discord sso for role grant (#6326 ) * feat: properly use labrinth's linked discord accts sso for discord bot * Update email for fixture user in SQL insert Signed-off-by: Calum H. <calum@modrinth.com> * fix: rev changes * fix: copy on email * fix: lint * fix: rev * fix: lint --------- Signed-off-by: Calum H. <calum@modrinth.com>	2026-06-09 17:33:07 +00:00
aecsocketandGitHub	bc5a761312	Add analytics meta for downloading dependent projects (#6318 ) * Send dependent mod info to backend * Parse meta from query * condense dependent_on and modpack * Analytics dependents response	2026-06-09 15:47:52 +00:00
Prospector	3258d7dbdf	changelog	2026-06-08 15:56:14 -07:00
ProspectorandGitHub	b5d1aeda85	feat: collapse uncommon plugin loaders behind "Show more" (#6342 )	2026-06-08 15:53:42 -07:00
coolbotandGitHub	1cedbe5fda	fix: upload a version nag (#6338 ) Update core.ts Use projectV3.versions instead of NagContext.versions to prevent the warning showing up when versions have not been loaded yet.	2026-06-08 22:06:47 +00:00
Truman GaoandGitHub	2c9bf58d1f	feat: various analytics updates (#6330 ) * feat: add button to view user analytics * feat: add "Your projects" preset selection * feat: fix revenue rounding for values under 1 and show full values for all statcards with tooltip * fix: sum rounded value instead of raw value for tooltip total if it's under 1 * fix: show decimal in playtime statcard if under 1 hrs * feat: disable playtime statcard for purely plugin projects * refactor: pnpm prepr	2026-06-08 22:03:28 +00:00
Truman GaoandGitHub	a92b5b08df	fix: radius on inner button in Tabs (#6340 )	2026-06-08 21:53:40 +00:00
Calum H.andGitHub	01d3fb47c4	feat: updater ui change + win restart fix (#6339 ) * feat: updater ui change * fix: fix width * fix: impl fork tauri updater plugin * fix: lint	2026-06-08 21:52:22 +00:00